:root{--bg:#0b0e14;--panel:#111827;--panel2:#0f172a;--text:#e5e7eb;--muted:#9ca3af;--line:#ffffff14;--good:#34d399;--warn:#fbbf24;--bad:#fb7185;--accent:#60a5fa}*{box-sizing:border-box}html,body{height:100%}body{background:radial-gradient(1200px 600px at 30% 0%,#60a5fa2e,transparent 60%),radial-gradient(900px 500px at 80% 10%,#34d3991f,transparent 50%),var(--bg);color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}a{color:inherit}.container{max-width:980px;margin:0 auto;padding:20px}.header{border:1px solid var(--line);background:linear-gradient(#111827e6,#0f172acc);border-radius:18px;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px;display:flex;box-shadow:0 10px 30px #00000040}.brand{flex-direction:column;gap:6px;display:flex}.h1{letter-spacing:.2px;margin:0;font-size:28px;line-height:1.1}.sub{color:var(--muted);margin:0;font-size:14px}.badgeRow{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.badge{border:1px solid var(--line);color:var(--muted);background:#ffffff0a;border-radius:999px;padding:6px 10px;font-size:12px}.grid{grid-template-columns:1.1fr .9fr;gap:14px;margin-top:14px;display:grid}@media (max-width:880px){.grid{grid-template-columns:1fr}}.card{border:1px solid var(--line);background:#111827b8;border-radius:18px;overflow:hidden;box-shadow:0 10px 25px #00000038}.cardHeader{border-bottom:1px solid var(--line);background:#0f172a8c;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.cardTitle{letter-spacing:.3px;color:var(--muted);text-transform:uppercase;margin:0;font-size:14px}.cardBody{padding:14px 16px}.row{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (max-width:520px){.row{grid-template-columns:1fr}}.field{flex-direction:column;gap:6px;display:flex}.label{color:var(--muted);font-size:12px}.input,.select{border:1px solid var(--line);width:100%;color:var(--text);background:#00000038;border-radius:12px;outline:none;padding:10px}.input:focus,.select:focus{border-color:#60a5fa73;box-shadow:0 0 0 4px #60a5fa1f}.actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.btn{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#ffffff0f;border-radius:14px;padding:10px 12px;font-weight:600}.btnPrimary{background:linear-gradient(#60a5fa47,#60a5fa1f);border-color:#60a5fa59}.btnDanger{background:linear-gradient(#fb718538,#fb71851a);border-color:#fb71854d}.btn:active{transform:translateY(1px)}.kpis{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (max-width:520px){.kpis{grid-template-columns:1fr}}.kpi{border:1px solid var(--line);background:#00000029;border-radius:16px;padding:12px}.kpiTop{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.kpiLabel{color:var(--muted);font-size:12px}.kpiValue{letter-spacing:.2px;margin:2px 0 0;font-size:22px;font-weight:800}.kpiHint{color:var(--muted);margin:6px 0 0;font-size:12px}.list{flex-direction:column;gap:10px;margin-top:10px;display:flex}.item{border:1px solid var(--line);background:#00000024;border-radius:16px;padding:12px}.itemTop{justify-content:space-between;align-items:center;gap:10px;display:flex}.itemTitle{margin:0;font-weight:800}.pill{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:4px 8px;font-size:12px}.itemDesc{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.35}.footer{color:var(--muted);text-align:center;opacity:.9;margin-top:14px;font-size:12px}