:root{--sc-accent: #f97316;--sc-accent-hover: #ea580c;--sc-accent-2: #fb923c;--sc-accent-deep: #ea580c;--sc-accent-contrast: #ffffff;--sc-accent-grad: linear-gradient(135deg, #fb923c 0%, #f97316 52%, #ea580c 100%);--sc-accent-soft: color-mix(in srgb, var(--sc-accent) 14%, transparent);--sc-bg: #f6f6f4;--sc-fg: #1c1917;--sc-muted: #6b7280;--sc-surface: #ffffff;--sc-surface-2: #ffffff;--sc-border: rgb(17 24 39 / .1);--sc-glass: rgb(255 255 255 / .62);--sc-glass-2: rgb(255 255 255 / .8);--sc-glass-border: rgb(17 24 39 / .08);--sc-input-bg: rgb(255 255 255 / .72);--sc-mesh: radial-gradient(1100px 620px at 12% -8%, rgb(249 115 22 / .1), transparent 60%), radial-gradient(1000px 700px at 112% 4%, rgb(56 128 255 / .08), transparent 55%), radial-gradient(900px 820px at 50% 120%, rgb(249 115 22 / .05), transparent 60%), linear-gradient(180deg, #f8f7f5, #eceef1);--sc-success: #16a34a;--sc-warning: #d97706;--sc-danger: #dc2626;--sc-info: #2563eb;--sc-radius: 14px;--sc-radius-sm: 10px;--sc-blur: 16px;--sc-shadow: 0 10px 30px -14px rgb(17 24 39 / .28);--sc-shadow-lg: 0 26px 56px -20px rgb(17 24 39 / .32);--sc-glow: 0 10px 26px -8px rgb(249 115 22 / .45);--sc-ring: 0 0 0 3px rgb(249 115 22 / .3)}:root[data-theme=dark]{--sc-bg: #0a0b0f;--sc-fg: #f4f4f5;--sc-muted: #9aa1ac;--sc-surface: #14161c;--sc-surface-2: #1b1e27;--sc-border: rgb(255 255 255 / .08);--sc-glass: rgb(255 255 255 / .045);--sc-glass-2: rgb(255 255 255 / .075);--sc-glass-border: rgb(255 255 255 / .09);--sc-input-bg: rgb(255 255 255 / .04);--sc-mesh: radial-gradient(1100px 620px at 12% -8%, rgb(249 115 22 / .16), transparent 60%), radial-gradient(1000px 720px at 112% 4%, rgb(56 128 255 / .13), transparent 55%), radial-gradient(900px 820px at 50% 122%, rgb(249 115 22 / .08), transparent 60%), linear-gradient(180deg, #0a0b0f, #0c0e13);--sc-success: #22c55e;--sc-warning: #f59e0b;--sc-danger: #ef4444;--sc-info: #3b82f6;--sc-shadow: 0 14px 38px -16px rgb(0 0 0 / .7);--sc-shadow-lg: 0 30px 64px -22px rgb(0 0 0 / .78);--sc-glow: 0 12px 30px -8px rgb(249 115 22 / .5)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--sc-bg: #0a0b0f;--sc-fg: #f4f4f5;--sc-muted: #9aa1ac;--sc-surface: #14161c;--sc-surface-2: #1b1e27;--sc-border: rgb(255 255 255 / .08);--sc-glass: rgb(255 255 255 / .045);--sc-glass-2: rgb(255 255 255 / .075);--sc-glass-border: rgb(255 255 255 / .09);--sc-input-bg: rgb(255 255 255 / .04);--sc-mesh: radial-gradient(1100px 620px at 12% -8%, rgb(249 115 22 / .16), transparent 60%), radial-gradient(1000px 720px at 112% 4%, rgb(56 128 255 / .13), transparent 55%), radial-gradient(900px 820px at 50% 122%, rgb(249 115 22 / .08), transparent 60%), linear-gradient(180deg, #0a0b0f, #0c0e13);--sc-success: #22c55e;--sc-warning: #f59e0b;--sc-danger: #ef4444;--sc-info: #3b82f6;--sc-shadow: 0 14px 38px -16px rgb(0 0 0 / .7);--sc-shadow-lg: 0 30px 64px -22px rgb(0 0 0 / .78);--sc-glow: 0 12px 30px -8px rgb(249 115 22 / .5)}}*{box-sizing:border-box}html{scrollbar-color:var(--sc-glass-border) transparent}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--sc-bg);color:var(--sc-fg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--sc-mesh);background-attachment:fixed;pointer-events:none}::selection{background:color-mix(in srgb,var(--sc-accent) 35%,transparent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--sc-glass-border);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--sc-accent) 45%,transparent)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{padding:1rem 1.5rem;border-bottom:1px solid var(--sc-glass-border)}.brand{font-weight:700;color:var(--sc-accent);letter-spacing:-.01em}.app-main{flex:1;padding:2.5rem 1.5rem;max-width:72rem;margin:0 auto;width:100%}.app-main h1{margin:0 0 .5rem}.app-main p{color:var(--sc-muted)}.app-footer{padding:1rem 1.5rem;border-top:1px solid var(--sc-glass-border);color:var(--sc-muted);font-size:.875rem}a{color:var(--sc-accent)}button{font:inherit}h1{font-size:1.7rem;font-weight:700;letter-spacing:-.022em;line-height:1.15}h2{letter-spacing:-.015em}.layout{min-height:100vh;display:grid;grid-template-columns:248px 1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"sidebar topbar" "sidebar main" "sidebar footer"}.layout__topbar{grid-area:topbar;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.5rem;border-bottom:1px solid var(--sc-glass-border);background:var(--sc-glass);backdrop-filter:blur(var(--sc-blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--sc-blur)) saturate(140%)}.layout__sidebar{grid-area:sidebar;position:sticky;top:0;align-self:start;height:100vh;overflow-y:auto;border-right:1px solid var(--sc-glass-border);background:var(--sc-glass);backdrop-filter:blur(var(--sc-blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--sc-blur)) saturate(140%);padding:1.1rem .85rem;display:flex;flex-direction:column;gap:.3rem}.layout__main{grid-area:main;padding:1.75rem;max-width:80rem;width:100%;animation:sc-fade-up .4s ease both}.layout__footer{grid-area:footer;color:var(--sc-muted);font-size:.85rem;padding:1rem 1.75rem;border-top:1px solid var(--sc-glass-border)}@keyframes sc-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.nav-link{display:flex;align-items:center;gap:.6rem;padding:.6rem .8rem;border-radius:var(--sc-radius-sm);color:var(--sc-fg);text-decoration:none;font-weight:500;border:1px solid transparent;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}.nav-link:hover{background:var(--sc-glass-2);border-color:var(--sc-glass-border)}.nav-link--active{background:var(--sc-accent-grad);color:var(--sc-accent-contrast);box-shadow:var(--sc-glow)}.nav-link--active:hover{background:var(--sc-accent-grad);border-color:transparent}.topbar-actions{display:flex;align-items:center;gap:.6rem}.theme-toggle,.lang-switch,.user-menu__button{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .7rem;border:1px solid var(--sc-glass-border);border-radius:var(--sc-radius-sm);background:var(--sc-glass-2);color:var(--sc-fg);cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.theme-toggle:hover,.lang-switch:hover,.user-menu__button:hover{border-color:color-mix(in srgb,var(--sc-accent) 40%,var(--sc-glass-border));transform:translateY(-1px)}.lang-switch{padding:.45rem .55rem}.user-menu{position:relative}.user-menu__dropdown{position:absolute;right:0;top:calc(100% + .4rem);min-width:12rem;background:var(--sc-surface-2);border:1px solid var(--sc-glass-border);border-radius:var(--sc-radius);box-shadow:var(--sc-shadow-lg);backdrop-filter:blur(var(--sc-blur));-webkit-backdrop-filter:blur(var(--sc-blur));padding:.5rem;z-index:40}.user-menu__item{display:block;width:100%;text-align:left;padding:.55rem .6rem;border:0;border-radius:var(--sc-radius-sm);background:transparent;color:var(--sc-fg);cursor:pointer;transition:background .15s ease}.user-menu__item:hover{background:var(--sc-glass-2)}.card{position:relative;background:var(--sc-glass);border:1px solid var(--sc-glass-border);border-radius:var(--sc-radius);padding:1.25rem;box-shadow:var(--sc-shadow);backdrop-filter:blur(var(--sc-blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--sc-blur)) saturate(140%);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.card:before{content:"";position:absolute;inset:0 0 auto;height:1px;border-radius:var(--sc-radius) var(--sc-radius) 0 0;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .18),transparent);pointer-events:none}.card__title{margin:0 0 .9rem;font-size:1rem;font-weight:600;letter-spacing:-.01em}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:999px;font-size:.78rem;font-weight:600;border:1px solid transparent;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.badge--online{background:color-mix(in srgb,var(--sc-success) 18%,transparent);color:var(--sc-success);border-color:color-mix(in srgb,var(--sc-success) 35%,transparent)}.badge--offline{background:color-mix(in srgb,var(--sc-muted) 18%,transparent);color:var(--sc-muted);border-color:color-mix(in srgb,var(--sc-muted) 30%,transparent)}.badge--warning{background:color-mix(in srgb,var(--sc-warning) 18%,transparent);color:var(--sc-warning);border-color:color-mix(in srgb,var(--sc-warning) 35%,transparent)}.badge--danger{background:color-mix(in srgb,var(--sc-danger) 18%,transparent);color:var(--sc-danger);border-color:color-mix(in srgb,var(--sc-danger) 35%,transparent)}.badge--info{background:color-mix(in srgb,var(--sc-info) 18%,transparent);color:var(--sc-info);border-color:color-mix(in srgb,var(--sc-info) 35%,transparent)}.badge--success{background:color-mix(in srgb,var(--sc-success) 18%,transparent);color:var(--sc-success);border-color:color-mix(in srgb,var(--sc-success) 35%,transparent)}.badge__dot{width:.5rem;height:.5rem;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.battery{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:600}.battery--ok{color:var(--sc-success)}.battery--low{color:var(--sc-warning)}.battery--critical{color:var(--sc-danger)}.battery--unknown{color:var(--sc-muted)}.spinner{display:inline-block;width:1.25rem;height:1.25rem;border:2px solid var(--sc-glass-border);border-top-color:var(--sc-accent);border-radius:50%;animation:sc-spin .7s linear infinite}@keyframes sc-spin{to{transform:rotate(360deg)}}.state-block{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2.5rem 1rem;text-align:center;color:var(--sc-muted)}.state-block__title{font-weight:600;color:var(--sc-fg);margin:0}.pagination{display:flex;align-items:center;gap:.75rem;margin-top:1rem}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .95rem;border-radius:var(--sc-radius-sm);border:1px solid var(--sc-glass-border);background:var(--sc-glass-2);color:var(--sc-fg);cursor:pointer;font-weight:500;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}.btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--sc-accent) 40%,var(--sc-glass-border));transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--sc-accent-grad);border-color:transparent;color:var(--sc-accent-contrast);box-shadow:var(--sc-glow)}.btn--primary:hover:not(:disabled){filter:brightness(1.05);border-color:transparent;transform:translateY(-1px);box-shadow:var(--sc-glow),0 0 0 1px color-mix(in srgb,var(--sc-accent) 50%,transparent)}.btn--danger{background:linear-gradient(135deg,#f87171,var(--sc-danger));border-color:transparent;color:#fff;box-shadow:0 10px 26px -8px #dc262673}.btn--danger:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.field__label{font-weight:600;font-size:.82rem;letter-spacing:.01em;color:var(--sc-muted)}.field__control,.field select,.field input{padding:.6rem .75rem;border:1px solid var(--sc-glass-border);border-radius:var(--sc-radius-sm);background:var(--sc-input-bg);color:var(--sc-fg);width:100%;transition:border-color .16s ease,box-shadow .16s ease}.field__control:focus,.field input:focus,.field select:focus,.field__control:focus-visible,.field input:focus-visible,.field select:focus-visible{outline:none;border-color:var(--sc-accent);box-shadow:var(--sc-ring)}.field__error{color:var(--sc-danger);font-size:.85rem}.field--switch{flex-direction:row;align-items:center;gap:.5rem}input[type=checkbox],input[type=radio]{accent-color:var(--sc-accent)}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.auth-card{position:relative;width:100%;max-width:25rem;background:var(--sc-glass);border:1px solid var(--sc-glass-border);border-radius:calc(var(--sc-radius) + 6px);padding:2.25rem;box-shadow:var(--sc-shadow-lg);backdrop-filter:blur(calc(var(--sc-blur) + 6px)) saturate(150%);-webkit-backdrop-filter:blur(calc(var(--sc-blur) + 6px)) saturate(150%);overflow:hidden;animation:sc-fade-up .45s ease both}.auth-card:after{content:"";position:absolute;top:-40%;left:50%;width:120%;height:70%;transform:translate(-50%);background:radial-gradient(closest-side,rgb(249 115 22 / .22),transparent);pointer-events:none}.auth-card>*{position:relative}.auth-card__brand{margin-bottom:1.5rem}.alert--error{background:color-mix(in srgb,var(--sc-danger) 14%,transparent);color:var(--sc-danger);border:1px solid color-mix(in srgb,var(--sc-danger) 35%,transparent);border-radius:var(--sc-radius-sm);padding:.6rem .8rem;margin-bottom:1rem;font-size:.9rem}.logo{display:inline-flex;align-items:center;color:var(--sc-fg)}.logo svg{height:1.75rem;width:auto}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}@media (max-width: 768px){.layout{grid-template-columns:1fr;grid-template-areas:"topbar" "sidebar" "main" "footer"}.layout__sidebar{position:static;height:auto;flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--sc-glass-border)}.theme-toggle__label{display:none}}