:root{--bg:#08111f;--panel:rgba(255,255,255,.08);--panel2:rgba(255,255,255,.12);--text:#f5f7fb;--muted:#9ba8bd;--accent:#d6ae5f;--danger:#ff6b6b;--ok:#52d39f;--line:rgba(255,255,255,.12);--shadow:0 24px 80px rgba(0,0,0,.35)}
[data-theme=light]{--bg:#f5f7fb;--panel:#fff;--panel2:#eef2f8;--text:#111827;--muted:#667085;--accent:#0d9488;--line:#dde3ee;--shadow:0 18px 50px rgba(15,23,42,.12)}
[data-theme=construction]{--bg:#12100b;--panel:rgba(255,193,7,.08);--panel2:rgba(255,255,255,.10);--accent:#ffc107;--text:#fff8e5;--muted:#c8b98d}
[data-theme=nightops]{--bg:#020617;--panel:rgba(14,165,233,.08);--panel2:rgba(99,102,241,.16);--accent:#38bdf8}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top left,var(--panel2),transparent 34%),var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{border:0;border-radius:14px;padding:11px 15px;background:var(--accent);color:#111;font-weight:800;cursor:pointer}input,select,textarea{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--text);border-radius:14px;padding:13px}textarea{min-height:130px}.hidden{display:none!important}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(440px,100%);background:var(--panel);border:1px solid var(--line);border-radius:32px;padding:34px;box-shadow:var(--shadow);backdrop-filter:blur(20px)}.brand-mark,.logo span{display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#fff1b7);color:#111;font-weight:950}.brand-mark{width:70px;height:70px;border-radius:22px;font-size:34px}.app{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.side{padding:22px;border-right:1px solid var(--line);background:rgba(0,0,0,.18);position:sticky;top:0;height:100vh}.logo{display:grid;grid-template-columns:48px 1fr;gap:10px;align-items:center;margin-bottom:24px}.logo span{width:48px;height:48px;border-radius:16px}.logo small{display:block;color:var(--muted)}nav{display:grid;gap:8px}nav button,.ghost{background:transparent;color:var(--text);text-align:left;width:100%;border:1px solid transparent}nav button.active,nav button:hover,.ghost:hover{background:var(--panel);border-color:var(--line)}main{padding:26px 34px 90px;min-width:0}.top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.eyebrow{margin:0;color:var(--accent);font-weight:900;text-transform:uppercase;letter-spacing:.16em;font-size:12px}.top h1{margin:4px 0 0;font-size:42px;letter-spacing:-.04em}.top-actions{display:flex;gap:10px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card,.panel,.item{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:var(--shadow);backdrop-filter:blur(14px)}.card b{font-size:38px;display:block}.card span,.muted{color:var(--muted)}.hero{display:grid;grid-template-columns:1.3fr .7fr;gap:16px;margin-top:16px}.panel h2{margin-top:0}.items{display:grid;gap:12px}.item{box-shadow:none}.item-head{display:flex;justify-content:space-between;gap:12px}.pill{border:1px solid var(--line);border-radius:999px;padding:5px 9px;color:var(--muted);font-size:12px}.urgent{color:var(--danger)}.high{color:var(--accent)}.toolbar{display:flex;gap:12px;margin-bottom:18px}.dock{position:fixed;right:18px;top:50%;transform:translateY(-50%);display:grid;gap:10px;z-index:10}.dock button{box-shadow:var(--shadow)}.jr{position:fixed;right:22px;bottom:22px;width:62px;height:62px;border-radius:50%;z-index:11}.jr-panel{position:fixed;right:22px;bottom:94px;width:330px;max-width:calc(100vw - 44px);background:var(--panel);border:1px solid var(--line);border-radius:26px;padding:20px;box-shadow:var(--shadow);transform:translateY(20px);opacity:0;pointer-events:none;transition:.2s;z-index:11}.jr-panel.open{transform:none;opacity:1;pointer-events:auto}.modal,.command{position:fixed;inset:0;background:rgba(0,0,0,.56);display:grid;place-items:center;padding:20px;z-index:50}.modal-card,.command>div{width:min(720px,100%);background:var(--bg);border:1px solid var(--line);border-radius:28px;padding:22px;box-shadow:var(--shadow)}.x{float:right;background:transparent;color:var(--text);font-size:26px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}.span2{grid-column:span 2}#cmdResults{display:grid;gap:8px;margin-top:12px;max-height:55vh;overflow:auto}.result{padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
@media(max-width:1000px){.app{grid-template-columns:1fr}.side{position:fixed;bottom:0;top:auto;left:0;right:0;height:auto;z-index:20;display:block;padding:8px;border-top:1px solid var(--line);border-right:0}.logo,.ghost{display:none}nav{display:flex;overflow:auto}nav button{white-space:nowrap;text-align:center;padding:10px 12px}.top{align-items:flex-start}.cards,.hero{grid-template-columns:1fr 1fr}main{padding:18px 16px 120px}.dock{right:10px;top:auto;bottom:86px;grid-template-columns:repeat(5,auto);transform:none}.dock button{font-size:12px;padding:9px}}@media(max-width:640px){.cards,.hero{grid-template-columns:1fr}.top{display:block}.top h1{font-size:34px}.top-actions{margin-top:12px}.grid2{grid-template-columns:1fr}.span2{grid-column:auto}.dock{left:8px;right:8px;display:flex;justify-content:center}.dock button{flex:1}.card b{font-size:32px}}