:root{color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#080f0d;color:#eefbf5;font-size:15px}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 8% 3%,#17372a 0,transparent 35%),#080f0d}
.shell{max-width:1100px;margin:0 auto;padding:20px 18px 45px}
header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #284239;padding:12px 0 22px;margin-bottom:30px}
.brand{display:flex;align-items:center;gap:12px}.brand b{display:block;font-size:20px}.brand span:not(.mark){display:block;color:#a1c7b1;font-size:10px;font-weight:700;letter-spacing:1.7px}
.mark{display:grid;place-items:center;width:43px;height:43px;background:#12da91;color:#062015;border-radius:13px;font-size:30px;font-weight:900}
.panel{background:#14221d;border:1px solid #315144;border-radius:19px;padding:20px;margin-bottom:16px}
.login{max-width:470px;margin:65px auto 20px;padding:28px}
h1{font-size:28px;line-height:1.15;margin:3px 0 16px}h2{font-size:19px;margin:0 0 10px}p{color:#b2c7bd;line-height:1.45;margin:8px 0 15px}
.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.6px;color:#3af1b0;margin:0 0 12px}
label{display:block;color:#dce9e3;margin:18px 0 7px;font-weight:600;font-size:12px}
input{font:inherit;color:#fff;background:#0d1814;border:1px solid #426756;border-radius:11px;padding:13px 12px;width:100%;outline-color:#39efaa}
button{font:inherit;cursor:pointer;border-radius:11px;font-weight:700;border:0;padding:12px 16px;min-height:43px}
button:disabled{opacity:.6;cursor:default}.primary{background:#25ef9f;color:#052417}.secondary{background:#234236;color:#e4f7ed;border:1px solid #49765f}
.link{background:transparent;color:#36ebb0;padding:10px}
.login button{width:100%;margin-top:12px}.hint{font-size:12px;color:#97af9f}
.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.heading h1{margin-bottom:6px}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.metrics small{color:#a2c4b4;display:block;font-size:12px}.metrics strong{display:block;font-size:27px;margin-top:12px}
.rowtitle{display:flex;align-items:center;justify-content:space-between}.search{display:flex;gap:8px;margin:22px 0}.search input{flex:1}
.user{border-top:1px solid #304b3f;padding:16px 0;display:grid;grid-template-columns:1fr auto;gap:15px}
.user h3{font-size:15px;margin:0 0 6px;word-break:break-word}.user .meta{color:#b5cfbf;font-size:12px;margin:5px 0}
.chip{display:inline-block;background:#264b3b;border-radius:8px;padding:5px 9px;font-size:11px;color:#82ffbc;margin:6px 5px 4px 0}
.chip.warn{background:#543027;color:#ffc59d}.actions{display:flex;flex-wrap:wrap;gap:7px;align-items:center;justify-content:flex-end}
.actions button{font-size:11px;min-height:35px;padding:9px 11px}.pagination{display:flex;justify-content:flex-end}
#audit .item{border-top:1px solid #284438;padding:11px 0;font-size:12px;color:#b5c7bd;word-break:break-word}
#message{position:sticky;bottom:8px;color:#4affb9;font-weight:600;min-height:22px;background:#10241b;border-radius:10px;padding:0 6px}
footer{text-align:center;color:#648678;font-size:12px;padding:18px}
[hidden]{display:none!important}
@media(max-width:700px){.metrics{grid-template-columns:repeat(2,1fr)}.user{grid-template-columns:1fr}.actions{justify-content:flex-start}.search{flex-wrap:wrap}.heading{align-items:start}.heading h1{font-size:23px}.login{margin:18px auto}.shell{padding:14px}}

/* Full operations console */
.dash-nav{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 21px;padding:8px;background:#0d1b16;border:1px solid #274e3d;border-radius:16px}
.dash-nav button{font-size:12px;min-height:39px;padding:10px 13px;background:transparent;color:#b5cbbd;white-space:nowrap}
.dash-nav button.nav-active{background:#1e4e38;color:#4fffbb;box-shadow:inset 0 0 0 1px #347756}
.metrics-extra{margin-top:0}
.create-form{display:grid;grid-template-columns:1fr 1.3fr auto;align-items:center;gap:9px;margin:17px 0 2px}
.create-form input{min-width:0}
.invite-result{margin-top:18px;border:1px solid #427f5b;border-radius:13px;background:#102d21;padding:15px}
.invite-result h3{margin:0 0 5px;font-size:16px}
.invite-result input{font-size:12px;margin:6px 0 10px}
.grant-form{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:13px;padding-top:12px;border-top:1px solid #2c483b}
.grant-form select{font:inherit;background:#0c241a;border:1px solid #507462;border-radius:10px;color:#e3faed;padding:9px 8px;max-width:100%}
.grant-form button{font-size:12px;min-height:38px}
.plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:15px 0}
.plan-panel{padding:20px;border:1px solid #375946;background:#0a2117;border-radius:14px}
.plan-panel strong{display:block;font-size:27px;color:#fff}
.plan-panel p{margin:10px 0 0}
.metrics .panel{margin-bottom:12px}
[data-section]>.panel:first-child{margin-top:0}
@media(max-width:700px){
  .dash-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:5px}
  .dash-nav button{font-size:11px;white-space:normal;padding:8px 5px}
  .create-form{grid-template-columns:1fr}
  .plan-grid{grid-template-columns:1fr}
  .grant-form select{flex:1;min-width:100px}
  .grant-form button{width:100%}
}