@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#211f2b;background:#f7f7fa;font-synthesis:none;--purple: #6757dc;--ink: #201e2b;--muted: #706d7d;--border: #e7e5ec}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#fff;border-right:1px solid var(--border);padding:20px 14px 14px;display:flex;flex-direction:column;z-index:20}.brand{height:36px;display:flex;align-items:center;gap:9px;padding:0 8px;margin-bottom:20px}.brand b{font:700 20px Manrope}.brandmark{width:29px;height:29px;border-radius:9px;background:var(--purple);color:#fff;display:grid;place-items:center}.workspace{border:1px solid var(--border);border-radius:10px;padding:9px;display:flex;align-items:center;gap:9px;margin-bottom:19px}.workspace-icon{width:32px;height:32px;background:#eae7ff;color:#5949cf;border-radius:8px;display:grid;place-items:center;font-weight:700}.workspace div:nth-child(2){display:flex;flex-direction:column;min-width:0;flex:1}.workspace b{font-size:13px}.workspace span,.profile span{font-size:11px;color:var(--muted)}nav{overflow:auto;flex:1}.nav-group{margin:0 0 14px}.nav-group label{font-size:10px;letter-spacing:.1em;color:#9b98a7;font-weight:700;padding:0 10px}.nav-group button{border:0;background:none;color:#625f6d;border-radius:7px;width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;margin-top:2px;font-size:13px;text-align:left}.nav-group button:hover,.nav-group button.active{background:#f0edff;color:#5544d1}.nav-group button.active{font-weight:600}.nav-count{margin-left:auto;background:#e2defb;color:#5949cf;padding:1px 6px;border-radius:10px;font-size:10px}.usage{background:#f7f6fa;border-radius:9px;padding:11px;margin:4px 3px 12px}.usage>div:first-child{display:flex;justify-content:space-between;font-size:11px}.usage small{font-size:10px;color:var(--muted)}.bar{height:5px;background:#e7e4ed;border-radius:5px;margin:8px 0}.bar i{display:block;width:31%;height:100%;background:var(--purple);border-radius:5px}.profile{border:0;background:none;display:flex;align-items:center;gap:8px;text-align:left;padding:8px 4px}.profile>div:nth-child(2){display:flex;flex:1;flex-direction:column}.avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#20202c;color:#fff;font-size:11px}.mobile-close,.hamburger{display:none}main{margin-left:248px;min-height:100vh}header{height:65px;border-bottom:1px solid var(--border);background:#ffffffe6;display:flex;align-items:center;padding:0 30px;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search{display:flex;align-items:center;gap:8px;color:#95919f;max-width:480px;flex:1}.search input{border:0;outline:0;background:transparent;width:100%;font-size:13px}.search kbd{font-size:10px;border:1px solid #ddd9e4;border-radius:5px;padding:3px 6px;background:#fafafa}.header-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.icon-btn{border:0;background:transparent;width:32px;height:32px;border-radius:7px;display:inline-grid;place-items:center;color:#777381}.icon-btn:hover{background:#f0eef5}.notification{position:relative}.notification i{position:absolute;width:6px;height:6px;border-radius:50%;background:#e45353;right:6px;top:5px;border:1px solid white}.btn{height:36px;padding:0 14px;border-radius:8px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:600}.btn.primary{background:var(--purple);color:#fff;box-shadow:0 1px 2px #493ab855}.btn.primary:hover{background:#5949cc}.btn.secondary{background:#fff;border-color:#dcd9e3;color:#36333f}.btn.ghost{background:transparent}.btn.danger{background:#d94444;color:#fff}.btn:disabled{opacity:.45;cursor:not-allowed}.content{max-width:1440px;margin:auto;padding:34px 34px 60px}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:26px}.page-head h1{font:700 25px Manrope;margin:3px 0 5px;letter-spacing:-.03em}.page-head p{margin:0;color:var(--muted);font-size:13px}.eyebrow{text-transform:uppercase;color:#8d8997;font-size:10px;font-weight:700;letter-spacing:.08em}.page-actions{display:flex;gap:9px}.card{background:#fff;border:1px solid var(--border);border-radius:11px;box-shadow:0 1px 2px #22202b08}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.metrics .card{padding:18px;position:relative;display:flex;flex-direction:column}.metrics span{font-size:11px;color:var(--muted)}.metrics strong{font:700 24px Manrope;margin:8px 0}.metrics small{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:4px}.metrics small svg{width:12px}.metrics small.up,.metrics small.down{color:#168762}.metrics small em{font-style:normal;color:#aaa6b1}.metric-icon{position:absolute;right:15px;top:15px;width:31px;height:31px;display:grid;place-items:center;border-radius:8px}.metric-icon svg{width:15px}.metric-icon.violet{background:#efecff;color:#6655db}.metric-icon.green{background:#e6f7f1;color:#16956c}.metric-icon.blue{background:#e8f1ff;color:#3979d2}.metric-icon.amber{background:#fff2df;color:#cc7b23}.grid-main{display:grid;grid-template-columns:minmax(0,2fr) minmax(270px,.85fr);gap:14px;margin-bottom:14px}.chart-card{padding:19px}.card-head{display:flex;justify-content:space-between;align-items:flex-start}.card h2{font:700 14px Manrope;margin:0 0 4px}.card h3{font:700 14px Manrope}.card p{color:var(--muted);font-size:11px;margin:0}.card-head select{border:1px solid var(--border);border-radius:7px;padding:6px 9px;font-size:11px;background:#fff}.legend{display:flex;gap:16px;justify-content:flex-end;font-size:10px;color:var(--muted);margin-top:8px}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.legend .sent{background:#6d5ce7}.legend .delivered{background:#24a47a}.setup{padding:19px}.setup-top{display:flex;justify-content:space-between;color:#7465dc;font-size:10px;font-weight:700}.setup h2{margin-top:9px}.setup-progress{height:4px;background:#e8e5ee;margin:15px 0 12px;border-radius:4px}.setup-progress i{display:block;width:75%;height:100%;background:var(--purple)}.check-item{display:flex;gap:8px;align-items:center;padding:7px 0;font-size:11px}.check-item>span{width:17px;height:17px;border:1px solid #d1ced9;border-radius:50%;display:grid;place-items:center}.check-item.done{color:#8f8b98;text-decoration:line-through}.check-item.done>span{background:#e8f6f1;border-color:#bde2d5;color:#188a64}.setup .btn{width:100%;margin-top:11px}.activity-card{padding:19px}.text-btn{border:0;background:transparent;color:#5c4cd2;font-size:11px;display:flex;align-items:center;gap:5px}.table-wrap{overflow-x:auto;margin:14px -19px -19px}table{border-collapse:collapse;width:100%;font-size:11px}th{color:#9894a1;text-transform:uppercase;letter-spacing:.05em;font-size:9px;text-align:left;background:#faf9fb;padding:9px 16px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}td{padding:11px 16px;border-bottom:1px solid #efedf2;color:#55515e;white-space:nowrap}tbody tr:last-child td{border-bottom:0}td b{display:block;color:#35323d;font-size:11px}td small{display:block;color:#aaa6b1;font-size:9px;margin-top:2px}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:4px 7px;font-size:9px;font-weight:600;background:#f2f1f4}.badge-dot{width:5px;height:5px;border-radius:50%;background:#888}.badge.green{color:#187b5c;background:#e9f7f1}.badge.green .badge-dot{background:#1d9b72}.badge.red{color:#b13e43;background:#faebec}.badge.red .badge-dot{background:#d34e53}.badge.blue{color:#376eb7;background:#eaf2fd}.badge.blue .badge-dot{background:#4482d4}.badge.purple{color:#6849bc;background:#f0eafd}.badge.purple .badge-dot{background:#7a57cf}.badge.amber{color:#9b671f;background:#fff3df}.badge.amber .badge-dot{background:#d7902c}.tag{background:#f1eff5;padding:3px 6px;border-radius:4px;font-size:9px;color:#696572}.toolbar{display:flex;justify-content:space-between;padding:12px 15px;border-bottom:1px solid var(--border)}.tabs{display:flex;gap:4px}.tabs button{border:0;background:transparent;padding:6px 10px;border-radius:6px;font-size:11px;color:#777380}.tabs button.active{background:#efecff;color:#5948ce}.filter{background:#fff;border:1px solid var(--border);border-radius:7px;display:flex;align-items:center;gap:5px;font-size:11px;padding:0 10px}.composer-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}.composer-grid>.card{padding:20px}.step-label{font-size:9px;font-weight:700;color:#9b97a4;letter-spacing:.09em;margin-bottom:15px}.field{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:600;margin-bottom:14px}.field input,.field select{height:38px;border:1px solid #dad7e1;border-radius:7px;padding:0 10px;outline:0;background:#fff}.field input:focus,.field select:focus,.code-editor:focus{border-color:#7565dc;box-shadow:0 0 0 3px #6f5fde18}.field small{font-weight:400;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.editor-tabs{border-bottom:1px solid var(--border)}.editor-tabs button{border:0;background:none;padding:8px 12px;font-size:10px}.editor-tabs button.active{color:#5e4ed2;border-bottom:2px solid #6d5ce7}.code-editor{width:100%;resize:vertical;border:0;outline:0;padding:14px;background:#faf9fc;color:#514b62;font:12px/1.7 Consolas,monospace}.composer-foot{display:flex;justify-content:space-between;align-items:center;padding-top:14px}.composer-foot>span{font-size:11px;display:flex;gap:6px}.composer-foot small{color:var(--muted)}.preview{background:#f1f0f5!important}.email-preview{background:#fff;border:1px solid #dfdce5;border-radius:8px;margin:18px auto;padding:24px;min-height:290px;max-width:440px;box-shadow:0 8px 25px #2b243315}.preview-head{display:flex;align-items:center;gap:9px;border-bottom:1px solid #eee;padding-bottom:15px}.preview-head>div:nth-child(2){display:flex;flex-direction:column;font-size:11px}.preview-head span{font-size:9px;color:var(--muted)}.email-preview h3{font-size:18px;margin-top:24px}.email-preview p{font-size:13px;color:#5e5968}.email-preview iframe{display:block;width:100%;min-height:160px;border:0;background:#fff}.api-hint{display:flex;align-items:center;gap:9px;background:#fff;border-radius:8px;padding:10px}.api-hint>div{display:flex;flex:1;flex-direction:column;font-size:10px}.api-hint span{color:var(--muted)}.domain-row,.key-row,.webhook-row{display:flex;align-items:center;gap:14px;padding:16px}.domain-row+.domain-row,.key-row+.key-row{border-top:1px solid var(--border)}.domain-icon,.key-icon{width:37px;height:37px;border-radius:9px;background:#f0edff;color:#6453d8;display:grid;place-items:center}.domain-icon svg,.key-icon svg{width:17px}.domain-name,.key-row>div:nth-child(2),.webhook-row>div:nth-child(2){display:flex;flex:1;flex-direction:column}.domain-row b,.key-row b,.webhook-row b{font-size:12px}.domain-row span,.key-row span,.webhook-row span{font-size:10px;color:var(--muted)}.dns{display:flex;gap:13px}.dns span{display:flex;gap:4px;align-items:center}.dns svg{width:12px;color:#1d956d}.info-card,.callout{margin-top:14px;padding:17px;display:flex;gap:12px}.info-card>svg,.callout>svg{color:#6554d8}.info-card p,.callout p{margin-top:3px}.last-used{min-width:150px}.empty{text-align:center;padding:65px 20px}.empty-icon{width:45px;height:45px;border-radius:12px;background:#efecff;color:#6655d9;display:grid;place-items:center;margin:0 auto}.empty h3{margin:14px 0 6px}.empty p{max-width:390px;margin:0 auto 17px;font-size:12px}.event-types{padding:18px;margin-top:14px}.event-types>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.event-types code{background:#f2f0f6;padding:6px 8px;border-radius:5px;font-size:10px}.suppression-form{display:flex;align-items:end;gap:12px;padding:18px;margin-bottom:14px}.suppression-form .field{flex:1;margin-bottom:0}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.template-grid .card{padding:14px}.template-grid .card>code{font-size:10px;color:#756e80}.template-grid .card>div:last-child{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-size:10px;color:var(--muted)}.template-art{height:130px;border-radius:8px;display:grid;place-items:center}.template-art svg{width:35px;height:35px}.art-0{background:#eeeaff;color:#6756d9}.art-1{background:#e8f5ff;color:#387fc0}.art-2{background:#fff1df;color:#bf7628}.plan-card{padding:21px;display:flex;align-items:center;gap:25px;margin-bottom:14px}.plan-card>div{flex:1}.plan-card>div>span{font-size:9px;letter-spacing:.08em;color:var(--muted)}.plan-card h2{font-size:22px;margin:5px 0}.plan-card strong{font-size:23px}.plan-card strong small{font-size:11px;color:var(--muted)}.billing-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.billing-grid .card{padding:20px}.big-usage{margin:23px 0 10px}.big-usage b{font:700 27px Manrope}.big-usage span{color:var(--muted);font-size:12px;margin-left:8px}.bar.large{height:8px}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-top:1px solid var(--border)}.setting-row:first-of-type{margin-top:15px}.setting-row>div{display:flex;flex-direction:column;font-size:11px}.setting-row span{color:var(--muted);font-size:10px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#18151f88;z-index:50;display:grid;place-items:center;padding:20px}.modal{background:#fff;border-radius:12px;padding:20px;width:min(460px,100%);box-shadow:0 30px 80px #0004}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal h2{font:700 17px Manrope;margin:0}.modal-note{background:#f6f4fb;padding:12px;border-radius:7px;color:var(--muted);font-size:11px;line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.message-detail{display:grid;gap:12px}.message-detail>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:10px;border-bottom:1px solid var(--border);font-size:12px}.message-detail span:first-child{color:var(--muted)}.toast{position:fixed;z-index:100;bottom:24px;left:50%;transform:translate(-50%);background:#24212d;color:#fff;padding:11px 16px;border-radius:8px;box-shadow:0 8px 30px #0003;font-size:12px;display:flex;gap:8px;align-items:center}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1050px){.metrics{grid-template-columns:1fr 1fr}.grid-main,.composer-grid{grid-template-columns:1fr}.template-grid{grid-template-columns:1fr 1fr}.dns{display:none}}@media(max-width:760px){.sidebar{transform:translate(-100%);transition:.2s}.sidebar.open{transform:none}.mobile-close{display:block;margin-left:auto;border:0;background:none}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:15}main{margin-left:0}.hamburger{display:grid;place-items:center;border:0;background:none;margin-right:10px}.hamburger svg{width:20px}.content{padding:24px 16px}.search kbd,.header-actions>.icon-btn{display:none}header{padding:0 14px}.page-head{align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:1fr 1fr}.form-grid,.billing-grid{grid-template-columns:1fr}.page-actions{width:100%}.page-actions .btn{flex:1}.template-grid{grid-template-columns:1fr}.last-used{display:none}.domain-row,.key-row{gap:9px}.toolbar{overflow:auto}.tabs{min-width:max-content}.plan-card{align-items:flex-start;flex-wrap:wrap}.plan-card>div{min-width:100%}}@media(max-width:460px){.metrics{grid-template-columns:1fr}.header-actions .btn{padding:0 10px}.header-actions .btn svg{display:none}.content{padding:20px 12px}.dns{display:none}.composer-foot{align-items:flex-start;gap:15px;flex-direction:column}.composer-foot .btn{width:100%}.template-grid{grid-template-columns:1fr}}.simple-chart{height:275px;margin-top:8px}.simple-chart svg{width:100%;height:245px;overflow:visible}.simple-chart line{stroke:#e9e7ef;stroke-width:1;stroke-dasharray:4 4}.simple-chart polyline{fill:none;stroke-width:2.5;vector-effect:non-scaling-stroke}.simple-chart .sent-line{stroke:#6d5ce7}.simple-chart .delivered-line{stroke:#24a47a}.chart-labels{display:flex;justify-content:space-between;color:#8f8b98;font-size:10px;padding-top:3px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.nav-group label,.search,.search kbd,.eyebrow,.metrics span,.metrics small em,.card p,th,td small,.chart-labels,.workspace span,.profile span,.usage small,.domain-row span,.key-row span,.webhook-row span,.api-hint span,.preview-head span,.setting-row span,.check-item.done,.step-label{color:#625d6b}.metrics small.up,.metrics small.down{color:#0c7654}.badge.green{color:#116a4f}.badge.red{color:#9a3036}.badge.blue{color:#285f9f}.badge.purple{color:#5738a6}.badge.amber{color:#805114}.sync-state{display:flex;align-items:center;gap:7px;padding:8px 7px;color:#625d6b;font-size:10px}.sync-state>span{width:7px;height:7px;border-radius:50%;background:#b68a32}.sync-state>span.synced{background:#1b8f69}.sync-state>span.offline{background:#b36a2d}.attachment-btn{border:0;background:transparent;padding:0;color:#3f3b48;font-size:11px;display:flex;gap:6px;align-items:center}.attachment-btn small{color:#625d6b}.auth-shell{margin:0;min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 20% 10%,#ede9fe 0,transparent 36%),#f8fafc}.auth-card{width:min(430px,100%);display:flex;flex-direction:column;gap:17px;padding:36px;border:1px solid #e2e8f0;border-radius:18px;background:#fff;box-shadow:0 24px 70px #0f172a1f}.auth-card h1{margin:4px 0 0;font:700 30px Manrope}.auth-card>p{margin:0;color:#625d6b;line-height:1.55}.auth-card .btn{justify-content:center;min-height:44px}.auth-brand{display:flex;align-items:center;gap:10px;font-size:20px}.google-auth,.auth-switch{border:0;background:transparent;cursor:pointer}.google-auth{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;border:1px solid #cbd5e1;border-radius:9px;font-weight:650}.auth-switch{color:#5140c6}.auth-message{padding:11px 13px;border-radius:8px;background:#f1f5f9;color:#334155;font-size:13px}.auth-hero{width:40px;height:40px;color:#6553db}.dns-records{display:flex;flex-direction:column;gap:10px;margin-top:14px}.dns-record{display:grid;grid-template-columns:auto minmax(0,1fr) 32px;align-items:center;gap:7px;padding:10px;border:1px solid var(--border);border-radius:8px}.dns-record b{grid-row:1/3;font-size:9px;color:#5949cf}.dns-record code{overflow:hidden;text-overflow:ellipsis;font-size:10px;white-space:nowrap}