:root{--paper:#f9f8f8;--panel:rgba(255,255,255,.74);--ink:#152443;--muted:#778397;--blue:#4176e6;--good:#278875;--line:#e9edf3;--nav:transparent}body{background:radial-gradient(ellipse at 85% 0,rgba(65,118,230,.065),transparent 42%),var(--paper);font:14px/1.65 "Segoe UI","Microsoft YaHei",sans-serif}header{background:transparent;color:var(--ink);max-width:1280px;margin:auto;padding:25px 36px;border-bottom:0}header .status,header a{color:var(--muted)}.brand{letter-spacing:-1px;font-size:24px}.brand span{color:var(--muted);letter-spacing:0;font-size:12px}button,.button{border-radius:11px;min-height:40px;padding:9px 17px;background:var(--blue);font-size:13px;transition:filter .15s,transform .15s}button:hover{filter:brightness(.95)}button.secondary{background:#eef2fa;color:#42577b}input,select,textarea{border-radius:11px;border:1px solid #e3e8f1;background:rgba(255,255,255,.8);min-height:42px;font-size:13px}input[type=checkbox]{min-height:auto}.layout{max-width:1260px;grid-template-columns:240px 1fr;gap:32px;margin:25px auto}.side{border:0;padding:15px 6px}.side h1{font-size:29px;letter-spacing:-1px}.identity{border:0;background:rgba(255,255,255,.6);border-radius:16px;padding:18px;margin-top:18px}.room{font-size:31px;letter-spacing:2px}.section{border:0;border-radius:19px;padding:25px 28px;box-shadow:0 6px 30px rgba(23,46,88,.035);backdrop-filter:blur(15px);margin-bottom:20px}.section h2{font-size:17px;margin-bottom:16px}.eyebrow{font-size:10px;letter-spacing:1.5px;text-transform:uppercase}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.metric{padding:19px 20px;background:var(--panel);border-radius:17px;min-width:0}.metric small{color:var(--muted);font-size:12px;display:block}.metric strong{font-size:25px;letter-spacing:-1px;display:block;color:var(--ink);font-variant-numeric:tabular-nums}.metric em{font-size:11px;color:var(--muted);font-style:normal}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-title .eyebrow{margin-bottom:2px}.section-title h2{margin:0}.chart{width:100%;height:180px;margin-top:20px;display:block}.chart-grid{stroke:#e9edf4;stroke-width:1}.chart-up{fill:none;stroke:#4176e6;stroke-width:2.4;stroke-linejoin:round}.chart-down{fill:none;stroke:#46aa99;stroke-width:2.2;stroke-linejoin:round}.chart-legend{display:flex;gap:20px;color:var(--muted);font-size:12px;justify-content:space-between}.chart-legend b{color:var(--blue)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tabs{display:flex;gap:5px;background:#eff2f7;border-radius:12px;padding:4px;margin:20px 0}.tabs button{background:transparent;color:var(--muted);min-height:36px}.tabs button.active{background:white;color:var(--blue);box-shadow:0 2px 7px #1524430a}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:20px;background:#eef2f8;padding:3px 10px;font-size:11px;color:var(--muted)}.badge.online{background:#e4f5ee;color:var(--good)}.badge.offline{background:#f1f2f4;color:#8a94a3}.actions{display:flex;gap:5px;flex-wrap:wrap}.actions button{min-height:30px;padding:5px 9px;font-size:11px}.admin-layout{max-width:1260px}.table-wrap{max-height:520px;overflow:auto}th{position:sticky;top:0;background:#fafbfd;z-index:1}th,td{padding:14px 12px;border-bottom:1px solid #edf0f5}tr:hover td{background:#f9fbff}.search-row{display:flex;gap:10px;margin:15px 0}.search-row input{max-width:360px}.lock-card{max-width:420px;margin:16vh auto;padding:35px}.lock-card form{display:grid;gap:12px}.room-countdown{font-size:26px;color:var(--blue);font-weight:600;letter-spacing:-.6px}.small-note{font-size:11px;color:var(--muted)}.nva-home-page .nva-feature-grid article{border:0!important;background:rgba(255,255,255,.72);box-shadow:0 8px 35px #15244305}.nva-home-page .nva-home-hero{padding-top:50px}.admin-grid{gap:20px}.admin-layout h1{letter-spacing:-1px}.health-row{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.lock-card h1{font-size:26px}@media(max-width:950px){.metric-grid{grid-template-columns:repeat(2,1fr)}.layout{grid-template-columns:200px 1fr;gap:20px}.form-grid{grid-template-columns:1fr}}@media(max-width:720px){header{padding:18px 20px}.layout{grid-template-columns:1fr;padding:0 16px;gap:12px}.side{display:grid;grid-template-columns:1fr 1fr;gap:12px}.side>h1,.side>p{grid-column:1/-1;margin-bottom:0}.identity{margin:0;min-width:0}.side .machine{font-size:10px}.room{font-size:25px}.section{padding:21px 18px}.metric{padding:14px}.metric strong{font-size:23px}.admin-layout{padding:0 15px}.lock-card{margin:12vh 18px}.section-title{align-items:flex-start}.chart-legend{flex-wrap:wrap}.nva-home-page .nva-home-hero{padding-top:25px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}