:root{--bg: #f7f7fb;--panel: #ffffff;--ink: #0f172a;--sub: #475569;--line: #e5e7eb;--brand: #344de3;--green: #16a34a;--amber: #b45309;--red: #b91c1c}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.container{max-width:1100px;margin:32px auto;padding:0 20px}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.brand{font-weight:800;font-size:28px;letter-spacing:.3px}.footer{margin:28px 0;padding-top:8px;border-top:1px solid var(--line)}.nav{display:flex;gap:18px}.nav a{color:var(--sub);text-decoration:none;font-weight:600}.nav a:hover{color:var(--ink)}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 2px 10px #0000000a}.muted{color:var(--sub)}.kpis{display:flex;gap:16px;flex-wrap:wrap;margin:12px 0 24px}.kpi{min-width:220px}.kpi .label{font-size:12px;color:var(--sub)}.kpi .value{font-size:22px;font-weight:800}.kpi.greenish{background:#16a34a14;border-color:#16a34a40}.kpi.greenish .label,.kpi.greenish .value{color:var(--green)}.kpi.amberish{background:#b4530914;border-color:#b4530940}.kpi.amberish .label,.kpi.amberish .value{color:var(--amber)}.kpi.redish{background:#b91c1c14;border-color:#b91c1c40}.kpi.redish .label,.kpi.redish .value{color:var(--red)}.kpi.neutral .value{color:var(--brand)}.table-wrapper{max-height:400px;overflow-y:auto;border-radius:14px;border:1px solid var(--line);background:var(--panel)}.table{width:100%;border-collapse:collapse;background:var(--panel)}.table th,.table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left}.table th{background:#fafafa;color:var(--sub);font-weight:700;position:sticky;top:0;z-index:1}.badge{padding:4px 10px;border-radius:999px;font-weight:700;font-size:12px;background:#f6f7fb}.badge.green{color:var(--green)}.badge.amber{color:var(--amber)}.badge.red{color:var(--red)}.actions{display:flex;gap:12px;align-items:center;margin:12px 0}.button{background:var(--brand);color:#fff;border:none;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer}.button:disabled{opacity:.7;cursor:not-allowed}.button.secondary{background:#eef2ff;color:#222;border:1px solid #c7d2fe}.link{color:var(--brand);text-decoration:none}.link:hover{text-decoration:underline}.spinner{width:16px;height:16px;display:inline-block;border:2px solid #e5e7eb;border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}@media print{nav,header,.no-print{display:none!important}body{font-size:12px}.container{max-width:none;margin:0;padding:0}}