.sidebar nav button{display:flex;gap:11px;align-items:center;width:100%;padding:10px 12px;border:0;border-radius:9px;color:#a9c0b8;background:transparent;text-align:left;font-size:13px}.sidebar nav button.active{background:#1a4437;color:#fff}.sidebar nav button small{margin-left:auto;background:#2c594a;padding:2px 6px;border-radius:8px}.error-banner{display:flex;gap:12px;align-items:center;margin:20px 0;padding:14px 16px;border:1px solid #f0c7bb;border-radius:12px;background:#fff0eb;color:#8c2f1c;font-size:13px}.loading-card,.page-card{margin-top:24px;background:#fff;border:1px solid #dfe6e2;border-radius:16px;padding:24px}.connected-banner{background:#e1f8ef;border:1px solid #bce8d8;border-radius:17px;padding:28px 30px;display:flex;justify-content:space-between;align-items:center;margin:25px 0}.connected-banner h2{font-size:25px;letter-spacing:-.03em;margin:7px 0}.connected-banner p{margin:0;color:#496054;font-size:13px}.loading-card{color:#687770}.section-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e7ece9;padding-bottom:20px;margin-bottom:10px}.section-heading h2{font-size:28px;letter-spacing:-.04em;margin:6px 0}.section-heading p{color:#74827c;font-size:13px;margin:0}.inline-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;align-items:end;background:#f5f8f6;padding:18px;border-radius:12px;margin:18px 0}.inline-form label{font-size:11px;font-weight:800;color:#50625b}.inline-form input{display:block;width:100%;margin-top:6px;border:1px solid #d4ded9;border-radius:9px;padding:11px;background:#fff;outline:none}.inline-form input:focus{border-color:#28a977;box-shadow:0 0 0 3px #28a97717}.field-error{grid-column:1/-1;color:#a5301f;font-size:12px}.data-list{margin-top:8px}.data-row{display:flex;align-items:center;gap:12px;padding:15px 5px;border-bottom:1px solid #edf0ee}.data-row:last-child{border-bottom:0}.data-row>div:nth-child(2){min-width:0}.data-row b,.data-row small{display:block}.data-row b{font-size:13px}.data-row small{color:#7b8983;font-size:11px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-avatar{width:37px;height:37px;flex:0 0 37px;border-radius:12px;background:#dfff8f;display:grid;place-items:center;font-weight:850}.danger-link{margin-left:auto;border:0;background:transparent;color:#a54939;font-size:11px;font-weight:750}.status{margin-left:auto;border-radius:999px;padding:5px 9px;background:#edf1ef;color:#607069;font-size:10px;text-transform:uppercase;font-weight:800}.status-open{background:#e1f7ee;color:#14704f}.status-pending{background:#fff1cf;color:#8a6513}.integration-card{display:flex;align-items:center;gap:16px;margin-top:24px;padding:22px;border:1px solid #e0e7e3;border-radius:14px}.integration-card>div{flex:1}.integration-card b{font-size:14px}.integration-card p{margin:5px 0 0;color:#718078;font-size:12px}.connection-status{display:block;margin-top:8px;color:#16855f;font-size:11px;font-weight:750}.number-list{display:grid;gap:10px;margin-top:20px}.number-card{display:flex;align-items:center;gap:15px;border:1px solid #e0e7e3;border-radius:14px;padding:18px}.number-card>div:nth-child(2){flex:1}.number-card b,.number-card p,.number-health small{display:block}.number-card p{margin:4px 0 0;color:#718078;font-size:12px}.number-health{text-align:right}.number-health small{margin-top:7px;color:#718078;font-size:10px}.integration-icon{width:44px;height:44px;border-radius:13px;background:#e1f8ef;color:#16855f;display:grid;place-items:center;font-size:22px}.code-card{display:flex;align-items:center;gap:18px;background:#0d2b22;color:#bcd0c8;border-radius:12px;padding:18px;margin-top:24px}.code-card span{font-size:11px;text-transform:uppercase;letter-spacing:.1em}.code-card code{color:#dfff8f;font-size:12px;word-break:break-all}.template-toolbar{display:flex;align-items:end;justify-content:space-between;gap:15px;padding:16px 0}.template-toolbar label,.template-form label{font-size:11px;font-weight:800;color:#50625b}.template-toolbar select,.template-form input,.template-form select,.template-form textarea{display:block;width:100%;margin-top:6px;border:1px solid #d4ded9;border-radius:9px;padding:11px;background:#fff;color:#10251e;outline:none}.template-toolbar select{min-width:260px}.template-form{background:#f4f7f5;border-radius:16px;padding:22px;margin:16px 0;display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:18px;align-items:start}.template-form>:not(.preview-panel){grid-column:1}.template-form small{display:block;color:#7b8983;font-weight:500;margin-top:5px}.form-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.4fr;gap:12px}.template-form textarea{resize:vertical;min-height:180px;border-radius:0 0 10px 10px;margin-top:0}.sample-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.template-list{display:grid;gap:10px;margin-top:16px}.template-row{display:flex;justify-content:space-between;align-items:center;border:1px solid #e0e7e3;border-radius:13px;padding:17px}.template-row>div{min-width:0}.template-name{display:flex;align-items:center;gap:9px}.template-row p{font-size:12px;color:#53645d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:760px;margin:7px 0}.template-row small{font-size:10px;color:#7b8983}.template-status{font-size:9px;font-weight:850;padding:4px 7px;border-radius:999px;background:#edf1ef}.template-approved{background:#e1f7ee;color:#14704f}.template-pending,.template-in_appeal{background:#fff1cf;color:#8a6513}.template-rejected,.template-disabled{background:#ffebe6;color:#983b2b}.format-toolbar{display:flex;gap:5px;margin-top:6px}.format-toolbar button{border:1px solid #d4ded9;background:#fff;border-radius:7px;min-width:34px;padding:6px 9px;color:#30453d}.format-toolbar button:last-child{margin-left:auto;width:auto;font-size:10px;font-weight:800}.image-picker{border:1px dashed #b7cac1;border-radius:11px;padding:14px;background:#fff}.button-builder{display:grid;gap:9px;border-top:1px solid #dfe7e3;padding-top:15px}.button-builder>div:first-child b{font-size:12px}.button-row{display:grid;grid-template-columns:140px 1fr 1.4fr auto;gap:8px;align-items:end}.button-row select,.button-row input{margin:0}.button-row .danger-link{padding:10px}.add-button{justify-self:start}.template-preview img{width:100%;max-height:190px;object-fit:cover;border-radius:9px;margin-bottom:10px}.template-preview>button{display:block;width:100%;border:0;border-top:1px solid #c9ddd4;background:transparent;color:#13765a;padding:9px 4px;font-size:11px;font-weight:800}.template-preview>button:first-of-type{margin-top:10px}.field-title{display:block;font-size:12px;color:#20362e}.field-title em{font-style:normal;font-size:9px;background:#e6eee9;color:#63756d;border-radius:5px;padding:3px 6px;margin-left:5px}.field-help{display:block;color:#7b8983;font-weight:500;margin:5px 0 10px}.format-toolbar{padding:8px;border:1px solid #d4ded9;border-bottom:0;border-radius:10px 10px 0 0;background:#fff;margin:0}.emoji-picker{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;background:#fff;border:1px solid #d4ded9;padding:8px;position:absolute;z-index:3;box-shadow:0 12px 30px #173c2f20;border-radius:10px}.emoji-picker button{border:0;background:transparent;padding:6px;font-size:17px}.message-editor{position:relative}.editor-meta{display:flex;justify-content:space-between;align-items:center}.editor-meta span,.field-count{display:block;text-align:right;color:#87968f;font-size:10px;font-weight:600;margin-top:5px}.preview-panel{grid-column:2;grid-row:1/span 20;position:sticky;top:20px;background:#fff;border:1px solid #dce5e0;border-radius:15px;padding:15px}.preview-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.preview-heading b{font-size:14px}.preview-heading small{font-size:9px;color:#819087}.preview-phone{min-height:520px;border-radius:18px;padding:25px 14px;background-color:#efe9df;background-image:radial-gradient(#d8d0c5 1px,transparent 1px);background-size:14px 14px}.preview-bubble{background:#fff;border-radius:8px 8px 2px;padding:11px;box-shadow:0 2px 8px #374b4320}.preview-bubble img{width:100%;max-height:190px;object-fit:cover;border-radius:6px}.preview-bubble p{font-size:12px;line-height:1.55;white-space:pre-wrap;margin:6px 0}.preview-bubble small{color:#7b8983;font-size:10px}.preview-bubble time{display:block;text-align:right;color:#87968f;font-size:9px}.preview-bubble button{display:block;width:100%;border:0;border-top:1px solid #e4e9e6;background:transparent;color:#148060;padding:9px;font-size:11px;font-weight:800}@media(max-width:900px){.sidebar nav button{font-size:0;justify-content:center}.sidebar nav button span{font-size:16px}.sidebar nav button small{display:none}.inline-form{grid-template-columns:1fr 1fr}}@media(max-width:1100px){.template-form{grid-template-columns:1fr}.template-form>*,.preview-panel{grid-column:1}.preview-panel{grid-row:auto;position:static}.preview-phone{min-height:360px}.form-grid,.sample-grid,.button-row{grid-template-columns:1fr 1fr}}@media(max-width:620px){.section-heading{align-items:flex-start;gap:15px;flex-wrap:wrap}.inline-form,.form-grid,.sample-grid,.button-row{grid-template-columns:1fr}.integration-card{align-items:flex-start;flex-wrap:wrap}.integration-card .primary{width:100%}.template-toolbar{align-items:stretch;flex-direction:column}.template-toolbar select{min-width:0}.template-row{align-items:flex-start}.template-row p{max-width:230px}.format-toolbar{flex-wrap:wrap}.format-toolbar button:last-child{margin-left:0}}.template-form textarea{border-radius:10px 10px 0 0}.format-toolbar{border-top:0;border-bottom:1px solid #d4ded9;border-radius:0 0 10px 10px}.editor-tools{position:relative}.emoji-picker{bottom:44px;left:0;max-height:290px;overflow:auto;width:min(430px,100%)}.location-note{border:1px dashed #b7cac1;border-radius:11px;padding:14px;background:#fff}.location-note b,.location-note small{display:block}.preview-bubble video{width:100%;max-height:190px;border-radius:6px;background:#10251e}.document-preview,.location-preview{display:flex;gap:9px;align-items:center;padding:14px;background:#edf2ef;border-radius:7px;font-size:12px}.document-preview span,.location-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-library{display:grid;grid-template-columns:170px minmax(0,1fr);gap:22px;margin-top:18px}.template-filters{display:flex;flex-direction:column;gap:5px;border-right:1px solid #e1e8e4;padding-right:16px}.template-filters>b{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#708078;margin-bottom:7px}.template-filters button{display:flex;justify-content:space-between;border:0;background:transparent;border-radius:9px;padding:9px 10px;color:#596a63;text-align:left;font-size:11px}.template-filters button.active{background:#e5f3ed;color:#126b4e;font-weight:800}.template-filters small{background:#edf1ef;border-radius:999px;padding:1px 6px}.template-results{min-width:0}.template-notice{display:flex;gap:10px;align-items:center;background:#edf5ff;border:1px solid #cfe1f7;color:#345a76;border-radius:11px;padding:11px 14px}.template-notice p{font-size:11px;margin:0}.library-toolbar{display:flex;justify-content:space-between;align-items:center;margin:17px 0}.library-toolbar b,.library-toolbar small{display:block}.library-toolbar small{color:#7b8983;font-size:10px;margin-top:3px}.library-toolbar input{width:240px;border:1px solid #d7e1dc;border-radius:999px;padding:10px 14px}.template-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.template-card{display:flex;flex-direction:column;min-width:0;border:1px solid #dfe7e3;background:#fff;border-radius:14px;padding:13px}.template-card>header{display:flex;justify-content:space-between;align-items:center;gap:8px}.template-card>header>b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{display:flex;justify-content:space-between;align-items:center;margin:9px 0}.card-meta span{background:#f0f3f1;border-radius:6px;padding:4px 7px;font-size:9px;color:#697970}.card-meta small{font-size:9px;color:#89968f}.card-message{min-height:260px;max-height:340px;overflow:auto;border-radius:12px;padding:17px 12px;background-color:#efe9df;background-image:radial-gradient(#d8d0c5 1px,transparent 1px);background-size:14px 14px}.card-message>p,.card-message>b,.card-message>small{display:block;background:#fff;margin:0;padding:4px 9px}.card-message>b{padding-top:10px}.card-message>p{font-size:11px;line-height:1.5;white-space:pre-wrap}.card-message>small{color:#7b8983;padding-bottom:9px}.card-message>button{width:100%;border:0;border-top:1px solid #e4e9e6;background:#fff;color:#148060;padding:8px;font-size:10px;font-weight:800}.card-media{background:#dde6e1;border-radius:8px 8px 0 0;padding:34px 10px;text-align:center;color:#64776e;font-size:11px}.rejection-reason{font-size:10px;color:#903a2c;background:#fff0ec;border-radius:8px;padding:8px;margin-top:9px}.template-card>footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.template-card>footer span{font-size:9px;color:#87958e}@media(max-width:1200px){.template-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.template-library{grid-template-columns:1fr}.template-filters{border-right:0;flex-direction:row;overflow:auto;padding:0}.template-filters>b{display:none}.template-filters button{white-space:nowrap}.template-card-grid{grid-template-columns:1fr}.library-toolbar{align-items:stretch;flex-direction:column;gap:10px}.library-toolbar input{width:100%}}.workspace-main{font-size:15px}.section-heading p,.template-toolbar label,.template-form label{font-size:13px}.template-filters{grid-template-rows:auto}.template-filters>b{font-size:12px}.template-filters button{font-size:13px;padding:11px 12px}.template-notice{padding:15px 17px}.template-notice p{font-size:13px;line-height:1.45}.template-notice.library{background:#f0efff;border-color:#d9d4ff;color:#51458a}.library-toolbar b{font-size:16px}.library-toolbar small{font-size:12px}.library-toolbar input{font-size:13px}.template-card{padding:15px;border-radius:16px;box-shadow:0 8px 25px #143c2d0a}.template-card>header>b{font-size:15px}.card-meta span,.card-meta small{font-size:11px}.card-message>p{font-size:13px;line-height:1.55}.card-message>small{font-size:11px}.card-message>button{font-size:12px;padding:10px}.template-card>footer span{font-size:11px}.template-pre_approved{background:#e7f0ff;color:#315c9d}.template-actions{position:relative}.manage-button{border:1px solid #b7ccc3;background:#fff;color:#126b4e;border-radius:8px;padding:8px 12px;font-weight:800;font-size:12px}.action-menu{position:absolute;right:0;bottom:42px;z-index:5;width:180px;padding:7px;background:#fff;border:1px solid #dce5e0;border-radius:11px;box-shadow:0 16px 38px #15372b28}.action-menu button{display:block;width:100%;border:0;background:transparent;text-align:left;padding:10px;border-radius:7px;font-size:12px;color:#30453d}.action-menu button:hover{background:#eef6f2}.action-menu .danger-link{color:#a54939;margin:0}.form-mode{display:flex;justify-content:space-between;align-items:center;background:#e7f5ef;border-radius:10px;padding:12px 14px}.form-mode b{font-size:14px}.form-mode small{margin:0}.developer-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.developer-card{border:1px solid #dce5e0;border-radius:16px;padding:22px;background:#fbfdfc}.developer-card h3{font-size:22px;margin:6px 0}.developer-card p{font-size:13px;line-height:1.5;color:#6c7d75}.developer-card>.primary{margin:10px 0 18px}.settings-list{display:grid;gap:8px;margin-top:14px}.settings-list>div{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;background:#fff;border:1px solid #e1e8e4;border-radius:9px;padding:11px}.settings-list code{overflow:hidden;text-overflow:ellipsis;color:#31584a}.settings-list small{color:#7e8d86}.api-example{margin-top:18px;background:#102c23;color:#c5d8d0;border-radius:12px;padding:15px}.api-example span,.api-example code{display:block}.api-example code{color:#dfff8f;margin:7px 0;word-break:break-all}.api-example pre{white-space:pre-wrap;font-size:12px;line-height:1.5;margin:14px 0 0}.webhook-form{display:flex;gap:8px;align-items:end;margin-top:18px}.webhook-form label{flex:1;font-size:12px;font-weight:800}.webhook-form input{width:100%;display:block;margin-top:6px;border:1px solid #d4ded9;border-radius:9px;padding:11px}.event-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:15px}.event-chips span{background:#e7f5ef;color:#176b50;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800}.secret-reveal{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;background:#fff6d8;border:1px solid #edd88d;border-radius:12px;padding:14px;margin:16px 0}.secret-reveal code{overflow:auto;font-size:12px}.form-message{font-size:13px}@media(max-width:980px){.developer-grid{grid-template-columns:1fr}}@media(max-width:620px){.webhook-form,.secret-reveal{display:flex;flex-direction:column;align-items:stretch}.settings-list>div{grid-template-columns:1fr}}.developer-tabs{display:flex;gap:6px;border-bottom:1px solid #dfe7e3;margin:0 0 20px}.developer-tabs button{border:0;background:transparent;padding:12px 16px;color:#718078;font-size:13px;font-weight:800;border-bottom:2px solid transparent}.developer-tabs button.active{color:#0e6c4e;border-bottom-color:#21a778}.quickstart{display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:10px;background:#f2f8f5;border:1px solid #dce9e3;border-radius:15px;padding:15px;margin-bottom:18px}.quickstart>div{padding:7px}.quickstart h3{font-size:18px;margin:6px 0}.quickstart>button{display:grid;grid-template-columns:auto 1fr;gap:6px 9px;align-items:center;text-align:left;border:1px solid #dce5e0;background:#fff;border-radius:11px;padding:11px;color:#243c33}.quickstart>button>span{grid-row:1/3;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#edf1ef;font-weight:850}.quickstart>button>span.done{background:#25aa78;color:#fff}.quickstart>button b{font-size:12px}.quickstart>button small{font-size:10px;color:#718078}.console-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.test-console,.code-console,.management-panel,.activity-panel{border:1px solid #dce5e0;border-radius:16px;padding:22px;background:#fbfdfc}.test-console h3,.management-panel h3,.activity-panel h3{font-size:22px;margin:6px 0}.test-console p,.management-panel p{font-size:13px;color:#718078}.test-console>label,.console-fields label,.webhook-builder>label{display:block;font-size:12px;font-weight:800;margin-top:14px}.test-console input,.webhook-builder input{display:block;width:100%;border:1px solid #cedbd5;border-radius:9px;padding:11px;margin-top:6px;background:#fff}.console-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.test-console>.primary{margin-top:14px}.response-console{background:#102c23;color:#d9faed;border-radius:9px;padding:13px;max-height:220px;overflow:auto}.code-console{background:#102c23;color:#d5e8e0;min-width:0}.code-console>code{display:block;color:#dfff8f;font-size:11px;word-break:break-all;margin:16px 0}.code-console pre{white-space:pre-wrap;overflow:auto;line-height:1.55;font-size:12px}.code-tabs{display:flex;gap:4px;border-bottom:1px solid #315046;padding-bottom:10px}.code-tabs button{border:0;background:transparent;color:#9db7ad;padding:7px 9px;text-transform:capitalize}.code-tabs button.active{background:#245043;color:#fff;border-radius:6px}.code-tabs .copy-code{margin-left:auto;color:#dfff8f}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #e3eae6;padding-bottom:15px}.management-list{display:grid;gap:9px;margin-top:16px}.management-list>div{display:grid;grid-template-columns:auto 1fr 1.2fr auto;gap:12px;align-items:center;border:1px solid #e0e7e3;background:#fff;border-radius:11px;padding:13px}.management-list>div.disabled{opacity:.55}.management-list code,.management-list b,.management-list small{display:block}.management-list code{font-size:11px;color:#527064}.state-dot{width:9px;height:9px;border-radius:50%;background:#25aa78}.disabled .state-dot{background:#98a59f}.webhook-builder{display:grid;grid-template-columns:1.2fr 2fr auto;gap:12px;align-items:end;background:#f2f7f4;border-radius:12px;padding:15px;margin-top:16px}.event-selector{display:flex;gap:6px;flex-wrap:wrap}.event-selector label{display:flex;align-items:center;gap:5px;background:#fff;border:1px solid #d8e3de;border-radius:999px;padding:7px 9px;font-size:10px;font-weight:800}.event-selector input{width:auto;margin:0}.webhook-list{display:grid;gap:10px;margin-top:15px}.webhook-list article{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;border:1px solid #e0e7e3;border-radius:12px;padding:14px}.webhook-list code{word-break:break-all}.webhook-list small{grid-column:2;color:#718078}.webhook-list article>div{grid-column:2;display:flex;gap:7px}.hook-status{border-radius:999px;background:#eee;color:#6e7a75;padding:5px 8px;font-size:9px;font-weight:850}.hook-status.active{background:#ddf6ec;color:#117050}.logs-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.log-list{display:grid;gap:8px;margin-top:14px}.log-list>div{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border-bottom:1px solid #e6ece9;padding:10px 0}.log-list b,.log-list small{display:block}.log-list small{font-size:10px;color:#7b8983;margin-top:3px}.http-status{min-width:38px;text-align:center;border-radius:6px;padding:5px;font-size:10px;font-weight:850}.http-status.ok{background:#ddf6ec;color:#117050}.http-status.bad{background:#ffebe6;color:#983b2b}.mini-empty{display:block!important;color:#718078;padding:28px!important;text-align:center;border:0!important}@media(max-width:1150px){.quickstart{grid-template-columns:1fr 1fr}.quickstart>div{grid-column:1/-1}.console-grid,.logs-grid,.webhook-builder{grid-template-columns:1fr}}@media(max-width:650px){.developer-tabs{overflow:auto}.quickstart,.console-fields{grid-template-columns:1fr}.management-list>div{grid-template-columns:auto 1fr}.management-list>div>small,.management-list>div>button,.management-list>div>b:last-child{grid-column:2}.webhook-list article{grid-template-columns:1fr}.webhook-list small,.webhook-list article>div{grid-column:1}.secret-reveal{display:flex}}.analytics-actions{display:flex;gap:9px}.analytics-actions select{border:1px solid #d4ded9;border-radius:9px;background:#fff;padding:10px 13px;color:#30453d}.analytics-tabs{display:flex;gap:5px;border-bottom:1px solid #e1e8e4;margin-bottom:18px}.analytics-tabs button{border:0;background:transparent;padding:12px 15px;border-bottom:2px solid transparent;color:#718078;font-weight:800}.analytics-tabs button.active{color:#106b4e;border-bottom-color:#21a778}.analytics-loading{padding:70px;text-align:center;color:#718078}.analytics-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.analytics-metric{border:1px solid #dfe7e3;border-radius:15px;padding:18px;background:#fbfdfc;position:relative;overflow:hidden}.analytics-metric:after{content:"";position:absolute;right:-20px;bottom:-35px;width:90px;height:90px;border-radius:50%;background:#173c2f0a}.analytics-metric span,.analytics-metric b,.analytics-metric small{display:block}.analytics-metric span{font-size:12px;color:#718078}.analytics-metric b{font-size:30px;margin:12px 0 6px}.analytics-metric small{font-size:11px;color:#839189}.analytics-metric.green{border-top:3px solid #21a778}.analytics-metric.blue{border-top:3px solid #5087cf}.analytics-metric.red{border-top:3px solid #d26754}.analytics-metric.dark{border-top:3px solid #143d30}.analytics-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-top:16px}.chart-card,.report-table{border:1px solid #dfe7e3;border-radius:16px;background:#fbfdfc;padding:20px}.chart-heading{display:flex;justify-content:space-between;align-items:start;gap:16px}.chart-heading h3,.report-table h3{font-size:20px;margin:6px 0}.chart-heading p{font-size:12px;color:#718078}.chart-legend{display:flex;gap:12px}.chart-legend span{font-size:10px;font-weight:800}.chart-legend span:before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:5px}.chart-legend .sent:before,.bars .sent{background:#173f32}.chart-legend .delivered:before,.bars .delivered{background:#25aa78}.chart-legend .read:before,.bars .read{background:#79c9ad}.bar-chart{height:260px;display:flex;gap:5px;align-items:end;margin-top:25px;border-bottom:1px solid #dce5e0}.bar-day{display:flex;flex:1;height:100%;flex-direction:column;justify-content:end;min-width:8px}.bars{height:calc(100% - 22px);display:flex;align-items:end;justify-content:center;gap:2px}.bars i{display:block;min-height:1px;width:28%;max-width:9px;border-radius:3px 3px 0 0}.bar-day small{text-align:center;font-size:8px;color:#819087;height:22px;padding-top:6px;white-space:nowrap;overflow:hidden}.failure-list{display:grid;gap:13px;margin-top:24px}.failure-list>div{display:grid;grid-template-columns:1fr auto;gap:5px;font-size:11px}.failure-list i{grid-column:1/-1;display:block;height:5px;background:#d26754;border-radius:5px}.report-empty{display:grid;place-items:center;min-height:180px;color:#7b8983;font-size:12px;text-align:center;padding:25px}.report-table{margin-top:5px}.report-scroll{overflow:auto;margin-top:16px}.report-table table{width:100%;border-collapse:collapse;min-width:720px}.report-table th,.report-table td{text-align:right;padding:13px;border-bottom:1px solid #e5ebe8;font-size:12px}.report-table th:first-child,.report-table td:first-child{text-align:left}.report-table th{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#7d8c84}.rate-pill{background:#ddf6ec;color:#117050;border-radius:999px;padding:5px 8px;font-weight:800}.reliability-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.reliability-card h3,.reliability-note h3{font-size:20px;margin:7px 0}.reliability-score{border-bottom:1px solid #e1e8e4;padding:18px 0}.reliability-score b,.reliability-score span{display:block}.reliability-score b{font-size:35px}.reliability-score span{color:#718078;font-size:11px}.reliability-card>div:last-child{display:flex;justify-content:space-between;padding-top:15px;font-size:11px}.reliability-note ul{padding-left:18px;line-height:2;color:#53665e;font-size:12px}@media(max-width:1050px){.analytics-metrics{grid-template-columns:1fr 1fr}.analytics-grid,.reliability-grid{grid-template-columns:1fr}.bar-chart{height:220px}}@media(max-width:620px){.analytics-actions{width:100%;flex-direction:column}.analytics-tabs{overflow:auto}.analytics-metrics{grid-template-columns:1fr 1fr}.analytics-metric b{font-size:24px}.bar-day small{display:none}}.billing-security{background:#e4f5ee;color:#126b4e;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:850}.billing-tabs{display:flex;gap:5px;border-bottom:1px solid #e1e8e4;margin-bottom:20px}.billing-tabs button{border:0;background:transparent;padding:12px 16px;border-bottom:2px solid transparent;color:#718078;font-weight:800}.billing-tabs button.active{color:#106b4e;border-bottom-color:#21a778}.billing-loading{padding:65px;text-align:center;color:#718078}.billing-summary{display:grid;grid-template-columns:1.5fr 1fr;gap:15px}.current-plan,.payment-card,.usage-card,.billing-card,.invoice-panel{border:1px solid #dfe7e3;border-radius:16px;background:#fbfdfc;padding:21px}.current-plan{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#0d3025,#174b3a);color:#fff}.current-plan .eyebrow{color:#a9ddca}.current-plan h3{font-size:27px;margin:7px 0}.current-plan p{color:#bcd1c9;font-size:12px}.current-plan>div:last-child{display:flex;align-items:end;flex-direction:column;gap:12px}.current-plan .ghost{background:#fff}.subscription-status{font-size:9px;text-transform:uppercase;font-weight:850;border-radius:999px;background:#ffffff20;padding:5px 8px}.subscription-status.active{background:#dfff8f;color:#16362c}.payment-card h3,.usage-card h3,.billing-card h3,.invoice-panel h3{font-size:21px;margin:7px 0}.payment-placeholder{display:flex;gap:12px;align-items:center;padding:17px 0}.payment-placeholder>span{width:42px;height:42px;border-radius:11px;background:#e7f3ee;display:grid;place-items:center}.payment-placeholder b,.payment-placeholder small{display:block}.payment-placeholder small{font-size:10px;color:#718078;margin-top:4px}.billing-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:15px;margin-top:15px}.billing-heading{display:flex;justify-content:space-between;align-items:start}.billing-heading small{color:#718078}.usage-row{margin-top:18px}.usage-row>div{display:flex;justify-content:space-between;font-size:11px}.usage-row>div span{color:#718078}.usage-row>i{display:block;height:7px;border-radius:99px;background:#e7ece9;margin-top:7px;overflow:hidden}.usage-row>i>span{display:block;height:100%;background:#22a778;border-radius:99px}.billing-card>h3{font-size:31px}.billing-card>p{font-size:12px;color:#718078}.billing-note{background:#f0f5f2;border-radius:9px;padding:12px;font-size:10px;line-height:1.5;color:#5c7066;margin-top:21px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding-top:10px}.plan-card{position:relative;border:1px solid #dfe7e3;border-radius:16px;background:#fbfdfc;padding:23px;display:flex;flex-direction:column}.plan-card.popular{border:2px solid #21a778;box-shadow:0 12px 30px #155d4320}.popular-label{position:absolute;right:15px;top:15px;background:#dfff8f;color:#183a2e;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:850}.plan-card h3{font-size:21px;margin:8px 0}.plan-price{display:flex;align-items:end;gap:4px;margin:13px 0}.plan-price b{font-size:31px}.plan-price span{font-size:11px;color:#718078;margin-bottom:5px}.plan-card ul{list-style:none;padding:0;margin:4px 0 22px;display:grid;gap:10px;flex:1}.plan-card li{font-size:12px;color:#53665e}.invoice-panel{padding:22px}.invoice-table{overflow:auto;margin-top:16px}.invoice-table table{width:100%;border-collapse:collapse;min-width:650px}.invoice-table th,.invoice-table td{text-align:left;padding:13px;border-bottom:1px solid #e3eae6;font-size:12px}.invoice-table th{font-size:10px;text-transform:uppercase;color:#718078}.invoice-status{border-radius:999px;background:#edf1ef;padding:5px 8px;font-size:9px;text-transform:uppercase;font-weight:850}.invoice-status.paid{background:#ddf6ec;color:#117050}.invoice-empty{display:grid;place-items:center;min-height:270px;text-align:center;color:#718078}.invoice-empty>span{width:52px;height:52px;display:grid;place-items:center;background:#e8f3ee;border-radius:14px;font-size:22px}.invoice-empty b{color:#263c34;margin-top:10px}.invoice-empty p{font-size:12px}@media(max-width:950px){.billing-summary,.billing-grid,.plan-grid{grid-template-columns:1fr}.current-plan{align-items:flex-start}}@media(max-width:620px){.billing-security{display:none}.current-plan{flex-direction:column;gap:15px}.current-plan>div:last-child{align-items:flex-start}.billing-tabs{overflow:auto}}.cancel-plan{border:0;background:transparent;color:#ffd2ca;text-decoration:underline;font-size:11px;cursor:pointer}.captcha-box{min-height:65px;margin:4px 0}.profile-control{position:relative;margin-top:auto;flex:0 0 auto;background:#0d2b22;padding-top:8px}.profile-trigger{width:100%;border:0;border-top:1px solid #29473e;background:transparent;color:#fff;padding:18px 8px 4px;display:flex;gap:10px;align-items:center;text-align:left}.sidebar{position:sticky;top:0;height:100vh;overflow:hidden}.sidebar nav{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#36594e transparent;padding-bottom:10px}.sidebar .brand{flex:0 0 auto}.profile-trigger:hover,.profile-trigger[aria-expanded=true]{background:#153a2f;border-radius:10px}.profile-trigger .avatar,.profile-popover-head .avatar{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:#dfff8f;color:#0d2b22;display:grid;place-items:center;font-weight:850}.profile-trigger>div:nth-child(2),.profile-popover-head>div:last-child,.profile-popover button>div{min-width:0;flex:1}.profile-trigger b,.profile-trigger small,.profile-popover-head b,.profile-popover-head small,.profile-popover button b,.profile-popover button small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-trigger b,.profile-popover-head b{font-size:12px}.profile-trigger small{font-size:10px;color:#84a095}.profile-chevron{color:#84a095;font-size:12px}.profile-popover{position:absolute;z-index:50;left:0;bottom:58px;width:100%;padding:7px;background:#fff;color:#17372c;border:1px solid #d9e3de;border-radius:13px;box-shadow:0 18px 45px #061c1538}.profile-popover-head{padding:9px 10px 10px;border-bottom:1px solid #e7ece9;margin-bottom:5px;display:flex;align-items:center;gap:10px}.profile-popover-head small,.profile-popover button small{color:#728079;font-size:10px;margin-top:3px}.profile-popover button{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;color:#29463b;border-radius:8px;padding:10px;font-size:12px;text-align:left}.profile-popover button:hover{background:#edf5f1}.profile-menu-divider{height:1px;background:#e7ece9;margin:5px 4px}.profile-popover .profile-signout{color:#a14234}@media(max-width:900px){.profile-trigger>div:nth-child(2),.profile-chevron{display:none}.profile-trigger{justify-content:center}.profile-popover{left:58px;bottom:0;width:220px}}@media(max-width:620px){.sidebar{position:static;height:auto}}.api-key-input{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:6px}.api-key-input input{margin:0!important}.api-key-input .ghost{white-space:nowrap}.request-builder label>small{display:block;margin-top:7px;color:#74847d;font-size:10px;font-weight:500}.key-message{margin-top:8px;padding:9px 11px;border-radius:8px;background:#edf5f1;color:#28614e;font-size:11px}.secret-reveal>div b,.secret-reveal>div small{display:block}.secret-reveal>div small{color:#6f8179;font-size:10px;margin-top:4px}.secret-reveal code{min-width:220px;flex:1;word-break:break-all}@media(max-width:700px){.api-key-input{grid-template-columns:1fr}.secret-reveal{align-items:stretch!important}.secret-reveal .ghost{width:100%}}.plans-page{display:grid;gap:24px}.meta-fee-note{padding:14px 16px;border:1px solid #aee2cf;background:#eaf8f2;border-radius:12px;color:#31594b;font-size:13px}.package-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch}.package-cards article{position:relative;border:1px solid #dce5e0;background:#fff;border-radius:16px;padding:22px;display:flex;flex-direction:column}.package-cards article.featured{border:2px solid #19835d;box-shadow:0 12px 35px #123b2c16}.package-cards h3{font-size:23px;margin:8px 0}.package-cards p{color:#667870;font-size:12px;line-height:1.55;min-height:38px}.package-cards ul{padding:0;list-style:none;margin:14px 0 22px;display:grid;gap:9px}.package-cards li{font-size:12px;line-height:1.4}.package-cards .primary{margin-top:auto}.popular-label{position:absolute;right:14px;top:12px;padding:5px 8px;border-radius:999px;background:#dfff8f;color:#173329;font-size:9px;font-weight:850;text-transform:uppercase}.package-price b{font-size:30px;letter-spacing:-.04em}.package-price span{font-size:11px;color:#73817b}.plan-comparison{border-top:1px solid #e1e7e3;padding-top:20px}.plan-comparison>h3{font-size:24px}.comparison-scroll{overflow:auto;border:1px solid #dce5e0;border-radius:14px}.plan-comparison table{width:100%;min-width:850px;border-collapse:collapse;background:#fff}.plan-comparison th,.plan-comparison td{text-align:left;padding:14px 16px;border-bottom:1px solid #edf1ef;font-size:12px}.plan-comparison th{background:#f0f6f3;font-size:13px}.plan-comparison th small{display:block;color:#718079;font-weight:500;margin-top:4px}.plan-comparison td:first-child{font-weight:750;color:#334b42}.rate-disclaimer{font-size:11px;color:#74827c;margin:0}@media(max-width:1200px){.package-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.package-cards{grid-template-columns:1fr}}.public-plans{min-height:100vh;background:#f5f7f5;color:#0a2b22}.public-plans-head,.public-plans-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px max(24px,calc((100vw - 1450px)/2));background:#fff;border-bottom:1px solid #dce5e0}.public-plans-head nav,.public-plans-foot nav{display:flex;gap:22px;flex-wrap:wrap}.public-plans a{color:inherit;text-decoration:none}.public-plans main{max-width:1500px;margin:auto;padding:42px 24px}.public-plans-foot{border-top:1px solid #dce5e0;border-bottom:0;color:#607169;font-size:14px}@media(max-width:720px){.public-plans-head,.public-plans-foot{align-items:flex-start;flex-direction:column}.public-plans-head nav,.public-plans-foot nav{gap:14px}}.billing-cycle{justify-self:center;display:flex;padding:4px;background:#e8efeb;border-radius:999px}.billing-cycle button{border:0;background:transparent;border-radius:999px;padding:10px 18px;font-weight:800;color:#607169}.billing-cycle button.active{background:#0d2b22;color:#fff;box-shadow:0 4px 12px #0d2b2222}.billing-cycle button span{margin-left:6px;padding:3px 7px;border-radius:999px;background:#dfff8f;color:#183128;font-size:9px}.annual-saving{display:block;color:#19835d;font-weight:800;margin-top:5px}.sending-rate-info{padding:18px;border:1px solid #dce5e0;border-radius:14px;background:#f7faf8}.sending-rate-info b{font-size:14px}.sending-rate-info p{font-size:12px;color:#65766f;line-height:1.6;margin:6px 0 0}@media(max-width:600px){.billing-cycle{justify-self:stretch}.billing-cycle button{flex:1;padding:10px 8px}}.plan-comparison .group-row td{background:#e8f4ee;color:#156b4c;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;padding-top:12px;padding-bottom:12px}.plan-comparison tbody tr:last-child td{border-bottom:0}.canned-panel{margin-top:18px;border-top:1px solid #e1e7e3;padding-top:22px}.canned-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.canned-head h3{font-size:22px;margin:5px 0}.canned-head p{font-size:12px;color:#74827c;margin:0}.canned-form{display:grid;grid-template-columns:1.2fr .8fr .8fr auto;gap:12px;align-items:end;margin:18px 0;padding:18px;border:1px solid #dce5e0;border-radius:14px;background:#f7faf8}.canned-form label{font-size:11px;font-weight:800}.canned-form input,.canned-form textarea{display:block;width:100%;margin-top:6px;border:1px solid #d4dfd9;border-radius:9px;padding:10px;background:#fff}.canned-body{grid-column:1/-1}.canned-form textarea{min-height:100px;resize:vertical}.canned-body small{display:block;text-align:right;color:#7b8983;margin-top:4px}.canned-list{display:grid;gap:10px;margin-top:16px}.canned-list article{border:1px solid #dce5e0;border-radius:13px;padding:16px;display:flex;justify-content:space-between;gap:20px}.canned-list article>div:last-child{display:flex;align-items:center;gap:7px}.canned-list span{font-size:9px;font-weight:850;color:#19835d;text-transform:uppercase}.canned-list h4{margin:4px 0}.canned-list code{font-size:11px;color:#366451;background:#e8f4ee;padding:3px 7px;border-radius:6px}.canned-list p{font-size:12px;color:#62736c;white-space:pre-wrap;margin:10px 0 0}.canned-empty{text-align:center;padding:30px;color:#74827c;font-size:12px}@media(max-width:850px){.canned-form{grid-template-columns:1fr}.canned-body{grid-column:auto}.canned-list article{display:block}.canned-list article>div:last-child{margin-top:14px}}.api-tester-page{display:grid;gap:20px}.tester-live{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:850;color:#19835d}.tester-live i{width:8px;height:8px;border-radius:50%;background:#24c987;box-shadow:0 0 0 5px #24c9871d}.tester-warning{padding:13px 15px;border:1px solid #efd99b;background:#fff9e9;border-radius:11px;color:#665423;font-size:12px}.tester-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.request-builder,.tester-output,.generated-code{border:1px solid #dce5e0;border-radius:14px;background:#fff;padding:18px}.request-line{display:grid;grid-template-columns:85px 1fr auto;gap:8px;margin-bottom:16px}.request-line input,.request-line select,.request-builder input,.request-builder textarea{border:1px solid #d5dfda;border-radius:9px;padding:10px;background:#fff;width:100%}.request-line input{background:#f6f8f7;color:#64746d}.request-builder label{display:block;font-size:11px;font-weight:800;margin-top:12px}.request-builder label>input,.request-builder label>textarea{display:block;margin-top:6px}.request-builder textarea{min-height:190px;background:#0d2b22;color:#dfff8f;font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical}.tester-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.tester-output{background:#0b211a;color:#e8f4ef;min-width:0}.output-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.output-head>div{display:flex;gap:8px;align-items:center}.output-head span{padding:3px 7px;border-radius:7px;font-size:10px}.output-head span.ok{background:#1a7f5a}.output-head span.bad{background:#a43b31}.output-head small{color:#8ca49a}.tester-output pre,.generated-code pre{white-space:pre-wrap;word-break:break-word;font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.tester-output pre{color:#bcd0c8}.generated-code{background:#0d2b22;color:#dcece6}.generated-code .code-tabs{display:flex;gap:5px}.generated-code .code-tabs button{border:0;background:transparent;color:#91aaa0;padding:8px 10px}.generated-code .code-tabs button.active{background:#1c483a;color:#fff;border-radius:7px}.generated-code .copy-code{margin-left:auto!important;color:#dfff8f!important}.tester-roadmap{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:11px}.tester-roadmap b{margin-right:6px}.tester-roadmap span{padding:6px 9px;border-radius:999px;background:#eef2f0;color:#6c7974}.tester-roadmap span.ready{background:#e0f6ed;color:#167453}@media(max-width:950px){.tester-grid{grid-template-columns:1fr}}@media(max-width:620px){.request-line,.tester-fields{grid-template-columns:1fr}}.team-page{display:grid;gap:20px;overflow:visible}.team-count{background:#e7f5ef;color:#146b50;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800}.invite-card{display:grid;grid-template-columns:minmax(300px,1.25fr) minmax(260px,1fr) minmax(250px,.9fr) auto;gap:18px;align-items:start;background:#f5faf7;border:1px solid #d8e6df;border-radius:16px;padding:24px;position:relative;z-index:5;overflow:visible}.invite-card>div{padding-top:10px}.invite-card b,.invite-card small{display:block}.invite-card>div small{color:#6d7e76;margin-top:7px;line-height:1.45;max-width:340px}.invite-card label{display:block;min-width:0;font-size:12px;font-weight:800}.invite-card input,.invite-card select,.member-row select{position:relative;z-index:6;width:100%;height:50px;margin-top:8px;border:1px solid #ccd9d3;border-radius:10px;background:#fff;padding:0 14px;color:#17382c}.invite-card label small{font-weight:500;color:#74847d;margin-top:7px;line-height:1.35}.invite-card>.primary{min-width:200px;height:60px;margin-top:22px;white-space:nowrap}.member-list{position:relative;z-index:1;border:1px solid #dce6e1;border-radius:16px;overflow:hidden}.member-head,.member-row{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(210px,1fr) 120px 70px;gap:16px;align-items:center}.member-head{background:#f4f8f6;color:#73827b;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:12px 18px}.member-row{padding:16px 18px;border-top:1px solid #e3ebe7}.member-person{display:flex;align-items:center;gap:12px}.member-person>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#dff7ed;color:#086649;font-weight:900}.member-person b,.member-person small,.member-row>div>small{display:block}.member-person small,.member-row>div>small{font-size:11px;color:#74847d;margin-top:3px}.role-badge{display:inline-flex;border-radius:999px;background:#e8f1ed;color:#1c634d;padding:6px 9px;font-size:11px;font-weight:900;text-transform:capitalize}.role-owner{background:#e9f5b8;color:#334d05}.team-info,.team-loading{padding:18px;border-radius:12px;background:#fff8dc;color:#69571a}.team-loading{margin:16px}@media(max-width:1250px){.invite-card{grid-template-columns:1fr 1fr}.invite-card>div{grid-column:1/-1;padding-top:0}.invite-card>.primary{width:100%}}@media(max-width:900px){.member-head{display:none}.member-row{grid-template-columns:1fr auto}.member-row>time{grid-column:1}.member-row>div:last-child{grid-column:2;grid-row:1}.member-row>div:nth-child(2){grid-column:1/-1}}@media(max-width:620px){.invite-card{grid-template-columns:1fr}.invite-card>.primary{margin-top:0}.member-row{grid-template-columns:1fr}.member-row>div:last-child,.member-row>time{grid-column:1;grid-row:auto}}.settings-page{display:grid;gap:20px}.settings-form{display:grid;gap:14px}.settings-card{display:grid;grid-template-columns:minmax(280px,1fr) minmax(380px,1.25fr);gap:26px;align-items:center;border:1px solid #dce6e1;border-radius:16px;background:#fbfdfc;padding:24px}.settings-card h3,.shortcut-card h3{font-size:20px;margin:8px 0}.settings-card p,.shortcut-card p{font-size:12px;line-height:1.5;color:#6d7e76;margin:0}.settings-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#e3f5ed;color:#126b4e;font-size:16px;font-weight:850}.settings-card label{font-size:12px;font-weight:800}.settings-card input,.settings-card select{display:block;width:100%;height:50px;margin-top:8px;border:1px solid #ccd9d3;border-radius:10px;background:#fff;padding:0 14px;color:#17382c}.settings-card label small{display:block;color:#74847d;font-size:11px;font-weight:500;margin-top:8px}.settings-save{justify-self:end;min-width:160px}.settings-readonly{font-size:11px;color:#74847d}.shortcut-card{display:grid;grid-template-columns:minmax(280px,1fr) 2fr;gap:26px;align-items:center;border:1px solid #dce6e1;border-radius:16px;background:#fbfdfc;padding:24px}.shortcut-card dl{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0}.shortcut-card dl>div{border:1px solid #e0e8e4;border-radius:11px;padding:13px;background:#fff}.shortcut-card dt{font-size:11px;font-weight:850}.shortcut-card dd{font-size:11px;color:#74847d;margin:5px 0 0}@media(max-width:900px){.settings-card,.shortcut-card{grid-template-columns:1fr}.shortcut-card dl{grid-template-columns:1fr 1fr}}@media(max-width:620px){.shortcut-card dl{grid-template-columns:1fr}.settings-save{width:100%}}.campaign-page{min-height:620px}.campaign-title{display:flex;align-items:flex-start;gap:14px;border-bottom:1px solid #e3e9e6;padding-bottom:24px}.campaign-title h2{font-size:34px;margin:5px 0}.campaign-title p{margin:0;color:#718078}.campaign-title>.ghost{margin-left:auto}.back-button{border:1px solid #d9e2dd;background:#fff;width:38px;height:38px;border-radius:50%;font-size:18px}.campaign-steps{display:flex;justify-content:center;gap:70px;padding:26px 0;border-bottom:1px solid #e3e9e6}.campaign-steps span{display:flex;align-items:center;gap:9px;color:#839089;font-size:13px;font-weight:750}.campaign-steps i{display:grid;place-items:center;width:27px;height:27px;border:1px solid #ced9d3;border-radius:50%;font-style:normal}.campaign-steps .active{color:#0d2b22}.campaign-steps .active i,.campaign-steps .done i{background:#0d2b22;color:#fff}.campaign-form-grid,.campaign-review{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.65fr);gap:22px;padding:28px 0}.campaign-form,.campaign-review>article,.audience-summary,.campaign-preview{border:1px solid #dfe7e3;border-radius:17px;padding:24px;background:#fff}.campaign-form h3,.campaign-review h3,.response-panel h3{font-size:22px;margin:0 0 20px}.campaign-form label,.campaign-review label{display:block;font-size:12px;font-weight:800;margin:17px 0}.campaign-form input,.campaign-form select,.campaign-review input{width:100%;margin-top:7px;border:1px solid #d4ded8;border-radius:10px;padding:13px;background:#fff}.campaign-form label small{display:block;color:#78877f;margin-top:6px}.file-drop{position:relative;border:1.5px dashed #aebfb6;border-radius:13px;padding:26px;text-align:center;margin-top:7px;background:#f7faf8}.file-drop input{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0}.file-drop b,.file-drop small{display:block}.sample-link{border:0;background:none;color:#17835c;padding:0;font-size:12px;font-weight:800}.consent-check{display:flex!important;gap:12px;background:#f0f8f4;border:1px solid #cfe6da;padding:16px;border-radius:12px}.consent-check input{width:18px!important;height:18px;margin:1px 0!important}.consent-check b,.consent-check small{display:block}.audience-summary{background:#0d2b22;color:#fff}.audience-summary .eyebrow{color:#64dbaa}.audience-summary strong{display:block;font-size:58px;margin-top:40px}.audience-summary>b{font-size:15px}.audience-summary ul{padding:24px 0 0;list-style:none;border-top:1px solid #365248;margin-top:38px;color:#b9cec6;font-size:12px;line-height:2.1}.template-choice-list{display:grid;gap:9px}.template-choice-list button{border:1px solid #dbe4df;background:#fff;border-radius:12px;padding:14px;text-align:left;display:flex;align-items:center;justify-content:space-between}.template-choice-list button.selected{border-color:#16815b;box-shadow:0 0 0 2px #16815b1c;background:#f3faf7}.template-choice-list b,.template-choice-list small{display:block}.template-choice-list small{color:#718078;margin-top:4px}.template-choice-list i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#1aa873;color:#fff}.campaign-preview{background:#f7faf8}.preview-wall{height:490px;border-radius:15px;padding:22px 14px;background-color:#efeae2;background-image:radial-gradient(#d7d0c5 1px,transparent 1px);background-size:11px 11px;margin-top:15px}.preview-bubble{background:#fff;border-radius:12px;padding:13px;box-shadow:0 2px 5px #0000000c}.preview-bubble img{width:100%;max-height:210px;object-fit:cover;border-radius:8px}.preview-bubble p{white-space:pre-wrap;line-height:1.5;font-size:13px}.preview-bubble small{display:block;color:#77847e}.preview-bubble time{display:block;text-align:right;color:#84918b;font-size:10px}.preview-media{height:125px;border-radius:8px;background:#e6efeb;display:grid;place-items:center;color:#60736a;font-weight:800}.campaign-review dl{display:grid;gap:0}.campaign-review dl div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #e8ecea}.campaign-review dt{color:#76847d}.campaign-review dd{font-weight:800}.send-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.send-options button{border:1px solid #d9e2dd;background:#fff;border-radius:12px;padding:15px;text-align:left}.send-options button.active{border-color:#14815a;background:#f0f8f4}.send-options b,.send-options small{display:block}.send-options small{color:#74827b;margin-top:4px}.campaign-warning{background:#fff7dc;border-radius:12px;padding:15px}.campaign-warning p{font-size:12px;margin-bottom:0}.campaign-footer{display:flex;justify-content:space-between;border-top:1px solid #e3e9e6;padding-top:20px}.campaign-list-head{display:flex;justify-content:space-between;align-items:center;padding:25px 0 15px}.campaign-list-head b,.campaign-list-head small{display:block}.campaign-list-head small{color:#77857e;margin-top:4px}.campaign-table{border:1px solid #dde5e1;border-radius:15px;overflow:hidden}.campaign-row{width:100%;border:0;border-top:1px solid #e5eae8;background:#fff;display:grid;grid-template-columns:2fr .65fr .65fr 1fr 1fr .8fr;gap:14px;align-items:center;padding:16px;text-align:left;color:#1b2b25}.campaign-row.heading{border:0;background:#f0f5f2;color:#687970;font-size:11px;font-weight:800;text-transform:uppercase}.campaign-row:not(.heading):hover{background:#f8fbf9}.campaign-row b,.campaign-row small{display:block}.campaign-row small{color:#7c8983;margin-top:4px}.campaign-row i{display:block;height:4px;background:#e1e7e4;border-radius:4px;margin-top:6px}.campaign-row em{display:block;height:100%;background:#20ad78;border-radius:4px}.campaign-status{padding:6px 10px;border-radius:999px;background:#e9f2ee;color:#426056;text-transform:capitalize}.campaign-status.running{background:#e5f8ef;color:#08724c}.campaign-status.scheduled{background:#fff2c9;color:#795b00}.campaign-status.failed{background:#fee8e5;color:#a33027}.funnel-card{display:grid;grid-template-columns:230px 1fr;gap:25px;border:1px solid #dfe6e2;border-radius:16px;padding:22px;margin-top:24px}.funnel-labels div{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid #e6ebe8}.funnel-bars{display:flex;flex-direction:column;justify-content:space-around}.funnel-bars i{display:block;height:28px;background:#1ba776;border-radius:6px}.funnel-bars i:nth-child(2){background:#56c6a0}.funnel-bars i:nth-child(3){background:#76b9ec}.funnel-bars i:nth-child(4){background:#776bea}.campaign-stat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0}.campaign-stat-cards article{border:1px solid #dfe6e2;border-radius:14px;padding:20px}.campaign-stat-cards span,.campaign-stat-cards small,.campaign-stat-cards strong{display:block}.campaign-stat-cards span,.campaign-stat-cards small{color:#74827c}.campaign-stat-cards strong{font-size:34px;margin:12px 0}.response-panel{display:flex;justify-content:space-between;align-items:center;border:1px solid #dfe6e2;background:#f2f8f5;border-radius:15px;padding:22px}.response-panel p{color:#718078;margin:0}.response-panel h3{margin:5px 0}.campaign-page .empty .primary{margin-top:10px}@media(max-width:1050px){.campaign-form-grid,.campaign-review{grid-template-columns:1fr}.campaign-row{grid-template-columns:1.5fr .5fr .5fr 1fr 1fr}.campaign-row>:last-child{display:none}}@media(max-width:700px){.campaign-steps{gap:10px;justify-content:space-between}.campaign-steps span{font-size:0}.campaign-steps i{font-size:12px}.campaign-row{grid-template-columns:1.5fr .5fr 1fr}.campaign-row>:nth-child(3),.campaign-row>:nth-child(5),.campaign-row>:last-child{display:none}.campaign-stat-cards,.funnel-card{grid-template-columns:1fr}.response-panel{display:block}.response-panel button{margin-top:16px}.send-options{grid-template-columns:1fr}}.brand-logo{width:38px;height:38px;border-radius:10px;object-fit:cover;box-shadow:0 4px 12px #0003;flex:0 0 auto}.variable-mapping{margin-top:22px;border-top:1px solid #e3e9e6;padding-top:22px}.variable-mapping>div p{color:#718078;font-size:12px;margin-top:-12px}.variable-mapping>label{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(180px,1fr) minmax(110px,.7fr);gap:12px;align-items:center;border:1px solid #e0e7e3;border-radius:12px;padding:12px;margin:9px 0}.variable-mapping>label span b,.variable-mapping>label span small{display:block}.variable-mapping>label span small{color:#7a8881;font-weight:500;margin-top:3px}.variable-mapping>label select{margin:0;width:100%;border:1px solid #d4ded8;border-radius:9px;padding:10px;background:#fff}.variable-mapping>label em{font-style:normal;color:#19835d;background:#eef8f3;border-radius:8px;padding:9px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:700px){.variable-mapping>label{grid-template-columns:1fr}.brand-logo{width:34px;height:34px}}.integration-catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.connector-card{border:1px solid #dfe6e2;background:#fff;border-radius:16px;padding:21px;text-align:left;display:flex;gap:15px;color:#183028;min-height:180px}.connector-card.live{cursor:pointer}.connector-card.live:hover{border-color:#1c9b6e;box-shadow:0 10px 30px #193e3010;transform:translateY(-2px)}.connector-icon{width:50px;height:50px;border-radius:14px;background:#eaf1ee;color:#50665d;display:grid;place-items:center;font-weight:900;font-size:18px;flex:0 0 auto}.connector-icon.shopify{background:#95bf47;color:#fff;font-size:25px}.connector-state{font-size:9px;letter-spacing:.12em;color:#15825b;font-weight:900}.connector-state.soon{color:#89958f}.connector-card h3{font-size:19px;margin:8px 0}.connector-card p{font-size:12px;line-height:1.55;color:#728079}.connector-card b{font-size:12px;color:#167b58}.integration-heading{display:flex;align-items:center;gap:14px;border-bottom:1px solid #e2e8e5;padding-bottom:22px}.integration-heading h2{font-size:32px;margin:4px 0}.integration-heading p{margin:0;color:#73817a}.integration-heading .connected-pill{margin-left:auto;background:#e5f7ef;color:#08734e;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:800}.shopify-connect{display:grid;grid-template-columns:1.5fr .8fr;gap:18px;margin-top:25px}.shopify-connect>article,.shopify-connect>aside{border:1px solid #dfe7e3;border-radius:16px;padding:24px}.shopify-connect h3{font-size:24px;margin:7px 0}.shopify-connect p{color:#6f7e76;line-height:1.6}.shopify-connect form label{font-size:12px;font-weight:800}.shopify-connect form label div{display:flex;gap:9px;margin-top:8px}.shopify-connect input{flex:1;border:1px solid #d5dfda;border-radius:10px;padding:13px}.shopify-connect ul{list-style:none;padding:16px 0 0;color:#52675e;font-size:12px;line-height:2}.shopify-connect aside{background:#0d2b22;color:#fff}.shopify-connect aside ol{padding-left:20px;color:#b8cbc4;font-size:12px;line-height:2.2}.shopify-summary{display:flex;align-items:center;gap:50px;margin-top:24px;padding:20px;border:1px solid #dce6e1;border-radius:14px;background:#f5faf7}.shopify-summary div{display:grid;gap:4px}.shopify-summary span,.shopify-summary small{font-size:11px;color:#74837b}.shopify-summary .danger-link{margin-left:auto}.integration-rules,.integration-logs{border:1px solid #dfe6e2;border-radius:16px;margin-top:16px;overflow:hidden}.rules-heading{display:flex;justify-content:space-between;padding:22px}.rules-heading h3,.integration-logs h3{font-size:21px;margin:5px 0}.rules-heading p{margin:0;color:#75837c;font-size:12px}.integration-rules>article{display:grid;grid-template-columns:1.35fr 1fr 1fr 45px;gap:14px;align-items:center;padding:16px 22px;border-top:1px solid #e5eae7}.rule-copy p{margin:4px 0 0;color:#74827b;font-size:11px}.integration-rules label{font-size:10px;font-weight:800}.integration-rules select{width:100%;margin-top:5px;border:1px solid #d7e0db;border-radius:8px;padding:9px;background:#fff}.rule-toggle input{display:none}.rule-toggle span{display:block;width:38px;height:22px;border-radius:20px;background:#cad5d0;position:relative}.rule-toggle span:after{content:"";position:absolute;width:16px;height:16px;background:#fff;border-radius:50%;top:3px;left:3px;transition:.2s}.rule-toggle input:checked+span{background:#1aa873}.rule-toggle input:checked+span:after{left:19px}.integration-logs>div:first-child{padding:20px}.integration-logs>div:last-child article{display:grid;grid-template-columns:85px 1fr 1fr 180px;gap:12px;padding:13px 20px;border-top:1px solid #e5eae7;align-items:center;font-size:11px}.log-state{border-radius:999px;padding:5px 8px;text-align:center;background:#edf3f0}.log-state.processed{background:#e1f7ed;color:#06704a}.log-state.failed{background:#fee8e5;color:#a22e26}.integration-logs>p{padding:20px;color:#74827b}@media(max-width:1000px){.integration-catalog{grid-template-columns:1fr 1fr}.shopify-connect{grid-template-columns:1fr}.integration-rules>article{grid-template-columns:1fr 1fr}.rule-copy{grid-column:1/-1}}@media(max-width:650px){.integration-catalog{grid-template-columns:1fr}.shopify-connect form label div{display:grid}.shopify-summary{display:grid;gap:15px}.shopify-summary .danger-link{margin:0}.integration-rules>article{grid-template-columns:1fr}.integration-logs>div:last-child article{grid-template-columns:1fr 1fr}}.admin-loading{padding:80px;text-align:center}.admin-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.admin-metrics article,.admin-grid article,.admin-recent{border:1px solid #dfe7e3;border-radius:16px;background:#fbfdfc;padding:20px}.admin-metrics span{display:block;color:#6c7c74;font-size:12px}.admin-metrics b{display:block;font-size:30px;margin-top:8px}.admin-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;margin-top:14px}.admin-page table{width:100%;border-collapse:collapse}.admin-page th,.admin-page td{text-align:left;padding:11px;border-bottom:1px solid #e4eae7;font-size:12px}.admin-page th{color:#708078;font-size:10px;text-transform:uppercase}.health-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.health-list span{padding:17px;border-radius:12px;background:#edf5f1}.health-list b{display:block;font-size:24px}.admin-recent{margin-top:14px}.admin-table{overflow:auto}@media(max-width:900px){.admin-metrics{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr}}@media(max-width:560px){.admin-metrics{grid-template-columns:1fr}}:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#10251e;background:#f5f7f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;font-weight:850;letter-spacing:.04em}.brand-mark{width:36px;height:32px;border:2px solid currentColor;border-radius:8px 12px 12px 8px;position:relative;display:block}.brand-mark:after{content:"";position:absolute;bottom:-7px;left:6px;border-width:6px 6px 0 0;border-style:solid;border-color:currentColor transparent transparent transparent}.brand-mark i{position:absolute;width:12px;height:3px;background:#37c892;transform:rotate(-48deg);top:14px}.brand-mark i:first-child{left:8px}.brand-mark i:last-child{left:15px;top:11px;width:15px}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.auth-story{background:#0d2b22;color:#fff;padding:42px 7vw;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-story:after{content:"";position:absolute;width:540px;height:540px;border:1px solid #416056;border-radius:50%;right:-260px;bottom:-250px;box-shadow:0 0 0 80px #15382d,0 0 0 160px #113228}.story-copy{max-width:650px;position:relative;z-index:1}.status-pill{display:inline-flex;align-items:center;gap:9px;padding:7px 11px;border:1px solid #446359;border-radius:999px;color:#c0d2cb;font-size:12px}.status-pill i{width:7px;height:7px;background:#65e6af;border-radius:50%;box-shadow:0 0 0 4px #65e6af24}.story-copy h1{font-size:clamp(52px,6.5vw,88px);line-height:.96;letter-spacing:-.065em;margin:25px 0 22px}.story-copy p{font-size:18px;line-height:1.7;color:#afc3bb;max-width:610px}.story-points{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:34px;color:#d8e6e1;font-size:13px}.auth-story>small{color:#78958b;position:relative;z-index:1}.auth-panel{display:grid;place-items:center;padding:40px}.auth-card{width:min(430px,100%)}.eyebrow,.step-label{font-size:10px;font-weight:850;letter-spacing:.14em;color:#19835d}.auth-card h2{font-size:39px;letter-spacing:-.045em;margin:10px 0 8px}.auth-card>p{color:#687770;margin:0 0 30px}.auth-card label{display:block;font-size:12px;font-weight:750;margin:15px 0;color:#3c4e47}.auth-card input{width:100%;margin-top:7px;border:1px solid #d8e1dc;border-radius:10px;padding:13px 14px;background:#fff;outline:none}.auth-card input:focus{border-color:#28a977;box-shadow:0 0 0 3px #28a97717}.primary{border:0;background:#0d2b22;color:#fff;border-radius:999px;padding:13px 20px;font-weight:800}.auth-card .primary{width:100%;margin-top:14px}.primary:disabled{opacity:.6;cursor:not-allowed}.switch{width:100%;border:0;background:none;color:#32755e;font-size:12px;font-weight:750;margin-top:16px}.form-message{font-size:12px;background:#edf5f1;border-radius:8px;padding:10px 12px;margin-top:12px}.shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.sidebar{background:#0d2b22;color:#fff;padding:25px 16px;display:flex;flex-direction:column}.sidebar .brand{padding:4px 9px 25px}.sidebar nav{display:grid;gap:4px}.sidebar nav a{display:flex;gap:11px;align-items:center;padding:10px 12px;border-radius:9px;color:#a9c0b8;text-decoration:none;font-size:13px}.sidebar nav a.active{background:#1a4437;color:#fff}.sidebar nav small{margin-left:auto;background:#2c594a;padding:2px 6px;border-radius:8px}.sidebar-foot{margin-top:auto;border-top:1px solid #29473e;padding:18px 8px 4px;display:flex;gap:10px;align-items:center;min-width:0}.sidebar-foot .avatar{width:32px;height:32px;border-radius:50%;background:#dfff8f;color:#0d2b22;display:grid;place-items:center;font-weight:850}.sidebar-foot div:last-child{min-width:0}.sidebar-foot b,.sidebar-foot small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-foot b{font-size:12px}.sidebar-foot small{font-size:10px;color:#84a095}.dashboard{padding:35px clamp(24px,5vw,70px)}.topbar{display:flex;justify-content:space-between;align-items:center}.topbar h1{font-size:40px;letter-spacing:-.05em;margin:6px 0}.ghost,.link-button{border:1px solid #d6dfda;background:#fff;border-radius:999px;padding:9px 14px;font-size:12px;font-weight:750}.setup-card{background:#dfff8f;border-radius:17px;padding:28px 30px;display:flex;justify-content:space-between;align-items:center;margin:25px 0}.setup-card h2{font-size:25px;letter-spacing:-.03em;margin:7px 0}.setup-card p{margin:0;color:#496054;font-size:13px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metrics article,.panel{background:#fff;border:1px solid #dfe6e2;border-radius:14px;padding:20px}.metrics span,.metrics small{display:block;color:#74827c;font-size:11px}.metrics strong{display:block;font-size:32px;letter-spacing:-.04em;margin:14px 0 4px}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:12px;margin-top:12px}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel h3{font-size:20px;margin:5px 0}.empty{text-align:center;padding:58px 20px}.empty-icon{display:grid;place-items:center;margin:auto;width:45px;height:45px;background:#eaf5ef;border-radius:13px}.empty b,.empty p{display:block}.empty b{margin-top:14px}.empty p{font-size:12px;color:#74827c}.check-item{display:flex;gap:12px;padding:17px 0;border-bottom:1px solid #edf0ee}.check-item:last-child{border:0}.check-item>span{width:27px;height:27px;border:1px solid #ced8d3;border-radius:50%;display:grid;place-items:center;font-size:11px}.check-item.done>span{background:#1aaa70;color:#fff;border-color:#1aaa70}.check-item b,.check-item small{display:block}.check-item b{font-size:13px}.check-item small{color:#7b8983;font-size:11px;margin-top:2px}@media(max-width:900px){.auth-layout{grid-template-columns:1fr}.auth-story{min-height:47vh;padding:30px}.story-copy h1{font-size:50px}.auth-story>small{display:none}.shell{grid-template-columns:72px 1fr}.sidebar .brand b,.sidebar nav a:not(.active) span+*,.sidebar nav a{font-size:0}.sidebar .brand{padding-left:2px}.sidebar nav a{justify-content:center;font-size:16px}.sidebar-foot div:last-child{display:none}.metrics{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:620px){.auth-panel{padding:34px 22px}.auth-card h2{font-size:33px}.shell{display:block}.sidebar{display:none}.dashboard{padding:25px 16px}.setup-card{display:block}.setup-card .primary{margin-top:18px}.metrics{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}}