:root{color-scheme:light;--color-bg: #f6f8fb;--color-surface: #ffffff;--color-surface-muted: #f1f4f8;--color-surface-raised: #ffffff;--color-border: #e4e9f0;--color-border-strong: #d6deea;--color-text: #111827;--color-text-muted: #667386;--color-primary: #168cff;--color-primary-hover: #0878e8;--color-primary-soft: #e9f4ff;--color-success: #16a85c;--color-success-soft: #e8f8ef;--color-warning: #d98200;--color-warning-soft: #fff5df;--color-danger: #dc3545;--color-danger-soft: #fff0f1;--sidebar-bg: #101722;--sidebar-text: #f4f7fb;--sidebar-muted: #91a0b4;--sidebar-active: #1e2a3a;--shadow-card: 0 1px 2px rgb(16 24 40 / .03), 0 8px 28px rgb(16 24 40 / .045);--radius-card: 16px;--radius-control: 11px;--content-max: 1560px;--sidebar-width: 244px;--topbar-height: 78px;--focus-ring: 0 0 0 3px rgb(22 140 255 / .25);--transition: .16s ease}*,*:before,*:after{box-sizing:border-box}html{min-width:320px;background:var(--color-bg);scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--color-text);background:var(--color-bg)}button,input,select,textarea{color:inherit;font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,select,summary{cursor:pointer}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}p,h1,h2,h3,dl,dd{margin:0}[hidden]{display:none!important}:focus-visible{outline:none;box-shadow:var(--focus-ring)}:root[data-theme=dark]{color-scheme:dark;--color-bg: #0f131a;--color-surface: #161c25;--color-surface-muted: #1b2330;--color-surface-raised: #1a222d;--color-border: #273142;--color-border-strong: #354258;--color-text: #f4f7fb;--color-text-muted: #98a5b5;--color-primary: #36a3ff;--color-primary-hover: #62b7ff;--color-primary-soft: #102d48;--color-success: #34d399;--color-success-soft: #12352b;--color-warning: #fbbf24;--color-warning-soft: #3c3012;--color-danger: #f87171;--color-danger-soft: #401d24;--sidebar-bg: #0b1017;--sidebar-active: #1a2533;--shadow-card: 0 8px 28px rgb(0 0 0 / .18)}@media(prefers-color-scheme:dark){:root[data-theme=system]{color-scheme:dark;--color-bg: #0f131a;--color-surface: #161c25;--color-surface-muted: #1b2330;--color-surface-raised: #1a222d;--color-border: #273142;--color-border-strong: #354258;--color-text: #f4f7fb;--color-text-muted: #98a5b5;--color-primary: #36a3ff;--color-primary-hover: #62b7ff;--color-primary-soft: #102d48;--color-success: #34d399;--color-success-soft: #12352b;--color-warning: #fbbf24;--color-warning-soft: #3c3012;--color-danger: #f87171;--color-danger-soft: #401d24;--sidebar-bg: #0b1017;--sidebar-active: #1a2533;--shadow-card: 0 8px 28px rgb(0 0 0 / .18)}}@media(prefers-color-scheme:light){:root[data-theme=system]{color-scheme:light}}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.55;text-rendering:optimizeLegibility}h1,h2,h3,strong{font-weight:680;letter-spacing:-.02em}h1{font-size:clamp(1.35rem,2vw,1.7rem);line-height:1.2}h2{font-size:clamp(1.25rem,2vw,1.6rem);line-height:1.25}h3{font-size:1.02rem;line-height:1.35}.eyebrow{margin-bottom:4px;color:var(--color-text-muted);font-size:.72rem;font-weight:720;letter-spacing:.09em;text-transform:uppercase}.muted,small{color:var(--color-text-muted)}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:40;display:flex;width:var(--sidebar-width);flex-direction:column;padding:24px 16px 18px;color:var(--sidebar-text);background:var(--sidebar-bg);border-right:1px solid rgb(255 255 255 / .06)}.brand{display:flex;align-items:center;gap:13px;min-height:52px;padding:0 10px}.brand strong{display:block;font-size:1.2rem}.brand small{display:block;margin-top:-2px;color:var(--sidebar-muted);font-size:.72rem}.brand-mark{position:relative;display:inline-block;width:34px;min-width:34px;height:34px}.brand-mark:before,.brand-mark:after{position:absolute;top:14px;left:1px;width:32px;height:7px;content:"";background:#168cff;border-radius:999px;transform:rotate(45deg)}.brand-mark:after{background:#08bee8;transform:rotate(-45deg)}.sidebar__nav{display:grid;gap:5px;margin-top:38px}.nav-link{display:flex;min-height:48px;align-items:center;gap:13px;padding:0 13px;color:var(--sidebar-muted);border-radius:12px;transition:color var(--transition),background var(--transition)}.nav-link:hover,.nav-link.is-active{color:var(--sidebar-text);background:var(--sidebar-active)}.nav-link.is-active{box-shadow:inset 3px 0 var(--color-primary)}.sidebar__footer{display:grid;gap:14px;margin-top:auto}.organization-summary{padding:14px;background:#ffffff0d;border:1px solid rgb(255 255 255 / .06);border-radius:13px}.organization-summary .eyebrow{color:var(--sidebar-muted)}.user-summary{display:grid;grid-template-columns:38px minmax(0,1fr) 40px;align-items:center;gap:10px;padding:6px}.user-summary strong,.user-summary small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-workspace{min-width:0;margin-left:var(--sidebar-width)}.topbar{position:sticky;top:0;z-index:30;display:flex;min-height:var(--topbar-height);align-items:center;gap:16px;padding:12px clamp(20px,3vw,42px);background:color-mix(in srgb,var(--color-bg) 88%,transparent);border-bottom:1px solid var(--color-border);backdrop-filter:blur(16px)}.topbar__title{min-width:0}.topbar__actions{display:flex;align-items:center;gap:10px;margin-left:auto}.breadcrumb{color:var(--color-text-muted);font-size:.78rem}.main-content{width:min(100%,var(--content-max));min-height:calc(100vh - var(--topbar-height));margin:0 auto;padding:clamp(24px,3vw,42px)}.page-stack,.section-stack{display:grid;gap:24px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.metrics-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);align-items:start;gap:24px}.detail-columns{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:start;gap:24px}.drawer-backdrop,.menu-button{display:none}.icon{width:21px;height:21px;flex:0 0 auto}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;padding:0 18px;color:#fff;font-weight:680;background:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-control);transition:background var(--transition),border var(--transition),transform var(--transition)}.button:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px)}.button--secondary{color:var(--color-text);background:var(--color-surface);border-color:var(--color-border-strong)}.button--secondary:hover:not(:disabled),.button--ghost:hover:not(:disabled){color:var(--color-primary);background:var(--color-primary-soft);border-color:var(--color-primary-soft)}.button--ghost{color:inherit;background:transparent;border-color:transparent}.button--danger{background:var(--color-danger);border-color:var(--color-danger)}.button:disabled{cursor:not-allowed;opacity:.48}.icon-button{width:44px;padding:0;border-radius:12px}.avatar{display:inline-grid;width:38px;height:38px;place-items:center;color:#fff;font-weight:750;background:var(--color-primary);border-radius:12px}.badge{display:inline-flex;min-height:27px;align-items:center;padding:3px 10px;color:var(--color-text-muted);font-size:.75rem;font-weight:680;background:var(--color-surface-muted);border-radius:999px;white-space:nowrap}.badge--online,.badge--resolved{color:var(--color-success);background:var(--color-success-soft)}.badge--offline,.badge--waiting,.badge--warning,.badge--medium{color:var(--color-warning);background:var(--color-warning-soft)}.badge--critical,.badge--high{color:var(--color-danger);background:var(--color-danger-soft)}.metric-card{position:relative;min-height:150px;padding:22px;overflow:hidden}.metric-card:after{position:absolute;right:-18px;bottom:-30px;width:90px;height:90px;content:"";background:var(--color-primary-soft);border-radius:50%}.metric-card--success:after{background:var(--color-success-soft)}.metric-card--warning:after{background:var(--color-warning-soft)}.metric-card__label{color:var(--color-text-muted);font-size:.82rem}.metric-card__value{margin-top:14px;font-size:clamp(1.8rem,3vw,2.35rem);font-weight:730;letter-spacing:-.05em}.metric-card__detail{margin-top:5px;color:var(--color-text-muted);font-size:.78rem}.progress-ring{position:relative;display:grid;width:66px;height:66px;flex:0 0 auto;place-items:center;border-radius:50%}.progress-ring__graphic{position:absolute;inset:0;width:100%;height:100%;fill:none}.progress-ring__track,.progress-ring__value{fill:none;stroke-width:5}.progress-ring__track{stroke:var(--color-surface-muted)}.progress-ring__value{stroke:var(--color-primary);stroke-linecap:round}.progress-ring span{position:relative;z-index:1;font-size:.78rem;font-weight:750}.device-card{display:grid;gap:20px;min-width:0;padding:22px;transition:border var(--transition),transform var(--transition),box-shadow var(--transition)}.device-card:hover{border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border));box-shadow:0 12px 32px #10182817;transform:translateY(-2px)}.device-card__top,.device-card__health,.device-card__footer,.issue-card__heading,.issue-card__footer,.section-heading,.inline-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.device-card__health{justify-content:flex-start;padding:16px;background:var(--color-surface-muted);border-radius:13px}.device-card__meta{display:grid;gap:5px;color:var(--color-text-muted);font-size:.78rem}.device-card__footer{padding-top:15px;color:var(--color-text-muted);border-top:1px solid var(--color-border)}.device-card__footer .icon{color:var(--color-primary)}.issue-card{position:relative;display:grid;gap:16px;padding:22px;overflow:hidden}.issue-card:before{position:absolute;inset:0 auto 0 0;width:4px;content:"";background:var(--color-warning)}.issue-card--high:before,.issue-card--critical:before{background:var(--color-danger)}.issue-card__explanation{color:var(--color-text-muted)}.issue-card__suggestion{display:flex;gap:12px;padding:14px;background:var(--color-surface-muted);border-radius:12px}.issue-card__suggestion .icon{margin-top:2px;color:var(--color-primary)}.issue-card__suggestion strong,.issue-card__suggestion span{display:block}.issue-card__suggestion span{margin-top:2px;color:var(--color-text-muted)}.button-row{display:flex;gap:9px}.timeline{display:grid}.timeline__item{position:relative;display:grid;grid-template-columns:18px 1fr;gap:12px;padding-bottom:24px}.timeline__item:not(:last-child):before{position:absolute;top:14px;bottom:0;left:5px;width:1px;content:"";background:var(--color-border)}.timeline__dot{z-index:1;width:11px;height:11px;margin-top:5px;background:var(--color-text-muted);border:3px solid var(--color-surface);border-radius:50%;box-shadow:0 0 0 1px var(--color-border)}.timeline__item--success .timeline__dot{background:var(--color-success)}.timeline__item--info .timeline__dot{background:var(--color-primary)}.timeline p{margin-top:2px;color:var(--color-text-muted)}.timeline time{display:block;margin-top:5px;font-size:.72rem}input,select{min-height:46px;padding:0 13px;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-control)}input:hover,select:hover{border-color:color-mix(in srgb,var(--color-primary) 35%,var(--color-border-strong))}input:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.search-box{position:relative;display:flex;flex:1;align-items:center}.search-box .icon{position:absolute;left:14px;color:var(--color-text-muted)}.search-box input{width:100%;padding-left:44px}.connection{display:inline-flex;min-height:38px;align-items:center;gap:8px;padding:0 12px;color:var(--color-text-muted);font-size:.78rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px}.connection__dot{width:8px;height:8px;background:var(--color-warning);border-radius:50%}.connection--online .connection__dot{background:var(--color-success)}.connection--offline .connection__dot{background:var(--color-danger)}.segmented-control{display:flex;gap:6px;width:fit-content;max-width:100%;padding:5px;overflow-x:auto;background:var(--color-surface-muted);border-radius:13px}.segmented-control button{min-height:40px;padding:0 14px;color:var(--color-text-muted);background:transparent;border:0;border-radius:9px;white-space:nowrap}.segmented-control button.is-active{color:var(--color-text);font-weight:680;background:var(--color-surface);box-shadow:0 1px 3px #10182814}.page-intro{display:flex;min-height:150px;align-items:center;justify-content:space-between;gap:32px;padding:clamp(24px,4vw,38px);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.page-intro h2{max-width:700px;font-size:clamp(1.55rem,3vw,2.15rem)}.page-intro p:not(.eyebrow){max-width:700px;margin-top:8px;color:var(--color-text-muted)}.page-intro--compact{min-height:126px}.hero-status{display:flex;align-items:center;gap:10px;padding:11px 14px;color:var(--color-success);background:var(--color-success-soft);border-radius:999px;white-space:nowrap}.hero-status__pulse{width:9px;height:9px;background:var(--color-success);border-radius:50%;box-shadow:0 0 0 5px color-mix(in srgb,var(--color-success) 15%,transparent)}.section-heading a{color:var(--color-primary);font-weight:650}.activity-card,.members-card,.settings-section,.details-card{padding:24px}.activity-card .timeline{margin-top:24px}.toolbar{display:flex;gap:12px;padding:14px}.toolbar select{min-width:190px}.device-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px}.device-hero__identity,.device-hero__actions{display:flex;align-items:center;gap:18px}.device-avatar{display:grid;width:64px;height:64px;flex:0 0 auto;place-items:center;color:var(--color-primary);font-size:1.4rem;font-weight:750;background:var(--color-primary-soft);border-radius:18px}.details-card summary{font-weight:680}.details-grid{display:grid;grid-template-columns:auto 1fr;gap:12px 20px;margin-top:22px}.details-grid dt{color:var(--color-text-muted)}.details-grid dd{text-align:right}.members-list{display:grid;margin-top:8px}.members-list li{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--color-border)}.members-list li:last-child{border-bottom:0}.members-list strong,.members-list small{display:block}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.theme-option{position:relative;display:grid;gap:10px;padding:12px;border:1px solid var(--color-border);border-radius:13px;cursor:pointer}.theme-option:has(input:checked){border-color:var(--color-primary);box-shadow:var(--focus-ring)}.theme-option input{position:absolute;width:1px;height:1px;opacity:0}.theme-preview{display:block;height:64px;background:#fff;border:1px solid #dfe5ed;border-radius:9px;box-shadow:inset 22px 0 #101722}.theme-preview--dark{background:#161c25;border-color:#273142;box-shadow:inset 22px 0 #0b1017}.theme-preview--system{background:linear-gradient(90deg,#fff 50%,#161c25 50%);box-shadow:inset 22px 0 #101722}.settings-list{display:grid;margin-top:8px}.setting-row{display:flex;min-height:66px;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--color-border)}.setting-row:last-child{border-bottom:0}.setting-row strong,.setting-row small{display:block}.login-page{display:grid;min-height:100vh;grid-template-columns:minmax(420px,1.05fr) minmax(420px,.95fr);background:var(--color-bg)}.login-brand-panel{position:relative;display:flex;min-height:100vh;flex-direction:column;justify-content:center;padding:clamp(40px,7vw,110px);color:#f6f9fc;background:#0b111a;overflow:hidden}.login-brand-panel:before,.login-brand-panel:after{position:absolute;content:"";border:1px solid rgb(54 163 255 / .15);border-radius:50%}.login-brand-panel:before{top:-180px;right:-150px;width:520px;height:520px}.login-brand-panel:after{right:70px;bottom:-280px;width:620px;height:620px}.login-logo{position:absolute;top:34px;left:clamp(40px,7vw,110px);width:180px;height:auto;border-radius:8px}.login-promise{position:relative;z-index:1;max-width:640px}.login-promise .eyebrow{color:#37a6ff}.login-promise h1{max-width:620px;font-size:clamp(2.35rem,5vw,4.6rem);line-height:1.02}.login-promise>p:last-child{max-width:560px;margin-top:24px;color:#a8b5c6;font-size:1.05rem}.login-trust{position:absolute;bottom:42px;z-index:1;display:flex;align-items:center;gap:12px;color:#a8b5c6}.login-trust .brand-mark{transform:scale(.7)}.login-form-panel{display:grid;place-items:center;padding:40px}.login-form-wrap{width:min(100%,430px)}.login-form-wrap>h2{font-size:clamp(1.8rem,3vw,2.3rem)}.login-subtitle{margin-top:8px;color:var(--color-text-muted)}.login-form{display:grid;gap:18px;margin-top:34px}.login-form .button{width:100%;min-height:50px;margin-top:4px}.field,.field label{display:grid;gap:7px}.field label,.label-row label{font-weight:650}.field input{width:100%}.label-row{display:flex;align-items:center;justify-content:space-between}.label-row a{color:var(--color-primary);font-size:.8rem}.checkbox-row{display:flex;width:fit-content;align-items:center;gap:9px;color:var(--color-text-muted)}.checkbox-row input{min-height:auto}.form-error{padding:12px 14px;color:var(--color-danger);background:var(--color-danger-soft);border-radius:10px}.login-help{margin-top:26px;color:var(--color-text-muted);font-size:.78rem;text-align:center}.mobile-brand{display:none}.skeleton-card{display:grid;gap:18px;min-height:230px;padding:22px}.skeleton{display:block;background:var(--color-surface-muted);border-radius:8px;animation:skeleton-pulse 1.3s ease-in-out infinite alternate}.skeleton--title{width:55%;height:24px}.skeleton--line{width:75%;height:14px}.skeleton--block{height:110px}.state-card{display:grid;min-height:300px;place-items:center;align-content:center;gap:10px;padding:38px;text-align:center}.state-card>p{max-width:520px;color:var(--color-text-muted)}.state-card__icon{display:grid;width:52px;height:52px;place-items:center;color:var(--color-success);background:var(--color-success-soft);border-radius:16px}.state-card--error .state-card__icon{color:var(--color-danger);background:var(--color-danger-soft)}.state-code{color:var(--color-primary)!important;font-size:3rem;font-weight:750}.trace-id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}.mock-banner,.offline-banner{margin-bottom:18px;padding:10px 14px;color:#8a5a00;font-size:.78rem;text-align:center;background:#fff4d6;border:1px solid #f4d78a;border-radius:11px}.offline-banner{color:var(--color-danger);background:var(--color-danger-soft);border-color:color-mix(in srgb,var(--color-danger) 25%,transparent)}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#050a12a3}.modal{width:min(100%,540px);max-height:min(720px,90vh);overflow:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:18px;box-shadow:0 24px 80px #00000047}.modal__header,.modal__actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--color-border)}.modal__content{display:grid;gap:16px;padding:22px}.modal__actions{justify-content:flex-end;border-top:1px solid var(--color-border);border-bottom:0}.modal-note{padding:14px;background:var(--color-surface-muted);border-radius:11px}.toast-region{position:fixed;right:20px;bottom:20px;z-index:120;display:grid;gap:10px}.toast{max-width:360px;padding:13px 16px;color:var(--color-text);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 14px 42px #0000002b}@keyframes skeleton-pulse{to{opacity:.48}}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;top:10px;left:10px;z-index:200;padding:10px 14px;color:#fff;background:var(--color-primary);border-radius:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}@media(max-width:1279px){.metrics-grid,.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.detail-columns{grid-template-columns:1fr}}@media(max-width:1023px){:root{--sidebar-width: 228px}.sidebar{transform:translate(-102%);transition:transform var(--transition)}.app-workspace{margin-left:0}.menu-button{display:inline-flex}.drawer-open .sidebar{transform:translate(0)}.drawer-backdrop{position:fixed;inset:0;z-index:35;display:none;width:100%;height:100%;padding:0;background:#050a128c;border:0}.drawer-open .drawer-backdrop{display:block}.login-page{grid-template-columns:1fr}.login-brand-panel{display:none}.mobile-brand{display:flex;align-items:center;gap:12px;margin-bottom:44px;font-size:1.3rem}}@media(max-width:767px){.topbar{min-height:68px;padding:10px 14px}.topbar__actions>.icon-button,.connection__label{display:none}.connection{min-width:38px;padding:0;justify-content:center}.main-content{padding:18px 14px 30px}.page-stack,.section-stack{gap:16px}.page-intro,.device-hero{min-height:auto;align-items:flex-start;flex-direction:column;padding:22px}.hero-status{white-space:normal}.metrics-grid,.metrics-grid--three,.card-grid,.theme-options{grid-template-columns:1fr}.metric-card{min-height:126px}.toolbar,.issue-card__footer,.device-hero__actions{align-items:stretch;flex-direction:column}.toolbar select{width:100%}.issue-card__heading{align-items:flex-start}.button-row{width:100%}.button-row .button{flex:1}.device-hero__actions{width:100%}.device-hero__actions .progress-ring{display:none}.login-form-panel{padding:28px 20px}.settings-section,.members-card,.activity-card,.details-card{padding:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}