:root{--ink:#14201b;--muted:#6d7973;--green:#176b4d;--green-soft:#e6f3ed;--line:#e2e8e5;--surface:#fff;--bg:#f3f6f4;--orange:#ee965b}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a,button{font:inherit}button{color:inherit}.app-shell{min-height:100vh;display:flex;justify-content:center}.phone-canvas{position:relative;width:100%;max-width:520px;min-height:100vh;background:#f8faf9;padding-bottom:88px;box-shadow:0 0 60px rgba(28,62,47,.06)}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 13px;background:rgba(248,250,249,.94);border-bottom:1px solid rgba(226,232,229,.8);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.eyebrow,.section-heading span,.summary-top>div>span{display:block;color:var(--green);font-size:10px;font-weight:800;letter-spacing:.14em}.topbar h1{margin:3px 0 0;font-size:21px;line-height:1.2;letter-spacing:-.03em}.header-actions{display:flex;align-items:center;gap:8px}.gateway-status{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #cfe1d8;border-radius:999px;background:#fff;color:#386452;font-size:10px;font-weight:700;white-space:nowrap;text-decoration:none}.gateway-status i{width:7px;height:7px;border-radius:50%;background:#31ad73;box-shadow:0 0 0 3px #dff5e9}.gateway-status.gateway-status-offline{border-color:#ecd0c7;color:#9b5146}.gateway-status.gateway-status-offline i{background:#c96759;box-shadow:0 0 0 3px #f9e6e2}.icon-button{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:#fff}.content{padding:14px 14px 24px}.hero-card{position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr;grid-gap:12px;gap:12px;padding:17px;border-radius:19px;background:linear-gradient(135deg,#125d44,#1d7d59);color:#fff;box-shadow:0 14px 34px rgba(20,103,74,.19)}.hero-card:after{content:"";position:absolute;width:130px;height:130px;right:-48px;top:-70px;border:28px solid rgba(255,255,255,.08);border-radius:50%}.hero-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.14)}.hero-card p{margin:0 0 4px;color:#bde4d2;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.hero-card h2{max-width:330px;margin:0;font-size:18px;line-height:1.25;letter-spacing:-.02em}.hero-card span{display:block;margin-top:7px;color:#d9eee5;font-size:11px;line-height:1.45}.section-block{margin-top:19px}.section-heading,.summary-top{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.section-heading h2,.summary-top h2{margin:3px 0 0;font-size:17px;letter-spacing:-.02em}.section-heading b{color:var(--green);font-size:12px}.progress-track{height:5px;margin:10px 0 12px;overflow:hidden;border-radius:999px;background:#e4ebe7}.progress-track span{display:block;width:33%;height:100%;border-radius:inherit;background:var(--green)}.progress-track.broadcast-progress span{width:100%}.step-list{display:grid;grid-gap:9px;gap:9px}.composer-card{padding:12px;border:1px solid #a9d2bf;border-radius:16px;background:var(--surface);box-shadow:0 7px 22px rgba(30,111,78,.08)}.field-invalid{border-color:#d67569!important;box-shadow:0 0 0 3px rgba(190,74,61,.08)!important}.composer-heading{display:grid;grid-template-columns:23px 42px 1fr;align-items:center;grid-gap:10px;gap:10px}.composer-heading .step-number{background:var(--green);color:#fff}.composer-heading .step-icon{background:var(--green-soft);color:var(--green)}.composer-heading label{display:block;font-size:14px;font-weight:700;cursor:pointer}.textarea-wrap{position:relative;margin-top:11px}.textarea-wrap textarea{display:block;width:100%;min-height:132px;resize:vertical;padding:13px 13px 43px;border:1px solid var(--line);border-radius:13px;outline:none;background:#fbfcfb;color:var(--ink);font:500 13px/1.55 inherit;transition:border-color .2s,box-shadow .2s}.textarea-wrap textarea::placeholder{color:#9aa49f}.textarea-wrap textarea:focus{border-color:#6fb493;box-shadow:0 0 0 3px rgba(23,107,77,.1);background:#fff}.template-button{position:absolute;left:8px;bottom:8px;height:28px;display:flex;align-items:center;gap:5px;padding:0 9px;border:0;border-radius:8px;background:var(--green-soft);color:var(--green);font-size:10px;font-weight:800}.template-modal-backdrop{z-index:80}.template-modal{width:100%;max-width:492px;max-height:min(720px,calc(100vh - 28px));display:flex;flex-direction:column;padding:15px;border-radius:20px;background:#fff;box-shadow:0 24px 60px rgba(0,0,0,.22)}.template-modal>header{display:grid;grid-template-columns:38px 1fr 34px;align-items:center;grid-gap:9px;gap:9px}.template-modal>header>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--green-soft);color:var(--green)}.template-modal header h2,.template-modal header small{display:block;margin:0}.template-modal header small{color:var(--green);font-size:7px;font-weight:900;letter-spacing:.13em}.template-modal header h2{margin-top:3px;font-size:16px}.template-modal>header>button{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:10px;background:#eff3f1}.template-toolbar{display:grid;grid-template-columns:1fr auto;grid-gap:7px;gap:7px;margin-top:13px}.template-toolbar input{height:38px;padding:0 10px;border:1px solid var(--line);border-radius:10px;outline:0;font-size:10px}.template-toolbar input:focus{border-color:#6fb493;box-shadow:0 0 0 3px rgba(23,107,77,.1)}.template-toolbar button{height:38px;display:flex;align-items:center;gap:5px;padding:0 10px;border:0;border-radius:10px;background:var(--green);color:#fff;font-size:9px;font-weight:900}.template-list{min-height:120px;display:grid;grid-gap:7px;gap:7px;margin-top:9px;overflow:auto}.template-list article{position:relative;border:1px solid var(--line);border-radius:13px;background:#fff}.template-select{width:100%;display:grid;grid-template-columns:34px 1fr 20px;align-items:center;grid-gap:8px;gap:8px;padding:9px 39px 9px 9px;border:0;border-radius:13px;background:transparent;text-align:left}.template-select>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:var(--green-soft);color:var(--green)}.template-select>div{min-width:0}.template-select b,.template-select p,.template-select small{display:block;margin:0}.template-select small{color:var(--green);font-size:7px;font-weight:900}.template-select b{margin-top:2px;font-size:10px}.template-select p{max-height:29px;overflow:hidden;margin-top:3px;color:var(--muted);font-size:8px;line-height:1.4}.template-select>svg{color:#aab6b0}.template-select:hover{background:#f7fbf9}.template-delete{position:absolute;right:7px;top:50%;width:28px;height:28px;transform:translateY(-50%);display:grid;place-items:center;border:0;border-radius:8px;background:#fff0ed;color:#b44b3d}.template-state{min-height:90px;display:flex;align-items:center;justify-content:center;gap:6px;margin:0;color:var(--muted);font-size:9px}.template-create-form{display:grid;grid-gap:9px;gap:9px;margin-top:13px}.template-create-heading{display:flex;align-items:center;gap:8px;padding:9px;border-radius:11px;background:var(--green-soft);color:var(--green)}.template-create-heading b,.template-create-heading small{display:block}.template-create-heading b{font-size:9px}.template-create-heading small{margin-top:2px;font-size:7px}.template-create-form>label{color:var(--muted);font-size:8px;font-weight:800}.template-create-form input,.template-create-form textarea{display:block;width:100%;margin-top:5px;padding:9px;border:1px solid var(--line);border-radius:10px;outline:0;font:10px/1.45 inherit}.template-create-form input{height:38px}.template-create-form textarea{resize:vertical}.template-form-actions{display:grid;grid-template-columns:1fr 1.4fr;grid-gap:7px;gap:7px}.template-form-actions button{height:39px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--muted);font-size:9px;font-weight:900}.template-form-actions button:last-child{border-color:var(--green);background:var(--green);color:#fff}.template-form-actions button:disabled{opacity:.55}.template-error{margin:8px 0 0;padding:8px;border:1px solid #efc4bd;border-radius:9px;background:#fff5f3;color:#a94338;font-size:8px}.composer-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.composer-meta p{margin:0;color:var(--muted);font-size:9px;line-height:1.35}.composer-meta output{flex:0 0 auto;color:var(--muted);font-size:10px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.composer-meta output.near-limit{color:#b65a24}.attachment-card{padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 5px 16px rgba(26,59,44,.035)}.attachment-card .composer-heading{margin-bottom:11px}.upload-zone{min-height:74px;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;border:1px dashed #aabbb2;border-radius:13px;background:#fafcfb;color:#648173;cursor:pointer;text-align:left}.upload-zone>span b,.upload-zone>span small{display:block}.upload-zone>span b{color:var(--green);font-size:12px}.upload-zone>span small{margin-top:3px;color:var(--muted);font-size:9px}.upload-zone input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.upload-zone:focus-within{border-color:var(--green);box-shadow:0 0 0 3px rgba(23,107,77,.1)}.selected-file{display:grid;grid-template-columns:39px 1fr 34px;align-items:center;grid-gap:10px;gap:10px;padding:9px;border:1px solid #cfe1d8;border-radius:13px;background:#f7fbf9}.file-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;background:var(--green-soft);color:var(--green)}.file-copy{min-width:0}.file-copy b,.file-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-copy b{font-size:11px}.file-copy small{margin-top:3px;color:var(--muted);font-size:9px}.selected-file button{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:9px;background:#ffebe8;color:#ae4439}.field-error{margin:7px 2px 0;color:#b34337;font-size:10px;font-weight:700}.recipient-card{padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 5px 16px rgba(26,59,44,.035)}.recipient-card .composer-heading{grid-template-columns:23px 42px 1fr auto}.selected-count{padding:5px 8px;border-radius:999px;background:var(--green-soft);color:var(--green);font-size:9px;font-weight:800}.recipient-tabs{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:5px;gap:5px;margin-top:12px;padding:4px;border-radius:11px;background:#eff3f1}.recipient-tabs button{height:34px;display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:11px;font-weight:800}.recipient-tabs button.active{background:#fff;color:var(--green);box-shadow:0 3px 10px rgba(25,58,43,.08)}.recipient-search{height:39px;display:flex;align-items:center;gap:8px;margin-top:9px;padding:0 11px;border:1px solid var(--line);border-radius:11px;background:#fbfcfb;color:#86918c}.recipient-search:focus-within{border-color:#6fb493;box-shadow:0 0 0 3px rgba(23,107,77,.1)}.recipient-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:11px}.recipient-list{display:grid;grid-gap:6px;gap:6px;margin-top:8px}.recipient-list>button{width:100%;display:grid;grid-template-columns:34px 1fr 23px;align-items:center;grid-gap:9px;gap:9px;padding:8px;border:1px solid var(--line);border-radius:11px;background:#fff;text-align:left}.recipient-list>button.selected{border-color:#91c6ad;background:#f5fbf8}.recipient-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#edf2ef;color:#587065;font-size:9px;font-weight:900}.selected .recipient-avatar{background:var(--green-soft);color:var(--green)}.recipient-list button>span:nth-child(2){min-width:0}.recipient-list button b,.recipient-list button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipient-list button b{font-size:11px}.recipient-list button small{margin-top:3px;color:var(--muted);font-size:9px}.recipient-list button i{width:21px;height:21px;display:grid;place-items:center;border:1px solid #ccd7d2;border-radius:7px;color:#fff;font-style:normal}.recipient-list button.selected i{border-color:var(--green);background:var(--green)}.recipient-empty{margin:0;padding:18px;color:var(--muted);font-size:10px;text-align:center}.recipient-loading{display:flex;align-items:center;justify-content:center;gap:6px}.recipient-load-error{margin:0;padding:12px;border:1px solid #efc4bd;border-radius:10px;background:#fff5f3;color:#a94338;font-size:9px;line-height:1.45}.delivery-options-card{padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 5px 16px rgba(26,59,44,.035)}.delivery-mode-tabs{display:grid;grid-template-columns:1fr 1fr;grid-gap:5px;gap:5px;margin-top:12px;padding:4px;border-radius:11px;background:#eff3f1}.delivery-mode-tabs button{height:34px;display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:10px;font-weight:800}.delivery-mode-tabs button.active{background:#fff;color:var(--green);box-shadow:0 3px 10px rgba(25,58,43,.08)}.delivery-field{display:block;margin-top:9px;color:var(--muted);font-size:9px;font-weight:800}.delivery-field>div,.delivery-field>input{width:100%;height:40px;margin-top:5px;border:1px solid var(--line);border-radius:11px;background:#fbfcfb}.delivery-field>input{padding:0 10px;outline:0;color:var(--ink);font:10px inherit}.delivery-field>div{display:grid;grid-template-columns:20px 1fr auto;align-items:center;grid-gap:5px;gap:5px;padding:0 10px}.delivery-field>div svg{color:var(--green)}.delivery-field>div input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:11px}.delivery-field>div b{color:var(--muted);font-size:9px}.gateway-broadcast-note{display:grid;grid-template-columns:30px 1fr auto;align-items:center;grid-gap:8px;gap:8px;margin-top:10px;padding:10px;border:1px solid #cfe1d8;border-radius:13px;background:#f7fbf9;color:var(--green)}.gateway-broadcast-note>svg{width:30px;height:30px;padding:7px;border-radius:9px;background:var(--green-soft)}.gateway-broadcast-note b,.gateway-broadcast-note small{display:block}.gateway-broadcast-note b{font-size:9px}.gateway-broadcast-note small{margin-top:3px;color:var(--muted);font-size:7px}.gateway-broadcast-note a{color:var(--green);font-size:8px;font-weight:900}.broadcast-submit-error{color:#a94338!important;font-weight:800}@media(max-width:380px){.recipient-tabs button{gap:3px;font-size:9px}.recipient-tabs button svg{width:13px}.gateway-broadcast-note{grid-template-columns:28px 1fr}.gateway-broadcast-note>a{grid-column:1/-1;text-align:center}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.step-card{width:100%;display:grid;grid-template-columns:23px 42px 1fr auto;align-items:center;grid-gap:10px;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:16px;background:var(--surface);text-align:left;box-shadow:0 5px 16px rgba(26,59,44,.035)}.step-card.active{border-color:#a9d2bf;box-shadow:0 7px 22px rgba(30,111,78,.08)}.step-number{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#eef2f0;color:#7e8984;font-size:10px;font-weight:800}.active .step-number{background:var(--green);color:#fff}.step-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#f0f4f2;color:#567166}.active .step-icon{background:var(--green-soft);color:var(--green)}.step-copy b,.step-copy small{display:block}.step-copy b{font-size:14px}.step-copy small{margin-top:3px;color:var(--muted);font-size:11px}.chevron{color:#9ba6a1}.summary-card{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fff}.draft-badge{padding:5px 9px;border-radius:999px;background:#fff0e7;color:#a65320;font-size:10px;font-weight:800}.draft-badge.ready{background:var(--green-soft);color:var(--green)}.summary-card dl{margin:14px 0 15px;border-top:1px solid var(--line)}.summary-card dl div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.summary-card dt{color:var(--muted)}.summary-card dd{margin:0;font-weight:700}.send-button{width:100%;height:46px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:13px;background:var(--green);color:#fff;font-weight:800;box-shadow:0 8px 18px rgba(23,107,77,.18)}.send-button:disabled,.send-button[aria-disabled=true]{background:#dfe6e2;color:#89958f;box-shadow:none}.spinner{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.success-toast{position:fixed;z-index:50;left:50%;bottom:82px;width:calc(100% - 28px);max-width:492px;transform:translateX(-50%);display:grid;grid-template-columns:38px 1fr 31px;align-items:center;grid-gap:9px;gap:9px;padding:11px 10px;border:1px solid #b9dcca;border-radius:15px;background:#f5fff9;color:var(--ink);box-shadow:0 18px 45px rgba(18,70,48,.2);animation:toast-in .25s ease-out}.success-toast>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--green);color:#fff}.success-toast b,.success-toast small{display:block}.success-toast b{font-size:12px}.success-toast small{margin-top:3px;color:#567166;font-size:9px;line-height:1.35}.success-toast button{width:31px;height:31px;display:grid;place-items:center;border:0;border-radius:9px;background:transparent;color:#668076}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.summary-card>p{margin:9px 0 0;color:var(--muted);font-size:10px;text-align:center}.bottom-nav{position:fixed;z-index:20;left:50%;bottom:0;width:100%;max-width:520px;transform:translateX(-50%);display:grid;grid-template-columns:repeat(5,1fr);padding:7px 8px max(7px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bottom-nav a{position:relative;min-width:0;height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:13px;color:#87918c;text-decoration:none}.bottom-nav a span{font-size:9px;font-weight:700;white-space:nowrap}.bottom-nav a.active{background:var(--green-soft);color:var(--green)}@media(min-width:760px){.phone-canvas{margin:24px 0;min-height:calc(100vh - 48px);border:1px solid var(--line);border-radius:28px;overflow:hidden}.bottom-nav{bottom:24px;border-radius:0 0 28px 28px}}@media(max-width:360px){.gateway-status{padding:7px;font-size:0}.gateway-status i{margin:0}.content{padding-left:10px;padding-right:10px}.step-card{grid-template-columns:21px 38px 1fr auto;padding:10px 9px}.step-icon{width:38px;height:38px}}.add-contact{height:36px;padding:0 11px;border:0;border-radius:11px;background:var(--green);color:#fff;font-size:10px;font-weight:800}.add-contact,.contact-header-actions{display:flex;align-items:center;gap:6px}.contact-header-actions>button:first-child{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--green)}.contact-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:7px;gap:7px}.contact-stats>div{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid var(--line);border-radius:15px;background:#fff}.contact-stats>div>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--green-soft);color:var(--green)}.contact-stats b,.contact-stats p,.contact-stats small{display:block;margin:0}.contact-stats b{font-size:16px}.contact-stats small{margin-top:2px;color:var(--muted);font-size:9px}.manage-tabs{display:grid;grid-template-columns:.8fr 1fr 1.25fr;grid-gap:4px;gap:4px;margin-top:14px;padding:4px;border-radius:12px;background:#e9efec}.manage-tabs button{height:36px;padding:0 4px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:9px;font-weight:800;white-space:nowrap}.manage-tabs button.active{background:#fff;color:var(--green);box-shadow:0 3px 10px rgba(20,60,42,.08)}.manage-search{height:43px;display:flex;align-items:center;gap:9px;margin-top:10px;padding:0 12px;border:1px solid var(--line);border-radius:13px;background:#fff;color:#84918b}.manage-search:focus-within{border-color:#6fb493;box-shadow:0 0 0 3px rgba(23,107,77,.1)}.manage-search input{width:100%;border:0;outline:0;background:transparent;font-size:11px}.manage-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:17px 2px 9px}.manage-heading span{color:var(--green);font-size:9px;font-weight:800;letter-spacing:.12em}.manage-heading h2{margin:3px 0 0;font-size:15px}.manage-heading button{display:flex;align-items:center;gap:4px;border:0;background:transparent;color:var(--green);font-size:10px;font-weight:800}.manage-list{display:grid;grid-gap:7px;gap:7px}.manage-list article{display:grid;grid-template-columns:41px 1fr auto;align-items:center;grid-gap:10px;gap:10px;padding:10px;border:1px solid var(--line);border-radius:14px;background:#fff}.contact-initial{width:41px;height:41px;display:grid;place-items:center;border-radius:12px;background:var(--green-soft);color:var(--green);font-size:10px;font-weight:900}.manage-list article h3,.manage-list article p{margin:0}.manage-list article h3{font-size:12px}.manage-list article p{margin-top:3px;color:var(--muted);font-size:10px}.manage-list article small{display:inline-block;margin-top:5px;padding:3px 6px;border-radius:6px;background:#f0f4f2;color:#60736a;font-size:8px;font-weight:700}.row-actions{display:flex;gap:4px}.row-actions button{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:8px;background:#f1f4f2;color:#60736a}.row-actions button:last-child{background:#fff0ed;color:#b44b3d}.manage-empty{display:flex;flex-direction:column;align-items:center;gap:5px;padding:32px;border:1px dashed var(--line);border-radius:14px;color:var(--muted)}.manage-empty b{font-size:12px}.manage-empty small{font-size:9px}.modal-backdrop{position:fixed;z-index:60;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:14px;background:rgba(15,31,24,.45)}.edit-modal{width:100%;max-width:492px;padding:17px;border-radius:19px;background:#fff;box-shadow:0 24px 60px rgba(0,0,0,.2)}.edit-modal>div{display:flex;align-items:center;justify-content:space-between}.edit-modal h2{margin:0;font-size:17px}.edit-modal>div button{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:9px;background:#eff3f1}.edit-modal label{display:block;margin-top:15px;color:var(--muted);font-size:10px;font-weight:700}.edit-modal input{width:100%;height:43px;margin-top:6px;padding:0 11px;border:1px solid var(--line);border-radius:11px;outline:0}.save-edit{width:100%;height:43px;margin-top:13px;border:0;border-radius:11px;background:var(--green);color:#fff;font-weight:800}.import-modal>div>div{display:block}.import-drop{min-height:86px!important;display:flex!important;align-items:center;justify-content:center;gap:10px;padding:13px;border:1px dashed #9db5a9;border-radius:13px;background:#f8fbf9;cursor:pointer}.import-drop span b,.import-drop span small{display:block}.import-drop span b{color:var(--green);font-size:11px}.import-drop span small{margin-top:4px;font-size:9px}.import-drop input{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden;clip:rect(0,0,0,0)}.import-preview{margin-top:11px;overflow:hidden;border:1px solid var(--line);border-radius:11px}.import-preview>div{display:grid!important;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;padding:8px 9px;border-bottom:1px solid var(--line);font-size:9px}.import-preview>div:first-child{background:#f0f4f2;color:var(--muted)}.import-preview>div:last-child{border-bottom:0}.import-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.save-edit:disabled{background:#dce4e0;color:#8d9993}.save-edit{display:flex;align-items:center;justify-content:center;gap:6px}.group-modal>div>div{display:block}.member-heading{display:flex!important;align-items:center;justify-content:space-between;margin:14px 1px 7px}.member-heading b{font-size:11px}.member-heading small{color:var(--green);font-size:9px;font-weight:800}.member-options{max-height:210px;display:grid!important;grid-gap:6px;gap:6px;overflow:auto}.member-options>button{width:100%;display:grid;grid-template-columns:34px 1fr 21px;align-items:center;grid-gap:8px;gap:8px;padding:7px;border:1px solid var(--line);border-radius:10px;background:#fff;text-align:left}.member-options>button.selected{border-color:#8fc4aa;background:#f4faf7}.member-options .contact-initial{width:34px;height:34px;border-radius:9px}.member-options button>span:nth-child(2) b,.member-options button>span:nth-child(2) small{display:block}.member-options button>span:nth-child(2) b{font-size:10px}.member-options button>span:nth-child(2) small{margin-top:2px;color:var(--muted);font-size:8px}.member-options i{width:20px;height:20px;display:grid;place-items:center;border:1px solid #cad6d0;border-radius:6px;color:#fff;font-size:10px;font-style:normal}.member-options .selected i{border-color:var(--green);background:var(--green)}.manual-contact-modal>div>div{display:block}.manual-contact-modal label>small{display:block;margin-top:5px;color:#8a9690;font-size:8px;font-weight:500;line-height:1.4}.manual-contact-modal input:focus{border-color:#6fb493;box-shadow:0 0 0 3px rgba(23,107,77,.1)}.manual-group-options{max-height:132px;display:flex!important;flex-wrap:wrap;align-content:flex-start;gap:6px;overflow:auto}.manual-group-options>button{height:32px;display:flex;align-items:center;gap:6px;padding:0 8px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--muted);font-size:8px;font-weight:800}.manual-group-options>button.selected{border-color:#8fc4aa;background:var(--green-soft);color:var(--green)}.manual-group-options>button span{display:flex;align-items:center;gap:4px}.manual-group-options>button i{width:16px;height:16px;display:grid;place-items:center;border:1px solid #cad6d0;border-radius:5px;color:transparent;font-size:9px;font-style:normal}.manual-group-options>button.selected i{border-color:var(--green);background:var(--green);color:#fff}.manual-group-options>button:disabled{opacity:.6}.manual-contact-error{margin:10px 0 0;padding:9px;border:1px solid #efc4bd;border-radius:9px;background:#fff5f3;color:#a94338;font-size:8px;line-height:1.45}.safety-pill{display:flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid #cce2d7;border-radius:999px;background:#fff;color:var(--green);font-size:9px;font-weight:800}.delay-intro{display:grid;grid-template-columns:42px 1fr;grid-gap:11px;gap:11px;padding:15px;border-radius:17px;background:linear-gradient(135deg,#155f46,#21805d);color:#fff}.delay-intro>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.14)}.delay-intro h2,.delay-intro p{margin:0}.delay-intro h2{font-size:16px}.delay-intro p{margin-top:5px;color:#d7ede3;font-size:10px;line-height:1.45}.delay-card{margin-top:11px;padding:14px;border:1px solid var(--line);border-radius:17px;background:#fff}.delay-title{display:grid;grid-template-columns:38px 1fr auto;align-items:center;grid-gap:9px;gap:9px}.delay-title>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--green-soft);color:var(--green)}.delay-title h2,.delay-title p{margin:0}.delay-title h2{font-size:13px}.delay-title p{margin-top:3px;color:var(--muted);font-size:9px}.delay-title output{padding:5px 8px;border-radius:8px;background:#eef5f1;color:var(--green);font-size:10px;font-weight:900}.delay-card>input[type=range]{width:100%;height:5px;margin:18px 0 0;accent-color:var(--green)}.range-labels{margin-top:4px;color:#909a95;font-size:8px}.number-control,.range-labels{display:flex;justify-content:space-between}.number-control{align-items:center;margin-top:12px;padding-top:11px;border-top:1px solid var(--line);color:var(--muted);font-size:9px;font-weight:700}.number-control>div{display:grid;grid-template-columns:31px 45px 31px;overflow:hidden;border:1px solid var(--line);border-radius:9px}.number-control button,.number-control input{height:31px;border:0;background:#f4f7f5;text-align:center}.number-control input{width:45px;outline:0;background:#fff;font-size:10px;font-weight:800;-moz-appearance:textfield}.number-control input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.estimate-card{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px;padding:13px;border:1px solid #c9dfd4;border-radius:15px;background:#f5fbf8}.estimate-card>div{display:flex;align-items:center;gap:8px;color:var(--green)}.estimate-card b,.estimate-card small{display:block}.estimate-card b{font-size:10px}.estimate-card small{margin-top:3px;color:var(--muted);font-size:8px}.estimate-card strong{font-size:14px;color:var(--green);white-space:nowrap}.delay-note{display:flex;align-items:flex-start;gap:6px;margin:10px 3px;color:var(--muted)}.delay-note,.delay-save-error{font-size:8px;line-height:1.45}.delay-save-error{margin:9px 0;padding:9px;border:1px solid #efc4bd;border-radius:10px;background:#fff5f3;color:#a94338}.save-delay{width:100%;height:45px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:13px;background:var(--green);color:#fff;font-size:11px;font-weight:800;box-shadow:0 8px 18px rgba(23,107,77,.18)}.save-delay:disabled{opacity:.6;box-shadow:none}.delay-card>input:disabled,.number-control button:disabled,.number-control input:disabled{opacity:.55}.delivery-setting-card{display:grid;grid-template-columns:40px 1fr auto;align-items:center;grid-gap:9px;gap:9px;margin-top:9px;padding:12px;border:1px solid var(--line);border-radius:15px;background:#fff}.delivery-setting-card>span{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:var(--green-soft);color:var(--green)}.delivery-setting-card h2,.delivery-setting-card p{margin:0}.delivery-setting-card h2{font-size:11px}.delivery-setting-card p{margin-top:3px;color:var(--muted);font-size:8px;line-height:1.35}.delivery-setting-card select{height:36px;min-width:92px;padding:0 26px 0 9px;border:1px solid #b9d6c8;border-radius:10px;outline:0;background:#f7fbf9;color:var(--green);font-size:9px;font-weight:900}.delivery-setting-card select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(23,107,77,.1)}.delivery-setting-card select:disabled{opacity:.55}.batch-example-card{margin-top:11px;padding:13px;border:1px solid #c9dfd4;border-radius:15px;background:#f5fbf8}.batch-example-card>div{display:flex;align-items:center;gap:8px;color:var(--green)}.batch-example-card b,.batch-example-card small{display:block}.batch-example-card>div b{font-size:10px}.batch-example-card small{margin-top:2px;color:var(--muted);font-size:8px}.batch-example-card p{margin:9px 0 0;color:var(--muted);font-size:8px;line-height:1.5}.batch-example-card p b{display:inline;color:var(--green)}.batch-example-card strong{display:block;margin-top:8px;color:var(--green);font-size:10px}@media(max-width:380px){.delivery-setting-card{grid-template-columns:36px 1fr}.delivery-setting-card>span{width:36px;height:36px}.delivery-setting-card>label{grid-column:1/-1}.delivery-setting-card select{width:100%}}.new-schedule-link{height:43px;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:8px;border:1px solid #b9d6c8;border-radius:13px;background:#fff;color:var(--green);font-size:10px;font-weight:800;text-decoration:none}.back-button{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink)}.schedule-form{display:grid;grid-gap:10px;gap:10px}.form-section{padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff}.form-title{display:grid;grid-template-columns:38px 1fr;align-items:center;grid-gap:9px;gap:9px}.form-title>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--green-soft);color:var(--green)}.form-title h2,.form-title p{margin:0}.form-title h2{font-size:13px}.form-title p{margin-top:3px;color:var(--muted);font-size:9px}.form-section>label:not(.schedule-upload){display:block;margin-top:13px;color:var(--muted);font-size:9px;font-weight:700}.form-section input[type=datetime-local],.form-section select,.form-section textarea{width:100%;margin-top:6px;padding:10px;border:1px solid var(--line);border-radius:11px;outline:0;background:#fbfcfb;color:var(--ink);font:inherit;font-size:11px}.form-section input[type=datetime-local],.form-section select{height:42px}.form-section textarea{resize:vertical;line-height:1.5}.schedule-count{margin-top:5px;color:var(--muted);font-size:9px;text-align:right}.schedule-upload{position:relative;min-height:68px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;border:1px dashed #9fb6aa;border-radius:12px;background:#f8fbf9;color:var(--green);font-size:10px;font-weight:800;cursor:pointer}.schedule-upload input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.schedule-success{margin:0;padding:10px;border-radius:10px;background:var(--green-soft);color:var(--green);font-size:9px;text-align:center}.recurrence-field{margin-top:12px;padding:10px;border:1px solid #dce7e1;border-radius:12px;background:#f8fbf9}.recurrence-heading{display:flex;align-items:center;gap:7px;color:var(--green)}.recurrence-heading span{display:flex;align-items:center;gap:6px}.recurrence-heading b{font-size:10px}.recurrence-heading small{padding:2px 5px;border-radius:999px;background:var(--green-soft);font-size:7px;font-weight:800}.recurrence-field select{margin-top:8px}.recurrence-days{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:4px;gap:4px;margin-top:8px}.recurrence-days button{height:30px;padding:0;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--muted);font-size:8px;font-weight:800}.recurrence-days button.active{border-color:var(--green);background:var(--green);color:#fff}.recurrence-note{margin:7px 0 0;color:var(--muted);font-size:8px;line-height:1.45}.recurrence-field .field-error{margin-bottom:0}.schedule-detail .recurring-detail{color:var(--green);font-weight:800}.mini-add{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--green);color:#fff}.schedule-summary{display:grid;grid-template-columns:40px 1fr;align-items:center;grid-gap:10px;gap:10px;padding:13px;border-radius:15px;background:linear-gradient(135deg,#155f46,#21805d);color:#fff}.schedule-summary>span{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.14)}.schedule-summary b,.schedule-summary small{display:block}.schedule-summary b{font-size:12px}.schedule-summary small{margin-top:4px;color:#d7ede3;font-size:9px}.status-filters{display:flex;gap:6px;margin:13px 0 10px;overflow:auto;scrollbar-width:none}.status-filters button{height:31px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:9px;font-weight:800;white-space:nowrap}.status-filters button.active{border-color:var(--green);background:var(--green-soft);color:var(--green)}.schedule-list{display:grid;grid-gap:8px;gap:8px}.schedule-list article{padding:13px;border:1px solid var(--line);border-radius:15px;background:#fff}.schedule-card-head{display:flex;align-items:center;justify-content:space-between}.schedule-card-head button{width:29px;height:29px;display:grid;place-items:center;border:0;border-radius:8px;background:#fff0ed;color:#b44b3d}.schedule-status{padding:4px 7px;border-radius:999px;font-size:8px;font-weight:900}.status-terjadwal{background:#e8f1ff;color:#3d69a4}.status-diproses{background:#fff1df;color:#a45d22}.status-selesai{background:var(--green-soft);color:var(--green)}.schedule-list h2{margin:8px 0 9px;font-size:13px}.schedule-detail{display:grid;grid-gap:5px;gap:5px;color:var(--muted);font-size:9px}.schedule-detail span{display:flex;align-items:center;gap:5px}.delete-modal{text-align:center}.delete-modal>span{width:46px;height:46px;display:grid;place-items:center;margin:0 auto;border-radius:14px;background:#fff0ed;color:#b44b3d}.delete-modal h2{margin-top:10px}.delete-modal p{margin:6px 0 15px;color:var(--muted);font-size:10px}.delete-modal>div{display:grid;grid-template-columns:1fr 1fr;grid-gap:7px;gap:7px}.delete-modal>div button{height:40px;border:0;border-radius:10px;font-size:10px;font-weight:800}.delete-modal>div button:last-child{background:#b84f43;color:#fff}.schedule-tabs{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:4px;gap:4px;padding:4px;border-radius:12px;background:#e9efec}.schedule-tabs a{height:38px;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:9px;color:var(--muted);font-size:9px;font-weight:800;text-decoration:none}.schedule-tabs a.active{background:#fff;color:var(--green);box-shadow:0 3px 10px rgba(20,60,42,.08)}.broadcast-tabs,.schedule-page .schedule-tabs{margin-bottom:10px}.gateway-hero{padding:15px;border-radius:18px;background:linear-gradient(135deg,#135d44,#21805d);color:#fff;box-shadow:0 13px 30px rgba(23,107,77,.17)}.gateway-hero-top{display:grid;grid-template-columns:44px 1fr;align-items:center;grid-gap:11px;gap:11px}.gateway-hero-top>span{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.14)}.gateway-hero h2,.gateway-hero p,.gateway-hero small{margin:0}.gateway-hero p{color:#bfe5d4;font-size:8px;font-weight:900;letter-spacing:.12em}.gateway-hero h2{margin-top:3px;font-size:16px}.gateway-hero small{display:block;margin-top:4px;color:#d7ede3;font-size:9px}.gateway-health{display:grid;grid-template-columns:1fr 1fr;grid-gap:7px;gap:7px;margin-top:13px}.gateway-health>div{display:flex;align-items:center;gap:7px;padding:9px;border-radius:11px;background:rgba(255,255,255,.1)}.gateway-health b,.gateway-health small{display:block}.gateway-health b{font-size:9px}.gateway-health small{margin-top:2px;color:#cfe7dc;font-size:7px}.gateway-section-title{display:flex;align-items:flex-end;justify-content:space-between;margin:17px 2px 8px}.gateway-section-title span{color:var(--green);font-size:8px;font-weight:900;letter-spacing:.12em}.gateway-section-title h2{margin:3px 0 0;font-size:14px}.gateway-section-title button{display:flex;align-items:center;gap:5px;border:0;background:transparent;color:var(--green);font-size:9px;font-weight:800}.device-summary{display:grid;grid-template-columns:44px 1fr auto;align-items:center;grid-gap:10px;gap:10px;padding:12px;border:1px solid var(--line);border-radius:15px;background:#fff}.device-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:var(--green-soft);color:var(--green)}.device-summary h3,.device-summary p{margin:0}.device-summary h3{font-size:12px}.device-summary p{margin-top:3px;color:var(--muted);font-size:10px}.device-summary small{display:block;margin-top:4px;color:var(--green);font-size:8px;font-weight:700}.battery{display:flex;align-items:center;gap:4px;color:var(--green);font-size:9px;font-weight:800}.gateway-settings-list{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#fff}.gateway-settings-list a{display:grid;grid-template-columns:37px 1fr auto;align-items:center;grid-gap:9px;gap:9px;padding:10px 11px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}.gateway-settings-list a:last-child{border-bottom:0}.gateway-settings-list a>span{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:#f0f4f2;color:var(--green)}.gateway-settings-list b,.gateway-settings-list small{display:block}.gateway-settings-list b{font-size:11px}.gateway-settings-list small{margin-top:3px;color:var(--muted);font-size:8px}.gateway-settings-list>a>svg{color:#98a39e}.test-connection{width:100%;height:44px;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:11px;border:1px solid #a9cebc;border-radius:12px;background:#fff;color:var(--green);font-size:10px;font-weight:800}.gateway-help{margin:9px 5px;color:var(--muted);font-size:8px;line-height:1.45;text-align:center}.provider-picker{margin-top:11px;padding:13px;border:1px solid var(--line);border-radius:16px;background:#fff}.provider-heading{display:grid;grid-template-columns:38px 1fr;align-items:center;grid-gap:9px;gap:9px}.provider-heading>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--green-soft);color:var(--green)}.provider-heading h2,.provider-heading p{margin:0}.provider-heading h2{font-size:13px}.provider-heading p{margin-top:3px;color:var(--muted);font-size:9px}.provider-options{display:grid;grid-gap:7px;gap:7px;margin-top:11px}.provider-options button{width:100%;display:grid;grid-template-columns:37px 1fr auto 21px;align-items:center;grid-gap:8px;gap:8px;padding:9px;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:left}.provider-options button.active{border-color:#8fc4aa;background:#f5fbf8}.provider-logo{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:#edf2ef;color:#587065;font-size:9px;font-weight:900}.active .provider-logo{background:var(--green);color:#fff}.provider-copy b,.provider-copy small{display:block}.provider-copy b{font-size:11px}.provider-copy small{margin-top:3px;color:var(--muted);font-size:8px}.provider-badge{padding:3px 6px;border-radius:6px;background:#f0f4f2;color:#687a71;font-size:7px;font-weight:800}.provider-options i{width:20px;height:20px;display:grid;place-items:center;border:1px solid #cbd6d1;border-radius:50%;color:#fff;font-style:normal}.provider-options .active i{border-color:var(--green);background:var(--green)}.provider-note{display:flex;align-items:center;gap:5px;margin:9px 2px 0;color:var(--muted);font-size:8px}.provider-note b{color:var(--green)}.api-key-card{margin-top:11px;padding:13px;border:1px solid var(--line);border-radius:16px;background:#fff}.api-key-card>label{display:block;margin-top:12px;color:var(--muted);font-size:9px;font-weight:800}.api-input-wrap{display:grid;grid-template-columns:1fr 36px 36px;margin-top:6px;overflow:hidden;border:1px solid var(--line);border-radius:11px}.api-input-wrap:focus-within{border-color:#6fb493;box-shadow:0 0 0 3px rgba(23,107,77,.1)}.api-input-wrap input{min-width:0;height:41px;padding:0 11px;border:0;outline:0;background:#fbfcfb;font:600 10px ui-monospace,SFMono-Regular,Consolas,monospace}.api-input-wrap button{height:41px;display:grid;place-items:center;border:0;border-left:1px solid var(--line);background:#fff;color:#65776e}.secure-hint{display:flex;align-items:center;gap:5px;margin:8px 2px 0;color:var(--muted);font-size:8px}.connection-test .test-connection.success{border-color:#87c1a5;background:var(--green-soft)}.connection-test .test-connection:disabled{opacity:.75}.connection-test>p{display:flex;align-items:center;justify-content:center;gap:5px;margin:7px 0 0;color:var(--green);font-size:8px;font-weight:700}.connection-test .test-connection.error{border-color:#e0a9a1;background:#fff3f1;color:#a74338}.connection-test>p.connection-error{color:#a74338}.save-gateway{width:100%;height:44px;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:8px;border:0;border-radius:12px;background:var(--green);color:#fff;font-size:10px;font-weight:800;box-shadow:0 8px 18px rgba(23,107,77,.17)}.save-gateway:disabled{opacity:.75}.save-error{margin:6px 0 0;color:#a74338;font-size:8px;text-align:center}.live-status{height:32px;display:flex;align-items:center;gap:5px;padding:0 9px;border-radius:999px;font-size:9px;font-weight:900}.live-status i{width:7px;height:7px;border-radius:50%}.live-status.online{border:1px solid #b9dcca;background:#f5fff9;color:var(--green)}.live-status.online i{background:#2fad72;box-shadow:0 0 0 3px #ddf4e8}.live-status.offline{border:1px solid #efc4bd;background:#fff5f3;color:#ad4c40}.live-status.offline i{background:#d65a4c;box-shadow:0 0 0 3px #fde4e0}.status-toggle{padding:0;border:0;border-radius:999px;background:transparent}.status-indicator{height:32px;display:inline-flex;align-items:center;gap:5px;padding:0 9px;border:1px solid;border-radius:999px;font-size:9px}.status-indicator i{width:7px;height:7px;border-radius:50%}.status-indicator b{font-size:9px}.status-indicator.status-online{border-color:#b9dcca;background:#f5fff9;color:var(--green)}.status-indicator.status-online i{background:#2fad72;box-shadow:0 0 0 3px #ddf4e8}.status-indicator.status-error,.status-indicator.status-offline{border-color:#efc4bd;background:#fff5f3;color:#ad4c40}.status-indicator.status-error i,.status-indicator.status-offline i{background:#d65a4c;box-shadow:0 0 0 3px #fde4e0}.status-indicator.status-checking{border-color:#d9cfab;background:#fffaf0;color:#8e6b18}.status-indicator.status-checking i{background:#d49a21}.status-indicator.compact{height:32px}.device-card-full{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#fff}.device-card-full .device-summary{border:0;border-radius:0}.device-card-full dl{display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:10px;border-top:1px solid var(--line);background:#fafcfb}.device-card-full dl div{min-width:0;text-align:center}.device-card-full dt{color:var(--muted);font-size:7px}.device-card-full dd{margin:3px 0 0;overflow:hidden;color:var(--ink);font-size:8px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.device-card-full>button{height:34px;gap:5px;border:0;border-top:1px solid var(--line);background:#fff;color:var(--green);font-size:8px}.device-card-full>button,.reconnect-button{width:100%;display:flex;align-items:center;justify-content:center;font-weight:800}.reconnect-button{height:40px;gap:6px;margin-top:8px;border:1px solid #e0b6af;border-radius:11px;background:#fff7f5;color:#a94d41;font-size:9px}.qr-modal>div>div{display:block}.qr-modal>p{margin:12px 0;font-size:9px;line-height:1.5}.qr-modal>p,.qr-modal>small{color:var(--muted);text-align:center}.qr-modal>small{display:block;margin-top:9px;font-size:8px}.account-identity{display:grid;grid-template-columns:48px 1fr auto;align-items:center;grid-gap:11px;gap:11px;padding:15px;border-radius:18px;background:linear-gradient(135deg,#155f46,#21805d);color:#fff;box-shadow:0 13px 30px rgba(23,107,77,.17)}.profile-avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:rgba(255,255,255,.16);font-size:13px;font-weight:900}.account-identity h2,.account-identity p,.account-identity small{margin:0}.account-identity p{display:flex;align-items:center;gap:5px;color:#bfe5d4;font-size:8px;font-weight:900;letter-spacing:.1em}.account-identity p i{width:6px;height:6px;border-radius:50%;background:#5ee09d}.account-identity h2{margin-top:4px;font-size:15px}.account-identity small{display:block;margin-top:4px;color:#d7ede3;font-size:9px}.account-identity.logged-out{grid-template-columns:48px 1fr;background:linear-gradient(135deg,#55645d,#738179)}.plan-summary{position:relative;margin-top:11px;padding:14px 14px 18px;border:1px solid var(--line);border-radius:16px;background:#fff}.plan-summary>div:first-child span{color:var(--green);font-size:8px;font-weight:900;letter-spacing:.12em}.plan-summary h2,.plan-summary p{margin:0}.plan-summary h2{margin-top:4px;font-size:15px}.plan-summary p{margin-top:3px;color:var(--muted);font-size:9px}.plan-summary>strong{position:absolute;right:14px;top:15px;color:var(--green);font-size:15px;text-align:right}.plan-summary>strong small{display:block;margin-top:2px;color:var(--muted);font-size:7px;font-weight:600}.quota-track{height:5px;margin-top:13px;overflow:hidden;border-radius:999px;background:#e4ebe7}.quota-track i{display:block;width:68%;height:100%;border-radius:inherit;background:var(--green)}.account-menu{margin-top:11px;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff}.account-menu a{width:100%;display:grid;grid-template-columns:38px 1fr auto;align-items:center;grid-gap:9px;gap:9px;padding:10px 11px;border-bottom:1px solid var(--line);background:#fff;color:var(--ink);text-align:left;text-decoration:none}.account-menu a:last-child{border-bottom:0}.account-menu a>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#f0f4f2;color:var(--green)}.account-menu b,.account-menu small{display:block}.account-menu b{font-size:11px}.account-menu small{margin-top:3px;color:var(--muted);font-size:8px}.account-menu a>svg{color:#9ba6a1}.logout-button{width:100%;height:42px;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;border:1px solid #e5bdb7;border-radius:12px;background:#fff7f5;color:#aa4d41;font-size:9px;font-weight:800}.billing-toggle{display:grid;grid-template-columns:1fr 1fr;grid-gap:4px;gap:4px;margin:18px auto 12px;padding:4px;border-radius:12px;background:#e8efeb}.billing-toggle button{height:37px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:9px;font-weight:800}.billing-toggle button.active{background:#fff;color:var(--green);box-shadow:0 3px 10px rgba(20,60,42,.08)}.billing-toggle i{margin-left:3px;color:#d27838;font-size:7px;font-style:normal}.plans-list{display:grid;grid-gap:9px;gap:9px}.plans-list>button{position:relative;width:100%;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff;text-align:left}.plans-list>button.selected{border-color:#78b998;box-shadow:0 0 0 3px rgba(23,107,77,.08)}.plans-list>button.popular{margin-top:8px}.popular-badge{position:absolute;right:12px;top:-10px;height:21px;gap:4px;padding:0 8px;border-radius:999px;background:#e98948;color:#fff;font-size:7px;font-weight:900}.plan-head,.popular-badge{display:flex;align-items:center}.plan-head{justify-content:space-between}.plan-head h2,.plan-head p{margin:0}.plan-head h2{font-size:14px}.plan-head p{margin-top:3px;color:var(--muted);font-size:8px}.plan-head>i{width:22px;height:22px;display:grid;place-items:center;border:1px solid #cbd6d1;border-radius:50%;color:#fff;font-style:normal}.selected .plan-head>i{border-color:var(--green);background:var(--green)}.plans-list strong{display:block;margin-top:10px;color:var(--green);font-size:17px}.plans-list strong small{font-size:8px;font-weight:600}.plans-list ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:5px;gap:5px;margin:10px 0 0;padding:9px 0 0;border-top:1px solid var(--line);list-style:none}.plans-list li{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:8px}.plans-list li svg{color:var(--green)}.plan-confirm{width:100%;margin-top:12px}.billing-summary{display:grid;grid-template-columns:40px 1fr auto;align-items:center;grid-gap:9px;gap:9px;margin-top:18px;padding:13px;border-radius:15px;background:linear-gradient(135deg,#155f46,#21805d);color:#fff}.billing-summary>span{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.14)}.billing-summary b,.billing-summary small{display:block}.billing-summary b{font-size:10px}.billing-summary small{margin-top:3px;color:#d5ece1;font-size:8px}.billing-summary strong{font-size:13px}.billing-filters{display:flex;gap:6px;margin:12px 0 9px}.billing-filters button{height:30px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:8px;font-weight:800}.billing-filters button.active{border-color:var(--green);background:var(--green-soft);color:var(--green)}.transaction-list{display:grid;grid-gap:8px;gap:8px}.transaction-list article{padding:13px;border:1px solid var(--line);border-radius:15px;background:#fff}.transaction-head{display:flex;align-items:center;justify-content:space-between}.transaction-head span{display:flex;align-items:center;gap:4px;color:var(--green);font-size:8px;font-weight:900}.transaction-head small{color:var(--muted);font-size:8px}.transaction-list h2,.transaction-list p{margin:0}.transaction-list h2{margin-top:8px;font-size:12px}.transaction-list p{margin-top:3px;color:var(--muted);font:8px ui-monospace,Consolas,monospace}.transaction-list footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:9px;border-top:1px solid var(--line)}.transaction-list footer strong{font-size:12px}.transaction-list footer button{height:29px;display:flex;align-items:center;gap:4px;padding:0 8px;border:1px solid #b9d6c8;border-radius:8px;background:#fff;color:var(--green);font-size:8px;font-weight:800}.status-indicator{transition:color .2s,background .2s,border-color .2s,transform .2s}.status-indicator i{transition:background .2s,box-shadow .2s}.status-indicator.status-online i{animation:status-pulse 2s ease-out infinite}.status-indicator.status-error{animation:status-nudge .35s ease-out}@keyframes status-pulse{0%,70%,to{box-shadow:0 0 0 3px #ddf4e8}85%{box-shadow:0 0 0 6px rgba(47,173,114,0)}}@keyframes status-nudge{0%,to{transform:translateX(0)}35%{transform:translateX(-2px)}70%{transform:translateX(2px)}}@media(prefers-reduced-motion:reduce){.spinner,.status-indicator,.status-indicator i,.success-toast{animation:none!important;transition:none!important}}.device-card-full dl{grid-template-columns:repeat(4,1fr)}.device-fetch-error{display:grid;grid-template-columns:34px 1fr auto;align-items:center;grid-gap:8px;gap:8px;margin:0 9px 9px;padding:9px;border:1px solid #efc4bd;border-radius:11px;background:#fff5f3;color:#a94338}.device-fetch-error>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#ffe4df}.device-fetch-error b,.device-fetch-error small{display:block}.device-fetch-error b{font-size:9px}.device-fetch-error small{margin-top:3px;color:#8d5a53;font-size:7px;line-height:1.35}.device-fetch-error button{height:29px;display:flex;align-items:center;gap:4px;padding:0 7px;border:1px solid #e0aaa2;border-radius:8px;background:#fff;color:#a94338;font-size:7px;font-weight:900}.history-period{padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--green);font-size:9px;font-weight:800}.history-summary{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:7px;gap:7px}.history-summary>div{display:flex;align-items:center;gap:7px;padding:10px 8px;border:1px solid var(--line);border-radius:13px;background:#fff}.history-summary>div>span{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:var(--green-soft);color:var(--green)}.history-summary>div:nth-child(2)>span{background:#fff0ed;color:#b44b3d}.history-summary b,.history-summary p,.history-summary small{display:block;margin:0}.history-summary b{font-size:12px}.history-summary small{margin-top:2px;color:var(--muted);font-size:7px}.history-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:17px 2px 9px}.history-heading span{color:var(--green);font-size:8px;font-weight:900;letter-spacing:.12em}.history-heading h2{margin:3px 0 0;font-size:14px}.broadcast-history-list{display:grid;grid-gap:8px;gap:8px}.broadcast-history-list article{padding:13px;border:1px solid var(--line);border-radius:15px;background:#fff}.broadcast-head{display:flex;align-items:center;justify-content:space-between}.broadcast-status{display:flex;align-items:center;gap:4px;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:900}.broadcast-status.done{background:var(--green-soft);color:var(--green)}.broadcast-status.running{background:#fff1df;color:#a45d22}.broadcast-head small{color:var(--muted);font-size:8px}.broadcast-history-list h2{margin:9px 0 0;font-size:13px}.broadcast-history-list>article>p{display:flex;align-items:center;gap:5px;margin:5px 0 0;color:var(--muted);font-size:8px}.delivery-progress{height:5px;margin:11px 0 9px;overflow:hidden;border-radius:999px;background:#e6ece9}.delivery-progress i{display:block;height:100%;border-radius:inherit;background:var(--green)}.broadcast-history-list footer{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:8px}.broadcast-history-list footer b{color:var(--ink)}.broadcast-history-list footer button{height:28px;display:flex;align-items:center;gap:4px;margin-left:auto;padding:0 8px;border:1px solid #b9d6c8;border-radius:8px;background:#fff;color:var(--green);font-size:8px;font-weight:800}.gateway-monitor{margin-top:11px;padding:13px;border:1px solid var(--line);border-radius:16px;background:#fff}.gateway-monitor>div>span{color:var(--green);font-size:8px;font-weight:900;letter-spacing:.12em}.gateway-monitor h2{margin:3px 0 0;font-size:14px}.gateway-monitor dl{margin:10px 0 0}.gateway-monitor dl>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid var(--line)}.gateway-monitor dt{font-size:9px;font-weight:700}.gateway-monitor dd{margin:0}.gateway-monitor .status-indicator{height:26px;padding:0 7px}.gateway-monitor .status-indicator b{font-size:8px}.monitor-heading{display:flex;align-items:flex-end;justify-content:space-between}.monitor-heading>div>span{color:var(--green);font-size:8px;font-weight:900;letter-spacing:.12em}.monitor-heading select{height:30px;padding:0 8px;border:1px solid var(--line);border-radius:8px;background:#f8faf9;color:var(--ink);font-size:8px;font-weight:800}.gateway-monitor>p{margin:7px 0 0;color:var(--muted);font-size:7px;text-align:center}.auth-shell{min-height:100vh;display:flex;justify-content:center;background:linear-gradient(180deg,#edf5f1,#f8faf9 38%)}.auth-canvas{width:100%;max-width:520px;min-height:100vh;background:rgba(248,250,249,.86)}.auth-header{height:64px;display:grid;grid-template-columns:36px 1fr 36px;align-items:center;padding:0 15px}.auth-header>a{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink)}.auth-brand{width:38px;height:38px;display:grid;place-items:center;margin:auto;border-radius:12px;background:var(--green);color:#fff;font-size:17px;font-weight:900}.auth-content{padding:14px 17px 30px}.auth-heading{text-align:center}.auth-heading>span{width:45px;height:45px;display:grid;place-items:center;margin:0 auto 9px;border-radius:14px;background:var(--green-soft);color:var(--green)}.auth-heading h1,.auth-heading p,.auth-heading small{margin:0}.auth-heading p{color:var(--green);font-size:8px;font-weight:900;letter-spacing:.14em}.auth-heading h1{margin-top:5px;font-size:23px;letter-spacing:-.03em}.auth-heading small{display:block;margin-top:6px;color:var(--muted);font-size:10px}.auth-form{display:grid;grid-gap:11px;gap:11px;margin-top:20px;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fff}.auth-form>label:not(.terms-check){color:var(--ink);font-size:9px;font-weight:800}.auth-form>label>div{height:42px;display:flex;align-items:center;gap:8px;margin-top:6px;padding:0 10px;border:1px solid var(--line);border-radius:11px;color:#839089}.auth-form>label>div:focus-within{border-color:#6fb493;box-shadow:0 0 0 3px rgba(23,107,77,.1)}.auth-form input:not([type=checkbox]){width:100%;min-width:0;border:0;outline:0;background:transparent;font-size:10px}.auth-form label button{display:grid;place-items:center;border:0;background:transparent;color:var(--muted)}.auth-form label>small{display:block;margin-top:5px;color:#b34337;font-size:8px}.terms-check{display:flex;align-items:flex-start;gap:7px;color:var(--muted);font-size:8px;line-height:1.45}.terms-check input{margin:1px 0 0;accent-color:var(--green)}.auth-submit{height:44px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:12px;background:var(--green);color:#fff;font-size:10px;font-weight:900}.auth-switch{margin:0;color:var(--muted);font-size:9px;text-align:center}.auth-switch a{color:var(--green);font-weight:900;text-decoration:none}.auth-success{margin-top:20px;padding:25px 18px;border:1px solid #b9dcca;border-radius:18px;background:#fff;text-align:center}.auth-success>svg{color:var(--green)}.auth-success h2{font-size:16px}.auth-success p{color:var(--muted);font-size:9px;line-height:1.5}.auth-success a{height:42px;display:flex;align-items:center;justify-content:center;margin-top:14px;border-radius:11px;background:var(--green);color:#fff;font-size:10px;font-weight:800}.account-login-link,.auth-success a{text-decoration:none}.login-error{margin:0;padding:9px;border-radius:9px;background:#fff0ed;color:#a84438;font-size:8px;line-height:1.4}.broadcast-history-list footer a{height:28px;display:flex;align-items:center;gap:4px;margin-left:auto;padding:0 8px;border:1px solid #b9d6c8;border-radius:8px;background:#fff;color:var(--green);font-size:8px;font-weight:800;text-decoration:none}.detail-topbar{display:grid;grid-template-columns:36px 1fr auto}.detail-topbar>a{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink)}.broadcast-detail-hero{padding:14px;border-radius:16px;background:linear-gradient(135deg,#155f46,#21805d);color:#fff}.broadcast-detail-hero>div{display:flex;align-items:center;gap:9px}.broadcast-detail-hero>div>span{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.14)}.broadcast-detail-hero b,.broadcast-detail-hero small{display:block}.broadcast-detail-hero small{color:#bfe5d4;font-size:7px;letter-spacing:.12em}.broadcast-detail-hero b{margin-top:4px;font:10px ui-monospace,Consolas,monospace}.broadcast-detail-hero p{margin:10px 0 0;color:#d7ede3;font-size:8px}.detail-metrics{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:7px;gap:7px;margin-top:9px}.detail-metrics>div{display:grid;grid-template-columns:auto 1fr;align-items:center;grid-gap:2px 6px;gap:2px 6px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--green)}.detail-metrics b{font-size:12px}.detail-metrics small{grid-column:2;color:var(--muted);font-size:7px}.message-preview{margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff}.message-preview>div{display:flex;align-items:center;gap:6px;color:var(--green);font-size:9px}.message-preview p{margin:9px 0 0;color:#536159;font-size:9px;line-height:1.55}.recipient-history-list{display:grid;grid-gap:7px;gap:7px}.recipient-history-list article{display:grid;grid-template-columns:38px 1fr auto;align-items:center;grid-gap:9px;gap:9px;padding:9px;border:1px solid var(--line);border-radius:13px;background:#fff}.recipient-history-list h3,.recipient-history-list p{margin:0}.recipient-history-list h3{font-size:10px}.recipient-history-list p{margin-top:3px;color:var(--muted);font-size:8px}.recipient-delivery-status{padding:4px 6px;border-radius:999px;background:var(--green-soft);color:var(--green);font-size:7px;font-weight:900}.recipient-delivery-status.gagal{background:#fff0ed;color:#ad493d}.recipient-delivery-status.antrean{background:#fff1df;color:#9b5d24}.device-status-stack{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.device-status-stack .status-indicator{height:25px;padding:0 6px}.device-status-stack .status-indicator b{font-size:7px}.message-delivery-status{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.message-delivery-status>span{display:flex;align-items:center;gap:3px;padding:4px 6px;border-radius:999px;background:var(--green-soft);color:var(--green);font-size:7px;font-weight:900}.message-delivery-status.gagal>span{background:#fff0ed;color:#ad493d}.message-delivery-status.antrean>span{background:#fff1df;color:#9b5d24}.message-delivery-status small{max-width:86px;color:#ad493d;font-size:6px;text-align:right}.history-filters{margin-top:11px}.history-filters>label{height:39px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--line);border-radius:11px;background:#fff;color:#87938d}.history-filters input{width:100%;border:0;outline:0;background:transparent;font-size:9px}.history-filters>div{display:flex;gap:5px;margin-top:7px}.history-filters button{height:28px;padding:0 9px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:7px;font-weight:900}.history-filters button.active{border-color:var(--green);background:var(--green-soft);color:var(--green)}.history-empty{margin:0;padding:28px;border:1px dashed var(--line);border-radius:13px;color:var(--muted);font-size:9px;text-align:center}.date-range-filter{display:grid;grid-template-columns:30px 1fr auto 1fr;align-items:end;grid-gap:7px;gap:7px;margin-top:7px;padding:8px;border:1px solid var(--line);border-radius:11px;background:#fff}.date-range-filter>span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:var(--green-soft);color:var(--green)}.date-range-filter label{color:var(--muted);font-size:6px;font-weight:800}.date-range-filter input{display:block;width:100%;height:24px;margin-top:2px;padding:0;border:0;outline:0;color:var(--ink);font-size:8px}.date-range-filter>i{align-self:center;color:#a0aaa5;font-size:8px;font-style:normal}.gateway-hero.offline{background:linear-gradient(135deg,#74443e,#a65349);box-shadow:0 13px 30px rgba(121,65,57,.16)}.reconnect-success{margin:8px 0 0;padding:10px;border:1px solid #b9dcca;border-radius:11px;background:#f5fff9;color:var(--green);font-size:8px;font-weight:900;text-align:center}.qr-error{margin:9px 0 0!important;padding:8px;border:1px solid #efc4bd;border-radius:9px;background:#fff0ed;color:#a84438!important;font-size:7px!important;font-weight:800}.simulate-scan-error{width:100%;height:31px;margin-top:6px;border:0;background:transparent;color:#a84438;font-size:7px;font-weight:800}.qr-modal .save-edit,.reconnect-button{min-height:44px}@media(max-width:380px){.gateway-hero{padding:13px}.gateway-health{grid-template-columns:1fr}.device-summary{grid-template-columns:40px 1fr}.device-status-stack{grid-column:1/-1;flex-direction:row;justify-content:space-between;width:100%}.qr-modal{padding:14px}.qr-modal>p{font-size:8px}.modal-backdrop{padding:9px}.reconnect-button{font-size:9px}}.dashboard-welcome{position:relative;overflow:hidden;padding:18px;border-radius:20px;background:linear-gradient(135deg,#125d44,#1d7d59);color:#fff;box-shadow:0 14px 34px rgba(20,103,74,.19)}.dashboard-welcome:after{content:"";position:absolute;width:150px;height:150px;right:-58px;top:-78px;border:30px solid rgba(255,255,255,.08);border-radius:50%}.dashboard-welcome>div{position:relative;z-index:1}.dashboard-welcome span{color:#bde4d2;font-size:8px;font-weight:900;letter-spacing:.14em}.dashboard-welcome h2{max-width:340px;margin:5px 0 0;font-size:20px;line-height:1.25;letter-spacing:-.03em}.dashboard-welcome p{margin:7px 0 0;color:#d9eee5;font-size:9px}.dashboard-welcome>a{position:relative;z-index:1;width:max-content;height:36px;display:flex;align-items:center;gap:6px;margin-top:14px;padding:0 11px;border-radius:10px;background:#fff;color:var(--green);font-size:9px;font-weight:900;text-decoration:none}.dashboard-welcome>a svg:last-child{margin-left:2px}.dashboard-section{margin-top:18px}.dashboard-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:0 2px 9px}.dashboard-heading span{color:var(--green);font-size:8px;font-weight:900;letter-spacing:.12em}.dashboard-heading h2{margin:3px 0 0;font-size:15px}.dashboard-heading>small{color:var(--muted);font-size:8px}.dashboard-heading>a{color:var(--green);font-size:8px;font-weight:900;text-decoration:none}.dashboard-metrics{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:7px;gap:7px}.dashboard-metrics article{min-width:0;padding:11px 9px;border:1px solid var(--line);border-radius:15px;background:#fff}.dashboard-metrics article>span{width:31px;height:31px;display:grid;place-items:center;margin-bottom:9px;border-radius:9px;background:var(--green-soft);color:var(--green)}.dashboard-metrics article:nth-child(2)>span{background:#edf0ff;color:#5b68b5}.dashboard-metrics article:nth-child(3)>span{background:#fff1e8;color:#bd6b34}.dashboard-metrics b,.dashboard-metrics p,.dashboard-metrics small{display:block;margin:0}.dashboard-metrics b{font-size:15px}.dashboard-metrics p{margin-top:3px;color:var(--ink);font-size:8px;font-weight:700}.dashboard-metrics small{margin-top:4px;color:var(--muted);font-size:7px}.quick-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:7px;gap:7px}.quick-actions>a{display:grid;grid-template-columns:36px 1fr;align-items:center;grid-gap:8px;gap:8px;padding:10px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);text-decoration:none}.quick-actions>a>svg{width:36px;height:36px;padding:9px;border-radius:10px;background:var(--green-soft);color:var(--green)}.quick-actions b,.quick-actions small{display:block}.quick-actions b{font-size:10px}.quick-actions small{margin-top:3px;color:var(--muted);font-size:7px}.dashboard-activity{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff}.dashboard-activity>a{display:grid;grid-template-columns:36px 1fr auto;align-items:center;grid-gap:9px;gap:9px;padding:11px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}.dashboard-activity>a:last-child{border-bottom:0}.dashboard-activity>a>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--green-soft);color:var(--green)}.dashboard-activity>a:nth-child(2)>span{background:#fff1df;color:#a45d22}.dashboard-activity b,.dashboard-activity small{display:block}.dashboard-activity>a>div>b{font-size:10px}.dashboard-activity>a>div>small{margin-top:3px;color:var(--muted);font-size:7px}.dashboard-activity>a>p{margin:0;text-align:right}.dashboard-activity>a>p b{color:var(--green);font-size:7px}.dashboard-activity>a:nth-child(2)>p b{color:#a45d22}.dashboard-activity>a>p small{margin-top:3px;color:var(--muted);font-size:6px}.fonnte-group-sync{display:grid;grid-template-columns:38px 1fr auto;align-items:center;grid-gap:9px;gap:9px;margin-top:10px;padding:11px;border:1px solid #b9d6c8;border-radius:15px;background:#f5fbf8}.fonnte-group-sync>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--green);color:#fff}.fonnte-group-sync b,.fonnte-group-sync small{display:block}.fonnte-group-sync b{font-size:10px}.fonnte-group-sync small{margin-top:3px;color:var(--green);font-size:7px}.fonnte-group-sync p{margin:4px 0 0;color:var(--muted);font-size:6px;line-height:1.35}.fonnte-group-sync button{height:31px;display:flex;align-items:center;gap:4px;padding:0 8px;border:1px solid #9fcbb7;border-radius:9px;background:#fff;color:var(--green);font-size:7px;font-weight:900}.fonnte-group-sync button:disabled{opacity:.65}.fonnte-sync-error,.fonnte-sync-warning{margin:7px 0 0;padding:8px 9px;border-radius:9px;font-size:7px;line-height:1.45}.fonnte-sync-error{border:1px solid #efc4bd;background:#fff5f3;color:#a94338}.fonnte-sync-error a{color:inherit;font-weight:900}.fonnte-sync-warning{border:1px solid #ecd0a7;background:#fff8eb;color:#8c5b20}.gateway-form-success{margin:8px 0 0;padding:9px;border:1px solid #b9dcca;border-radius:10px;background:#f5fff9;color:var(--green);font-size:8px;font-weight:800}.api-key-card input::placeholder{color:#9aa49f}@media(max-width:380px){.fonnte-group-sync{grid-template-columns:34px 1fr}.fonnte-group-sync>span{width:34px;height:34px}.fonnte-group-sync button{grid-column:1/-1;justify-content:center;width:100%}}.connection-settings-intro{padding:15px;border-radius:17px;background:linear-gradient(135deg,#155f46,#21805d);color:#fff}.connection-settings-intro h2,.connection-settings-intro p{margin:0}.connection-settings-intro h2{font-size:16px}.connection-settings-intro p{margin-top:6px;color:#d7ede3;font-size:9px;line-height:1.5}.secure-connection-badge{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--green-soft);color:var(--green)}.provider-parameter-card{margin-top:11px;padding:13px;border:1px solid var(--line);border-radius:16px;background:#fff}.provider-parameter-card>label{display:block;margin-top:12px;color:var(--muted);font-size:9px;font-weight:800}.provider-parameter-card .api-input-wrap{grid-template-columns:1fr 40px}.provider-extra-fields{display:grid;grid-template-columns:1fr 1.45fr;grid-gap:8px;gap:8px;margin-top:10px}.provider-extra-fields>label:not(.provider-checkbox){padding:9px;border:1px solid var(--line);border-radius:11px;color:var(--muted);font-size:8px;font-weight:800}.provider-extra-fields>label>input{display:block;width:100%;height:30px;margin-top:5px;padding:0 8px;border:1px solid var(--line);border-radius:8px;outline:0;font-size:10px}.provider-extra-fields>label>small{display:block;margin-top:4px;font-size:6px;font-weight:600;line-height:1.35}.provider-checkbox{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid var(--line);border-radius:11px;background:#f8faf9}.provider-checkbox input{accent-color:var(--green)}.provider-checkbox b,.provider-checkbox small{display:block}.provider-checkbox b{font-size:8px}.provider-checkbox small{margin-top:3px;color:var(--muted);font-size:6px;line-height:1.35}.provider-endpoint-note{margin-top:10px;padding:10px;border:1px solid var(--line);border-radius:11px;background:#f8faf9}.provider-endpoint-note b,.provider-endpoint-note small,.provider-endpoint-note span{display:block}.provider-endpoint-note b{font-size:8px}.provider-endpoint-note span{margin-top:4px;color:var(--green);font:8px ui-monospace,Consolas,monospace}.provider-endpoint-note small{margin-top:5px;color:var(--muted);font-size:7px;line-height:1.4}.gateway-form-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:7px;gap:7px;margin-top:9px}.gateway-form-actions .save-gateway{margin-top:0}.test-stored-gateway{height:44px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #a9d2bf;border-radius:12px;background:#fff;color:var(--green);font-size:9px;font-weight:800}.test-stored-gateway:disabled{opacity:.65}.provider-security-note{display:grid;grid-template-columns:32px 1fr;grid-gap:8px;gap:8px;margin-top:11px;padding:11px;border:1px solid #b9d6c8;border-radius:13px;background:#f5fbf8;color:var(--green)}.provider-security-note b{font-size:9px}.provider-security-note p{margin:3px 0 0;color:var(--muted);font-size:7px;line-height:1.45}@media(max-width:380px){.gateway-form-actions,.provider-extra-fields{grid-template-columns:1fr}}.direct-method-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:7px;gap:7px;margin-top:11px}.direct-method-grid button{min-height:42px;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px;border:1px solid var(--line);border-radius:10px;background:#f8faf9;color:#52655c;font-size:9px;font-weight:800}.direct-method-grid button.active{border-color:var(--green);background:var(--green);color:#fff}.direct-method-grid button:disabled{opacity:.55;cursor:not-allowed}.direct-method-grid button small{font-size:6px;font-weight:700}.direct-phone-field{display:block;margin-top:10px!important}.direct-phone-field input{display:block;width:100%;height:39px;margin-top:5px;padding:0 10px;border:1px solid var(--line);border-radius:10px;outline:0;font-size:10px}.direct-phone-field input:focus{border-color:#6fb493;box-shadow:0 0 0 3px rgba(23,107,77,.1)}.direct-phone-field small{display:block;margin-top:4px;font-size:7px;font-weight:600}.direct-connect-button{margin-top:10px}.direct-pairing-result{display:flex;flex-direction:column;align-items:center;margin-top:10px;padding:12px;border:1px solid #b9d6c8;border-radius:13px;background:#f5fbf8;text-align:center}.direct-pairing-result img{width:min(240px,100%);height:auto;border-radius:8px;background:#fff}.direct-pairing-result strong{padding:10px 14px;border:1px dashed #76aa92;border-radius:10px;background:#fff;color:var(--green);font:900 22px ui-monospace,Consolas,monospace;letter-spacing:.08em}.direct-pairing-result b{margin-top:8px;font-size:10px}.direct-pairing-result p{margin:5px 0 0;color:var(--muted);font-size:7px;line-height:1.5}.direct-connected{display:grid;grid-template-columns:38px 1fr auto;align-items:center;grid-gap:9px;gap:9px;margin-top:11px;padding:10px;border:1px solid #a7d2be;border-radius:12px;background:#f5fbf8}.direct-connected>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:var(--green);color:#fff}.direct-connected b,.direct-connected small{display:block}.direct-connected b{font-size:10px}.direct-connected small{margin-top:3px;color:var(--muted);font-size:7px}.direct-connected button{height:32px;display:flex;align-items:center;gap:4px;padding:0 8px;border:1px solid #e1b9b2;border-radius:9px;background:#fff;color:#a74338;font-size:7px;font-weight:900}.direct-risk-note{display:flex;align-items:flex-start;gap:5px;margin:9px 1px 0;color:#846226;font-size:7px;line-height:1.45}.direct-risk-note svg{flex:0 0 auto}@media(max-width:380px){.direct-connected{grid-template-columns:34px 1fr}.direct-connected>span{width:34px;height:34px}.direct-connected button{grid-column:1/-1;justify-content:center}.direct-method-grid button{min-height:40px;flex-wrap:wrap}}.provider-endpoint-note dl{display:grid;grid-gap:5px;gap:5px;margin:8px 0 0}.provider-endpoint-note dl>div{display:grid;grid-template-columns:42px 1fr;grid-gap:6px;gap:6px}.provider-endpoint-note dt{color:var(--muted);font-size:7px;font-weight:800}.provider-endpoint-note dd{margin:0;color:var(--green);font:7px ui-monospace,Consolas,monospace;overflow-wrap:anywhere}.provider-endpoint-note>a{display:inline-block;margin-top:7px;color:var(--green);font-size:7px;font-weight:900}.broadcast-status.failed{background:#fff0ed;color:#ad493d}.form-section>label>input:not([type=file]){width:100%;height:42px;margin-top:6px;padding:0 10px;border:1px solid var(--line);border-radius:11px;outline:0;background:#fbfcfb;color:var(--ink);font-size:11px}.schedule-success a{color:inherit;font-weight:900}.transaction-list footer a{height:29px;display:flex;align-items:center;gap:4px;padding:0 8px;border:1px solid #b9d6c8;border-radius:8px;background:#fff;color:var(--green);font-size:8px;font-weight:800;text-decoration:none}.transaction-list footer>span{color:var(--muted);font-size:8px}.provider-qr-image{display:block;width:220px;max-width:100%;aspect-ratio:1;margin:13px auto;padding:8px;border:1px solid var(--line);border-radius:14px;background:#fff;object-fit:contain}.provider-qr-value{display:grid;place-items:center;grid-gap:7px;gap:7px;margin:13px 0;padding:15px;border:1px solid var(--line);border-radius:13px;background:#f8faf9;color:var(--green)}.provider-qr-value code{max-width:100%;overflow-wrap:anywhere;color:var(--ink);font-size:7px;text-align:center}.provider-qr-value small{color:var(--muted);font-size:7px}.notification-bell{position:relative;cursor:pointer}.notification-bell>span{position:absolute;right:-5px;top:-5px;min-width:18px;height:18px;display:grid;place-items:center;padding:0 4px;border:2px solid #f8faf9;border-radius:999px;background:#d84d42;color:#fff;font-size:8px;font-weight:900;line-height:1}.notification-backdrop{position:fixed;z-index:100;inset:0;display:flex;align-items:flex-start;justify-content:center;padding:70px 12px 90px;background:rgba(10,28,20,.26);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.notification-panel{width:100%;max-width:492px;max-height:min(620px,calc(100vh - 170px));display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(211,223,217,.95);border-radius:20px;background:#fff;box-shadow:0 24px 70px rgba(10,43,29,.24);animation:notification-in .18s ease-out}.notification-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 14px 12px;border-bottom:1px solid var(--line)}.notification-panel>header small{display:block;color:var(--green);font-size:7px;font-weight:900;letter-spacing:.13em}.notification-panel>header h2{margin:3px 0 0;font-size:17px}.notification-panel>header>div:last-child{display:flex;align-items:center;gap:6px}.notification-panel>header button{height:32px;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 9px;border:0;border-radius:9px;background:var(--green-soft);color:var(--green);font-size:8px;font-weight:900;cursor:pointer}.notification-panel>header button:last-child{width:32px;padding:0;background:#eff3f1;color:var(--muted)}.notification-list{min-height:120px;overflow-y:auto}.notification-list>a,.notification-list>button{position:relative;width:100%;display:grid;grid-template-columns:38px 1fr 8px;align-items:start;grid-gap:10px;gap:10px;padding:12px 14px;border:0;border-bottom:1px solid #edf1ef;background:#f7fbf9;color:var(--ink);text-align:left;text-decoration:none;cursor:pointer}.notification-list>a:hover,.notification-list>button:hover{background:#f0f8f4}.notification-list>a.read,.notification-list>button.read{background:#fff}.notification-list>a:last-child,.notification-list>button:last-child{border-bottom:0}.notification-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#e7f1ff;color:#3974a8}.notification-icon.success{background:var(--green-soft);color:var(--green)}.notification-icon.warning{background:#fff3df;color:#a36122}.notification-icon.error{background:#fff0ed;color:#b54b40}.notification-list b,.notification-list p,.notification-list small{display:block;margin:0}.notification-list b{font-size:10px;line-height:1.35}.notification-list p{margin-top:3px;color:#53655c;font-size:8px;line-height:1.45}.notification-list small{margin-top:5px;color:#8b9891;font-size:7px}.notification-list i{width:7px;height:7px;margin-top:5px;border-radius:50%;background:#2b9b6e;box-shadow:0 0 0 3px #e0f4ea}.notification-state{min-height:150px;justify-content:center;margin:0!important;color:var(--muted);font-size:9px!important}.notification-error,.notification-state{display:flex!important;align-items:center;gap:7px}.notification-error{margin:10px!important;padding:10px;border:1px solid #efc4bd;border-radius:10px;background:#fff5f3;color:#a94338;font-size:8px!important}.notification-error+*{display:none}.notification-list::-webkit-scrollbar{width:5px}.notification-list::-webkit-scrollbar-thumb{border-radius:999px;background:#cbd8d1}@keyframes notification-in{0%{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:560px){.notification-backdrop{align-items:flex-end;padding:0}.notification-panel{max-width:520px;max-height:min(72vh,620px);border-width:1px 0 0;border-radius:22px 22px 0 0;animation:notification-sheet-in .22s ease-out}.notification-panel>header{padding:15px 16px 13px}.notification-list>a,.notification-list>button{padding:13px 16px}@keyframes notification-sheet-in{0%{transform:translateY(35px);opacity:.7}to{transform:translateY(0);opacity:1}}}.phone-canvas{padding-bottom:72px}.topbar{gap:9px;padding:11px 13px 10px}.topbar h1{margin-top:2px;font-size:18px}.eyebrow,.section-heading span,.summary-top>div>span{font-size:8px}.back-button,.detail-topbar>a,.icon-button,.mini-add{width:34px;height:34px;border-radius:10px}.content{padding:10px 12px 18px}.dashboard-section,.section-block{margin-top:13px}.section-heading h2,.summary-top h2{font-size:15px}.progress-track{margin:7px 0 8px}.account-identity,.connection-settings-intro,.dashboard-welcome,.delay-intro,.gateway-hero,.hero-card{padding:13px;border-radius:15px}.hero-card{gap:9px}.hero-icon{width:35px;height:35px;border-radius:10px}.hero-card h2{font-size:16px}.hero-card span{margin-top:5px;font-size:9px}.dashboard-welcome h2{font-size:18px}.dashboard-welcome p{margin-top:5px}.dashboard-welcome>a{height:33px;margin-top:10px}.dashboard-heading,.gateway-section-title,.history-heading,.manage-heading{margin-top:13px;margin-bottom:7px}.dashboard-heading h2,.gateway-section-title h2,.history-heading h2,.manage-heading h2{font-size:13px}.contact-stats,.dashboard-metrics,.detail-metrics,.history-summary,.quick-actions{gap:6px}.dashboard-metrics article{padding:9px 8px;border-radius:12px}.dashboard-metrics article>span{width:29px;height:29px;margin-bottom:6px}.quick-actions>a{grid-template-columns:32px 1fr;gap:7px;padding:8px;border-radius:12px}.quick-actions>a>svg{width:32px;height:32px;padding:8px}.dashboard-activity{border-radius:13px}.dashboard-activity>a{grid-template-columns:32px 1fr auto;gap:7px;padding:8px}.dashboard-activity>a>span{width:32px;height:32px}.attachment-card,.batch-example-card,.broadcast-detail-hero,.composer-card,.delay-card,.delivery-options-card,.delivery-setting-card,.form-section,.message-preview,.provider-parameter-card,.provider-security-note,.recipient-card,.summary-card{padding:10px;border-radius:13px}.schedule-form,.step-list{gap:7px}.composer-heading{grid-template-columns:21px 36px 1fr;gap:8px}.composer-heading .step-number{width:20px;height:20px}.composer-heading .step-icon,.step-icon{width:36px;height:36px;border-radius:10px}.textarea-wrap{margin-top:8px}.textarea-wrap textarea{min-height:104px;padding:10px 10px 38px;border-radius:10px;font-size:12px}.attachment-card .composer-heading{margin-bottom:8px}.upload-zone{min-height:60px;padding:9px;border-radius:10px}.recipient-card .composer-heading{grid-template-columns:21px 36px 1fr auto}.recipient-tabs{margin-top:8px}.recipient-tabs button{height:31px}.recipient-search{height:36px;margin-top:7px}.recipient-list{gap:5px;margin-top:6px}.recipient-list>button{grid-template-columns:31px 1fr 21px;gap:7px;padding:6px;border-radius:9px}.recipient-avatar{width:31px;height:31px;border-radius:9px}.gateway-broadcast-note{margin-top:7px;padding:8px;border-radius:11px}.summary-card{margin-top:10px}.summary-card dl{margin:9px 0 10px}.summary-card dl div{padding:7px 0;font-size:10px}.auth-submit,.save-delay,.save-edit,.send-button,.test-connection,.test-stored-gateway{height:40px;border-radius:10px}.summary-card>p{margin-top:7px;font-size:8px}.manage-tabs,.schedule-tabs{padding:3px;border-radius:10px}.manage-tabs button,.schedule-tabs a{height:33px;border-radius:8px}.contact-stats>div,.history-summary>div{gap:6px;padding:8px;border-radius:11px}.contact-stats>div>span{width:31px;height:31px;border-radius:9px}.contact-stats b{font-size:14px}.manage-search{height:37px;margin-top:7px;padding:0 10px;border-radius:10px}.manage-list{gap:5px}.manage-list article{grid-template-columns:35px 1fr auto;gap:8px;padding:7px;border-radius:11px}.contact-initial{width:35px;height:35px;border-radius:10px}.manage-list article small{margin-top:3px}.history-empty,.manage-empty{padding:22px}.fonnte-group-sync{gap:7px;margin-top:7px;padding:8px;border-radius:12px}.fonnte-group-sync>span{width:33px;height:33px;border-radius:9px}.billing-summary,.schedule-summary{grid-template-columns:35px 1fr auto;gap:8px;padding:10px;border-radius:12px}.billing-summary>span,.schedule-summary>span{width:35px;height:35px;border-radius:9px}.status-filters{gap:5px;margin:9px 0 7px}.status-filters button{height:28px;padding:0 8px}.broadcast-history-list,.plans-list,.recipient-history-list,.schedule-list,.transaction-list{gap:6px}.broadcast-history-list article,.plans-list>button,.schedule-list article,.transaction-list article{padding:10px;border-radius:12px}.schedule-list h2{margin:6px 0 7px}.schedule-detail{gap:3px}.history-filters{margin-top:8px}.history-filters>label{height:36px}.date-range-filter,.history-filters>div{margin-top:5px}.history-heading{margin-left:1px;margin-right:1px}.broadcast-history-list h2{margin-top:7px;font-size:12px}.delivery-progress{margin:8px 0 7px}.broadcast-history-list footer{gap:7px}.detail-metrics{margin-top:7px}.detail-metrics>div{padding:8px;border-radius:10px}.message-preview{margin-top:7px}.message-preview p{margin-top:6px}.recipient-history-list article{grid-template-columns:34px 1fr auto;gap:7px;padding:7px;border-radius:10px}.device-summary{grid-template-columns:38px 1fr auto;gap:8px;padding:9px;border-radius:12px}.device-icon{width:38px;height:38px;border-radius:10px}.account-menu,.device-card-full,.gateway-settings-list{border-radius:12px}.device-card-full dl{padding:8px}.account-menu a,.gateway-settings-list a{grid-template-columns:33px 1fr auto;gap:8px;padding:8px 9px}.account-menu a>span,.gateway-settings-list a>span{width:33px;height:33px;border-radius:9px}.plan-summary{margin-top:8px;padding:11px 11px 14px;border-radius:13px}.plan-summary>strong{right:11px;top:11px}.quota-track{margin-top:9px}.account-menu{margin-top:8px}.logout-button{height:38px;margin-top:8px}.provider-parameter-card{margin-top:8px}.provider-parameter-card>label{margin-top:9px}.provider-extra-fields{gap:6px;margin-top:7px}.provider-checkbox,.provider-endpoint-note,.provider-extra-fields>label:not(.provider-checkbox){padding:7px;border-radius:9px}.gateway-form-actions,.provider-endpoint-note{margin-top:7px}.provider-security-note{margin-top:8px}.delivery-setting-card{grid-template-columns:35px 1fr auto;gap:8px;margin-top:7px}.delivery-setting-card>span{width:35px;height:35px;border-radius:9px}.delivery-setting-card select{height:33px;border-radius:8px}.batch-example-card{margin-top:8px}.delay-note{margin:7px 2px}.new-schedule-link{height:38px;margin-top:6px;border-radius:10px}.form-title{grid-template-columns:34px 1fr;gap:8px}.form-title>span{width:34px;height:34px;border-radius:9px}.form-section>label:not(.schedule-upload){margin-top:9px}.form-section input[type=datetime-local],.form-section select,.form-section textarea,.form-section>label>input:not([type=file]){margin-top:4px}.form-section input[type=datetime-local],.form-section select,.form-section>label>input:not([type=file]){height:38px}.schedule-upload{min-height:56px;margin-top:8px}.modal-backdrop{padding:9px}.edit-modal{max-height:calc(100vh - 18px);overflow:auto;padding:13px;border-radius:15px}.edit-modal h2{font-size:15px}.edit-modal label{margin-top:10px}.edit-modal input{height:39px;margin-top:4px;border-radius:9px}.member-heading{margin-top:10px}.notification-panel{border-radius:15px}.notification-panel>header{padding:11px 12px 9px}.notification-list>a,.notification-list>button{grid-template-columns:34px 1fr 8px;gap:8px;padding:9px 12px}.notification-icon{width:34px;height:34px;border-radius:9px}.auth-header{height:52px;padding:0 13px}.auth-header>a{width:34px;height:34px;border-radius:10px}.auth-brand{width:35px;height:35px;border-radius:10px;font-size:15px}.auth-content{padding:8px 14px 22px}.auth-heading>span{width:40px;height:40px;margin-bottom:7px;border-radius:11px}.auth-heading h1{margin-top:4px;font-size:20px}.auth-heading small{margin-top:4px}.auth-form{gap:9px;margin-top:14px;padding:13px;border-radius:14px}.auth-form>label>div{height:39px;margin-top:4px;border-radius:9px}.billing-toggle{margin:13px auto 9px}.billing-toggle button{height:33px}.billing-summary{margin-top:13px}.plans-list strong{margin-top:7px}.plans-list ul{gap:4px;margin-top:7px;padding-top:7px}.plan-confirm{margin-top:9px}.bottom-nav{padding:4px 7px max(4px,env(safe-area-inset-bottom))}.bottom-nav a{height:48px;gap:2px;border-radius:10px}.bottom-nav a span{font-size:8px}a,button:not(:disabled){transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #4da27d;outline-offset:2px}@media(min-width:760px){.auth-canvas,.phone-canvas{margin:12px 0;min-height:calc(100vh - 24px);border:1px solid var(--line);border-radius:20px;overflow:hidden}.bottom-nav{bottom:12px;border-radius:0 0 20px 20px}}@media(max-width:380px){.content{padding-left:9px;padding-right:9px}.topbar{padding-left:10px;padding-right:10px}.topbar h1{font-size:16px}.contact-stats>div,.history-summary>div{padding:7px 5px}.contact-stats>div>span,.history-summary>div>span{width:28px;height:28px}}.broadcast-status.cancelled{background:#edf0f2;color:#65716b}.plan-yearly-total{margin:5px 0 0;color:var(--muted);font-size:8px}.broadcast-history-list footer .cancel-history,.broadcast-history-list footer .delete-history{height:28px;display:flex;align-items:center;gap:4px;margin-left:0;padding:0 7px;border:1px solid;border-radius:8px;font-size:8px;font-weight:800}.broadcast-history-list footer .cancel-history{border-color:#e5c18f;background:#fff8ec;color:#945d21}.broadcast-history-list footer .delete-history{border-color:#ecc5bf;background:#fff5f3;color:#aa4d41}.broadcast-history-list footer .cancel-history:disabled,.broadcast-history-list footer .delete-history:disabled{opacity:.55}.history-action-backdrop{align-items:center;padding:18px}.history-action-modal{width:min(100%,360px);max-width:360px;padding:18px;text-align:center;border-radius:16px}.history-action-modal>span{width:44px;height:44px;display:grid;place-items:center;margin:0 auto;border-radius:12px;background:#fff2df;color:#9b6025}.history-action-modal.delete>span{background:#fff0ed;color:#b44b3d}.history-action-modal h2{margin:10px 0 0;font-size:16px}.history-action-modal p{max-width:300px;margin:7px auto 16px;color:var(--muted);font-size:10px;line-height:1.5}.history-action-modal>div{width:100%;display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.history-action-modal>div button{width:100%;height:40px;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:10px;font-weight:800;white-space:nowrap}.history-action-modal>div button:last-child{border-color:#d19a51;background:#a66b29;color:#fff}.history-action-modal.delete>div button:last-child{border-color:#b84f43;background:#b84f43}.history-action-modal>div button:disabled{opacity:.6}@media(max-width:380px){.broadcast-history-list footer{flex-wrap:wrap}.broadcast-history-list footer a{margin-left:0}.broadcast-history-list footer .cancel-history,.broadcast-history-list footer .delete-history{margin-left:auto}}.saas-admin-shell{min-height:100vh;display:grid;grid-template-columns:220px minmax(0,1fr);background:#f3f6f4;color:#1d2c25}.saas-admin-nav{position:-webkit-sticky;position:sticky;top:0;z-index:20;height:100vh;display:flex;flex-direction:column;padding:18px 13px;background:#102d22;color:#fff}.saas-admin-brand{display:flex;align-items:center;gap:9px;padding:2px 6px 18px}.saas-admin-brand>span{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:#31a875;font-size:17px;font-weight:950;box-shadow:0 8px 18px rgba(0,0,0,.18)}.saas-admin-brand b,.saas-admin-brand small{display:block}.saas-admin-brand b{font-size:14px}.saas-admin-brand small{margin-top:2px;color:#82b9a3;font-size:7px;font-weight:900;letter-spacing:.15em}.saas-admin-links{display:grid;grid-gap:4px;gap:4px}.saas-admin-links a{height:40px;display:flex;align-items:center;gap:9px;padding:0 10px;border-radius:9px;color:#a9c5b9;font-size:10px;font-weight:750;text-decoration:none}.saas-admin-links a:hover{background:rgba(255,255,255,.06);color:#fff}.saas-admin-links a.active{background:#1f7657;color:#fff;box-shadow:inset 3px 0 #68d09e}.saas-admin-nav-footer{display:grid;grid-gap:6px;gap:6px;margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.1)}.saas-admin-nav-footer a,.saas-admin-nav-footer button{height:35px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:transparent;color:#b7d0c5;font-size:8px;font-weight:800;text-decoration:none}.saas-admin-nav-footer button{cursor:pointer}.saas-admin-nav-footer a:hover,.saas-admin-nav-footer button:hover{background:rgba(255,255,255,.07);color:#fff}.saas-admin-main{min-width:0}.saas-admin-topbar{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid #dfe7e3;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.saas-admin-topbar b,.saas-admin-topbar span{display:block}.saas-admin-topbar span{color:#25805e;font-size:7px;font-weight:950;letter-spacing:.14em}.saas-admin-topbar b{margin-top:2px;font-size:11px}.saas-admin-topbar p{display:flex;align-items:center;gap:6px;margin:0;color:#527065;font-size:8px;font-weight:800}.saas-admin-topbar p i{width:7px;height:7px;border-radius:50%;background:#31ad77;box-shadow:0 0 0 3px #ddf2e8}.saas-admin-content{width:min(100%,1280px);margin:0 auto;padding:23px 25px 35px}.saas-admin-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:15px}.saas-admin-heading span,.saas-admin-panel>header span{color:#24805d;font-size:7px;font-weight:950;letter-spacing:.14em}.saas-admin-heading h1{margin:4px 0 0;font-size:23px;letter-spacing:-.03em}.saas-admin-heading p{margin:4px 0 0;color:#6f7f77;font-size:9px}.saas-admin-heading>a,.saas-admin-heading>select,.saas-admin-heading>strong{height:35px;display:flex;align-items:center;padding:0 12px;border:1px solid #cbdad3;border-radius:9px;background:#fff;color:#196b4c;font-size:8px;font-weight:850;text-decoration:none;white-space:nowrap}.saas-admin-heading>select{min-width:135px;outline:0}.saas-admin-error,.saas-admin-loading,.saas-empty{display:flex;align-items:center;justify-content:center;gap:6px;margin:10px 0;padding:25px;border:1px dashed #cbd8d2;border-radius:12px;background:#fff;color:#78877f;font-size:9px}.saas-admin-error{border-style:solid;border-color:#ecc5bf;background:#fff5f3;color:#a94b40}.saas-runtime-error{min-height:260px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;grid-gap:14px;gap:14px;padding:22px;border:1px solid #ead1cb;border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(56,35,29,.05)}.saas-runtime-error>span{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:#fff0ed;color:#ad4d42}.saas-runtime-error small{color:#ad4d42;font-size:7px;font-weight:950;letter-spacing:.14em}.saas-runtime-error h1{margin:4px 0 0;font-size:18px}.saas-runtime-error p{margin:5px 0 0;color:#718078;font-size:9px;line-height:1.5}.saas-runtime-actions{display:flex;gap:7px}.saas-runtime-actions button{height:36px;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;border:1px solid #bdd5ca;border-radius:9px;background:#fff;color:#1b7653;font-size:8px;font-weight:850;cursor:pointer}.saas-runtime-actions button:last-child{border-color:#196d4d;background:#196d4d;color:#fff}.saas-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:9px;gap:9px}.saas-metric-grid article{min-width:0;padding:13px;border:1px solid #dfe7e3;border-radius:13px;background:#fff;box-shadow:0 5px 18px rgba(22,56,41,.035)}.saas-metric-grid article>span{width:34px;height:34px;display:grid;place-items:center;margin-bottom:10px;border-radius:10px;background:#eaf6f0;color:#19724f}.saas-metric-grid article:nth-child(2)>span{background:#eaf2ff;color:#3b6fa8}.saas-metric-grid article:nth-child(3)>span{background:#fff3df;color:#a56625}.saas-metric-grid article:nth-child(4)>span{background:#f1ecff;color:#7557aa}.saas-metric-grid p,.saas-metric-grid small,.saas-metric-grid strong{display:block;margin:0}.saas-metric-grid small{color:#738179;font-size:8px;font-weight:750}.saas-metric-grid strong{margin-top:5px;overflow:hidden;font-size:18px;letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap}.saas-metric-grid p{margin-top:5px;color:#819087;font-size:7px}.saas-health-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:7px;gap:7px;margin-top:9px}.saas-health-row>div{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid #dfe7e3;border-radius:10px;background:#f9fbfa;color:#29805f}.saas-health-row b,.saas-health-row small{display:block}.saas-health-row b{font-size:12px}.saas-health-row small{margin-top:1px;color:#718078;font-size:7px}.saas-admin-columns{display:grid;grid-template-columns:1.15fr .85fr;grid-gap:10px;gap:10px;margin-top:12px}.saas-admin-panel{overflow:hidden;border:1px solid #dfe7e3;border-radius:13px;background:#fff;box-shadow:0 5px 18px rgba(22,56,41,.025)}.saas-admin-panel>header{display:flex;align-items:flex-end;justify-content:space-between;padding:12px 13px;border-bottom:1px solid #e5ebe8}.saas-admin-panel>header h2{margin:3px 0 0;font-size:13px}.saas-admin-panel>header a{color:#247758;font-size:8px;font-weight:800;text-decoration:none}.saas-audit-list article,.saas-tenant-brief article{display:grid;align-items:center;grid-gap:8px;gap:8px;padding:9px 13px;border-bottom:1px solid #edf1ef}.saas-audit-list article:last-child,.saas-tenant-brief article:last-child{border-bottom:0}.saas-tenant-brief article{grid-template-columns:32px 1fr auto}.saas-table-identity>span,.saas-tenant-brief article>span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#e7f3ed;color:#19714f;font-size:8px;font-weight:900}.saas-table-identity b,.saas-table-identity small,.saas-tenant-brief b,.saas-tenant-brief small{display:block}.saas-tenant-brief b{font-size:9px}.saas-tenant-brief small{margin-top:2px;color:#7a8981;font-size:7px}.saas-tenant-brief article>p{margin:0;text-align:right}.saas-audit-list article{grid-template-columns:8px 1fr auto}.saas-audit-list i{width:7px;height:7px;border-radius:50%;background:#36a877;box-shadow:0 0 0 3px #e5f4ed}.saas-audit-list b,.saas-audit-list small,.saas-audit-list time{display:block}.saas-audit-list b{font-size:9px}.saas-audit-list small,.saas-audit-list time{margin-top:2px;color:#819087;font-size:7px}.saas-audit-list time{text-align:right}.saas-admin-toolbar{display:flex;gap:7px;margin-bottom:9px}.saas-admin-toolbar input,.saas-admin-toolbar select{height:36px;padding:0 11px;border:1px solid #d6e1dc;border-radius:9px;background:#fff;color:#27372f;font-size:9px;outline:0}.saas-admin-toolbar input{min-width:240px;flex:1 1}.saas-admin-toolbar select{min-width:130px}.saas-admin-toolbar input:focus,.saas-admin-toolbar select:focus{border-color:#4d9f7d;box-shadow:0 0 0 3px rgba(38,128,94,.09)}.saas-table-wrap{width:100%;overflow:auto}.saas-table{width:100%;border-collapse:collapse;font-size:8px}.saas-table th{padding:9px 11px;border-bottom:1px solid #dce5e1;background:#f7faf8;color:#607269;font-size:7px;letter-spacing:.05em;text-align:left;text-transform:uppercase;white-space:nowrap}.saas-table td{padding:10px 11px;border-bottom:1px solid #edf1ef;vertical-align:middle;white-space:nowrap}.saas-table tbody tr:last-child td{border-bottom:0}.saas-table tbody tr:hover{background:#fbfdfc}.saas-table td>b,.saas-table td>small{display:block}.saas-table td>small{margin-top:3px;color:#849188;font-size:7px}.saas-table-identity{min-width:180px;display:grid;grid-template-columns:32px 1fr;align-items:center;grid-gap:8px;gap:8px}.saas-mini-progress{width:100px;height:4px;margin-top:5px;overflow:hidden;border-radius:999px;background:#e5ebe8}.saas-mini-progress i{display:block;height:100%;border-radius:inherit;background:#2e9a6e}.saas-state{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:999px;background:#edf1ef;color:#68776f;font-size:7px;font-weight:850;text-transform:capitalize}.saas-state.active,.saas-state.online,.saas-state.paid{background:#e4f5ec;color:#17704e}.saas-state.failed,.saas-state.suspended,.saas-state.void{background:#fff0ed;color:#aa493e}.saas-state.pending{background:#fff3df;color:#955d20}.saas-state.refunded{background:#edf0fa;color:#536999}.saas-danger-action,.saas-positive-action{height:29px;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 8px;border:1px solid;border-radius:7px;background:#fff;font-size:7px;font-weight:850;cursor:pointer}.saas-positive-action{border-color:#a8d2bf;color:#1b7854}.saas-danger-action{border-color:#e4b8b1;color:#aa493e}.saas-danger-action:disabled,.saas-positive-action:disabled{opacity:.55}.saas-row-actions{display:flex;gap:5px}.saas-tenant-table-panel>.saas-admin-loading,.saas-tenant-table-panel>.saas-empty{margin:8px}.saas-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.saas-plan-grid>article{display:flex;flex-direction:column;min-width:0;padding:14px;border:1px solid #dce6e1;border-radius:13px;background:#fff;box-shadow:0 5px 18px rgba(22,56,41,.03)}.saas-plan-grid>article.inactive{opacity:.66}.saas-plan-grid>article>header{display:grid;grid-template-columns:34px 1fr auto;align-items:center;grid-gap:8px;gap:8px}.saas-plan-grid>article>header>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#e8f4ee;color:#1e7755}.saas-plan-grid h2,.saas-plan-grid header small{margin:0}.saas-plan-grid h2{margin-top:2px;font-size:13px}.saas-plan-grid header small{color:#829087;font-size:7px}.saas-plan-grid header i{padding:4px 7px;border-radius:999px;background:#e4f5ec;color:#1c7753;font-size:7px;font-style:normal;font-weight:850}.saas-plan-price{margin-top:12px;padding-bottom:11px;border-bottom:1px solid #e7ece9}.saas-plan-price strong{font-size:17px}.saas-plan-price>small{margin-left:3px;color:#77867e;font-size:8px}.saas-plan-price p{margin:4px 0 0;color:#819087;font-size:7px}.saas-plan-grid dl{display:grid;grid-template-columns:1fr 1fr;grid-gap:7px;gap:7px;margin:11px 0 0}.saas-plan-grid dl div{padding:7px;border-radius:8px;background:#f6f9f7}.saas-plan-grid dt{color:#7b8982;font-size:7px}.saas-plan-grid dd{margin:3px 0 0;font-size:9px;font-weight:800}.saas-plan-grid ul{display:grid;grid-gap:5px;gap:5px;min-height:72px;margin:10px 0;padding:0;list-style:none}.saas-plan-grid li{display:flex;align-items:center;gap:5px;color:#5f7168;font-size:8px}.saas-plan-grid li svg{flex:none;color:#249063}.saas-plan-grid>article>button{height:33px;display:flex;align-items:center;justify-content:center;gap:5px;margin-top:auto;border:1px solid #bdd5ca;border-radius:8px;background:#fff;color:#1b7653;font-size:8px;font-weight:850}.saas-billing-summary{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-bottom:10px}.saas-billing-summary article{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid #dde7e2;border-radius:11px;background:#fff}.saas-billing-summary article>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#e9f5ef;color:#19744f}.saas-billing-summary article:nth-child(2)>span{background:#fff3df;color:#986123}.saas-billing-summary article:nth-child(3)>span{background:#fff0ed;color:#aa4a3e}.saas-billing-summary b,.saas-billing-summary small{display:block}.saas-billing-summary small{color:#7d8b83;font-size:7px}.saas-billing-summary b{margin-top:3px;font-size:12px}.saas-modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:14px;background:rgba(12,29,22,.48);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.saas-plan-modal{width:min(100%,540px);max-height:calc(100vh - 28px);overflow:auto;padding:16px;border-radius:14px;background:#fff;box-shadow:0 22px 55px rgba(0,0,0,.22)}.saas-plan-modal>header{display:flex;align-items:center;justify-content:space-between}.saas-plan-modal>header span{color:#25805d;font-size:7px;font-weight:950;letter-spacing:.14em}.saas-plan-modal h2{margin:3px 0 0;font-size:17px}.saas-plan-modal>header button{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:9px;background:#eef3f0;color:#607168}.saas-plan-form{display:grid;grid-gap:9px;gap:9px;margin-top:13px}.saas-plan-form label{color:#51645b;font-size:8px;font-weight:800}.saas-plan-form input,.saas-plan-form textarea{width:100%;margin-top:4px;padding:0 10px;border:1px solid #d5e0db;border-radius:8px;background:#fbfcfb;color:#1f3028;font:inherit;outline:0}.saas-plan-form input{height:37px}.saas-plan-form textarea{min-height:85px;padding-top:9px;resize:vertical}.saas-plan-form label>small{display:block;margin-top:4px;color:#89958f;font-size:7px;font-weight:500}.saas-form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.saas-toggle{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #e0e7e3;border-radius:9px;background:#f8faf9}.saas-toggle input{width:16px;height:16px;margin:0}.saas-toggle b,.saas-toggle small{display:block}.saas-toggle b{color:#273930;font-size:9px}.saas-save-button{width:100%;height:38px;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;border:0;border-radius:9px;background:#196d4d;color:#fff;font-size:9px;font-weight:850}@media(max-width:980px){.saas-admin-shell{grid-template-columns:180px minmax(0,1fr)}.saas-metric-grid,.saas-plan-grid{grid-template-columns:1fr 1fr}.saas-admin-columns{grid-template-columns:1fr}.saas-admin-content{padding-left:18px;padding-right:18px}}@media(max-width:680px){.saas-admin-shell{display:block;padding-bottom:59px}.saas-admin-nav{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;height:59px;display:block;padding:5px 7px max(5px,env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.13)}.saas-admin-brand,.saas-admin-nav-footer{display:none}.saas-admin-links{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:3px;gap:3px}.saas-admin-links a{height:48px;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:0;border-radius:8px;font-size:7px}.saas-admin-links a.active{box-shadow:none}.saas-admin-topbar{height:50px;padding:0 12px}.saas-admin-content{padding:14px 10px 22px}.saas-admin-heading{align-items:flex-start;margin-bottom:10px}.saas-admin-heading h1{font-size:19px}.saas-admin-heading p{font-size:8px;line-height:1.4}.saas-admin-heading>a,.saas-admin-heading>select,.saas-admin-heading>strong{height:31px;padding:0 8px}.saas-metric-grid{gap:6px}.saas-metric-grid article{padding:10px}.saas-metric-grid article>span{width:30px;height:30px;margin-bottom:7px}.saas-metric-grid strong{font-size:14px}.saas-billing-summary,.saas-health-row,.saas-plan-grid{grid-template-columns:1fr}.saas-admin-toolbar{display:grid;grid-template-columns:1fr 1fr}.saas-admin-toolbar input{grid-column:1/-1;min-width:0}.saas-admin-toolbar select{min-width:0}.saas-table{min-width:780px}.saas-form-grid{grid-template-columns:1fr}.saas-audit-list article{grid-template-columns:8px 1fr}.saas-audit-list time{grid-column:2;text-align:left;margin-top:-5px}.saas-runtime-error{min-height:230px;grid-template-columns:42px 1fr;align-content:center;padding:16px}.saas-runtime-error>span{width:42px;height:42px}.saas-runtime-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.saas-runtime-actions button{width:100%}}.schedule-card-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px;margin-top:10px;padding-top:9px;border-top:1px solid var(--line)}.schedule-card-actions a,.schedule-card-actions button{height:32px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #b9d6c8;border-radius:8px;background:#fff;color:var(--green);font-size:8px;font-weight:850;text-decoration:none}.schedule-card-actions button{border-color:#8ec4aa;background:var(--green-soft);cursor:pointer}.schedule-card-actions a:hover,.schedule-card-actions button:hover{border-color:var(--green)}.schedule-card-actions.single{grid-template-columns:1fr}.stored-credential-note{display:flex;align-items:center;gap:5px;margin:7px 2px 0;color:var(--green);font-size:8px;font-weight:750;line-height:1.4}.stored-credential-note svg{flex:none}.resend-modal{text-align:center}.resend-modal>span{width:46px;height:46px;display:grid;place-items:center;margin:0 auto;border-radius:14px;background:var(--green-soft);color:var(--green)}.resend-modal h2{margin:10px 0 0}.resend-modal p{margin:6px 0 15px;color:var(--muted);font-size:10px;line-height:1.5}.resend-modal>div{display:grid;grid-template-columns:1fr 1fr;grid-gap:7px;gap:7px}.resend-modal>div button{height:40px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:10px;font-weight:800}.resend-modal>div button:last-child{border-color:var(--green);background:var(--green);color:#fff}.resend-modal>div button:disabled{opacity:.6}.schedule-copy-note{margin:0;padding:9px 10px;border:1px solid #bed7cb;border-radius:10px;background:var(--green-soft);color:#28694f;font-size:8px;line-height:1.5}.direct-reconnecting{display:flex;align-items:center;gap:8px;margin-top:10px;padding:9px 10px;border:1px solid #bad7ca;border-radius:10px;background:#f3faf7;color:var(--green)}.direct-reconnecting svg{flex:0 0 auto}.direct-reconnecting b,.direct-reconnecting small{display:block}.direct-reconnecting b{font-size:9px}.direct-reconnecting small{margin-top:2px;color:#5f7168;font-size:7px;line-height:1.4}.direct-api-card{margin-top:9px;padding:13px;border:1px solid var(--line);border-radius:16px;background:#fff}.direct-api-card>label,.direct-api-fields label,.direct-api-grid>label{display:block;color:var(--muted);font-size:8px;font-weight:800}.direct-api-card>label{margin-top:10px}.direct-api-card input,.direct-api-card select{width:100%;height:36px;margin-top:4px;padding:0 9px;border:1px solid var(--line);border-radius:9px;background:#fbfcfb;color:var(--ink);font-size:9px;outline:0}.direct-api-card input:focus,.direct-api-card select:focus{border-color:#6fb493;box-shadow:0 0 0 3px rgba(23,107,77,.08)}.direct-api-card input[readonly]{background:#f4f7f5;color:#53675d}.direct-api-copy-field{display:grid;grid-template-columns:1fr 36px;grid-gap:5px;gap:5px}.direct-api-copy-field button,.direct-api-token-field button{display:grid;place-items:center;margin-top:4px;border:1px solid var(--line);border-radius:9px;background:#f4f8f6;color:var(--green)}.direct-api-copy-field button:disabled,.direct-api-token-field button:disabled{opacity:.45}.direct-api-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:7px;gap:7px;margin-top:9px}.direct-api-token-field{display:grid;grid-template-columns:25px 1fr 36px 36px;align-items:center;grid-gap:4px;gap:4px}.direct-api-token-field>svg{color:var(--green)}.direct-api-fields-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:11px}.direct-api-fields-heading b,.direct-api-fields-heading small{display:block}.direct-api-fields-heading b{font-size:9px}.direct-api-fields-heading small{margin-top:2px;color:var(--muted);font-size:7px}.direct-api-fields-heading button{height:30px;display:flex;align-items:center;gap:4px;padding:0 9px;border:1px solid #acd0bf;border-radius:8px;background:var(--green-soft);color:var(--green);font-size:8px;font-weight:850}.direct-api-fields{display:grid;grid-gap:6px;gap:6px;margin-top:7px}.direct-api-fields>div{display:grid;grid-template-columns:1fr 1fr 32px;align-items:end;grid-gap:5px;gap:5px;padding:7px;border:1px solid #e1e9e5;border-radius:10px;background:#f8faf9}.direct-api-fields>div>button{height:36px;display:grid;place-items:center;border:1px solid #efc6c0;border-radius:8px;background:#fff4f1;color:#bd5044}.direct-api-format-note{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:9px;padding:8px;border:1px solid #dce7e2;border-radius:9px;background:#f7faf8}.direct-api-format-note b{width:100%;font-size:8px}.direct-api-format-note span{padding:3px 6px;border-radius:5px;background:#e8f3ed;color:var(--green);font:7px ui-monospace,Consolas,monospace}.direct-api-format-note small{width:100%;color:var(--muted);font-size:7px}.direct-api-actions{display:grid;grid-template-columns:1.25fr 1fr;grid-gap:6px;gap:6px;margin-top:9px}.direct-api-actions button{height:39px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #afd0c0;border-radius:10px;background:#fff;color:var(--green);font-size:8px;font-weight:850}.direct-api-actions button:first-child{border-color:var(--green);background:var(--green);color:#fff}.direct-api-actions button:disabled{opacity:.6}@media(max-width:420px){.direct-api-grid{grid-template-columns:1fr}.direct-api-fields>div{grid-template-columns:1fr 1fr}.direct-api-fields>div>button{grid-column:1/-1;height:30px}.direct-api-actions{grid-template-columns:1fr}}.whatsapp-contact-sync{display:grid;grid-template-columns:38px 1fr auto;align-items:center;grid-gap:9px;gap:9px;margin-top:8px;padding:10px;border:1px solid #b9d6c8;border-radius:13px;background:#f5fbf8}.whatsapp-contact-sync>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:var(--green);color:#fff}.whatsapp-contact-sync b,.whatsapp-contact-sync small{display:block}.whatsapp-contact-sync b{font-size:10px}.whatsapp-contact-sync small{margin-top:2px;color:var(--green);font-size:7px}.whatsapp-contact-sync p{margin:3px 0 0;color:var(--muted);font-size:6px}.whatsapp-contact-sync button{height:32px;display:flex;align-items:center;gap:4px;padding:0 8px;border:1px solid #9fcbb7;border-radius:9px;background:#fff;color:var(--green);font-size:7px;font-weight:900}.whatsapp-contact-sync button:disabled{opacity:.6}.contact-sync-result{margin:6px 0 0;padding:8px 9px;border:1px solid #b9dcca;border-radius:9px;background:#f5fff9;color:var(--green);font-size:7px;font-weight:800}@media(max-width:420px){.whatsapp-contact-sync{grid-template-columns:34px 1fr}.whatsapp-contact-sync>span{width:34px;height:34px}.whatsapp-contact-sync button{grid-column:1/-1;justify-content:center}}.direct-api-fields-heading>div:last-child{display:flex;align-items:center;gap:5px}.direct-api-fields-heading>div:last-child button:first-child{background:#fff}.direct-api-array-toggle{display:flex!important;align-items:center;gap:8px;margin-top:10px!important;padding:8px 9px;border:1px solid var(--line);border-radius:10px;background:#f8faf9}.direct-api-array-toggle>input{width:17px!important;height:17px!important;margin:0!important;accent-color:var(--green)}.direct-api-array-toggle span b,.direct-api-array-toggle span small{display:block}.direct-api-array-toggle span b{color:var(--ink);font-size:8px}.direct-api-array-toggle span small{margin-top:2px;color:var(--muted);font-size:7px;font-weight:600}.direct-api-format-note span i{margin-left:3px;color:#557066;font-family:inherit;font-style:normal;font-weight:700}.direct-api-json-preview{margin-top:9px;overflow:hidden;border:1px solid #c5dcd1;border-radius:10px;background:#102d22}.direct-api-json-preview>div{display:grid;grid-template-columns:28px 1fr auto;align-items:center;grid-gap:7px;gap:7px;padding:8px 9px;background:#f2f8f5}.direct-api-json-preview>div>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--green-soft);color:var(--green)}.direct-api-json-preview b,.direct-api-json-preview small{display:block}.direct-api-json-preview b{font-size:8px}.direct-api-json-preview small{margin-top:2px;color:var(--muted);font-size:6px}.direct-api-json-preview button{height:29px;display:flex;align-items:center;gap:4px;padding:0 8px;border:1px solid #a7cbbb;border-radius:8px;background:#fff;color:var(--green);font-size:7px;font-weight:900}.direct-api-json-preview pre{max-height:210px;margin:0;overflow:auto;padding:10px;color:#c9f3de;font:8px/1.55 ui-monospace,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:420px){.direct-api-fields-heading{align-items:flex-start;flex-direction:column}.direct-api-fields-heading>div:last-child{width:100%}.direct-api-fields-heading>div:last-child button{flex:1 1;justify-content:center}.direct-api-json-preview>div{grid-template-columns:28px 1fr}.direct-api-json-preview button{grid-column:1/-1;justify-content:center}}.duitku-settings{margin-bottom:10px}.duitku-settings-loading{display:flex;align-items:center;justify-content:center;gap:7px;padding:24px;color:#718078;font-size:9px}.duitku-settings>header,.duitku-title{align-items:center}.duitku-title{display:flex;gap:9px}.duitku-title>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#e8f4ee;color:#1e7755}.duitku-title h2,.duitku-title p,.duitku-title small{display:block;margin:0}.duitku-title small{color:#24805d;font-size:7px;font-weight:950;letter-spacing:.14em}.duitku-title h2{margin-top:2px;font-size:14px}.duitku-title p{margin-top:2px;color:#738179;font-size:7px}.duitku-status{display:flex;align-items:center;gap:4px;padding:5px 8px;border-radius:999px;background:#edf1ef;color:#68776f;font-size:7px;font-weight:850}.duitku-status.connected{background:#e4f5ec;color:#17704e}.duitku-status.error{background:#fff0ed;color:#aa493e}.duitku-form{display:grid;grid-gap:10px;gap:10px;padding:13px}.duitku-form-grid>label,.duitku-form>label{color:#51645b;font-size:8px;font-weight:800}.duitku-form input:not([type=checkbox]),.duitku-form select{width:100%;height:37px;margin-top:4px;padding:0 9px;border:1px solid #d5e0db;border-radius:8px;background:#fbfcfb;color:#1f3028;font:inherit;font-size:9px;outline:0}.duitku-form input:focus,.duitku-form select:focus{border-color:#4d9f7d;box-shadow:0 0 0 3px rgba(38,128,94,.09)}.duitku-form label>small{display:block;margin-top:4px;color:#89958f;font-size:7px;font-weight:500}.duitku-form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:9px;gap:9px}.duitku-secret{display:grid;grid-template-columns:26px 1fr 34px;align-items:center;margin-top:4px;border:1px solid #d5e0db;border-radius:8px;background:#fbfcfb;color:#247758}.duitku-secret:focus-within{border-color:#4d9f7d;box-shadow:0 0 0 3px rgba(38,128,94,.09)}.duitku-secret>svg{margin-left:9px}.duitku-secret input{height:35px!important;margin:0!important;border:0!important;box-shadow:none!important}.duitku-secret button{height:35px;display:grid;place-items:center;border:0;background:transparent;color:#718078}.duitku-enabled{display:flex!important;align-items:center;gap:8px;padding:9px;border:1px solid #dce7e1;border-radius:9px;background:#f8faf9}.duitku-enabled input{width:17px;height:17px;margin:0;accent-color:#196d4d}.duitku-enabled b,.duitku-enabled small{display:block}.duitku-enabled b{color:#273930;font-size:9px}.duitku-endpoints{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:6px;gap:6px}.duitku-endpoints>div{min-width:0;padding:8px;border:1px solid #e0e8e4;border-radius:8px;background:#f8faf9}.duitku-endpoints b,.duitku-endpoints code{display:block}.duitku-endpoints b{font-size:7px}.duitku-endpoints code{margin-top:4px;overflow:hidden;color:#527065;font:7px ui-monospace,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}.duitku-method-result{padding:9px;border:1px solid #b9dcca;border-radius:9px;background:#f5fff9}.duitku-method-result>b{font-size:8px;color:#1c7553}.duitku-method-result>div{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.duitku-method-result span{padding:4px 6px;border-radius:6px;background:#e4f5ec;color:#1c7553;font-size:7px;font-weight:800}.duitku-feedback{display:flex;align-items:flex-start;gap:5px;margin:0;padding:8px;border-radius:8px;font-size:8px;line-height:1.4}.duitku-feedback.success{background:#e9f7ef;color:#19704f}.duitku-feedback.error{background:#fff0ed;color:#aa493e}.duitku-form>footer{display:flex;align-items:center;justify-content:flex-end;gap:6px}.duitku-form>footer a,.duitku-form>footer button{height:34px;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 9px;border:1px solid #bdd5ca;border-radius:8px;background:#fff;color:#1b7653;font-size:8px;font-weight:850;text-decoration:none}.duitku-form>footer button:last-child{border-color:#196d4d;background:#196d4d;color:#fff}.duitku-form>footer button:disabled{opacity:.55}.duitku-security{display:flex;align-items:center;gap:5px;margin:0;color:#718078;font-size:7px}.saas-billing-summary{margin-top:10px}.payment-modal-backdrop{align-items:center}.payment-method-modal{max-width:440px;padding:15px}.payment-method-modal>header{display:flex;align-items:flex-start;justify-content:space-between}.payment-method-modal>header small{color:var(--green);font-size:7px;font-weight:900;letter-spacing:.12em}.payment-method-modal>header h2,.payment-method-modal>header p{margin:0}.payment-method-modal>header h2{margin-top:3px;font-size:16px}.payment-method-modal>header p{margin-top:3px;color:var(--muted);font-size:9px}.payment-method-list{max-height:360px;display:grid;grid-gap:6px;gap:6px;margin-top:12px;overflow:auto}.payment-method-list>button{width:100%;display:grid;grid-template-columns:40px 1fr 22px;align-items:center;grid-gap:9px;gap:9px;padding:8px;border:1px solid var(--line);border-radius:11px;background:#fff;text-align:left}.payment-method-list>button.selected{border-color:#78b998;background:#f5fbf8;box-shadow:0 0 0 2px rgba(23,107,77,.06)}.payment-method-list>button>span{width:40px;height:34px;display:grid;place-items:center;overflow:hidden;border-radius:8px;background:#f4f7f5;color:var(--green)}.payment-method-list img{max-width:34px;max-height:27px;object-fit:contain}.payment-method-list b,.payment-method-list small{display:block}.payment-method-list b{font-size:10px}.payment-method-list small{margin-top:3px;color:var(--muted);font-size:8px}.payment-method-list i{width:20px;height:20px;display:grid;place-items:center;border:1px solid #cbd6d1;border-radius:50%;color:#fff;font-style:normal}.payment-method-list .selected i{border-color:var(--green);background:var(--green)}.payment-checkout-button{width:100%;height:42px;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:11px;border:0;border-radius:11px;background:var(--green);color:#fff;font-size:9px;font-weight:900}.payment-checkout-button:disabled{opacity:.6}.payment-provider-note{margin:8px 3px 0;color:var(--muted);font-size:7px;line-height:1.45;text-align:center}.auth-switch{display:flex;align-items:center;justify-content:center;gap:4px}.billing-payment-message{display:flex;align-items:center;gap:5px;margin:9px 0;padding:9px;border:1px solid #b9dcca;border-radius:9px;background:#f5fff9;color:var(--green);font-size:8px;font-weight:800}.transaction-head span.pending{color:#956020}.transaction-head span.failed,.transaction-head span.void{color:#aa493e}.billing-check-status{width:100%;height:30px;display:flex;align-items:center;justify-content:center;gap:5px;margin-top:7px;border:1px solid #d7e3dd;border-radius:8px;background:#f8faf9;color:var(--green);font-size:8px;font-weight:800}@media(max-width:680px){.duitku-settings>header{align-items:flex-start}.duitku-title p{display:none}.duitku-endpoints,.duitku-form-grid{grid-template-columns:1fr}.duitku-form>footer{display:grid;grid-template-columns:1fr 1fr}.duitku-form>footer a{grid-column:1/-1}.duitku-security{align-items:flex-start}.payment-method-modal{max-height:calc(100vh - 24px)}}