@import url("https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500;600&family=DM+Mono:wght@400;500&display=swap");:root,[data-theme=dark]{--bg-page:#07070d;--bg-card:#0d0d17;--bg-surface:#12121e;--bg-elevated:#18182a;--bg-hover:#1c1c2e;--border-sub:rgba(32,32,50,.85);--border-mid:#2a2a3a;--border-str:#3a3a5a;--card-shelf:1px solid hsla(0,0%,100%,.045);--card-shadow:none;--text-pri:#e8e8f0;--text-sec:#6b6b8a;--text-muted:#4a4a6a;--text-hint:#9898a8;--accent-teal:#00e5cc;--accent-pur:#6c63ff;--accent-violet:#7c3aed;--danger:#ff6b6b;--warn:#ffb547;--success:#00c896;--danger-bg:hsla(0,100%,71%,.08);--danger-border:hsla(0,100%,71%,.25);--teal-bg:rgba(0,229,204,.08);--teal-border:rgba(0,229,204,.2);--pur-bg:rgba(108,99,255,.1);--pur-border:rgba(108,99,255,.25);--warn-bg:rgba(255,181,71,.1);--warn-border:rgba(255,181,71,.25);--pill-inbox-bg:#1a1a2e;--pill-inbox-color:#6c63ff;--pill-inbox-border:rgba(108,99,255,.19);--pill-enriched-bg:#0c2a28;--pill-enriched-color:#00e5cc;--pill-enriched-border:rgba(0,229,204,.19);--pill-sent-bg:#1a2a0c;--pill-sent-color:#a8e063;--pill-sent-border:rgba(168,224,99,.19);--pill-skipped-bg:#2a1a1a;--pill-skipped-color:#ff6b6b;--pill-skipped-border:hsla(0,100%,71%,.19)}[data-theme=light]{--card-shelf:none;--card-shadow:0 1px 3px rgba(0,0,0,.06);--bg-page:#f5f4f0;--bg-card:#fff;--bg-surface:#f4f4f6;--bg-elevated:#fff;--bg-hover:#edecea;--border-sub:#e4e3ec;--border-mid:#d0cfd8;--border-str:#b8b7c4;--text-pri:#1a1a24;--text-sec:#5a5a72;--text-muted:#9090a8;--text-hint:#c0c0d0;--accent-teal:#09a;--accent-pur:#5b53e0;--accent-violet:#6d28d9;--danger:#d94040;--warn:#c07a00;--success:#1a7a40;--danger-bg:rgba(217,64,64,.07);--danger-border:rgba(217,64,64,.22);--teal-bg:rgba(0,153,170,.08);--teal-border:rgba(0,153,170,.22);--pur-bg:rgba(91,83,224,.08);--pur-border:rgba(91,83,224,.22);--warn-bg:rgba(192,122,0,.08);--warn-border:rgba(192,122,0,.22);--pill-inbox-bg:#eef;--pill-inbox-color:#4b44cc;--pill-inbox-border:rgba(75,68,204,.22);--pill-enriched-bg:#e0f7f5;--pill-enriched-color:#007a88;--pill-enriched-border:rgba(0,122,136,.22);--pill-sent-bg:#f0f9e8;--pill-sent-color:#4a7a10;--pill-sent-border:rgba(74,122,16,.22);--pill-skipped-bg:#fee;--pill-skipped-color:#b03030;--pill-skipped-border:rgba(176,48,48,.22)}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:DM Sans,sans-serif;background:var(--bg-page);color:var(--text-pri);height:100%;overflow:auto}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg-page)}::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:4px}input,textarea{font-family:inherit;outline:none}textarea{resize:none}button{font-family:DM Sans,sans-serif;cursor:pointer}a{color:inherit;text-decoration:none}@keyframes slideInRight{0%{transform:translateX(110%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes spin{to{transform:rotate(1turn)}}.fade-up{animation:fadeUp .35s ease forwards}.slide-in{animation:slideInRight .3s ease forwards}.pulse{animation:pulse 1.4s ease-in-out infinite}.spin{animation:spin .7s linear infinite}.nav-tab{background:none;border:none;transition:color .15s}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px rgba(0,229,204,.25)}.contact-row:hover{background:var(--bg-hover)!important}.role-list-item .delete-btn{opacity:0;transition:opacity .15s}.role-list-item:hover .delete-btn{opacity:1}.add-role-btn:hover{border-color:var(--teal-border)!important;color:var(--accent-teal)!important}.card-shelf{border-top:var(--card-shelf)!important;box-shadow:var(--card-shadow)}.nav-tab-row{scrollbar-width:none}.nav-tab-row::-webkit-scrollbar{display:none}@media (max-width:640px){.login-left{display:none!important}.login-right{width:100%!important;flex:1 1!important;padding:24px 20px!important}.login-right-card{padding:28px 20px 24px!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important}.dashboard-main-grid{grid-template-columns:1fr!important}.roles-grid{grid-template-columns:repeat(2,1fr)!important}.compose-grid,.templates-grid,.verified-grid{grid-template-columns:1fr!important}.contacts-drawer{width:100vw!important}.modal-card{width:calc(100vw - 32px)!important;max-width:400px!important}.toast-item{min-width:calc(100vw - 48px)!important}.settings-btn-grid{grid-template-columns:1fr!important}.tab-page{padding:16px!important}}