@import "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";
@import "https://fonts.googleapis.com/css2?family=Geist:wght@300..800&family=Geist+Mono:wght@400..600&display=swap";
:root,[data-theme=dark]{--bg-page:#07070d;--bg-card:#0d0d17;--bg-surface:#12121e;--bg-elevated:#18182a;--bg-hover:#1c1c2e;--border-sub:#202032d9;--border-mid:#2a2a3a;--border-str:#3a3a5a;--card-shelf:1px solid #ffffff0b;--card-shadow:none;--text-pri:#e8e8f0;--text-sec:#6b6b8a;--text-muted:#4a4a6a;--text-hint:#9898a8;--accent-teal:#00e5cc;--accent-pur:#6c63ff;--accent-violet:#7c3aed;--accent-teal-glow:#00e5cc59;--accent-pur-glow:#6c63ff59;--danger:#ff6b6b;--warn:#ffb547;--success:#00c896;--danger-bg:#ff6b6b14;--danger-border:#ff6b6b40;--teal-bg:#00e5cc14;--teal-border:#00e5cc33;--pur-bg:#6c63ff1a;--pur-border:#6c63ff40;--warn-bg:#ffb5471a;--warn-border:#ffb54740;--pill-inbox-bg:#1a1a2e;--pill-inbox-color:#6c63ff;--pill-inbox-border:#6c63ff30;--pill-enriched-bg:#0c2a28;--pill-enriched-color:#00e5cc;--pill-enriched-border:#00e5cc30;--pill-sent-bg:#1a2a0c;--pill-sent-color:#a8e063;--pill-sent-border:#a8e06330;--pill-skipped-bg:#2a1a1a;--pill-skipped-color:#ff6b6b;--pill-skipped-border:#ff6b6b30}[data-theme=light]{--card-shelf:none;--card-shadow:0 1px 3px #0000000f;--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;--accent-teal-glow:#0099aa40;--accent-pur-glow:#5b53e040;--danger:#d94040;--warn:#c07a00;--success:#1a7a40;--danger-bg:#d9404012;--danger-border:#d9404038;--teal-bg:#0099aa14;--teal-border:#0099aa38;--pur-bg:#5b53e014;--pur-border:#5b53e038;--warn-bg:#c07a0014;--warn-border:#c07a0038;--pill-inbox-bg:#eef;--pill-inbox-color:#4b44cc;--pill-inbox-border:#4b44cc38;--pill-enriched-bg:#e0f7f5;--pill-enriched-color:#007a88;--pill-enriched-border:#007a8838;--pill-sent-bg:#f0f9e8;--pill-sent-color:#4a7a10;--pill-sent-border:#4a7a1038;--pill-skipped-bg:#fee;--pill-skipped-color:#b03030;--pill-skipped-border:#b0303038}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-page);color:var(--text-pri);height:100%;font-family:DM Sans,sans-serif;overflow:auto}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--border-str)}textarea,input{outline:none;font-family:inherit}textarea{resize:none}button{cursor:pointer;font-family:DM Sans,sans-serif;transition:transform .1s,background .15s,border-color .15s,box-shadow .15s}button:active{transform:scale(.97)}a{color:inherit;text-decoration:none}@keyframes slideInRight{0%{opacity:0;transform:translate(110%)}to{opacity:1;transform:translate(0)}}@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(360deg)}}@keyframes skeletonPulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fade-up{animation:.35s forwards fadeUp}.slide-in{animation:.3s forwards slideInRight}.pulse{animation:1.4s ease-in-out infinite pulse}.spin{animation:.7s linear infinite spin}.skeleton-pulse{animation:1.6s ease-in-out infinite skeletonPulse}.skeleton-shimmer{background:linear-gradient(90deg, var(--bg-surface) 25%, var(--bg-hover) 37%, var(--bg-surface) 63%);background-size:200% 100%;border-radius:6px;animation:1.5s infinite shimmer}.nav-tab{background:0 0;border:none;transition:color .15s}.btn-primary:hover{box-shadow:0 6px 24px var(--accent-teal-glow);transform:translateY(-1px)}.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{box-shadow:var(--card-shadow);transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,border-color .2s;border-top:var(--card-shelf)!important}.nav-tab-row{scrollbar-width:none}.nav-tab-row::-webkit-scrollbar{display:none}:root,[data-theme=dark],[data-theme=light]{--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:18px;--login-card-pad-x:36px;--login-card-pad-y:40px;--google-btn-radius:var(--radius-md);--google-btn-bg:#fff;--google-btn-color:#1a1a1a;--google-btn-border:#00000014;--google-btn-shadow:0 2px 8px #0000001f, 0 1px 3px #00000014}@media (max-width:768px){.login-left{display:none!important}.login-right{flex:1!important;width:100%!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{grid-template-columns:1fr!important}.compose-left{position:static!important}.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}}button:focus-visible,a:focus-visible{outline:2px solid var(--accent-teal);outline-offset:3px;border-radius:var(--radius-sm)}