:root{font-synthesis:none;text-rendering:optimizelegibility;--background:#f4f7f9;--sidebar:#f8fafb;--surface:#fff;--surface-hover:#eef3f6;--border:#dbe5ea;--border-strong:#c4d3da;--text:#172630;--text-secondary:#526873;--text-muted:#82949e;--blue:#257ca3;--blue-hover:#1d6688;--blue-soft:#257ca314;--selection:#257ca312;--danger:#a33a3a;--danger-background:#fff6f6;--danger-border:#e2c2c2;--shadow:0 16px 40px #17263012;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0d1318;--sidebar:#141b21;--surface:#171f26;--surface-hover:#1d272f;--border:#293640;--border-strong:#394955;--text:#e7edf0;--text-secondary:#a8b6be;--text-muted:#748690;--blue:#83c9e7;--blue-hover:#a1daf0;--blue-soft:#83c9e714;--selection:#83c9e712;--danger:#d27b7b;--danger-background:#211719;--danger-border:#4b2b2d;--shadow:0 16px 40px #0003}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}html{background:var(--background)}body{background:var(--background);min-height:100vh;color:var(--text)}button,input{font:inherit}button{color:inherit}.app-shell{background:var(--background);min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--border);z-index:20;flex-direction:column;width:236px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-header{align-items:center;gap:12px;height:78px;padding:0 21px;display:flex}.northos-mark{flex-shrink:0;justify-content:center;align-items:center;gap:3px;width:30px;height:30px;display:flex;transform:skewY(-12deg)}.northos-mark-line{background:var(--blue);border-radius:1px;width:4px;height:19px}.northos-mark-line:first-child{opacity:.45;height:12px}.northos-mark-line:nth-child(2){height:20px}.northos-mark-line:nth-child(3){opacity:.7;height:16px}.brand{flex-direction:column;gap:2px;display:flex}.brand-name{letter-spacing:.14em;font-size:13px;font-weight:700}.brand-product{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:10px}.sidebar-rule{background:var(--border);height:1px}.navigation{padding:17px 11px}.nav-item{width:100%;height:42px;color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:11px;padding:0 12px;font-size:13px;transition:background .12s,border-color .12s,color .12s;display:flex}.nav-item:hover{color:var(--text);background:var(--surface-hover)}.nav-item.active{background:var(--selection);border-color:var(--border);color:var(--text)}.nav-item.active svg{color:var(--blue)}.sidebar-footer{border-top:1px solid var(--border);color:var(--text-muted);flex-direction:column;gap:13px;margin-top:auto;padding:15px 21px;display:flex}.sidebar-user{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.sidebar-username{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-secondary);font-size:12px;font-weight:500;overflow:hidden}.logout-button{width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .12s,border-color .12s,color .12s;display:flex}.logout-button:hover{background:var(--surface-hover);border-color:var(--border);color:var(--text)}.sidebar-version{letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:10px;display:flex}.close-menu{display:none}.main-content{background:var(--background);min-height:100vh;margin-left:236px;padding:72px 64px 80px}.page-header{background:var(--surface);border:1px solid var(--border);max-width:1040px;min-height:74px;box-shadow:var(--shadow);justify-content:space-between;align-items:center;gap:24px;margin:0 auto 40px;padding:22px 24px;display:flex}.page-header h1{color:var(--text);letter-spacing:-.025em;margin:0;font-size:28px;font-weight:600;line-height:1.2}.page-header p{color:var(--text-muted);margin:9px 0 0;font-size:13px;line-height:1.5}.theme-toggle{border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;border-radius:4px;flex-shrink:0;place-items:center;padding:0;transition:background .12s,border-color .12s,color .12s;display:grid}.theme-toggle:hover{background:var(--surface-hover);border-color:var(--border-strong);color:var(--text)}.section{background:var(--surface);border:1px solid var(--border);max-width:1040px;box-shadow:var(--shadow);margin:0 auto 28px}.section-heading{border-bottom:1px solid var(--border);padding:16px 22px}.section-heading h2{color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:11px;font-weight:600}.device-summary{grid-template-columns:1fr 250px;padding:27px 22px;display:grid}.device-name{color:var(--text);font-size:16px;font-weight:500}.device-codename{color:var(--text-muted);margin-top:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.device-version{flex-direction:column;gap:4px;display:flex}.device-version span{color:var(--blue);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.device-version strong{color:var(--text);font-size:14px;font-weight:500}.device-version small{color:var(--text-muted);font-size:11px}.release-table,.device-list{width:100%}.table-row{border-bottom:1px solid var(--border);min-height:52px;color:var(--text-secondary);grid-template-columns:1fr 1.3fr 1fr 1fr;align-items:center;padding:0 22px;font-size:13px;display:grid}.table-row:last-child{border-bottom:0}.table-row span{padding-right:14px}.table-row span:first-child{color:var(--text)}.table-header{min-height:40px;color:var(--text-muted);letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:600}.table-header span:first-child{color:var(--text-muted)}.device-list-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;min-height:76px;padding:0 22px;display:flex}.device-list-row:last-child{border-bottom:0}.device-list-meta{color:var(--text-muted);font-size:12px}.login-page{background:var(--background);justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex}.login-panel{background:var(--surface);border:1px solid var(--border);width:100%;max-width:410px;box-shadow:var(--shadow);padding:42px}.login-brand{align-items:center;gap:12px;margin-bottom:46px;display:flex}.login-brand>span{color:var(--text);letter-spacing:.12em;font-size:17px;font-weight:700}.login-header{margin-bottom:28px}.login-header h1{color:var(--text);letter-spacing:-.025em;margin:0 0 8px;font-size:28px;font-weight:600;line-height:1.2}.login-header p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.login-form{flex-direction:column;gap:19px;display:flex}.login-form label{color:var(--text);flex-direction:column;gap:8px;font-size:12px;font-weight:600;display:flex}.login-form input{border:1px solid var(--border);background:var(--background);width:100%;height:44px;color:var(--text);border-radius:4px;outline:none;padding:0 12px;font-size:14px;transition:border-color .12s,box-shadow .12s,background .12s}.login-form input:hover{border-color:var(--border-strong)}.login-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.login-form button{border:1px solid var(--blue);background:var(--blue);color:#fff;cursor:pointer;border-radius:4px;width:100%;height:44px;margin-top:4px;font-size:13px;font-weight:600;transition:background .12s,border-color .12s,opacity .12s}.login-form button:hover:not(:disabled){background:var(--blue-hover);border-color:var(--blue-hover)}.login-form button:disabled{cursor:default;opacity:.6}.login-error{border:1px solid var(--danger-border);background:var(--danger-background);color:var(--danger);border-radius:4px;padding:11px 12px;font-size:12px;line-height:1.4}.auth-loading{background:var(--background);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-loading .northos-mark{transform:scale(1.2)}.mobile-menu,.sidebar-overlay{display:none}@media (width<=900px){.sidebar{width:220px}.main-content{margin-left:220px;padding:56px 38px 64px}}@media (width<=700px){.sidebar{width:236px;transition:transform .16s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:10;background:#0008107a;display:block;position:fixed;inset:0}.close-menu{width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;place-items:center;margin-left:auto;padding:0;display:grid}.close-menu:hover{background:var(--surface-hover);color:var(--text)}.main-content{margin-left:0;padding:28px 20px 44px}.mobile-menu{border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;border-radius:4px;place-items:center;margin-bottom:28px;display:grid}.mobile-menu:hover{color:var(--text);border-color:var(--border-strong)}.page-header{align-items:flex-start;min-height:0;margin-bottom:28px;padding:20px}.page-header h1{font-size:25px}.page-header p{font-size:12px}.section{margin-bottom:22px}.section-heading{padding:15px 18px}.device-summary{grid-template-columns:1fr;gap:24px;padding:22px 18px}.table-row{grid-template-columns:1fr 1fr;gap:9px;padding:12px 18px;font-size:12px}.table-row span:nth-child(n+3){color:var(--text-muted)}.device-list-row{min-height:70px;padding:0 18px}.login-page{padding:20px}.login-panel{max-width:430px;padding:32px 26px}.login-brand{margin-bottom:38px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}