:root{--french-blue:#002a8f;--french-red:#ed2939;--ok:#22b04d;--warn:#f39912;--bg:#f5f7fb;--card:#ffffff;--text:#16181d;--text-2:#5c6270;--border:#e3e7ef;--radius:14px}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,var(--bg) 0,#e9eefb 100%);min-height:100vh;color:var(--text);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:var(--french-blue)}.wrap{max-width:1100px;margin:0 auto;padding:24px 20px 60px}.topbar{display:flex;align-items:center;gap:12px;padding:14px 20px;background:var(--card);border-bottom:1px solid var(--border)}.topbar h1{font-size:17px;margin:0;font-weight:650}.topbar .spacer{flex:1 1}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:0 2px 8px rgba(16,24,60,.05)}.card,.kpis{margin-bottom:18px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:12px;gap:12px}.kpi{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.kpi .label{font-size:12px;color:var(--text-2);margin-bottom:6px}.kpi .value{font-size:28px;font-weight:700;letter-spacing:-.5px}.kpi .value.bad{color:var(--french-red)}.kpi .value.warn{color:var(--warn)}.kpi .value.good{color:var(--ok)}h2{font-size:15px;margin:0 0 12px;font-weight:650}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--text-2);padding:6px 8px;border-bottom:1px solid var(--border);font-weight:600}td{padding:9px 8px;border-bottom:1px solid #f0f2f7}tr:last-child td{border-bottom:none}.pill{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:650}.pill.ok{background:rgba(34,176,77,.12);color:#14803a}.pill.bad{background:rgba(237,41,57,.12);color:#c01727}.pill.warn{background:rgba(243,153,18,.15);color:#9a6108}.btn,button{font:inherit;font-weight:600;border-radius:999px;border:1px solid transparent;padding:9px 18px;cursor:pointer;background:var(--french-blue);color:#fff}button.secondary{background:transparent;color:var(--french-blue);border-color:var(--border)}button:disabled{opacity:.5;cursor:default}input{font:inherit;width:100%;padding:11px 12px;margin-bottom:10px;border:1px solid var(--border);border-radius:10px;background:#fbfcfe}.login{max-width:380px;margin:8vh auto}.muted{color:var(--text-2)}.error,.muted{font-size:13px}.error{color:var(--french-red);margin:6px 0}@media print{body{background:#fff}.topbar,button{display:none!important}.card,.kpi{box-shadow:none;border-color:#ccc;page-break-inside:avoid;break-inside:avoid}}