:root{--bg0: #05020d;--bg1: #111028;--bg2: #06202c;--ink: #f5f4ff;--muted: #c5bfdb;--line: rgba(245, 244, 255, .22);--pink: #fb7185;--cyan: #22d3ee;--lime: #84cc16;--amber: #f59e0b}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Space Grotesk,system-ui,sans-serif;color:var(--ink);background:radial-gradient(900px 500px at -10% -8%,rgba(251,113,133,.2),transparent 62%),radial-gradient(900px 500px at 108% 2%,rgba(34,211,238,.18),transparent 64%),radial-gradient(700px 380px at 50% 120%,rgba(132,204,22,.14),transparent 60%),linear-gradient(145deg,var(--bg0),var(--bg1) 52%,var(--bg2))}.page{max-width:1440px;margin:0 auto;padding:16px}.topbar{position:sticky;top:0;z-index:20;border:1px solid var(--line);border-radius:16px;background:#040814d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:14px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.brand{font-size:26px;font-weight:700;letter-spacing:.06em;color:#fecdd3}.sub{margin-top:4px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.top-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.layout{display:grid;gap:14px;margin-top:14px}.card{border:1px solid var(--line);border-radius:16px;background:#020617ad;padding:14px;box-shadow:0 18px 50px #00000059}.hero{border-color:#fb718580}.hero h1{margin:0 0 8px;font-size:28px}.hero p{margin:0;color:#e2e8f0;line-height:1.6}.warning{margin-top:10px;border:1px dashed rgba(245,158,11,.65);border-radius:10px;padding:9px;background:#f59e0b1f;color:#fde68a;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}h2{margin:0 0 10px;font-size:15px;text-transform:uppercase;letter-spacing:.08em;color:#c4b5fd}h3{margin:0 0 7px;font-size:13px;color:#bae6fd}.field{margin-bottom:8px}.field-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:4px}input{width:100%;border:1px solid var(--line);border-radius:10px;background:#0f172ab8;color:var(--ink);padding:9px 10px;outline:none}input:focus{border-color:#22d3eed6;box-shadow:0 0 0 3px #22d3ee33}.buttons{display:flex;flex-wrap:wrap;gap:8px}.action-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.btn{border:1px solid var(--line);border-radius:10px;padding:9px 11px;background:linear-gradient(180deg,#1e293bf2,#0f172af2);color:var(--ink);cursor:pointer}.btn:hover{border-color:#22d3eed9;transform:translateY(-1px)}.btn.main{background:linear-gradient(180deg,#fb7185f2,#e11d48e0)}.btn.alt{background:linear-gradient(180deg,#22d3eef2,#0891b2e0);color:#06222a}.btn.ghost{background:#0f172a8f}.btn.danger{background:linear-gradient(180deg,#ef4444f2,#b91c1cdb)}.btn.small{padding:6px 9px}.status-row{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:10px;font-size:12px;color:var(--muted)}.kpi{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:8px}.kpi div{border:1px dashed rgba(245,158,11,.5);border-radius:10px;background:#f59e0b1a;padding:8px}.kpi span{display:block;font-size:10px;text-transform:uppercase;color:var(--muted)}.kpi strong{display:block;margin-top:4px;color:#fde68a}.boards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.mono{margin:0;border:1px solid var(--line);border-radius:10px;padding:10px;background:#020617b3;font-family:IBM Plex Mono,Consolas,monospace;font-size:12px;line-height:1.45;min-height:130px;white-space:pre-wrap;max-height:300px;overflow:auto}.feed{margin:0;padding:10px;list-style:none;border:1px solid var(--line);border-radius:10px;min-height:200px;max-height:320px;overflow:auto;background:#020617b3;font-family:IBM Plex Mono,Consolas,monospace;font-size:12px}.feed li{margin-bottom:6px;white-space:pre-wrap}@media(max-width:1200px){.grid-two,.boards{grid-template-columns:1fr}}@media(max-width:820px){.kpi,.field-grid,.action-buttons{grid-template-columns:1fr}.brand{font-size:21px}}