:root{--np-orange: #f57921;--np-blue: #21b7ea;--np-teal: #0ca69a;--np-teal-dark: #1d8892;--np-navy: #2f5673;--np-slate: #5b6470;--color-bg: #ffffff;--color-surface: #f5f5f5;--color-border: #e5e5e5;--color-text: #1a1f24;--color-muted: #6b7280;--accent: var(--np-navy)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg: #14181c;--color-surface: #1c2126;--color-border: #2a3138;--color-text: #e7ebee;--color-muted: #9aa3ab;--accent: var(--np-blue)}}:root[data-theme=dark]{--color-bg: #14181c;--color-surface: #1c2126;--color-border: #2a3138;--color-text: #e7ebee;--color-muted: #9aa3ab;--accent: var(--np-blue)}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:system-ui,Segoe UI,Roboto,sans-serif}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;padding:16px}.banner-staging{background:var(--np-navy);color:#fff;padding:5px 12px;font-size:12px;font-weight:700;letter-spacing:.05em;text-align:center}.banner-delegated{background:var(--np-orange);color:#1a1f24;padding:6px 12px;font-size:13px;font-weight:600;text-align:center}.header-bar{background:#fff;display:flex;align-items:center;justify-content:space-between;padding:10px 24px}.header-accent{height:3px;background:linear-gradient(to right,var(--np-blue) 0%,var(--np-blue) 33%,var(--np-orange) 33%,var(--np-orange) 100%)}.btn-signout{background:transparent;border:1px solid var(--np-slate);color:#2f3742;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:13px}.btn-signout:hover{border-color:var(--np-orange);color:var(--np-orange)}.btn-primary{background:var(--np-orange);color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer}.btn-primary:hover{background:#d9670f}.footer-strip{display:flex;height:6px}.footer-strip>div{flex:1}.dashboard{display:flex;flex-direction:column;gap:20px;padding:24px;max-width:1200px;margin:0 auto}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-top:3px solid var(--np-orange);border-radius:6px;padding:16px 20px}.stat-label{font-size:13px;color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em}.stat-value{font-size:32px;font-weight:700;color:var(--color-text);line-height:1.2}.stat-sublabel{font-size:12px;color:var(--color-muted)}.panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:16px}.panel h2{margin:0 0 12px;font-size:15px;font-weight:600;color:var(--color-text)}.muted{color:var(--color-muted);font-size:14px}.pending-notice{color:var(--np-orange);font-size:13px;background:color-mix(in srgb,var(--np-orange) 12%,transparent);border:1px solid color-mix(in srgb,var(--np-orange) 30%,transparent);border-radius:6px;padding:8px 12px}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table td{padding:6px 4px;border-bottom:1px solid var(--color-border)}.data-table tr:last-child td{border-bottom:none}.badge-online,.badge-offline{display:inline-block;font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px}.badge-online{background:color-mix(in srgb,var(--np-teal) 18%,transparent);color:var(--np-teal-dark)}.badge-offline{background:color-mix(in srgb,var(--np-slate) 18%,transparent);color:var(--np-slate)}.signin-center{display:flex;align-items:center;justify-content:center;height:100%;min-height:60vh;padding:24px}.signin-card{max-width:360px;width:100%;text-align:center}.signin-card p{margin-top:0}