*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:#0f172a;color:#f8fafc}
a{color:#7dd3fc;text-decoration:none}
.top{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1.2rem;background:#1e293b;border-bottom:1px solid #334155}
.top .brand{font-weight:800}.top a{margin-left:1rem}
.wrap{max-width:1000px;margin:0 auto;padding:1.2rem}
h1{font-size:1.3rem;margin-bottom:1rem}h2{font-size:1.05rem;margin:.2rem 0 .6rem}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.7rem;margin-bottom:1.2rem}
.kpi{background:#1e293b;border-radius:12px;padding:.9rem}.kpi .v{font-size:1.5rem;font-weight:900}.kpi .l{color:#94a3b8;font-size:.8rem}
.card{background:#1e293b;border-radius:14px;padding:1rem;margin-bottom:1rem}
label{display:block;font-weight:600;margin:.6rem 0 .25rem;color:#94a3b8;font-size:.9rem}
input,select{width:100%;padding:.7rem;border:2px solid #334155;border-radius:9px;background:#0f172a;color:#f8fafc;font-size:1rem}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}@media(max-width:560px){.grid2{grid-template-columns:1fr}}
.btn{display:inline-block;border:none;border-radius:10px;cursor:pointer;font-weight:700;padding:.6rem 1rem;color:#fff;background:#2563eb;font-size:.95rem}
.btn-green{background:#16a34a}.btn-red{background:#dc2626}.btn-amber{background:#f59e0b;color:#111}.btn-gray{background:#475569}
.btn-sm{padding:.35rem .7rem;font-size:.82rem;border-radius:8px}
.btn-big{display:block;width:100%;padding:.9rem;font-size:1.05rem;margin-top:.8rem}
table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:.5rem;border-bottom:1px solid #334155}th{color:#94a3b8;font-size:.78rem;text-transform:uppercase}
.badge{display:inline-block;padding:.12rem .5rem;border-radius:999px;font-size:.72rem;font-weight:700}
.b-green{background:#14532d;color:#86efac}.b-amber{background:#78350f;color:#fde68a}.b-red{background:#7f1d1d;color:#fca5a5}.b-gray{background:#334155;color:#cbd5e1}
.alert{padding:.8rem 1rem;border-radius:10px;margin-bottom:1rem;font-weight:600}
.alert-red{background:#7f1d1d;color:#fecaca}.alert-green{background:#14532d;color:#bbf7d0}
.muted{color:#94a3b8}.login-box{max-width:380px;margin:12vh auto}
.mono{font-family:ui-monospace,Menlo,monospace;background:#0f172a;padding:.5rem;border-radius:8px;word-break:break-all;border:1px solid #334155}

.kpi .ico{font-size:1.1rem;margin-bottom:.2rem;opacity:.9}
.top a i{margin-right:.25rem}
h1 i,h2 i{opacity:.85;margin-right:.35rem}