*{box-sizing:border-box;font-family:system-ui,Segoe UI,Roboto,Ubuntu,Helvetica,Arial}
body{margin:0;background:#0f1226;color:#e9ecf1}
a{color:#a7d1ff;text-decoration:none}
.container{max-width:1000px;margin:20px auto;padding:0 16px}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#1b1f3a;border-bottom:1px solid #2a2f54}
.brand{font-weight:700}
.topbar nav a{margin:0 8px}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}
.kpi{background:#1b1f3a;padding:16px;border-radius:12px}
label{display:block;margin:8px 0}
input,button{padding:10px 12px;border-radius:8px;border:1px solid #2a2f54;background:#0f1226;color:#e9ecf1;width:100%}
button{background:#2a5bd7;border-color:#2a5bd7;cursor:pointer}
.alert{background:#5d1f2a;border:1px solid #a43a50;padding:10px;border-radius:8px;margin:8px 0}
.footer{padding:20px;text-align:center;opacity:.7}