:root{--bg:#0b1020;--panel:#12193a;--muted:#9aa4c7;--accent:#7aa2ff;--ok:#a3ffb0;--danger:#ff8a8a}body{margin:0;font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial;background:var(--bg);color:#e5e8f9}.layout{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:linear-gradient(180deg,#111a3a,#0d1530);border-bottom:1px solid #1d2a5b;position:sticky;top:0;z-index:10}.brand{font-weight:700;letter-spacing:.5px}.links a{color:#cdd6f4;text-decoration:none;margin-left:16px;padding:8px 10px;border-radius:10px;transition:all .2s}.links a:hover{background:#1a2553}.content{width:100%;max-width:1100px;margin:20px auto;padding:0 16px}.card{background:var(--panel);border:1px solid #233066;border-radius:16px;padding:18px;box-shadow:0 10px 35px #00000059}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.input,.btn,.select,.textarea{padding:10px 12px;border-radius:12px;border:1px solid #2c3a71;background:#0e1532;color:#e5e8f9;outline:none;width:100%}.btn{cursor:pointer;background:#1c2758}.btn.primary{background:linear-gradient(180deg,#3a5fb5,#27448e);border-color:#3456a1}.btn.danger{background:linear-gradient(180deg,#b53a3a,#8e2727);border-color:#a13434}.row{display:flex;gap:10px;align-items:center}.row>*{flex:1}.table th,.table td{padding:10px;border-bottom:1px solid #202a56;text-align:left}.kpi{font-size:28px;font-weight:800;color:var(--ok)}.sub{color:var(--muted);font-size:12px}.center{text-align:center}:root{--bg:#0f172a;--panel:#111827;--text:#e5e7eb;--muted:#9ca3af;--accent:#60a5fa;--ok:#22c55e;--warn:#f59e0b;--danger:#ef4444}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto}.app{display:flex;min-height:100%}.app-header{position:sticky;top:0;background:linear-gradient(90deg,#0ea5e9,#6366f1);padding:14px 20px;font-weight:700;letter-spacing:.3px}.brand{font-size:18px}.app-nav{width:220px;background:var(--panel);padding:16px;border-right:1px solid #1f2937}.app-nav a{display:block;color:var(--text);text-decoration:none;padding:10px 12px;border-radius:10px;margin-bottom:8px}.app-nav a:hover{background:#1f2937}.content{flex:1;padding:20px}.card{background:#0b1220;border:1px solid #1f2937;border-radius:16px;padding:18px;margin-bottom:16px;box-shadow:0 6px 20px #00000040}.btn{display:inline-block;padding:10px 14px;border-radius:12px;border:1px solid #334155;background:#0b1220;color:#e5e7eb;cursor:pointer}.btn:hover{border-color:#475569}.input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid #334155;background:#0b1220;color:#e5e7eb}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.badge{display:inline-block;padding:4px 10px;border-radius:999px;background:#1f2937;border:1px solid #334155;color:#cbd5e1;font-size:12px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid #1f2937;text-align:left}.kpi{font-size:28px;font-weight:800}.muted{color:var(--muted)}