*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:#f4f6fa;color:#1d2433;display:flex}
.side{width:220px;min-height:100vh;background:#14213d;color:#cfd8e8;padding:20px}.side h2{color:#fff;font-size:18px}.side a{display:block;color:#cfd8e8;text-decoration:none;padding:8px 0}
.main{flex:1;padding:24px 32px}.banner{background:#fff3cd;border:1px solid #f0c36d;padding:8px 14px;border-radius:6px;margin-bottom:16px;font-weight:600}
.kpis{display:flex;gap:16px;margin-bottom:20px}.kpi{background:#fff;border-radius:10px;padding:16px 20px;flex:1;box-shadow:0 1px 3px #0001}.kpi b{font-size:28px;display:block}
table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 3px #0001;font-size:14px}th,td{padding:10px;text-align:left;border-bottom:1px solid #eef}th{background:#eef2f8}
.flag{padding:3px 9px;border-radius:12px;font-weight:600;font-size:12px}.green{background:#d4f5dd;color:#176a2c}.amber{background:#ffe8c2;color:#8a5a00}.red{background:#ffd6d6;color:#9b1c1c}
.filters{display:flex;gap:8px;margin-bottom:14px}input,select,button{padding:6px 8px;border:1px solid #ccd;border-radius:6px}button{background:#14213d;color:#fff}
.muted{color:#7a8499;font-size:12px}.card{background:#fff;padding:20px;border-radius:10px;margin-bottom:16px}
.flag{white-space:nowrap}
.modal-bg{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center}.modal{background:#fff;padding:24px;border-radius:12px;width:640px;max-height:92vh;overflow:auto}
.email{background:#f4f6fa;padding:10px;white-space:pre-wrap;font-size:12px}