:root{--bg: #0f172a;--panel: #1e293b;--panel-light: #273549;--text: #e2e8f0;--muted: #94a3b8;--accent: #38bdf8;--good: #4ade80;--warn: #facc15;--bad: #f87171;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text)}a{color:var(--accent)}.app-shell{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--panel);padding:1rem;position:sticky;top:0;height:100vh;flex-shrink:0}.sidebar h1{font-size:1.1rem;margin:0 0 1.5rem}.sidebar nav a{display:block;padding:.5rem .75rem;border-radius:8px;color:var(--text);text-decoration:none;margin-bottom:.25rem;font-size:.9rem}.sidebar nav a:hover,.sidebar nav a.active{background:var(--panel-light);color:var(--accent)}.main{flex:1;padding:1.5rem;max-width:1100px}.topbar{display:none}.card{background:var(--panel);border-radius:12px;padding:1rem 1.25rem;overflow-x:auto}.grid{display:grid;gap:1rem}.grid-4{grid-template-columns:repeat(4,1fr)}.kpi .value{font-size:1.6rem;font-weight:700}.kpi .label{color:var(--muted);font-size:.8rem}table{width:100%;min-width:900px;border-collapse:collapse;font-size:.85rem}th,td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--panel-light);white-space:nowrap}th{color:var(--muted);font-weight:600}td form{margin:0}.badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.75rem}.badge.bid{background:#38bdf826;color:var(--accent)}.badge.no-bid{background:#f8717126;color:var(--bad)}.badge.closed{background:#94a3b826;color:var(--muted)}.badge.monitor{background:#facc1526;color:var(--warn)}form.inline{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}input,select,textarea,button{background:var(--panel-light);color:var(--text);border:1px solid #334155;border-radius:8px;padding:.45rem .6rem;font-size:.85rem}button{cursor:pointer;background:var(--accent);color:#0f172a;font-weight:600;border:none}button.secondary{background:var(--panel-light);color:var(--text)}.section-title{display:flex;justify-content:space-between;align-items:center;margin:1.5rem 0 .75rem}@media (max-width: 720px){.app-shell{flex-direction:column}.sidebar{display:none}.topbar{display:flex;gap:.5rem;overflow-x:auto;padding:.75rem;background:var(--panel);position:sticky;top:0;z-index:10}.topbar a{color:var(--text);text-decoration:none;font-size:.8rem;white-space:nowrap;padding:.4rem .7rem;border-radius:999px;background:var(--panel-light)}.topbar a.active{background:var(--accent);color:#0f172a}.main{padding:1rem}.grid-4{grid-template-columns:repeat(2,1fr)}}