:root{--ink:#172033;--muted:#667085;--canvas:#f5f7fb;--surface:#fff;--line:#e5eaf2;--primary:#315efb;--primary-strong:#2348cf;--nav:#111827;--nav-soft:#1b2640;--success:#087a5a;--warning:#a85d00;--danger:#bf2f43;--shadow:0 12px 32px rgba(24,35,58,.07)}*{box-sizing:border-box}body,html{background:var(--canvas)}body{color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:var(--primary-strong)}button,input,select,textarea{font:inherit}button{transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease}button:not(:disabled){cursor:pointer}button:not(:disabled):hover{transform:translateY(-1px)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(49,94,251,.28);outline-offset:2px}input,select,textarea{border:1px solid #cfd7e6;border-radius:8px;background:#fff;color:var(--ink);min-height:38px}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(49,94,251,.11);outline:none}.app-shell{display:flex;min-height:100dvh}.app-sidebar{position:-webkit-sticky;position:sticky;top:0;width:264px;height:100dvh;overflow-y:auto;flex:0 0 264px;padding:24px 16px 18px;background:radial-gradient(circle at 12% 0,#263d73 0,var(--nav) 44%);color:#edf2ff;display:flex;flex-direction:column}.brand-lockup{display:flex;align-items:center;min-height:44px;padding:0 10px;margin-bottom:24px}.brand-lockup img{width:138px;height:auto}.workspace-picker{width:100%;min-height:42px;border:1px solid hsla(0,0%,100%,.16);border-radius:10px;padding:0 10px;background:hsla(0,0%,100%,.09);color:#fff}.workspace-picker option{color:var(--ink);background:#fff}.nav-caption{margin:26px 10px 8px;font-size:10px;font-weight:800;letter-spacing:.12em;color:#8fa5d2;text-transform:uppercase}.side-nav{display:grid;grid-gap:4px;gap:4px}.side-nav a{min-height:44px;padding:0 11px;border-radius:10px;display:flex;align-items:center;gap:11px;color:#c6d1e8;font-size:14px;font-weight:600;text-decoration:none}.side-nav a:hover{background:hsla(0,0%,100%,.07);color:#fff}.side-nav a.active{color:#fff;background:linear-gradient(90deg,rgba(81,124,255,.92),rgba(63,94,207,.6));box-shadow:inset 3px 0 0 #b8d0ff}.nav-icon{width:19px;height:19px;flex:0 0 19px}.sidebar-bottom{margin-top:auto;padding:18px 10px 0;border-top:1px solid hsla(0,0%,100%,.12)}.brand-link{display:inline-flex;align-items:center;gap:6px;margin:0 0 18px;color:#9fbdff;font-size:12px;text-decoration:none}.user-card{display:flex;align-items:center;gap:9px;margin-bottom:12px}.user-avatar{display:grid;width:32px;height:32px;border-radius:50%;place-items:center;background:#4367c7;color:#fff;font-size:12px;font-weight:800}.user-meta{overflow:hidden;font-size:12px;line-height:1.4}.user-meta span,.user-meta strong{overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap}.user-meta span{color:#9fafd0}.logout-button{width:100%;min-height:38px;border:1px solid hsla(0,0%,100%,.15);border-radius:8px;background:transparent;color:#f0b5bd;font-size:13px;text-align:left;padding:0 10px}.app-main{width:100%;min-width:0;padding:34px clamp(20px,4vw,54px) 54px}.page-width{width:min(100%,1440px);margin:0 auto}.page-eyebrow{margin:0 0 5px;color:var(--primary);font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}.page-header h1{margin:0;font-size:clamp(27px,3vw,36px);letter-spacing:-.045em}.page-header p{max-width:650px;margin:7px 0 0;color:var(--muted);line-height:1.55}.button-primary,.button-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 15px;border-radius:9px;font-size:14px;font-weight:750;text-decoration:none}.button-primary{border:1px solid var(--primary);background:var(--primary);color:#fff;box-shadow:0 7px 18px rgba(49,94,251,.2)}.button-primary:hover{background:var(--primary-strong);box-shadow:0 10px 22px rgba(49,94,251,.27)}.button-secondary{border:1px solid var(--line);background:#fff;color:#334155}.button-secondary:hover{border-color:#b9c7e3}.panel{border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px 0}.panel-title h2{margin:0;font-size:16px;letter-spacing:-.02em}.panel-title p{margin:4px 0 0;color:var(--muted);font-size:13px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.85fr);grid-gap:20px;gap:20px}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:14px;gap:14px;margin-bottom:20px}.metric-card{position:relative;min-height:132px;padding:18px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(24,35,58,.04)}.metric-card:before{position:absolute;top:0;left:0;width:100%;height:3px;background:var(--accent,var(--primary));content:""}.metric-label{color:var(--muted);font-size:12px;font-weight:700}.metric-value{margin-top:13px;color:var(--ink);font-size:29px;font-weight:800;letter-spacing:-.05em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.metric-sub{margin-top:7px;color:var(--muted);font-size:12px;line-height:1.45}.insight-list{display:grid;grid-gap:2px;gap:2px;padding:10px 18px 18px}.insight{display:flex;align-items:flex-start;gap:11px;padding:13px 6px;border-bottom:1px solid #edf0f5}.insight:last-child{border-bottom:0}.insight-mark{display:grid;width:25px;height:25px;flex:0 0 25px;border-radius:8px;place-items:center;background:#edf3ff;color:var(--primary)}.insight b{display:block;font-size:13px}.insight span{display:block;margin-top:2px;color:var(--muted);font-size:12px;line-height:1.4}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.data-table th{padding:13px 16px;border-bottom:1px solid var(--line);color:#71809a;font-size:11px;font-weight:800;letter-spacing:.05em;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table td{padding:14px 16px;border-bottom:1px solid #edf0f5;vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#f8faff}.campaign-name{display:block;color:var(--ink);font-weight:750;text-decoration:none}.campaign-subject{display:block;max-width:260px;margin-top:4px;overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.status-pill{display:inline-flex;align-items:center;gap:6px;min-height:25px;padding:0 9px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.02em}.status-pill:before{width:6px;height:6px;border-radius:50%;background:currentColor;content:""}.status-draft{background:#f1f4f8;color:#68758c}.status-sending{background:#e7efff;color:#275ac7}.status-completed{background:#e4f8f1;color:#087a5a}.status-paused{background:#fff2db;color:#a85d00}.status-cancelled,.status-failed{background:#ffeaed;color:#bf2f43}.status-scheduled{background:#f0ebff;color:#6941c6}.rate{color:var(--muted);font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mini-action{min-height:32px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#475569;font-size:12px;font-weight:700;padding:0 9px}.mini-action.danger{color:var(--danger)}.empty-state{padding:40px 20px;color:var(--muted);text-align:center}.campaign-progress{width:94px;height:6px;margin-top:7px;overflow:hidden;border-radius:99px;background:#e9eef6}.campaign-progress span{display:block;height:100%;border-radius:inherit;background:var(--primary)}.detail-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:12px;gap:12px;margin:22px 0}.detail-stat{padding:17px;border:1px solid var(--line);border-radius:12px;background:#fff}.detail-stat span{color:var(--muted);font-size:12px}.detail-stat strong{display:block;margin-top:7px;font-size:22px;letter-spacing:-.04em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.recipient-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:750}.recipient-status:before{width:7px;height:7px;border-radius:50%;background:#9aa8be;content:""}.recipient-status.is-clicked:before,.recipient-status.is-sent:before{background:#18a57a}.recipient-status.is-pending:before{background:#e29a17}.recipient-status.is-failed:before{background:#d44456}.auth-page{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);background:#f5f7fb}.auth-aside{position:relative;overflow:hidden;padding:clamp(38px,7vw,96px);color:#eff5ff;background:radial-gradient(circle at 12% 12%,#426bc8 0,#1b315f 32%,#0e1728 76%)}.auth-aside:after{position:absolute;right:-100px;bottom:-120px;width:440px;height:440px;border:1px solid hsla(0,0%,100%,.13);border-radius:50%;box-shadow:0 0 0 50px hsla(0,0%,100%,.035),0 0 0 120px hsla(0,0%,100%,.025);content:""}.auth-logo{width:164px;height:auto}.auth-copy{position:relative;z-index:1;max-width:520px;margin-top:clamp(72px,15vh,160px)}.auth-copy h1{max-width:480px;margin:14px 0;font-size:clamp(38px,5vw,58px);line-height:1.04;letter-spacing:-.06em}.auth-copy p{max-width:450px;color:#bed0ef;font-size:16px;line-height:1.65}.auth-points{display:grid;grid-gap:12px;gap:12px;margin:34px 0 0;padding:0;list-style:none}.auth-points li{display:flex;gap:10px;align-items:center;color:#d7e4fa;font-size:14px}.auth-points i{display:grid;width:22px;height:22px;border-radius:50%;place-items:center;background:rgba(143,177,255,.18);color:#a8c4ff;font-style:normal}.auth-panel-wrap{display:grid;place-items:center;padding:30px}.auth-panel{width:min(100%,420px)}.auth-panel h2{margin:8px 0;font-size:30px;letter-spacing:-.045em}.auth-panel>p{margin:0 0 28px;color:var(--muted);line-height:1.5}.auth-field{display:grid;grid-gap:7px;gap:7px;margin-bottom:16px;color:#344054;font-size:13px;font-weight:700}.auth-field input{width:100%;min-height:46px;padding:0 13px}.auth-error{padding:11px 12px;border:1px solid #f7c5cc;border-radius:8px;background:#fff3f4;color:#9f2335;font-size:13px}.auth-submit{width:100%;min-height:46px;border:0;border-radius:9px;background:var(--primary);color:#fff;font-size:14px;font-weight:800;box-shadow:0 9px 22px rgba(49,94,251,.22)}.auth-footer{margin-top:25px;color:var(--muted);font-size:12px;text-align:center}@media (max-width:1180px){.detail-summary,.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.app-sidebar{width:78px;flex-basis:78px;padding:18px 10px}.brand-lockup{padding:0;justify-content:center}.brand-lockup img{width:34px;object-fit:cover;object-position:left}.brand-link span,.logout-button span,.nav-caption,.side-nav a span,.user-meta,.workspace-picker{display:none}.side-nav a{justify-content:center;padding:0}.sidebar-bottom{padding:12px 0 0}.brand-link,.logout-button,.user-card{justify-content:center}.dashboard-grid{grid-template-columns:1fr}}@media (max-width:680px){.app-shell{display:block}.app-sidebar{position:static;width:100%;height:auto;padding:12px 14px;flex-direction:row;align-items:center;gap:10px;overflow:visible}.brand-lockup{margin:0;min-height:34px}.brand-lockup img{width:114px;object-fit:contain}.workspace-picker{display:block;width:auto;flex:1 1;font-size:12px}.nav-caption,.sidebar-bottom{display:none}.side-nav{display:flex;gap:2px}.side-nav a{width:38px;min-height:38px}.app-main{padding:24px 16px 42px}.page-header{display:block}.page-header .button-primary{margin-top:16px}.detail-summary,.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{min-height:114px}.dashboard-grid{gap:14px}}@media (max-width:820px){.auth-page{grid-template-columns:1fr}.auth-aside{display:none}.auth-panel-wrap{min-height:100dvh}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}