:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f6f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}code,.mono{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}h1,h2,h3,p,dl,dd{margin-top:0}h1{letter-spacing:-.035em;margin-bottom:.35rem;font-size:clamp(1.7rem,4vw,2.35rem)}h2{font-size:1.05rem}.app-shell{min-height:100vh}.page-container{padding-top:72px}.page{width:min(1180px,100% - 40px);margin:0 auto;padding:38px 0 64px}.topbar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border-bottom:1px solid #e2e7ef;justify-content:space-between;align-items:center;height:72px;padding:0 max(20px,50vw - 590px);display:flex;position:fixed;inset:0 0 auto}.topbar-actions{align-items:center;gap:10px;height:44px;display:flex}.user-identity{border-right:1px solid #e2e7ef;align-items:center;gap:9px;height:40px;padding-right:14px;display:flex}.user-identity>span{color:#3559db;background:#edf1ff;border-radius:50%;place-items:center;width:32px;height:32px;font-size:.78rem;font-weight:800;display:grid}.user-identity>div{flex-direction:column;line-height:1.15;display:flex}.user-identity strong{font-size:.78rem}.user-identity small{color:#8a94a6;margin-top:3px;font-size:.65rem}.account-nav{background:#f1f3f7;border-radius:11px;align-items:center;gap:2px;height:40px;padding:3px;display:flex}.topbar-control{color:#59657a;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;height:34px;padding:0 12px;font-size:.78rem;font-weight:700;transition:all .16s;display:inline-flex}.topbar-control:hover{color:#2d438d;background:#e7ebf4}.topbar-control.router-link-active{color:#2d438d;background:#fff;box-shadow:0 1px 4px #17203314}.topbar-control:disabled{opacity:.55;cursor:wait}.logout-control{color:#7d4650}.logout-control:hover:not(:disabled){color:#a81827;background:#fff0f1}.brand{align-items:center;gap:11px;display:flex}.brand>span:last-child{flex-direction:column;display:flex}.brand small{color:#778197;font-size:.72rem}.brand-mark{color:#fff;background:#3559db;border-radius:11px;place-items:center;width:38px;height:38px;font-family:Georgia,serif;font-size:1.5rem;display:grid;box-shadow:0 6px 16px #3559db36}.brand-mark.large{border-radius:15px;width:54px;height:54px;font-size:2.1rem}.button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;min-height:40px;padding:0 16px;font-weight:650;transition:all .16s;display:inline-flex}.button:disabled{opacity:.55;cursor:wait}.button.primary{color:#fff;background:#3559db}.button.primary:hover:not(:disabled){background:#2749c4}.button.secondary{color:#2d438d;background:#fff;border-color:#d7dfed}.button.secondary:hover:not(:disabled),.button.ghost:hover{background:#edf1f8}.button.danger{color:#a81827;background:#fff;border-color:#efc8cd}.button.danger:hover:not(:disabled){background:#fff0f1}.button.ghost{color:#59657a}.button.wide{width:100%}.text-button{color:#a81827;cursor:pointer;background:0 0;border:0;margin-left:8px;text-decoration:underline}.page-heading,.detail-hero{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.page-heading{margin-bottom:28px}.eyebrow{color:#3559db;letter-spacing:.14em;margin-bottom:8px;font-size:.72rem;font-weight:800}.muted{color:#778197}.toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.search{flex:1;max-width:510px}input,select{color:#172033;background:#fff;border:1px solid #d6ddea;border-radius:10px;outline:none;width:100%;height:44px;padding:0 14px;transition:all .15s}input:focus,select:focus{border-color:#5272e2;box-shadow:0 0 0 3px #5272e21b}.alert{border-radius:9px;padding:12px 14px;font-size:.9rem}.alert.error{color:#951a26;background:#fff0f1;border:1px solid #f3c9cd}.alert.success{color:#17643a;background:#edfaf3;border:1px solid #bde8cf}.state-card{text-align:center;background:#fff;border:1px dashed #ccd5e4;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:260px;padding:28px;display:flex}.spinner{border:3px solid #dbe1ec;border-top-color:#3559db;border-radius:50%;width:27px;height:27px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.device-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.device-card{background:#fff;border:1px solid #e0e5ed;border-radius:13px;padding:20px;transition:all .16s;box-shadow:0 2px 8px #1720330a}.device-card:hover{border-color:#becaeb;transform:translateY(-2px);box-shadow:0 10px 25px #17203310}.device-card-head{justify-content:space-between;gap:12px;margin-bottom:20px;display:flex}.device-card h2{margin-bottom:5px;font-size:1.15rem}.device-card code,.detail-hero code{color:#778197;font-size:.74rem}.status{white-space:nowrap;border-radius:20px;align-items:center;gap:6px;height:28px;padding:0 10px;font-size:.75rem;font-weight:700;display:inline-flex}.status i{background:currentColor;border-radius:50%;width:7px;height:7px}.status.online{color:#167047;background:#e8f7ef}.status.offline{color:#7b8496;background:#eef0f4}.status.compact{height:24px}.summary-list,.detail-list{margin:0}.summary-list>div{grid-template-columns:132px minmax(0,1fr);gap:12px;padding:7px 0;display:grid}dt{color:#778197;font-size:.8rem}dd{text-align:right;margin:0;font-size:.86rem}.login-page{background:radial-gradient(circle at 20% 15%,#4d68cc20,#0000 32%),#172033;place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{background:#fff;border-radius:18px;width:min(440px,100%);padding:34px;box-shadow:0 28px 80px #070b1466}.login-heading{align-items:flex-start;gap:17px;margin-bottom:30px;display:flex}.login-heading h1{font-size:1.8rem}.login-heading .muted{margin-bottom:0;font-size:.9rem}.form-stack{gap:18px;display:grid}.form-stack label{color:#465167;gap:7px;font-size:.83rem;font-weight:650;display:grid}.form-stack .alert{margin:-4px 0 0}.back-link{color:#4962b8;margin-bottom:25px;font-size:.86rem;font-weight:650;display:inline-block}.narrow-page{width:min(520px,100% - 40px)}.password-card h1{margin:4px 0 8px}.password-card>.muted{margin:0 0 24px}.detail-hero{color:#fff;background:#172033;border-radius:14px;margin-bottom:20px;padding:24px}.title-with-status{align-items:center;gap:12px;display:flex}.detail-hero code{color:#aeb9ce}.hero-meta{gap:34px;margin:0;display:flex}.hero-meta dt{color:#aeb9ce}.hero-meta dd{text-align:left;margin-top:5px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.info-card{background:#fff;border:1px solid #e0e5ed;border-radius:13px;padding:22px}.info-card h2{margin-bottom:18px}.detail-list>div{border-bottom:1px solid #edf0f4;justify-content:space-between;gap:16px;padding:9px 0;display:flex}.detail-list>div:last-child{border-bottom:0}.section-card{margin-top:16px}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.section-heading p{margin:4px 0 0}.metric-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.metric-summary-grid article{background:#fafbfc;border:1px solid #e4e8ef;border-radius:10px;gap:4px;padding:14px;display:grid}.metric-summary-grid span,.metric-summary-grid small{color:#778197;font-size:.73rem}.metric-summary-grid strong{font-size:1.15rem}.metric-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.metric-chart{border:1px solid #e4e8ef;border-radius:10px;padding:14px}.metric-chart>div{justify-content:space-between;gap:12px;display:flex}.metric-chart>div span{color:#3957be;font-weight:700}.metric-chart svg{width:100%;height:110px;margin:10px 0 4px;overflow:visible}.metric-chart polyline{stroke:#5272e2;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.storage-grid,.network-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.storage-item,.network-item{border:1px solid #e4e8ef;border-radius:10px;padding:16px}.storage-title{justify-content:space-between;gap:10px;display:flex}.storage-title span{color:#778197;font-size:.75rem}.progress{background:#edf0f5;border-radius:8px;height:7px;margin:16px 0 10px;overflow:hidden}.progress i{border-radius:inherit;background:#5272e2;height:100%;display:block}.storage-item p{margin-bottom:4px;font-size:.83rem}.network-groups{gap:22px;display:grid}.network-group h3{color:#59657a;margin-bottom:10px;font-size:.87rem}.network-group h3 span{color:#9ba3b1;margin-left:5px}.network-item>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.network-item p{margin:10px 0 0;font-size:.76rem}.network-item ul{margin:12px 0 0;padding:0;font-size:.79rem;line-height:1.7;list-style:none}.network-label{color:#59657a;margin-top:12px;font-size:.72rem;display:block}.wifi-details{border-top:1px solid #edf0f4;gap:6px;margin:14px 0 0;padding-top:12px;display:grid}.wifi-details>div{justify-content:space-between;gap:12px;font-size:.75rem;display:flex}.wifi-details dt{color:#778197}.wifi-details dd{text-align:right}.network-item-actions{border-top:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding-top:12px;display:flex}.network-item-actions .button{min-height:34px;padding:0 12px;font-size:.78rem}.network-inline-notice{margin-top:14px}.network-config-form{gap:14px;display:grid}.network-config-form label{color:#59657a;gap:6px;font-size:.78rem;font-weight:650;display:grid}.network-config-form input,.network-config-form select{background:#fff;border:1px solid #d7dfed;border-radius:9px;width:100%;min-height:42px;padding:0 12px}.network-config-form input:disabled,.network-config-form select:disabled{color:#9ba3b1;background:#f4f6f9}.config-status{border-radius:10px;padding:6px 10px;font-size:.75rem;font-weight:750}.config-status.pending{color:#8a5a00;background:#fff5d9}.config-status.applied{color:#17643a;background:#edfaf3}.config-status.error{color:#951a26;background:#fff0f1}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1118276b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-panel{background:#fff;border-radius:16px;width:min(460px,100%);max-height:min(90vh,720px);padding:22px;overflow:auto;box-shadow:0 24px 60px #11182738}.modal-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.modal-header h2{margin:0 0 4px;font-size:1.15rem}.modal-header p{margin:0}.modal-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.user-create-grid{grid-template-columns:1.2fr 1.2fr .8fr auto;align-items:end;gap:12px;display:grid}.user-create-grid label,.user-settings label{color:#59657a;gap:6px;font-size:.78rem;font-weight:650;display:grid}.user-list{gap:14px;margin-top:16px;display:grid}.user-card-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.user-card-heading>div{align-items:center;gap:10px;display:flex}.user-card-heading h2{margin:0}.current-user-badge{color:#3559db;background:#edf1ff;border-radius:8px;padding:3px 7px;font-size:.68rem;font-weight:700}.user-settings{grid-template-columns:180px 150px auto;align-items:end;gap:12px;margin-top:18px;display:grid}.checkbox-label{grid-template-columns:auto 1fr;align-items:center;height:44px;display:flex!important}.checkbox-label input{width:18px;height:18px}.user-password-reset{grid-template-columns:minmax(220px,1fr) auto auto;gap:10px;margin-top:12px;display:grid}.empty-inline{color:#778197;text-align:center;background:#f7f8fa;border-radius:8px;margin:0;padding:22px}.page-heading-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.install-strip{background:#fff;border:1px solid #e0e5ed;border-radius:13px;margin-top:22px;box-shadow:0 2px 8px #1720330a}.install-strip-toggle{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:13px;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:52px;padding:0 16px;display:flex}.install-strip.open .install-strip-toggle{border-bottom:1px solid #edf0f4;border-radius:13px 13px 0 0}.install-strip-title{flex-direction:column;gap:2px;min-width:0;display:flex}.install-strip-title strong{font-size:.92rem}.install-strip-title small{color:#778197;font-size:.72rem}.install-strip-meta{flex-shrink:0;align-items:center;gap:8px;display:flex}.install-strip-chevron{color:#4962b8;white-space:nowrap;font-size:.78rem;font-weight:700}.install-strip-body{padding:16px 18px 18px}.install-status-group{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.install-tabs{background:#f1f3f7;border-radius:11px;gap:6px;width:fit-content;margin-bottom:14px;padding:4px;display:flex}.install-tab{color:#59657a;cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:34px;padding:0 14px;font-size:.78rem;font-weight:700}.install-tab.active{color:#2d438d;background:#fff;box-shadow:0 1px 4px #17203314}.install-steps{color:#465167;margin:0 0 16px;padding-left:18px;line-height:1.7}.install-command-block{background:#f7f8fb;border:1px solid #e4e8ef;border-radius:12px;padding:14px}.install-command-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.install-command{color:#edf1ff;white-space:pre-wrap;word-break:break-all;background:#172033;border-radius:10px;margin:0;padding:12px 14px;font-size:.78rem;line-height:1.55;overflow-x:auto}.install-hint{margin:10px 0 0}.install-hint a{color:#3559db;font-weight:650}.install-more{color:#465167;margin-top:14px}.install-more summary{cursor:pointer;font-weight:700}.install-more ul{margin:10px 0 0;padding-left:18px;line-height:1.7}.install-more a{color:#3559db}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=760px){.page{width:min(100% - 28px,1180px);padding-top:26px}.page-heading,.detail-hero{flex-direction:column}.page-heading .button,.page-heading-actions{width:100%}.page-heading-actions .button{flex:1}.toolbar{flex-direction:column;align-items:stretch;gap:9px}.search{max-width:none}.device-grid,.detail-grid,.storage-grid,.network-grid,.metric-chart-grid{grid-template-columns:1fr}.metric-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.user-create-grid,.user-settings,.user-password-reset{grid-template-columns:1fr}.modal-backdrop{align-items:end;padding:12px}.modal-panel{border-radius:16px 16px 0 0;width:100%}.install-strip-toggle{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 14px}.install-strip-meta{justify-content:space-between;width:100%}.install-tabs{width:100%}.install-tab{flex:1;padding-inline:8px}.topbar-actions{gap:4px}.user-identity{padding-right:7px}.user-identity>div{display:none}.topbar-control{padding:0 8px;font-size:.73rem}.summary-list>div{grid-template-columns:112px minmax(0,1fr)}.hero-meta{flex-direction:column;gap:12px;width:100%}.login-panel{padding:25px}}@media (width<=520px){.topbar{padding-inline:12px}.brand>span:last-child,.user-identity{display:none}.topbar-control{padding:0 7px}}