/* Keep existing look: dark glass */
:root{
  --bg:#07090f;
  --panel:rgba(255,255,255,.06);
  --border:rgba(255,255,255,.12);
  --text:#fff;
  --muted:rgba(255,255,255,.70);
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;background:var(--bg);color:var(--text)}
a{color:inherit}
.top{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.35);backdrop-filter:blur(10px);position:sticky;top:0;z-index:50}
.brand{display:flex;align-items:center;gap:10px;font-weight:700}
.pill{padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:rgba(255,255,255,.85);font-size:12px}
.layout{display:grid;grid-template-columns:320px 1fr;gap:16px;padding:18px;max-width:1400px;margin:0 auto}
@media(max-width:980px){.layout{grid-template-columns:1fr}}
.card{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:16px}
.sidebar .who{font-size:12px;color:var(--muted)}
.nav{margin-top:14px;display:flex;flex-direction:column;gap:6px}
.nav button{all:unset;cursor:pointer;padding:12px 12px;border-radius:14px;color:rgba(255,255,255,.9)}
.nav button.active{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10)}
.nav button:hover{background:rgba(255,255,255,.05)}
h1{margin:0 0 8px 0;font-size:40px;letter-spacing:-.02em}
h2{margin:0 0 10px 0}
.muted{color:var(--muted)}
input,select,textarea{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.25);color:#fff;outline:none}
textarea{min-height:110px;resize:vertical}
.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:980px){.row{grid-template-columns:1fr}}
button.btn{padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#fff;cursor:pointer}
button.btn:hover{background:rgba(255,255,255,.12)}
table{width:100%;border-collapse:collapse}
th,td{border-bottom:1px solid rgba(255,255,255,.08);padding:10px;text-align:left;vertical-align:top}
.hidden{display:none !important}

/* HARD LOCK: if not authed, hide all app chrome */
body.locked .layout{display:none}
body.locked .top .authed-only{display:none}
body.locked .top .status{display:flex}
.status{display:flex;align-items:center;gap:10px}