:root{color-scheme:dark;--bg:#0a111e;--surface:#111b2c;--line:#223047;--text:#e7edf8;--muted:#93a1b8;--blue:#86aefe;--amber:#f3be64;--rose:#f27988;--green:#58d5ad;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg);color:var(--text);font-size:14px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 10% 0%,#18274666,transparent 50%),var(--bg);min-height:100vh}a{color:#98b9ff;text-decoration:none}a:hover{color:#cbdcff}header{background:#0e1727ed;border-bottom:1px solid var(--line);padding:0 3.4%;min-height:76px;display:flex;align-items:center;gap:34px;position:sticky;top:0;z-index:10;backdrop-filter:blur(15px)}header strong{font-size:18px;letter-spacing:-.5px;white-space:nowrap}header strong::before{content:'Q';display:inline-grid;place-items:center;background:#5085f5;color:white;border-radius:9px;width:32px;height:32px;font-size:17px;margin-right:12px}nav{display:flex;align-items:center;gap:6px;flex:1;flex-wrap:wrap}header nav a{color:#a3b0c6;font-size:13px;padding:11px 12px;border-radius:7px;white-space:nowrap}header nav a:hover,header nav a.nav-active{color:#b8cdff;background:#6f9cff16}header form{margin:0}header button{background:transparent;color:#aebcd1;padding:8px 15px;border-color:#33435a}main{max-width:1510px;margin:38px auto 64px;padding:0 42px}h1{font-size:31px;line-height:1.2;letter-spacing:-1.2px;margin:8px 0 12px;font-weight:650}h2{font-size:17px;font-weight:600;letter-spacing:-.25px;margin:0 0 12px}.title-dot{color:#7da5ff}p{line-height:1.6}.muted{color:var(--muted);font-size:13px}.card{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:24px;margin:20px 0;overflow:auto;box-shadow:0 8px 28px #0000000c}.login{max-width:460px;margin:80px auto}.login input{width:100%}.grid{display:flex;gap:14px;flex-wrap:wrap;align-items:end}.grid>div{flex:1 1 130px;min-width:0}label{display:block;font-size:11px;font-weight:550;color:#a7b4ca;margin:0 0 9px;letter-spacing:.2px}input,select,button{padding:11px 12px;border:1px solid #2b3a52;border-radius:7px;font:inherit;background:#0d1625;color:#dbe4f2;min-height:41px}input,select{max-width:100%;width:100%;outline:none}input:focus,select:focus{border-color:#739df2;box-shadow:0 0 0 3px #739df216}input[type=checkbox]{width:17px;min-height:17px;accent-color:#7b9fff}button{background:#5e8bee;border:1px solid #5e8bee;color:white;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s}button:hover{background:#749cf3}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #9fbfff;outline-offset:4px}form.inline{display:inline}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:15px 13px;border-bottom:1px solid #25324970;white-space:nowrap}th{background:#152034;color:#98a7bf;font-size:10px;font-weight:600;letter-spacing:.6px;text-transform:uppercase}tbody tr:last-child td{border-bottom:0}td{color:#c5d0e3}tbody tr:hover{background:#ffffff02}.money{font-variant-numeric:tabular-nums;color:#e3eaf5;font-weight:500}.message{padding:15px 18px;background:#193055;border:1px solid #305184;border-radius:9px;color:#bcd2fa}textarea{background:#0d1625;border:1px solid var(--line);border-radius:6px;color:var(--text);width:100%;height:70px}progress{accent-color:#8cadff;width:100%;height:9px}.dashboard-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:30px}.dashboard-heading .muted{margin:0}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.8px;color:#7f94b4;margin:0 0 9px}.update-pill{display:flex;gap:13px;align-items:center;border:1px solid #27364d;border-radius:10px;padding:14px 18px;flex-shrink:0;background:#111b2c}.update-pill small{display:block;font-size:8px;letter-spacing:1.2px;color:#8092b0;margin-bottom:5px}.update-pill strong{font-size:12px;font-weight:500;color:#c5d4e9}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #58d5ad12}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:28px 0 15px}.section-heading h2{margin:0}.section-heading>span:not(.badge){color:#7e8fa9;font-size:10px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-card{border:1px solid var(--line);background:linear-gradient(120deg,#142034,#111b2c 70%);border-radius:12px;padding:20px 21px;min-width:0;position:relative;overflow:hidden;box-shadow:0 5px 25px #00000010}.metric-card::after{content:'';position:absolute;height:2px;left:21px;right:21px;bottom:0;background:var(--tone);opacity:.5}.metric-top{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#a9b8ce;font-size:11px}.metric-symbol{color:var(--tone);background:color-mix(in srgb,var(--tone) 12%,transparent);border:1px solid color-mix(in srgb,var(--tone) 18%,transparent);border-radius:7px;width:29px;height:29px;display:grid;place-items:center;font-size:10px;font-variant-numeric:tabular-nums}.metric-value{display:block;font-size:clamp(22px,2.1vw,30px);font-weight:600;letter-spacing:-1px;margin:15px 0 10px;line-height:1.25;white-space:nowrap;font-variant-numeric:tabular-nums;color:#edf3ff}.metric-card p{font-size:10px;color:#7f92af;margin:0;line-height:1.6}.tone-blue{--tone:var(--blue)}.tone-amber{--tone:var(--amber)}.tone-rose{--tone:var(--rose)}.tone-green{--tone:var(--green)}.dashboard-charts{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);gap:18px;margin-top:24px}.chart-card{margin:0;overflow:hidden;padding:23px}.chart-card .section-heading{margin:0 0 20px}.badge{background:#7b9fdb0c;border:1px solid #304059;border-radius:5px;padding:5px 8px;font-size:9px;white-space:nowrap;color:#9eafc8}.chart-wrap{height:280px;position:relative}.chart-wide{grid-column:1/-1}.monthly-chart{height:275px}.chart-note{font-size:10px;color:#7487a5;margin:16px 0 0}.report-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:18px;margin-top:24px}.report-table{margin:0;padding:23px;min-width:0}.report-table .section-heading{margin:0 0 20px}.category{border-radius:5px;padding:5px 8px;background:#263951;color:#b6c9e7;font-size:10px}.category-V{background:#f2798812;color:#f395a1}.category-P{background:#f3be6412;color:#f3be64}.category-L{background:#58d5ad12;color:#6bddb8}.category-C{background:#7f8fa912;color:#a4b1c7}.category-U{background:#9d91ed12;color:#b2a7f8}.contract-label{color:#cdd9ed}.report-help{margin:23px 0 0;border:1px solid #233047;border-radius:9px;padding:15px 18px;color:#8496b1;font-size:11px}.report-help summary{cursor:pointer;color:#a2b3ce;font-weight:500}.report-help p{max-width:1100px}.empty-state{color:#7f93b1;text-align:center;padding:35px 15px;font-size:12px}@media(min-width:1700px){main{max-width:1570px}}@media(max-width:1150px){header{gap:15px;padding:12px 22px}header nav a{padding:8px;font-size:12px}main{padding:0 25px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-grid{grid-template-columns:1fr}.metric-value{font-size:29px}}@media(max-width:760px){header{position:static;flex-wrap:wrap}header nav{order:3;flex-basis:100%;gap:0}header form{margin-left:auto}main{padding:0 16px;margin-top:25px}.dashboard-heading{align-items:flex-start;flex-direction:column;gap:18px}h1{font-size:27px}.dashboard-charts{grid-template-columns:1fr}.chart-wide{grid-column:auto}.card{padding:18px}.metric-card{padding:17px}.metric-value{font-size:23px}.section-heading>span:not(.badge){display:none}}@media(max-width:420px){.metric-grid{grid-template-columns:1fr}.metric-value{font-size:30px}.update-pill{width:100%}}
.zap-layout{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.4fr);gap:20px}.zap-layout .card{margin-top:0}.zap-qr{min-height:230px;display:grid;place-items:center;border:1px dashed #33435a;border-radius:12px;margin:20px 0;padding:16px;text-align:center;color:var(--muted)}.zap-qr img{width:240px;max-width:100%;background:white;padding:10px;border-radius:8px}.zap-actions{display:flex;gap:12px;flex-wrap:wrap}.zap-fields{margin:20px 0}.zap-layout textarea{height:180px;resize:vertical;line-height:1.5;padding:12px}.zap-layout label{margin-top:12px}[hidden]{display:none!important}@media(max-width:900px){.zap-layout{grid-template-columns:1fr}}
.mailing-toolbar{position:sticky;top:78px;z-index:5;background:#111b2cf5;backdrop-filter:blur(12px)}.mailing-selection{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:20px}.mailing-selection label{margin:0;display:flex;align-items:center;gap:9px}.mailing-selection strong{font-size:12px;color:#b9cff8}.mailing-selection>span{font-size:12px;color:var(--muted)}.table-pagination{display:flex;justify-content:space-between;gap:15px;margin:18px 0;color:var(--muted);font-size:12px}.delete-mailing summary{cursor:pointer;color:#f395a1;list-style:none;padding:8px;border:1px solid #593346;border-radius:6px;width:36px;display:grid;place-items:center}.delete-mailing summary::-webkit-details-marker{display:none}.delete-mailing form{white-space:normal;min-width:230px;max-width:310px;padding:14px;border:1px solid #593346;border-radius:8px;margin-top:10px}.delete-mailing label{line-height:1.6}.button-danger{background:#672f41;border-color:#98475f}.button-danger:hover{background:#884057}.queue-tools{margin:20px 0;padding-top:18px;border-top:1px solid var(--line)}.queue-tools label{line-height:1.7}@media(max-width:760px){.mailing-toolbar{position:static}.mailing-selection{gap:12px}}