:root{--bg:#f6f8fb;--ink:#1c293c;--muted:#7c8798;--line:#e8edf3;--green:#178768;--red:#c85959;--sidebar:#102437}*{box-sizing:border-box}body{margin:0;font:14px system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}:focus-visible{outline:3px solid #62bda7;outline-offset:3px}[hidden]{display:none!important}.sidebar{position:fixed;inset:0 auto 0 0;width:246px;background:var(--sidebar);color:#c0cdd7;padding:34px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:7px;color:white;font-size:24px;font-weight:750;letter-spacing:-1px}.brand-icon{background:#40bd95;color:#102c29;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;margin-right:5px;font-size:21px}.brand-light{font-weight:350;color:#9bacba}.workspace{display:flex;align-items:center;gap:10px;margin:35px 0;border:1px solid #2b4050;border-radius:9px;padding:12px 10px;font-size:12px;font-weight:600}.workspace-icon{display:grid;place-items:center;width:29px;height:31px;background:#2b4051;border-radius:6px}.workspace small{display:block;color:#8295a6;font-size:10px;margin-top:5px;font-weight:400}.workspace-dot{width:6px;height:6px;border-radius:50%;background:#58c3a1;margin-left:auto}.nav-caption{font-size:10px;letter-spacing:1.8px;color:#6d8497;margin:0 12px 14px}nav{display:grid;gap:6px}nav a{padding:12px;border-radius:7px;font-size:13px;display:flex;gap:13px;align-items:center}nav a span{font-size:19px;width:20px;text-align:center}nav a:hover{background:#1b3347}nav a.active{background:#23483f;color:#89dfbf}.sidebar-bottom{margin-top:auto;padding:20px 9px 0}.test-chip{font-size:9px;letter-spacing:1px;border:1px solid #42614d;border-radius:4px;padding:5px 7px;color:#90c7a7}.sidebar-bottom p{color:#8296a6;font-size:12px;line-height:1.8;margin-top:16px}.sidebar-bottom a{font-size:11px;color:#aec0cf}.shell{margin-left:246px}header{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px}.breadcrumb{font-size:12px;color:#8a95a4}.breadcrumb span{padding:0 13px;color:#b5bfca}.breadcrumb strong{color:#415168;font-weight:500}.header-right{display:flex;align-items:center;gap:8px;font-size:11px;color:#687b8c}.avatar{margin-left:18px;display:grid;place-items:center;background:#e9f2ed;border:1px solid #d6e6dd;border-radius:50%;width:32px;height:32px;font-size:11px;color:#4a7862;font-weight:650}.live-dot{width:6px;height:6px;background:#9ba9b6;border-radius:50%}.live-dot.online{background:#32ae83}.live-dot.offline{background:#d76363}main{max-width:1440px;padding:36px 40px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-size:9px;letter-spacing:1.6px;color:#7b8d9b;font-weight:650}h1{font-size:29px;letter-spacing:-.9px;margin:9px 0 7px;font-weight:650}.page-heading p{font-size:12px;margin:0;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid transparent;border-radius:7px;padding:10px 14px;font-size:11px;font-weight:600;white-space:nowrap}.primary{background:var(--green);color:white}.primary:hover{background:#116e54}.secondary{background:white;border-color:#dfe6ee;color:#526477}.secondary:hover{background:#f1f5f8}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.stat{background:#fff;border:1px solid var(--line);border-radius:11px;padding:21px}.stat>div{font-size:11px;color:#738194;display:flex;justify-content:space-between;align-items:center}.stat>div span{border-radius:6px;padding:4px 7px;background:#f4f7fa;font-size:14px}.stat strong{display:block;font-size:29px;font-weight:650;letter-spacing:-1px;margin:13px 0 8px}.stat small{color:#91a0ae;font-size:10px}.green{color:var(--green)}.red{color:var(--red)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(240px,1fr);gap:24px;margin-bottom:24px}.card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:24px;min-width:0}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}h2{font-size:14px;font-weight:650;margin:0 0 7px;letter-spacing:-.2px}.card-heading p,.muted-text{font-size:11px;color:var(--muted);line-height:1.7;margin:0}.legend{display:flex;align-items:center;gap:5px;font-size:9px;color:#8b96a4;white-space:nowrap}.legend i{display:inline-block;width:6px;height:6px;border-radius:2px;margin-left:4px}.green-bg{background:#49aa8b}.red-bg{background:#df9b94}.gray-bg{background:#93a1b4}.chart{height:205px;display:flex;align-items:stretch;gap:14px;border-bottom:1px solid #eef2f6;padding:15px 4px 0}.chart-col{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px}.chart-bars{height:155px;width:100%;display:flex;justify-content:center;align-items:flex-end;gap:4px;border-bottom:1px solid #e8edf2}.chart-bar{width:13px;max-width:26%;border-radius:3px 3px 0 0;min-height:0}.chart-count{font-size:9px;color:#8393a1}.chart-label{font-size:9px;color:#92a0af;margin-bottom:9px}.service-symbol{width:40px;height:40px;display:grid;place-items:center;border:1px solid #deeee6;background:#eff7f3;border-radius:11px;color:var(--green);font-size:23px;margin-bottom:15px}.pill{display:inline-flex;align-items:center;border-radius:5px;padding:5px 8px;font-size:9px;font-weight:600;white-space:nowrap}.pill.ok{color:#258363;background:#eaf7f1}.pill.bad{color:#b65151;background:#fff0ee}.pill.muted{color:#7a8999;background:#f0f3f7}dl{margin:19px 0}dl>div{display:flex;justify-content:space-between;gap:15px;margin:12px 0;font-size:11px}dt{color:#8c99a7}dd{margin:0;color:#566679;text-align:right}.text-link{color:var(--green);font-size:11px;font-weight:600}.table-wrap{overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;white-space:nowrap;font-size:11px}th{background:#f8fafc;color:#8491a0;font-weight:500;font-size:10px;border-bottom:1px solid var(--line);padding:11px 14px}td{border-bottom:1px solid #f0f3f7;padding:14px;color:#627286}tbody tr:last-child td{border-bottom:0}.user-cell{color:#35465c;font-weight:550}.user-avatar{display:inline-grid;place-items:center;background:#eef3f8;border:1px solid #e3eaf1;border-radius:6px;width:27px;height:27px;margin-right:9px;font-size:10px;color:#7c8da0}.empty{text-align:center;padding:36px;color:#8b99a8;font-size:12px}.callout{display:flex;align-items:center;gap:15px;background:#edf5f2;border:1px solid #deebe5;border-radius:10px;padding:20px 23px;margin-top:22px}.callout-icon{width:34px;height:34px;border-radius:8px;background:#dceee5;color:#2e896b;display:grid;place-items:center;font-size:20px}.callout strong{font-size:12px;color:#315848}.callout p{font-size:10px;color:#7b9287;margin:5px 0 0}.callout .button{margin-left:auto}footer{display:flex;justify-content:space-between;margin:30px 0 5px;font-size:10px;color:#96a2af}.footer-dot{padding:0 8px}.test-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.test-grid label{display:block;font-size:11px;font-weight:600;color:#586c7e;margin:24px 0 9px}input,select{width:100%;background:white;border:1px solid #dde5ee;border-radius:7px;padding:12px;font-size:12px;color:#31465d}input::placeholder{color:#a0abb9}.password-wrap{position:relative}.password-wrap input{padding-right:65px}.password-wrap button{position:absolute;right:7px;top:8px;padding:5px 8px;border:0;border-radius:4px;color:#7b899a;background:#f4f6f9;font-size:10px}.full{width:100%;margin-top:24px;padding:13px}.sample-box{border-top:1px solid var(--line);margin-top:25px;padding-top:22px}.sample-actions{display:flex;gap:10px;margin:14px 0}.sample-box p,.small{font-size:11px;line-height:1.8;color:#8b97a6}.sample-box code{background:#f3f5f8;padding:2px 4px;border-radius:3px;font-size:10px}.result{min-height:210px;background:#f7f9fc;border:1px dashed #dbe3eb;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:24px;text-align:center}.result-icon{width:44px;height:44px;border-radius:50%;background:#edf1f6;display:grid;place-items:center;font-size:23px;color:#8999ab;margin-bottom:14px}.result strong{font-size:19px;letter-spacing:-.4px}.result p{font-size:11px;color:#8796a6;line-height:1.8}.result.ok{background:#f0faf5;border-color:#a1d9bd;color:#207857}.result.ok .result-icon{background:#deefe6;color:#258363}.result.bad{background:#fff5f3;border-color:#ebbfba;color:#b4534a}.result.bad .result-icon{background:#f9e3df;color:#be6961}.result-meta{display:flex;justify-content:space-between;color:#90a0b0;font-size:10px;margin:13px 0 20px}.attributes{font-size:11px}.attribute{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);color:#7a8b9b}.attribute span:last-child{text-align:right;overflow-wrap:anywhere;color:#475e73}details{font-size:11px;color:#748698;margin-top:18px}summary{cursor:pointer}pre{overflow:auto;padding:14px;border-radius:6px;background:#f5f7fa;color:#466079;font-size:10px;line-height:1.8;max-height:270px}.filters{display:flex;gap:10px;margin:0 0 22px;align-items:center}.search-label{flex:1}.filters input{padding:10px 12px}.filters select{padding:10px 30px 10px 12px}.pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;font-size:10px;color:#8394a5}.pagination>div{display:flex;gap:8px}.notice{background:#fff3e9;border:1px solid #f0d9bf;color:#986b3b;font-size:12px;padding:13px;border-radius:7px;margin-bottom:20px}.health-detail{padding:20px;background:#f6f9fb;border-radius:8px;font-size:12px;line-height:1.8}.health-detail p{color:#8a99a7;margin-bottom:0;font-size:11px}.config-list>div{padding:13px 0;border-bottom:1px solid var(--line)}.flow{display:grid;gap:20px;margin-top:24px}.flow>div{position:relative;padding-left:45px}.flow span{position:absolute;left:0;top:0;width:30px;height:30px;background:#edf5f1;color:#66917e;border-radius:7px;display:grid;place-items:center;font-size:10px}.flow strong{display:block;font-size:12px;font-weight:600}.flow small{display:block;font-size:10px;color:#91a0ad;margin-top:6px}.scope-card{margin-top:24px}.scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.scope-grid h3{font-size:12px;font-weight:600}.scope-grid p{font-size:11px;line-height:1.8;color:#8b98a7}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1500px){main{padding-top:46px}}@media(max-width:1150px){.sidebar{width:210px;padding:28px 16px}.shell{margin-left:210px}main{padding:28px 24px}header{padding:0 24px}.stats{gap:12px}.stat{padding:17px}.card{padding:20px}.dashboard-grid{gap:18px}.legend{display:none}}@media(max-width:850px){.sidebar{position:static;width:auto;padding:18px 22px}.brand{font-size:21px}.workspace,.nav-caption,.sidebar-bottom{display:none}nav{display:flex;margin-top:18px;gap:5px;overflow:auto}nav a{white-space:nowrap;font-size:11px;padding:9px}nav a span{font-size:15px;width:15px}.shell{margin-left:0}header{height:58px}.stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.test-grid{grid-template-columns:1fr}.service-card{display:none}.header-right{font-size:10px}.avatar{display:none}.callout{flex-wrap:wrap}.callout .button{margin-left:49px}.scope-grid{grid-template-columns:1fr;gap:0}.page-heading{gap:14px}h1{font-size:25px}.page-heading p{font-size:11px;line-height:1.7}.filters{flex-wrap:wrap}.filters .search-label{min-width:100%}.pagination{align-items:flex-start;flex-direction:column}footer{gap:20px;font-size:9px}.card-heading{align-items:flex-start}.chart{gap:9px}}
.logout{background:none;border:0;border-left:1px solid var(--line);margin-left:8px;padding-left:12px;color:#7b8b9d;font-size:11px}.login-page{min-height:100vh;background:#102437}.login-layout{min-height:100vh;max-width:1080px;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding:60px 30px}.login-intro{color:white}.login-intro .brand{margin-bottom:85px}.login-intro .eyebrow{color:#8bc7af}.login-intro h1{font-size:40px;line-height:1.25;margin:20px 0}.login-intro p{color:#9db1bf;font-size:13px;line-height:1.9;margin-bottom:30px}.login-card{padding:38px}.login-card h2{font-size:23px;margin:13px 0}.login-card label{display:block;font-size:12px;color:#64788b;margin:24px 0 9px}.login-card .small{margin-bottom:0;margin-top:22px}.login-error{padding:11px;border-radius:7px;background:#fff1ef;color:#b35950;font-size:12px;line-height:1.6}.account-list{margin-top:24px}.account-list h3{font-size:12px}.account-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:11px;color:#6c8092}.account-item code{color:#2b5e4b}@media(max-width:850px){.login-layout{grid-template-columns:1fr;gap:35px;max-width:500px;padding:30px 24px}.login-intro .brand{margin-bottom:30px}.login-intro h1{font-size:29px}.login-intro>p,.login-intro>.test-chip{display:none}.login-card{padding:26px}}
.notification-link{font-size:11px;border-right:1px solid var(--line);padding-right:15px;margin-right:8px;color:#5e748a}.notification-link span{display:inline-grid;place-items:center;min-width:18px;height:18px;background:#e7f3ec;color:#257f5e;border-radius:5px;margin-left:4px;font-size:9px}.notification-link span.pending{background:#fbe7dd;color:#b75a34}.scan-banner{background:#edf5f2;border:1px solid #dbe9e3;border-radius:9px;padding:18px 22px;margin-bottom:24px;color:#375f50}.scan-banner strong{font-size:12px}.scan-banner p{font-size:11px;line-height:1.8;margin:5px 0 0;color:#7d9288}.scan-help{margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}.scan-help h3{font-size:12px}.scan-help p{font-size:11px;line-height:1.9;color:#8595a5}.secret-row{border-bottom:1px solid var(--line);padding:14px 0}.secret-row>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.secret-row strong{font-size:11px}.secret-row small{display:block;font-size:10px;color:#90a0b0;margin-top:5px}.secret-row code{display:block;margin-top:10px;overflow-wrap:anywhere;font-size:12px;color:#28694e}.secret-button{font-size:10px;padding:7px 10px}.scan-result-empty{padding:32px 16px;text-align:center;font-size:12px;color:#8b9ba9}#scan-form>label,#nas-form>label{display:block;font-size:11px;font-weight:600;color:#586c7e;margin:22px 0 9px}#scan-interface{margin-bottom:0}.status-pending{color:#b2703d;background:#fff3e5}.status-registered{color:#287d5d;background:#eaf7f1}.status-restart_required{color:#7d6aaf;background:#f1edf9}@media(max-width:600px){.header-right #header-status,.header-right #header-dot{display:none}.notification-link{padding-right:8px;margin-right:0}.notification-link span{margin-left:0}.sidebar nav a{padding:8px}.sidebar nav{gap:0}}
