@import"https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@300;400;500;600;700;800&display=swap";:root{color-scheme:light;--surface: oklch(96.8% .007 142);--surface-2: oklch(94% .01 142);--surface-3: oklch(88.8% .014 142);--field: oklch(99% .004 142);--text: oklch(21% .026 318);--muted: oklch(42% .02 318);--line: oklch(78% .016 142);--accent: oklch(48% .12 154);--accent-soft: oklch(89% .048 154);--berry: oklch(45% .13 7);--berry-soft: oklch(90% .04 7);--amber: oklch(72% .14 76);--danger: oklch(49% .16 28);--danger-soft: oklch(93% .04 28);font-family:Lexend Deca,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;overflow-x:hidden}body{margin:0;min-width:320px;min-height:100vh;background:var(--surface);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--surface)}.login-panel{width:min(420px,calc(100vw - 48px));max-width:calc(100vw - 48px);min-width:0;padding:28px;border:1px solid var(--line);border-radius:8px;background:var(--field)}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:8px;background:var(--accent-soft);color:var(--accent);overflow:hidden}.brand-mark:has(.brand-image){background:transparent}.brand-mark.warning{background:var(--danger-soft);color:var(--danger)}.brand-mark.small{width:36px;height:36px}.brand-image{display:block;width:100%;height:100%;object-fit:cover}.brand-logo-image{display:block;width:min(148px,100%);max-height:34px;object-fit:contain;object-position:left center}.login-logo{margin:12px 0 4px}.eyebrow{margin:0 0 4px;color:var(--muted);font-size:.78rem;font-weight:700;text-transform:uppercase}h1,h2{margin:0;line-height:1.15}h1{font-size:1.65rem}h2{font-size:1rem}.form-stack,.form-grid{display:grid;gap:14px}.form-stack{margin-top:24px}.platform-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.platform-section,.asset-upload-grid{display:grid;gap:12px}.asset-upload-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.frontend-icon-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.asset-upload{min-width:0;display:grid;grid-template-columns:74px minmax(0,1fr);gap:12px;align-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);padding:10px}.asset-upload.wide{grid-column:span 1}.asset-preview{width:74px;height:54px;display:grid;place-items:center;border:1px dashed var(--line);border-radius:7px;background:var(--field);color:var(--muted);font-size:.72rem;font-weight:750;text-align:center}.asset-preview img{width:100%;height:100%;object-fit:contain}.asset-copy{min-width:0;display:grid;gap:6px}.asset-copy strong,.asset-copy span{overflow-wrap:anywhere}.asset-copy span,.form-note{color:var(--muted);font-size:.8rem;line-height:1.35}.asset-actions{display:flex;flex-wrap:wrap;gap:8px}.file-button{position:relative;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}label{display:grid;gap:6px;color:var(--muted);font-size:.86rem;font-weight:650}input,select,textarea{min-height:40px;width:100%;border:1px solid var(--line);border-radius:7px;background:var(--field);color:var(--text);padding:0 11px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:3px solid oklch(58% .12 154 / .16);outline-offset:1px}textarea{min-height:120px;padding:10px 11px;line-height:1.45;resize:vertical}button:focus-visible,a:focus-visible{outline:3px solid oklch(58% .12 154 / .2);outline-offset:2px}.primary-button,.secondary-button,.icon-button{min-height:38px;border-radius:7px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:750}.primary-button{background:var(--accent);color:#f9fdfa;padding:0 16px}.secondary-button{background:var(--surface-2);color:var(--text);border-color:var(--line);padding:0 14px}.secondary-button.danger-action{color:var(--danger)}.icon-button{width:38px;background:var(--surface-2);color:var(--text);border-color:var(--line)}.form-error,.notice{margin:0;border-radius:7px;padding:10px 12px;font-size:.9rem}.form-error,.notice.danger{border:1px solid oklch(82% .07 28);background:var(--danger-soft);color:var(--danger)}.notice{border:1px solid oklch(79% .06 154);background:var(--accent-soft);color:var(--accent);margin-bottom:14px}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{background:var(--surface-2);border-right:1px solid var(--line);padding:18px;display:grid;align-content:start;gap:22px}.mobile-nav-backdrop,.icon-button.mobile-menu-button,.icon-button.sidebar-close{display:none}.sidebar-brand{display:flex;align-items:center;gap:10px}.sidebar-brand strong,.user-chip strong{display:block;font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-brand span,.user-chip span{display:block;color:var(--muted);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-list{display:grid;gap:14px}.nav-group{display:grid;gap:5px}.nav-group+.nav-group{border-top:1px solid var(--line);padding-top:12px}.nav-group-title{color:var(--muted);font-size:.7rem;font-weight:850;letter-spacing:0;text-transform:uppercase}.nav-list button{min-height:38px;width:100%;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted);display:flex;align-items:center;gap:10px;padding:0 10px;text-align:left;white-space:nowrap}.nav-list button:hover,.nav-list button.active{background:var(--field);color:var(--text);border-color:#9fb0a3}.workspace{min-width:0;padding:22px}.topbar{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.topbar-heading{display:flex;min-width:0;align-items:center;gap:10px}.topbar-actions{display:flex;align-items:center;gap:10px}.loading-pill{border-radius:999px;background:var(--accent-soft);color:var(--accent);padding:6px 10px;font-size:.78rem;font-weight:750}.user-chip{min-width:180px;border:1px solid var(--line);border-radius:8px;background:var(--field);padding:8px 10px}.content-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.view-stack,.tab-stack{display:grid;gap:14px}.two-column{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(420px,1.4fr);gap:14px}.panel,.metric{border:1px solid var(--line);border-radius:8px;background:var(--field)}.panel{padding:16px}.metric{min-height:112px;padding:15px;display:grid;align-content:space-between;gap:8px}.metric span,.metric small{color:var(--muted)}.metric strong{font-size:1.35rem;line-height:1.1;overflow-wrap:anywhere}.panel:nth-child(n+5),.wide{grid-column:span 2}.finance-lists{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1.15fr) repeat(2,minmax(0,1fr));gap:14px;min-width:0}.finance-filter-panel{align-self:start}.finance-lists .panel,.integrations-grid .panel,.integrations-grid .metric{min-width:0}.finance-lists .compact-row,.integrations-grid .compact-row{grid-template-columns:minmax(0,1fr);align-items:start}.finance-lists .compact-row>span,.finance-lists .compact-row>strong,.integrations-grid .compact-row>span,.integrations-grid .compact-row>strong{justify-self:start}.integrations-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.integrations-grid .panel,.integrations-grid .metric{grid-column:auto}.template-summary-grid .metric,.automation-summary-grid .metric{min-height:92px}.automation-rules-layout{display:grid;grid-template-columns:minmax(280px,.86fr) minmax(420px,1.14fr);gap:14px;min-width:0}.automation-rule-list,.automation-rule-list-panel,.automation-rule-editor-panel{min-width:0}.automation-rule-list{display:grid;gap:10px}.automation-rule-card{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:10px;display:grid;gap:9px}.automation-rule-card.selected{border-color:var(--accent);background:var(--accent-soft)}.automation-rule-select{width:100%;border:0;background:transparent;color:var(--text);padding:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;text-align:left}.automation-rule-select span{min-width:0}.automation-rule-select strong,.automation-rule-select small,.automation-rule-card p{overflow-wrap:anywhere}.automation-rule-select small{display:block;color:var(--muted);margin-top:3px}.automation-rule-card p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.45}.automation-rule-form{align-items:start}.toggle-line{align-items:center;border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:row;gap:10px;padding:11px 12px}.toggle-line input{accent-color:var(--accent);height:18px;width:18px}.automation-rule-preview{border:1px solid var(--line);border-radius:8px;background:var(--surface-2);padding:12px;display:grid;gap:6px}.automation-rule-preview span{color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.automation-rule-preview p{margin:0;line-height:1.48;overflow-wrap:anywhere}.templates-layout{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(420px,1.18fr);gap:14px;min-width:0}.template-list,.template-list-panel,.template-editor-panel{min-width:0}.template-list{display:grid;gap:10px}.template-card{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:10px;display:grid;gap:9px}.template-card.selected{border-color:var(--accent);background:var(--accent-soft)}.template-select{width:100%;border:0;background:transparent;color:var(--text);padding:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;text-align:left}.template-select span{min-width:0}.template-select strong,.template-select small,.template-card p{overflow-wrap:anywhere}.template-select small{display:block;color:var(--muted);margin-top:3px}.template-card p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.45}.template-actions{display:flex;flex-wrap:wrap;gap:8px}.template-actions .secondary-button{min-height:34px;padding:0 10px;font-size:.82rem}.template-form{align-items:start}.template-preview{border:1px solid var(--line);border-radius:8px;background:var(--surface-2);padding:12px;display:grid;gap:6px}.template-preview span{color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.template-preview p{margin:0;line-height:1.48;overflow-wrap:anywhere}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:12px}.search-field{flex:1 1 220px;min-width:min(220px,100%);display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:7px;padding:0 10px;background:var(--field)}.search-field input{border:0;padding:0;background:transparent}.toolbar>select{flex:0 0 132px;width:auto}.toolbar>.primary-button,.toolbar>.secondary-button{flex:0 0 auto;white-space:nowrap}.list-table{display:grid;gap:6px}.row{width:100%;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--text);min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;text-align:left}.row.selected{border-color:var(--accent);background:var(--accent-soft)}.row small,.table-row small,.audit-row small,.session-row small,.outbox-row small,.webhook-row small{display:block;color:var(--muted);margin-top:3px}.detail-panel{min-width:0}.mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.mini-grid .metric{min-height:86px}.notification-preferences-view{grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);align-items:start}.notification-preferences-view .mini-grid{grid-column:1 / -1;grid-template-columns:repeat(4,minmax(150px,1fr));margin-bottom:0}.notification-preferences-view .panel{min-width:0}.clients-panel{grid-column:1 / -1;width:100%}.content-grid>.panel:nth-child(5):last-child{grid-column:1 / -1}.status-list,.action-list,.key-value,.compact-table,.data-table{display:grid;gap:8px}.action-row{width:100%;min-height:58px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--text);display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px;text-align:left}.action-row:hover{border-color:#9dc6a9;background:var(--accent-soft)}.action-row.needs-attention{border-color:#efbcb5;background:var(--danger-soft)}.action-row span,.action-row small{min-width:0}.action-row small{display:block;color:var(--muted);margin-top:3px}.status-line,.compact-row,.table-row,.key-value div{border:1px solid var(--line);border-radius:7px;background:var(--surface)}.status-line,.compact-row{min-height:42px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:9px 10px}.session-row{grid-template-columns:minmax(190px,1.25fr) minmax(150px,.9fr) 96px minmax(180px,1fr) auto}.outbox-row{grid-template-columns:minmax(190px,1.2fr) minmax(160px,.9fr) 112px 100px minmax(180px,1fr) auto}.client-row{grid-template-columns:minmax(150px,1fr) minmax(180px,1.15fr) minmax(120px,.72fr) 76px 96px;align-items:center;min-height:78px}.client-row>span{display:grid;gap:3px;align-content:center}.client-row strong,.client-row small{display:block;min-width:0;line-height:1.25}.client-row strong{font-size:.92rem}.client-row small{color:var(--muted);font-size:.8rem;font-weight:700}.client-row .badge{justify-self:start}.client-row .template-actions{display:grid;grid-template-columns:1fr;justify-self:end;gap:7px;width:92px}.client-row .template-actions .secondary-button{width:100%;min-height:32px;padding:0 8px;justify-content:center;white-space:nowrap}.compact-row>span,.compact-row>strong{min-width:0;overflow-wrap:anywhere}.notification-preference-list{display:grid;gap:8px}.notification-preference-row{min-height:58px;display:grid;grid-template-columns:minmax(220px,1.2fr) auto minmax(140px,auto) auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:7px;background:var(--surface);padding:10px}.notification-preference-row>div{display:grid;gap:3px;min-width:0}.notification-preference-row strong,.notification-preference-row span,.notification-preference-row small{min-width:0;overflow-wrap:anywhere}.notification-preference-row span,.notification-preference-row small{color:var(--muted);font-size:.82rem}.preference-filters{grid-template-columns:minmax(220px,1fr) minmax(180px,240px)}.table-row{display:grid;grid-template-columns:minmax(190px,1.4fr) minmax(150px,1fr) 140px 130px;align-items:center;gap:10px;padding:9px 10px}.table-row.header{min-height:36px;background:var(--surface-2);color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.data-table .empty-state{min-height:180px}.pagination-row{min-height:42px;border:1px solid var(--line);border-radius:7px;background:var(--surface-2);color:var(--muted);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 8px 6px 12px;font-size:.85rem;font-weight:700}.pagination-row>div{display:flex;align-items:center;gap:8px}.pagination-row .icon-button{width:32px;min-height:32px}.load-more-row{min-height:44px;border:1px solid var(--line);border-radius:7px;background:var(--surface-2);color:var(--muted);display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:7px 8px 7px 12px;font-size:.85rem;font-weight:700}.load-more-row .secondary-button{min-height:32px;white-space:nowrap}.muted-inline{color:var(--muted);font-size:.82rem}.badge{width:fit-content;max-width:160px;border-radius:999px;padding:5px 8px;background:var(--surface-3);color:var(--muted);font-size:.75rem;font-weight:800;white-space:nowrap}.badge.active,.badge.succeeded,.badge.sent,.badge.processed{background:var(--accent-soft);color:var(--accent)}.badge.failed,.badge.canceled,.badge.cancelled,.badge.suspended,.badge.blocked,.badge.blocked_notifications{background:var(--danger-soft);color:var(--danger)}.badge.receives_notifications{background:var(--accent-soft);color:var(--accent)}.badge.pending,.badge.processing,.badge.draft,.badge.paused{background:#ffe7c7;color:#764f00;color:oklch(46% .1 76)}.key-value div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px}.key-value dt{color:var(--muted);font-size:.85rem}.key-value dd{margin:0;font-weight:750;text-align:right}.commission-form,.technical-form{margin-top:14px;border-top:1px solid var(--line);padding-top:14px}.impact-panel{border:1px solid var(--line);border-radius:8px;background:var(--surface-2);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px}.impact-panel span{display:grid;gap:4px}.impact-panel strong{overflow-wrap:anywhere}.impact-panel small{color:var(--muted);line-height:1.35}.form-note{grid-column:1 / -1;margin:0;max-width:68ch;color:var(--muted);font-size:.88rem}.commission-form .form-error,.technical-form .form-error{grid-column:1 / -1;margin:0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.span-all{grid-column:1 / -1}.form-actions{grid-column:1 / -1;display:flex;align-items:center;flex-wrap:wrap;gap:10px;justify-content:flex-end}.whatsapp-diagnostic{grid-column:1 / -1;display:grid;gap:6px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);padding:10px;color:var(--muted);font-size:.88rem}.whatsapp-diagnostic strong{color:var(--text)}.technical-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.technical-summary .status-line{min-height:74px;grid-template-columns:1fr;align-content:center;align-items:start;gap:4px}.technical-summary .status-line span{color:var(--muted);font-size:.78rem;font-weight:700}.technical-summary .status-line strong{line-height:1.2;overflow-wrap:anywhere}.webhook-row{grid-template-columns:minmax(170px,1fr) minmax(130px,.8fr) minmax(220px,1.25fr);align-items:start}.webhook-row>span{display:block;min-width:0}.webhook-row strong{overflow-wrap:anywhere}.webhook-main>span{display:flex;align-items:center;gap:8px;justify-content:space-between}.switch-row{min-height:40px;border:1px solid var(--line);border-radius:7px;background:var(--surface);padding:0 10px;display:flex;align-items:center;justify-content:space-between}.switch-row input{width:18px;min-height:18px;accent-color:var(--accent)}.empty-state{min-height:240px;border:1px dashed var(--line);border-radius:8px;background:var(--surface-2);color:var(--muted);display:grid;place-items:center;align-content:center;gap:8px}.access-notice{border:1px solid oklch(82% .06 154);border-radius:8px;background:var(--accent-soft);color:var(--text);display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:12px;padding:12px}.access-notice span,.muted-text{display:block;color:var(--muted);font-size:.85rem}.access-notice code{border:1px solid var(--line);border-radius:7px;background:var(--field);padding:8px 10px;font-weight:800}.tabs{display:flex;gap:6px;overflow-x:auto;border-bottom:1px solid var(--line);margin-bottom:14px;padding-bottom:8px}.tabs button{min-height:34px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--muted);padding:0 12px;font-weight:750;white-space:nowrap}.tabs button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.detail-section{display:grid;gap:12px}.detail-section+.detail-section{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.drawer-backdrop{position:fixed;inset:0;z-index:20;display:flex;justify-content:flex-end;background:#271e2952}.drawer-panel{width:min(620px,100vw);min-width:0;height:100%;overflow-y:auto;background:var(--field);border-left:1px solid var(--line);padding:20px}.drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.drawer-form{align-items:start}.drawer-divider{height:1px;background:var(--line);margin:4px 0}.membership-table .table-row{grid-template-columns:minmax(190px,1.4fr) minmax(150px,1fr) 140px 130px auto}@media(max-width:1120px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;z-index:40;width:min(326px,calc(100vw - 48px));height:100dvh;overflow-y:auto;border-right:1px solid var(--line);border-bottom:0;transform:translate(-104%);transition:transform .19s ease-out}.sidebar.open{transform:translate(0)}.nav-list{display:grid;gap:14px;overflow:visible;padding-bottom:0}.nav-group{display:grid;gap:5px}.nav-group+.nav-group{border-top:1px solid var(--line);border-left:0;padding-top:12px;padding-left:0}.nav-group-title{white-space:nowrap}.nav-list button{width:100%}.mobile-nav-backdrop{position:fixed;inset:0;z-index:35;display:block;width:100%;border:0;border-radius:0;background:#160e196b}.icon-button.mobile-menu-button,.icon-button.sidebar-close{display:inline-flex}.sidebar-close{margin-left:auto;flex:0 0 auto}.content-grid,.two-column,.finance-lists,.asset-upload-grid,.automation-rules-layout,.templates-layout{grid-template-columns:1fr}.panel:nth-child(n+5),.wide{grid-column:auto}}@media(max-width:760px){.workspace{padding:14px}.topbar,.toolbar{align-items:stretch;flex-direction:column}.topbar-actions{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:8px;width:100%}.topbar-actions .loading-pill{grid-column:1 / -1;justify-self:start}.topbar-actions .icon-button{width:40px}.user-chip{min-width:0;width:auto}.search-field{width:100%}.toolbar>.search-field,.toolbar>select,.toolbar>.primary-button,.toolbar>.secondary-button{flex-basis:auto;width:100%}.mini-grid,.form-grid,.technical-summary{grid-template-columns:1fr}.asset-upload{grid-template-columns:64px minmax(0,1fr)}.asset-preview{width:64px;height:52px}.notification-preferences-view .mini-grid,.table-row,.membership-table .table-row,.compact-row,.action-row,.session-row,.outbox-row,.client-row,.webhook-row,.notification-preference-row,.automation-rule-select,.template-select{grid-template-columns:1fr}.template-actions .secondary-button{flex:1 1 130px}.client-row{gap:9px;min-height:0}.client-row .badge,.client-row .template-actions{justify-self:stretch}.client-row .template-actions{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.client-row .template-actions .secondary-button{min-width:0;width:100%}.pagination-row,.load-more-row{align-items:stretch;flex-direction:column}.pagination-row>div{justify-content:space-between;width:100%}.load-more-row .secondary-button{justify-content:center;width:100%}.access-notice,.impact-panel{grid-template-columns:1fr}}@media(max-width:480px){.login-page{padding:14px}.login-panel{width:calc(100vw - 28px);max-width:calc(100vw - 28px);padding:22px 18px}}