:root{--bg:#f4f7f6;--panel:#ffffff;--line:#dce4e6;--ink:#1e293b;--muted:#64748b;--brand:#0f766e;--brand-2:#0ea5a2;--soft:#e6fffb;--danger:#b91c1c}*{box-sizing:border-box}body,html{margin:0;padding:0;background:radial-gradient(circle at 10% -10%,#d1fae5 0,transparent 32%),radial-gradient(circle at 95% 0,#bae6fd 0,transparent 30%),var(--bg);color:var(--ink);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.dash-wrap{width:min(1220px,94vw);margin:24px auto 48px}.hero{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}.hero h1{margin:0;font-size:clamp(24px,3.6vw,38px);line-height:1.08}.hero p{margin:8px 0 0;color:var(--muted)}.hero-actions{display:flex;gap:8px;width:min(460px,100%)}.hero-actions button,.hero-actions input,.panel-head input{height:42px;border-radius:12px;border:1px solid var(--line);padding:0 12px;font-size:14px}.hero-actions input{width:100%;background:white}.hero-actions button{border-color:var(--brand);background:linear-gradient(120deg,var(--brand),var(--brand-2));color:#fff;font-weight:600;cursor:pointer}.hero-actions button:disabled{opacity:.7;cursor:not-allowed}.cards{display:grid;grid-template-columns:repeat(6,minmax(160px,1fr));grid-gap:10px;gap:10px;margin-bottom:16px}.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(320px,1fr));grid-gap:12px;gap:12px}.chart-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px}.chart-card h3{margin:0 0 12px;font-size:18px}.chart-wide{grid-column:1/-1}.donut{width:220px;height:220px;place-items:center;margin:8px auto 14px}.donut,.donut>div{border-radius:999px;display:grid}.donut>div{width:134px;height:134px;background:#fff;border:1px solid var(--line);place-items:center;text-align:center}.donut strong{font-size:30px;line-height:1}.donut span{color:var(--muted);font-size:12px}.legend{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#334155}.dot{width:10px;height:10px;border-radius:99px;display:inline-block;margin-right:6px}.dot.sent{background:var(--brand)}.dot.pending{background:#dbeafe}.dot.total{background:#94a3b8}.bar-list{gap:10px}.bar-list,.bar-row{display:flex;flex-direction:column}.bar-row{gap:6px}.bar-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px}.bar-track{width:100%;height:12px;border-radius:999px;background:#ecfeff;overflow:hidden;border:1px solid #cffafe}.bar-fill{height:100%;border-radius:999px;background:linear-gradient(120deg,#0f766e,#0ea5a2)}.bar-fill.value{background:linear-gradient(120deg,#0f766e,#38bdf8)}.panel-head.clean{padding:0 0 12px;border:0}.mini-cards{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));grid-gap:10px;gap:10px}.mini-card{border:1px solid var(--line);border-radius:12px;padding:12px;background:linear-gradient(180deg,#f8fafc,#eef6f7)}.mini-card span{color:var(--muted);font-size:12px}.mini-card strong{display:block;margin-top:6px;font-size:20px}.empty{color:var(--muted);margin:6px 0 0}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px}.card span{color:var(--muted);font-size:12px}.card strong{display:block;margin-top:6px;font-size:24px}.card.minor{background:linear-gradient(180deg,#f8fafc,#eef6f7)}.table-panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px;border-bottom:1px solid var(--line)}.panel-head h2{margin:0;font-size:18px}.panel-head input{width:min(320px,100%)}.error{margin:10px 12px;color:var(--danger);font-weight:600}table{width:100%;border-collapse:collapse}td,th{border-bottom:1px solid var(--line);text-align:left;padding:10px 12px;font-size:14px;vertical-align:top}th{background:#f8fafc;color:#334155;font-size:12px;text-transform:uppercase;letter-spacing:.3px}tbody tr:hover>td{background:#f8fffd}.ghost{border:1px solid #99f6e4;background:var(--soft);color:#115e59;border-radius:10px;padding:6px 10px;cursor:pointer}.expand>td{background:#fcfffe}.inner-table{margin-top:6px}@media (max-width:1040px){.cards{grid-template-columns:repeat(3,minmax(150px,1fr))}.chart-grid{grid-template-columns:1fr}}@media (max-width:760px){.hero{flex-direction:column}.hero-actions{width:100%}.cards{grid-template-columns:repeat(2,minmax(130px,1fr))}.mini-cards{grid-template-columns:1fr}td,th{font-size:12px;padding:8px}}