:root{--bg:#f4f7fb;--card:#fff;--ink:#15213a;--muted:#667085;--line:#e6eaf2;--primary:#0f5cc7;--primary2:#0b3f8d;--green:#0c9b63;--red:#d92d20;--orange:#f79009;--purple:#6f42c1;--shadow:0 14px 40px rgba(16,24,40,.08);--radius:20px}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#eef5ff 0%,#f8fafc 28%,#f4f7fb 100%);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif}.topbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:14px 28px}.brand{display:flex;align-items:center;gap:12px}.logo{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#0f5cc7,#00a1ff);color:#fff;font-weight:900;display:grid;place-items:center;font-size:24px;box-shadow:var(--shadow)}.brand b{display:block;font-size:19px}.brand span{display:block;font-size:12px;color:var(--muted);margin-top:2px}.nav{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.nav a{color:#243757;text-decoration:none;padding:10px 12px;border-radius:12px;font-size:14px}.nav a:hover{background:#edf4ff;color:var(--primary)}.container{max-width:1240px;margin:0 auto;padding:26px 20px 48px}.footer{text-align:center;color:var(--muted);font-size:13px;padding:28px}.hero{background:radial-gradient(circle at top right,rgba(255,255,255,.5),transparent 38%),linear-gradient(135deg,#0b3f8d,#0f5cc7 55%,#00a1ff);border-radius:28px;color:#fff;padding:30px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-70px;bottom:-90px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.14)}.hero h1{margin:0 0 8px;font-size:32px;letter-spacing:-.5px}.hero p{margin:0;color:#e8f3ff;max-width:880px;line-height:1.6}.hero-actions{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}.btn,button{border:0;border-radius:14px;background:var(--primary);color:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;font-weight:700;cursor:pointer;box-shadow:0 8px 18px rgba(15,92,199,.18)}.btn:hover,button:hover{background:var(--primary2)}.btn.secondary{background:#fff;color:var(--primary)}.btn.light{background:#edf4ff;color:var(--primary);box-shadow:none}.btn.green{background:var(--green)}.btn.red{background:var(--red)}.btn.small{padding:8px 11px;font-size:13px}.grid{display:grid;gap:18px}.grid.kpi{grid-template-columns:repeat(4,minmax(0,1fr));margin:20px 0}.grid.two{grid-template-columns:1.1fr .9fr}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.kpi-card{position:relative;overflow:hidden}.kpi-card .label{color:var(--muted);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.kpi-card .value{font-size:30px;font-weight:900;margin:8px 0 3px}.kpi-card .hint{font-size:13px;color:var(--muted)}.kpi-card:before{content:"";position:absolute;right:-30px;top:-30px;width:90px;height:90px;border-radius:50%;background:#edf4ff}.kpi-card.warn:before{background:#fff3e6}.kpi-card.danger:before{background:#ffebe9}.kpi-card.ok:before{background:#e8fff4}.section-title{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:26px 0 12px}.section-title h2{margin:0;font-size:22px}.section-title p{margin:4px 0 0;color:var(--muted)}.table-wrap{overflow:auto;border-radius:16px;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:14px}th{background:#f7faff;color:#394b69;font-size:12px;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}tr:hover td{background:#fbfdff}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800}.badge.ok{background:#e8fff4;color:#087a4a}.badge.warn{background:#fff4e5;color:#a15c00}.badge.danger{background:#ffebe9;color:#b42318}.badge.info{background:#edf4ff;color:#0f5cc7}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}.input,select,textarea{width:100%;border:1px solid #d4dbe8;border-radius:14px;padding:11px 13px;font:inherit;background:#fff}textarea{min-height:96px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .full{grid-column:1/-1}.field label{display:block;font-weight:800;margin:0 0 6px;font-size:13px;color:#344054}.login-card{max-width:470px;margin:42px auto}.alert{border-radius:16px;padding:13px 15px;margin:0 0 18px;font-weight:700}.alert.success{background:#e8fff4;color:#087a4a}.alert.error{background:#ffebe9;color:#b42318}.alert.info{background:#edf4ff;color:#0f5cc7}.empty{padding:28px;border:1px dashed #cad5e5;border-radius:18px;text-align:center;color:var(--muted);background:#fbfdff}.quick-menu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.quick{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;text-decoration:none;color:var(--ink);box-shadow:var(--shadow)}.quick b{display:block;margin-bottom:4px}.quick span{color:var(--muted);font-size:13px;line-height:1.45}.status-line{display:flex;gap:8px;flex-wrap:wrap}.note{color:var(--muted);font-size:13px;line-height:1.55}.split-actions{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.print-only{display:none}@media(max-width:900px){.topbar{display:block;padding:14px}.nav{margin-top:10px}.grid.kpi,.grid.two,.grid.three,.quick-menu,.form-grid{grid-template-columns:1fr}.hero h1{font-size:25px}.container{padding:18px 14px}}@media print{.topbar,.footer,.hero-actions,.toolbar,.btn,button{display:none!important}.container{max-width:100%;padding:0}.card,.hero{box-shadow:none;border:1px solid #ddd}.print-only{display:block}}
.kpi-link{display:block;text-decoration:none;color:inherit;transition:.18s transform,.18s box-shadow}.kpi-link:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(16,24,40,.13)}
a.badge{text-decoration:none}.filter-card{margin-top:14px}.meter{height:12px;background:#eef2f7;border-radius:999px;overflow:hidden;margin:9px 0 12px}.meter i{display:block;height:100%;background:linear-gradient(90deg,#0f5cc7,#00a1ff);border-radius:999px}.meter-label{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--muted)}.meter-label b{color:var(--ink)}.followup .quick{min-height:116px}.quick.danger{border-color:#ffd0cc;background:#fffafa}.quick.warn{border-color:#ffe1bd;background:#fffdf8}.quick.ok{border-color:#bff3d8;background:#fbfffd}.quick.info{border-color:#cde1ff;background:#fbfdff}