:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#050403;--panel:#11100d;--panel-soft:#191712;--border:#f5d17b2e;--text:#f6efe2;--muted:#b9ad99;--gold:#f5d17b;--danger:#ff6b5f;--ok:#7bdc9f}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.shell{min-height:100vh;padding:32px}.auth-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{border:1px solid var(--border);background:linear-gradient(180deg, var(--panel), var(--panel-soft));border-radius:8px;gap:16px;width:min(100%,430px);padding:28px;display:grid;box-shadow:0 24px 70px #00000052}.auth-heading{gap:8px;display:grid}.auth-heading h1,.auth-heading p{margin:0}.auth-heading h1{letter-spacing:0;font-size:34px;line-height:1}.auth-error{color:var(--danger);background:#ff6b5f1a;border:1px solid #ff6b5f57;border-radius:8px;padding:12px;font-size:14px;line-height:1.4}.auth-submit{width:100%;margin-top:4px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.brand{letter-spacing:0;align-items:center;gap:10px;font-weight:700;text-decoration:none;display:inline-flex}.mark{border:1px solid var(--border);width:30px;height:30px;color:var(--gold);border-radius:50%;place-items:center;display:inline-grid}.nav-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn{border:1px solid var(--border);min-height:40px;color:var(--text);background:#f5d17b14;border-radius:8px;justify-content:center;align-items:center;padding:0 14px;font-size:14px;text-decoration:none;display:inline-flex}.btn-primary{background:var(--gold);color:#090806;border-color:var(--gold);font-weight:700}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.card{border:1px solid var(--border);background:linear-gradient(180deg, var(--panel), var(--panel-soft));border-radius:8px;padding:20px}.panel{border:1px solid var(--border);background:#11100dc7;border-radius:8px;padding:20px}.panel-spaced{margin-top:16px}.metric-card{background:#f5d17b0f;border:1px solid #f5d17b24;border-radius:8px;min-height:150px;padding:16px}.metric-card strong{margin:10px 0 6px;font-size:34px;line-height:1;display:block}.metric-card p,.meta{color:var(--muted);font-size:13px;line-height:1.5}.card-head,.section-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.section-head{margin:26px 0 12px}.section-head h2,.section-head p{margin:0}.card h2,.card h3,.panel h2,.hero h1{letter-spacing:0;margin:0}.card p,.panel p,.hero p,.muted{color:var(--muted);line-height:1.6}.hero{max-width:860px;margin-bottom:28px}.hero h1{font-size:clamp(40px,7vw,88px);line-height:.95}.status-list{gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.status-list li{border-top:1px solid #f5d17b1f;justify-content:space-between;gap:12px;padding-top:10px;display:flex}.openclaw-access-panel{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:20px;margin-bottom:18px;display:grid}.openclaw-access-panel .kicker{margin-top:0}.openclaw-access-copy{gap:8px;display:grid}.openclaw-access-copy p{margin:0}.openclaw-instance-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.openclaw-instance-card{align-content:start;gap:16px;display:grid}.openclaw-instance-card>p{margin:0}.openclaw-note{border-left:2px solid var(--gold);padding-left:10px}.openclaw-detail-list{gap:10px;margin:0;display:grid}.openclaw-detail-list div{border-top:1px solid #f5d17b1f;grid-template-columns:120px minmax(0,1fr);gap:12px;padding-top:10px;display:grid}.openclaw-detail-list dt,.openclaw-stack-block h3,.openclaw-actions h3{color:var(--muted);text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.openclaw-detail-list dd{min-width:0;color:var(--text);overflow-wrap:anywhere;margin:0}.openclaw-detail-list a{color:var(--gold)}.openclaw-stack-block{gap:8px;display:grid}.openclaw-stack-block ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.openclaw-stack-block li{color:var(--muted);overflow-wrap:anywhere;font-family:Courier New,Courier,monospace;font-size:12px}.openclaw-actions{gap:8px;display:grid}.openclaw-actions pre{white-space:pre-wrap;background:#050403c2;border:1px solid #f5d17b24;border-radius:8px;margin:0 0 4px;padding:10px;overflow-x:auto}.openclaw-actions code{color:var(--text);overflow-wrap:anywhere;font-family:Courier New,Courier,monospace;font-size:12px;line-height:1.5}.timeline{gap:14px;margin:0;padding:0;list-style:none;display:grid}.timeline li{border-top:1px solid #f5d17b1f;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding-top:14px;display:grid}.timeline li:first-child{border-top:0;padding-top:0}.status-badge{min-height:28px;color:var(--text);white-space:nowrap;text-transform:capitalize;border:1px solid #f6efe224;border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-size:12px;display:inline-flex}.status-ok{color:var(--ok);border-color:#7bdc9f52}.status-warning{color:var(--gold);border-color:#f5d17b5c}.status-danger{color:var(--danger);border-color:#ff6b5f57}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.field{gap:8px;display:grid}.field label{color:var(--muted);font-size:13px}.field input,.field textarea{border:1px solid var(--border);width:100%;color:var(--text);font:inherit;background:#050403b3;border-radius:8px;padding:11px 12px}.field textarea{resize:vertical;min-height:96px}.form-actions{margin-top:14px}.kicker{color:var(--gold);text-transform:uppercase;font-size:13px;font-weight:700}@media (max-width:800px){.shell{padding:20px}.topbar,.nav-actions{flex-direction:column;align-items:flex-start}.grid,.metric-grid,.form-grid,.openclaw-access-panel,.openclaw-instance-grid{grid-template-columns:1fr}.openclaw-detail-list div{grid-template-columns:1fr;gap:4px}.timeline li{grid-template-columns:1fr}}