:root{
  --bg:#151418;--panel:#211f25;--panel2:#2b2830;--text:#f4f0ea;--muted:#aaa3ad;
  --orange:#f08b3e;--peach:#f6b77b;--gold:#f0c65b;--rose:#d76d7d;--violet:#8d78c6;--cyan:#71b9c8;
  --ok:#86c88d;--danger:#e16666;--line:#4a4550;--radius:18px;--pad:18px;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}button,input,select{font:inherit}.hidden{display:none!important}.shell{max-width:1500px;margin:0 auto;min-height:100vh}.masthead{display:flex;align-items:stretch;gap:12px;padding:14px 14px 0}.brand-block{flex:1;background:var(--panel);padding:16px 20px;border-radius:26px 0 0 0;border-left:16px solid var(--orange)}.brand-block h1{font-size:clamp(2rem,7vw,4.2rem);line-height:.9;margin:5px 0 7px;letter-spacing:-.06em}.eyebrow{font-size:.72rem;letter-spacing:.18em;color:var(--peach);font-weight:800}.connection-state{font-size:.72rem;color:var(--muted);font-weight:700;letter-spacing:.12em}.lcars-cap{width:24%;min-width:90px;background:linear-gradient(90deg,var(--gold) 0 38%,var(--violet) 38% 70%,var(--rose) 70%);border-radius:0 26px 26px 0}.auth-view{max-width:620px;margin:10vh auto 0}.panel{background:var(--panel);border:1px solid #302d34;border-radius:var(--radius);overflow:hidden}.panel-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;background:var(--panel2);padding:10px 14px;font-size:.74rem;font-weight:900;letter-spacing:.1em}.panel-code{color:var(--peach)}.muted{color:var(--muted);padding:0 18px}.stack-form,.inline-form{padding:18px;display:grid;gap:12px}.stack-form label{display:grid;gap:6px;color:var(--muted);font-size:.8rem;font-weight:700}.stack-form input,.inline-form input,.inline-form select{width:100%;border:1px solid var(--line);background:#121115;color:var(--text);padding:13px 14px;border-radius:12px;outline:none}.stack-form input:focus,.inline-form input:focus,.inline-form select:focus{border-color:var(--peach)}.button-row{display:flex;gap:10px;flex-wrap:wrap}.primary,.secondary,.small-button,.rail-button{border:0;cursor:pointer;font-weight:800}.primary{background:var(--orange);color:#17100a;padding:12px 17px;border-radius:999px}.secondary{background:var(--violet);color:white;padding:12px 17px;border-radius:999px}.message{padding:0 18px 18px;color:var(--peach);min-height:1.3em}.app-view{display:grid;grid-template-columns:180px minmax(0,1fr);gap:12px;padding:12px 14px 24px}.command-rail{display:flex;flex-direction:column;gap:8px;background:var(--panel);padding:12px;border-radius:0 0 0 28px;min-height:calc(100vh - 130px)}.rail-button{background:var(--gold);color:#17120a;text-align:right;padding:12px 14px;border-radius:999px 10px 10px 999px}.rail-button:nth-child(2){background:var(--peach)}.rail-button:nth-child(3){background:var(--orange)}.rail-button:nth-child(4){background:var(--violet);color:white}.rail-button:nth-child(5){background:var(--cyan)}.rail-button.active{box-shadow:inset 0 0 0 3px #fff6}.rail-button.danger{margin-top:auto;background:var(--rose);color:white}.workspace{min-width:0}.view{display:none}.active-view{display:block}.section-title{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--panel2);border-radius:14px 14px 0 0;padding:12px 16px;font-size:.78rem;font-weight:900;letter-spacing:.11em;margin-bottom:12px}.small-button{background:var(--peach);color:#20140b;padding:8px 12px;border-radius:999px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.metric{min-height:120px;background:var(--panel);border-radius:16px;padding:16px;border-top:10px solid var(--orange);display:flex;flex-direction:column;justify-content:space-between}.metric:nth-child(2){border-top-color:var(--rose)}.metric:nth-child(3){border-top-color:var(--violet)}.metric:nth-child(4){border-top-color:var(--cyan)}.metric span{font-size:.67rem;color:var(--muted);font-weight:800;letter-spacing:.08em}.metric strong{font-size:2.4rem;line-height:1}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.list{display:grid}.list-row{padding:13px 15px;border-top:1px solid #36323a;display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.list-row:first-child{border-top:0}.list-main{min-width:0}.list-title{font-weight:800}.list-sub{color:var(--muted);font-size:.8rem;margin-top:3px}.status-chip{font-size:.66rem;font-weight:900;border-radius:999px;padding:5px 8px;background:var(--ok);color:#102112;white-space:nowrap}.chip-warn{background:var(--gold);color:#2b2103}.chip-danger{background:var(--danger);color:white}.card-list{display:grid;gap:10px}.record-card{background:var(--panel);border:1px solid #343039;border-radius:16px;padding:15px;display:grid;gap:10px}.record-top{display:flex;justify-content:space-between;gap:12px}.record-title{font-weight:900}.record-meta{display:flex;gap:8px;flex-wrap:wrap}.tag{font-size:.66rem;text-transform:uppercase;letter-spacing:.07em;background:#343039;color:var(--muted);padding:5px 8px;border-radius:999px}.record-actions{display:flex;gap:8px;flex-wrap:wrap}.record-actions button{border:0;background:#3b3740;color:var(--text);padding:8px 10px;border-radius:10px;font-weight:700;cursor:pointer}.record-actions button.positive{background:#35553a}.record-actions button.negative{background:#5c3438}.empty-state{padding:20px;color:var(--muted);text-align:center}.checkbox-label{display:flex;gap:8px;align-items:center;color:var(--muted);padding:9px}.checkbox-label input{width:auto}.inline-form{grid-template-columns:repeat(4,minmax(0,1fr)) auto;background:var(--panel);border-radius:14px;margin-bottom:12px;border:1px solid #343039}
@media(max-width:900px){.app-view{grid-template-columns:1fr}.command-rail{min-height:auto;flex-direction:row;overflow:auto;border-radius:16px;padding:8px}.rail-button{min-width:max-content;border-radius:999px;text-align:center}.rail-button.danger{margin-top:0;margin-left:auto}.dashboard-grid{grid-template-columns:1fr}.inline-form{grid-template-columns:1fr 1fr}.metric-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.masthead{padding:8px 8px 0}.brand-block{padding:14px 16px;border-left-width:10px}.lcars-cap{min-width:62px}.app-view{padding:8px}.metric-grid{grid-template-columns:1fr 1fr}.metric{min-height:95px}.metric strong{font-size:2rem}.inline-form{grid-template-columns:1fr}.section-title{position:sticky;top:0;z-index:5}.auth-view{margin:8vh 8px 0}.record-top{flex-direction:column}.rail-button{font-size:.78rem;padding:10px 12px}}