:root{color-scheme:dark;--bg:#080a0c;--panel:#11151a;--panel-2:#181d23;--line:#2b333b;--text:#eef3f0;--muted:#9aa7a4;--green:#31d28b;--red:#ff6978;--amber:#ffc34d;--blue:#61a7ff;--teal:#2fc5b8}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}.shell{grid-template-columns:260px 1fr}.login-shell,.shell{min-height:100vh;display:grid}.login-shell{place-items:center;padding:20px}.login-panel{width:min(420px,100%);display:grid;grid-gap:14px;gap:14px;border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:22px}.login-panel label{display:grid;grid-gap:8px;gap:8px;color:var(--muted);font-size:13px}.login-panel input{height:40px;border:1px solid var(--line);border-radius:6px;background:var(--panel-2);color:var(--text);padding:0 10px;outline:none}.login-panel input:focus{border-color:var(--teal)}.login-button{height:40px;border:1px solid var(--teal);border-radius:6px;background:var(--teal);color:#06110f;font-weight:700;cursor:pointer}.sidebar{border-right:1px solid var(--line);background:#0b0f15;padding:20px 16px}.brand{font-size:18px;font-weight:700;margin-bottom:24px}.nav{display:grid;grid-gap:8px;gap:8px}.nav button{display:flex;align-items:center;gap:10px;height:40px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);padding:0 10px;text-align:left}.nav button.active{background:var(--panel);border-color:var(--line);color:var(--text)}.main{padding:20px;display:grid;grid-gap:16px;gap:16px;align-content:start}.grid,.notice,.risk-row,.table-panel,.topbar{border:1px solid var(--line);background:var(--panel);border-radius:8px}.topbar{min-height:72px;display:flex;align-items:center;justify-content:space-between;padding:14px 16px}.title{display:grid;grid-gap:4px;gap:4px}.title h1{margin:0;font-size:22px;letter-spacing:0}.muted{color:var(--muted);font-size:13px}.status-row{flex-wrap:wrap;justify-content:flex-end}.actions,.status-row{display:flex;gap:8px}.icon-button,.small-action{border:1px solid var(--line);border-radius:6px;background:var(--panel-2);color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}.icon-button{width:38px;height:38px}.small-action{min-height:32px;padding:0 10px;font-size:12px;white-space:nowrap}.icon-button:hover,.small-action:hover{border-color:var(--teal)}.notice{min-height:44px;padding:10px 14px;display:flex;align-items:center;gap:10px;font-size:13px}.notice.error{color:var(--red)}.pill{border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:12px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.metric{padding:16px;border-right:1px solid var(--line)}.metric:last-child{border-right:0}.metric .value{margin-top:10px;font-size:24px;font-weight:700}.workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.8fr);grid-gap:16px;gap:16px}.table-panel{overflow:hidden}.table-panel table{min-width:640px}.panel-head{height:52px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}table{width:100%;border-collapse:collapse}td,th{padding:12px 16px;border-bottom:1px solid var(--line);text-align:left;font-size:13px;vertical-align:middle}th{color:var(--muted);font-weight:500}.green{color:var(--green)}.red{color:var(--red)}.amber{color:var(--amber)}.stacked{display:grid;grid-gap:4px;gap:4px;min-width:0}.stacked span,.stacked strong,td{overflow-wrap:anywhere}.risk-row{min-height:56px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 16px;color:var(--muted);font-size:13px}.risk-row div{display:inline-flex;align-items:center;gap:8px}@media (max-width:920px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.grid,.workspace{grid-template-columns:1fr}.topbar{align-items:flex-start;gap:12px}.metric{border-right:0;border-bottom:1px solid var(--line)}.table-panel{overflow-x:auto}}