:root { color-scheme: dark; --navy:#031425; --panel:#0b2238; --panel2:#102a43; --line:#294968; --gold:#e7b943; --cream:#f6edcf; --muted:#9fb0c4; --blue:#6bc5f3; --green:#42df8b; --red:#ff716f; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; color:#e9eff7; background:radial-gradient(circle at 85% 10%,#173750 0,transparent 28%),linear-gradient(145deg,#020b14,var(--navy) 58%,#071827); font:15px/1.45 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
button,input,select { font:inherit; }
textarea { font:inherit; border:1px solid var(--line); background:#061b2d; color:#eef4fb; border-radius:10px; padding:11px 13px; resize:vertical; min-height:96px; }
button { cursor:pointer; }
button:disabled,input:disabled,select:disabled { opacity:.45; cursor:not-allowed; }
.topbar { height:108px; padding:22px 4vw; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #1d3c59; background:rgba(2,14,26,.88); }
h1,h2,h3,p { margin-top:0; } h1 { margin-bottom:0; color:var(--cream); letter-spacing:-.025em; } h1 span { color:var(--gold); } h2 { color:var(--cream); margin-bottom:4px; } h3 { color:var(--cream); font-size:1.3rem; margin-bottom:6px; }
.eyebrow { margin-bottom:4px; color:var(--gold); text-transform:uppercase; font-weight:800; letter-spacing:.15em; font-size:.73rem; }.muted { color:var(--muted); }.success { color:var(--green)!important; }.danger { color:var(--red)!important; }.accent { color:var(--blue)!important; }
main { width:min(1500px,92vw); margin:28px auto 70px; }.top-actions { display:flex; align-items:center; gap:18px; }.owner { color:var(--muted); }
.summary { display:grid; grid-template-columns:repeat(5,1fr); border:1px solid var(--line); border-radius:22px; overflow:hidden; background:rgba(8,31,51,.9); margin-bottom:24px; }.summary article { padding:20px 24px; border-right:1px solid var(--line); }.summary article:last-child { border:0; }.summary small { display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.09em;font-size:.68rem; }.summary strong { display:block;font-size:2rem;color:var(--cream);margin-top:4px; }
.panel,.venue-card,.empty { border:1px solid var(--line); border-radius:20px; background:linear-gradient(145deg,rgba(15,43,68,.96),rgba(7,29,48,.96)); box-shadow:0 18px 55px rgba(0,0,0,.18); }.enrollment { padding:24px; display:grid; grid-template-columns:1fr auto; align-items:center; gap:18px; }.enrollment form { display:flex; gap:10px; }.enrollment-result { grid-column:1/-1; padding:15px 18px; border:1px solid #8f7425; border-radius:12px; background:#1e2d36; }.enrollment-result span,.enrollment-result small { display:block;color:var(--muted); }.enrollment-result strong { display:block;color:var(--gold);font:700 1.7rem ui-monospace,SFMono-Regular,monospace;letter-spacing:.1em;margin:5px 0; }
input,select { border:1px solid var(--line); background:#061b2d; color:#eef4fb; border-radius:10px; padding:11px 13px; min-width:180px; }.primary,.secondary,.ghost,.danger-button { border-radius:10px; padding:11px 16px; font-weight:800; letter-spacing:.025em; border:1px solid transparent; }.primary { background:var(--gold);color:#14202a; }.secondary { border-color:#9b7b28;background:#263337;color:var(--cream); }.ghost { border-color:var(--line);background:#0b2135;color:#dce8f4; }.danger-button { border-color:#7b3a3d;background:#2c2028;color:#ffb8b5; }
.venues-heading { display:flex;justify-content:space-between;align-items:end;margin:34px 4px 14px; }.venue-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:18px; }.venue-card { padding:22px; border-color:#917627; }.venue-card[data-online="false"] { border-color:#5b3440; }.venue-title { display:flex;justify-content:space-between;gap:10px;align-items:start; }.presence { display:flex;align-items:center;gap:7px;color:var(--green);font-size:.76rem;letter-spacing:.1em; }.presence i { width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green); }.venue-card[data-online="false"] .presence { color:var(--red); }.venue-card[data-online="false"] .presence i { background:var(--red);box-shadow:0 0 12px var(--red); }.channel { border:1px solid #46718f;border-radius:99px;padding:3px 9px;color:var(--blue);font-size:.7rem;font-weight:800; }
dl { margin:20px 0; border-top:1px solid var(--line); }dl div { display:grid;grid-template-columns:130px 1fr;padding:9px 0;border-bottom:1px solid #1d3b55; }dt { color:var(--muted); }dd { margin:0;text-align:right;color:#eef3f8;overflow-wrap:anywhere; }.venue-card>.primary { width:100%; }.policy { margin-top:10px; }.policy summary { text-align:center;list-style:none;border:1px solid var(--line);border-radius:10px;padding:10px;color:var(--cream);font-weight:700;cursor:pointer; }.policy-grid { display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px; }.policy-grid label { color:var(--muted);font-size:.8rem; }.policy-grid select,.policy-grid input { width:100%;min-width:0;display:block;margin-top:5px; }.toggle { display:flex!important;gap:10px;align-items:center;margin-top:20px; }.toggle input { width:auto;min-width:0;margin:0; }.button-row { display:flex;flex-wrap:wrap;gap:8px;margin-top:15px; }.command-status { color:var(--blue);min-height:1.4em;margin:10px 0 0; }.empty { grid-column:1/-1;text-align:center;padding:50px;color:var(--muted); }
.login-page { display:grid;place-items:center;padding:30px; }.login-card { width:min(470px,100%);padding:42px;border:1px solid #9a7b26;border-radius:24px;background:linear-gradient(145deg,#102b45,#061828);box-shadow:0 30px 90px rgba(0,0,0,.5); }.login-card h1 { font-size:2.4rem; }.login-card form { margin-top:30px; }.login-card label { display:block;color:var(--muted); }.login-card input,.login-card button { width:100%;margin-top:8px; }.login-card button { margin-top:18px; }.error { color:var(--red);min-height:1.5em;margin:12px 0 0; }
.login-card label { margin-top:14px; }
.reported-name { display:block;color:var(--muted);margin:-2px 0 8px; }
.link-button { border:0;background:none;color:var(--blue);padding:0;text-decoration:underline; }
.dialog-head { display:flex;align-items:center;justify-content:space-between;gap:20px; }
.management-list { display:grid;gap:12px;margin:18px 0; }
.management-row { border:1px solid var(--line);border-radius:12px;padding:14px;background:#081d30; }
.management-row strong,.management-row small { display:block; }
.management-row small { color:var(--muted); }
.management-form { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px; }
.management-form label { color:var(--muted);font-size:.8rem; }
.management-form input,.management-form select { display:block;width:100%;min-width:0;margin-top:5px; }
.management-form .wide { grid-column:1/-1; }
.permissions { display:grid;grid-template-columns:repeat(2,1fr);gap:5px; }
.permissions label { display:flex;gap:7px;align-items:center; }
.permissions input { width:auto;margin:0; }
dialog { width:min(780px,92vw);max-height:85vh;overflow:auto;color:#e9eff7;border:1px solid #9a7b26;border-radius:18px;background:#071a2b;padding:24px;box-shadow:0 30px 90px rgba(0,0,0,.65); }
dialog::backdrop { background:rgba(0,6,12,.8); }
.install-target { display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0; }.install-target>div { border:1px solid var(--line);border-radius:12px;background:#081d30;padding:14px; }.install-target small,.install-target strong { display:block; }.install-target small { color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem; }.install-target strong { color:var(--cream);font-size:1.05rem;margin-top:4px; }
.install-progress-panel { border:1px solid var(--line);border-radius:14px;background:#061725;padding:18px; }.install-progress-heading { display:flex;justify-content:space-between;gap:20px;align-items:end; }.install-progress-heading small,.install-progress-heading strong { display:block; }.install-progress-heading small { color:var(--gold);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem; }.install-progress-heading strong { color:var(--cream);font-size:1.15rem;margin-top:3px; }.install-progress-heading span { color:var(--blue);font:700 1.2rem ui-monospace,SFMono-Regular,monospace; }.install-progress-panel progress { width:100%;height:14px;margin:18px 0 10px;accent-color:var(--blue); }.install-progress-panel p { margin:0; }
.install-safety { color:var(--muted);margin:18px 0 0; }.install-dialog-actions { justify-content:flex-end; }.install-dialog-actions button { min-width:150px; }#install-dialog[data-status="succeeded"] .install-progress-panel { border-color:#28764f; }#install-dialog[data-status="failed"] .install-progress-panel { border-color:#8b3d47; }
.diagnostics { margin-top:12px; }.diagnostics summary { list-style:none;border:1px solid var(--line);border-radius:10px;padding:10px;text-align:center;color:var(--cream);font-weight:700;cursor:pointer; }.diagnostics summary span { color:var(--muted);font-weight:500; }.diagnostic-list { display:grid;gap:8px;margin-top:10px;max-height:360px;overflow:auto; }.diagnostic-entry { border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:10px;background:#061b2d;padding:11px; }.diagnostic-entry[data-level="warning"] { border-left-color:var(--gold); }.diagnostic-entry[data-level="error"] { border-left-color:var(--red); }.diagnostic-entry strong,.diagnostic-entry small { display:block; }.diagnostic-entry p { margin:5px 0;color:#dce8f4;overflow-wrap:anywhere; }.diagnostic-entry small { color:var(--muted); }
.license-modules { margin-top:12px; }.license-modules summary { list-style:none;border:1px solid var(--line);border-radius:10px;padding:10px;text-align:center;color:var(--cream);font-weight:700;cursor:pointer; }.license-modules summary span { color:var(--muted);font-weight:500; }.module-list { display:grid;gap:8px;margin-top:10px; }.module-row { display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#07192a; }.module-row span { font-size:11px;font-weight:900;letter-spacing:.08em;color:var(--muted); }.module-row span[data-enabled="true"] { color:var(--green); }
.draft-note { color:var(--gold);font-size:.8rem;margin:10px 0 0; }.secret-code,.recovery-codes { display:block;white-space:pre-wrap;overflow-wrap:anywhere;background:#061828;border:1px solid var(--line);border-radius:10px;padding:12px;color:var(--cream); }.mfa-setup { margin-top:18px; }dd[data-status="healthy"] { color:var(--green); }dd[data-status="failed"] { color:var(--red); }dd[data-status="offline"] { color:var(--muted); }
@media(max-width:850px){.summary{grid-template-columns:1fr 1fr}.summary article{border-bottom:1px solid var(--line)}.enrollment{grid-template-columns:1fr}.enrollment form{flex-direction:column}.enrollment-result{grid-column:1}.topbar{height:auto;align-items:start}.owner{display:none}.venue-grid{grid-template-columns:1fr}.management-form{grid-template-columns:1fr}}
.topbar{height:auto;min-height:108px}.top-actions{gap:12px}.nav-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.nav-button.active{border-color:#caa745;color:var(--gold);background:#273439}.venue-card{position:relative;isolation:isolate;overflow:hidden}.venue-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.venue-card[data-has-image="true"]::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(145deg,rgba(4,19,32,.88),rgba(7,29,48,.96));pointer-events:none}@media(max-width:850px){.topbar{gap:18px}.top-actions{flex-wrap:wrap;justify-content:flex-end}}