body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#0b1220;color:#e6edf3;margin:0}
.wrap{max-width:1100px;margin:0 auto;padding:18px}
.nav{display:flex;gap:12px;align-items:center;background:#111b33;padding:12px 18px}
.nav a{color:#e6edf3;text-decoration:none;opacity:.9}
.nav a:hover{opacity:1}
.spacer{flex:1}
.card{max-width:420px;margin:60px auto;background:#111b33;padding:18px;border-radius:12px}
input,button{padding:10px;border-radius:10px;border:1px solid #2a3557;background:#0b1220;color:#e6edf3}
button{cursor:pointer;background:#2b62ff;border-color:#2b62ff}
.row{display:flex;gap:10px;flex-wrap:wrap}
.row input{flex:1;min-width:240px}
table{width:100%;border-collapse:collapse;margin-top:12px}
th,td{border-bottom:1px solid #2a3557;padding:10px;text-align:left}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}
.tile{background:#111b33;border:1px solid #2a3557;border-radius:12px;padding:12px}
.tile_kpi{opacity:.8;font-size:12px}
.tile_val{font-size:20px;margin-top:6px}
.error{color:#ff6b6b}
.ok{color:#31d0aa}
.muted{opacity:.7}
.btn{display:inline-block;padding:8px 12px;background:#2b62ff;color:#fff;text-decoration:none;border-radius:10px}