*{box-sizing:border-box}:root{--app-bg:#101113;--panel:#1a1c20;--panel-2:#202329;--panel-3:#111214;--panel-soft:#ffffff0a;--line:#ffffff14;--line-strong:#ffffff21;--text:#f7f7f5;--text-soft:#c4c7cc;--text-dim:#8d9299;--yellow:#ffd400;--yellow-2:#e7ba00;--green:#65b943;--red:#ff4d45;--teal:#23c7b8;--shadow:0 18px 52px #00000057;--shadow-card:0 12px 28px #0000003d;--radius:8px}html,body{width:100%;height:100%;color:var(--text);font-family:var(--font-body), Arial, sans-serif;background:#101113;margin:0;overflow:hidden}body,input,select,button,textarea{font-family:var(--font-body), Arial, sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{margin:0}button{color:inherit}h1,h2,h3,h4,p{margin-top:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.auth-page{background:radial-gradient(circle at 12% 15%,#ffd4002e,#0000 24%),linear-gradient(90deg,#111316 0 48%,#1b1d22 48% 100%);grid-template-columns:minmax(360px,.95fr) minmax(420px,1.05fr);min-height:100vh;display:grid}.auth-backdrop{display:none}.auth-hero,.auth-card{position:relative}.auth-hero{background:linear-gradient(#ffffff0b,#0000),#111316;align-content:space-between;gap:28px;padding:52px;display:grid}.auth-card{place-items:center;padding:44px;display:grid}.hero-panel,.auth-card-inner,.card,.topbar{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card);background:linear-gradient(#ffffff0e,#ffffff07)}.hero-panel{padding:28px}.hero-panel h1{margin-bottom:12px;font-size:2.8rem;line-height:1.05}.hero-panel p,.muted,.section-subtitle,.brand-copy p{color:var(--text-soft);line-height:1.48}.hero-highlights{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.hero-highlight{border-radius:var(--radius);border:1px solid var(--line);background:#ffffff0e;gap:6px;min-height:96px;padding:16px;display:grid}.auth-card-inner{gap:20px;width:100%;max-width:480px;padding:30px;display:grid}.auth-card-inner h2{margin-bottom:8px;font-size:2rem}.auth-hero-panel{max-width:560px}.auth-error{border-radius:var(--radius);color:#ffd2cf;background:#ff4d4517;border:1px solid #ff4d4547;padding:12px 14px;font-size:.94rem}.panel-badge,.topbar-kicker{color:#171717;background:linear-gradient(180deg, var(--yellow), var(--yellow-2));text-transform:uppercase;border-radius:999px;align-items:center;width:fit-content;min-height:30px;padding:6px 10px;font-size:.74rem;font-weight:800;display:inline-flex}.brand-lockup{gap:14px;display:grid}.brand-logo-image{width:min(420px,100%);height:auto;display:block}.brand-wordmark{gap:2px;display:grid}.brand-name{color:var(--text);font-size:3rem;font-weight:800;line-height:.92}.brand-name-accent{color:var(--yellow)}.brand-subtitle{color:var(--text-soft);font-size:1rem}.brand-copy{gap:8px;display:grid}.brand-copy strong{font-size:1.55rem}.brand-eyebrow{color:var(--yellow);text-transform:uppercase;font-size:.76rem;font-weight:800}.field{gap:8px;display:grid}.field span{color:var(--text-soft);font-size:.9rem}.app-shell{border:1px solid var(--line-strong);width:min(1720px,100vw);height:100vh;min-height:0;box-shadow:var(--shadow);background:linear-gradient(90deg,#ffd40009,#0000 22%),#15171b;border-radius:0;grid-template-columns:240px minmax(0,1fr);margin:0 auto;display:grid;overflow:hidden}.sidebar{border-right:1px solid var(--line);background:#050607;grid-template-rows:auto 1fr auto;gap:22px;height:100vh;min-height:0;padding:30px 16px 18px;display:grid;position:sticky;top:0;overflow:hidden}.shell-brand{align-items:center;padding:0 12px;display:flex}.shell-logo-image{width:174px;max-width:100%;height:auto;display:block}.sidebar-nav{align-content:start;gap:7px;min-height:0;padding-right:4px;display:grid;overflow:auto}.nav-item{border-radius:var(--radius);color:#c8ccd4;border:1px solid #0000;align-items:center;gap:12px;min-height:46px;padding:0 12px;transition:all .16s;display:flex}.nav-item:hover{color:#fff;border-color:var(--line);background:#ffffff0b}.nav-item.active{color:#111;background:linear-gradient(180deg, var(--yellow), var(--yellow-2));border-color:#f6d300;box-shadow:0 8px 18px #ffd4001f}.sidebar-promo{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(135deg,#ffffff14,#ffffff05),#17191d;align-content:start;gap:10px;min-height:160px;padding:18px;display:grid;position:relative;overflow:hidden}.sidebar-promo strong{max-width:150px;line-height:1.35}.sidebar-promo a{color:var(--yellow);font-size:.88rem;font-weight:800}.promo-car{opacity:.92;background:radial-gradient(circle at 28px 46px,#0a0b0d 0 9px,#4a4f58 10px 13px,#0000 14px),radial-gradient(circle at 118px 46px,#0a0b0d 0 9px,#4a4f58 10px 13px,#0000 14px),linear-gradient(155deg,#353a42 0 48%,#101114 49% 100%);border-radius:50px 70px 18px 18px;width:150px;height:54px;position:absolute;bottom:12px;right:-20px}.promo-car:before{content:"";background:linear-gradient(90deg,#59606b,#25282d);border-radius:20px 22px 4px 4px;width:54px;height:20px;position:absolute;top:10px;left:42px}.sidebar-account{border-top:1px solid var(--line);grid-template-columns:40px 1fr 20px;align-items:center;gap:10px;padding:14px 12px;display:grid}.sidebar-account .avatar,.client-avatar{background:linear-gradient(180deg, var(--yellow), var(--yellow-2));color:#171717;border-radius:999px;place-items:center;font-weight:900;display:grid}.sidebar-account .avatar{width:40px;height:40px}.sidebar-account strong,.sidebar-account span{display:block}.sidebar-account span{color:var(--text-soft);margin-top:3px;font-size:.85rem}.main{grid-template-rows:auto minmax(0,1fr);min-width:0;height:100vh;min-height:0;padding:30px 18px 12px 36px;display:grid;overflow:hidden}.main-scroll{min-width:0;min-height:0;padding-right:10px;overflow:auto}.topbar{box-shadow:none;background:0 0;border:0;grid-template-columns:minmax(260px,1fr) minmax(420px,680px);align-items:center;gap:28px;margin-bottom:26px;display:grid}.topbar h1{margin-bottom:7px;font-size:1.55rem;line-height:1.15}.topbar p{color:var(--text-soft);margin:0}.topbar-controls{justify-content:flex-end;align-items:center;gap:14px;display:flex}.search-box{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0b;flex:360px;grid-template-columns:1fr 42px;align-items:center;max-width:430px;min-height:50px;display:grid;box-shadow:inset 0 1px #ffffff0d}.search-box input{min-width:0;height:100%;color:var(--text);background:0 0;border:0;outline:none;padding:0 16px}.search-box input::placeholder{color:var(--text-dim)}.search-box button,.icon-button,.table-actions a,.table-actions button,.pager button,.page-size{border:1px solid var(--line);border-radius:var(--radius);color:#d6d9df;cursor:pointer;background:#ffffff0a;place-items:center;display:grid}.search-box button{background:0 0;border:0;width:42px;height:42px}.icon-button{width:46px;height:46px;position:relative}.icon-button.has-badge span{background:var(--yellow);color:#111;border-radius:999px;place-items:center;width:18px;height:18px;font-size:.68rem;font-weight:900;display:grid;position:absolute;top:-5px;right:-3px}.premium-dashboard{gap:16px;padding-right:0;display:grid}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card,.main-panel,.rail-card,.quick-card,.card,.action-card,.data-card,.mini-stat,.detail-badge,.detail-stat,.detail-item,.contact-card,.invoice-row{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card);background:linear-gradient(145deg,#ffffff13,#ffffff08)}.metric-card{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:16px;min-height:124px;padding:20px;display:grid}.metric-card span{color:var(--text-soft);font-size:.93rem}.metric-card strong{margin:6px 0;font-size:2rem;line-height:1;display:block}.metric-card small{color:var(--text-soft)}.metric-card small.success{color:var(--green)}.metric-card small.danger{color:var(--red)}.metric-icon{border-radius:999px;place-items:center;width:56px;height:56px;display:grid}.metric-icon.yellow{color:#111;background:linear-gradient(180deg, var(--yellow), var(--yellow-2))}.metric-icon.green{color:#111;background:linear-gradient(#7bca57,#55a937)}.metric-icon.muted{color:#fff;background:linear-gradient(#5f636b,#3f4249)}.sync-note{border-radius:var(--radius);color:var(--text);background:linear-gradient(135deg,#facc1521,#ffffff09);border:1px solid #facc1547;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.sync-note div{gap:3px;display:grid}.sync-note strong{font-size:.92rem}.sync-note span,.sync-note small{color:var(--text-soft);font-size:.82rem}.sync-note small{white-space:nowrap}.sync-actions{justify-content:flex-end;align-items:center;gap:10px!important;display:flex!important}.dashboard-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:20px;display:grid}.main-panel{min-width:0;padding:20px}.panel-heading,.rail-head,.table-footer,.invoice-row,.contact-card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-heading{margin-bottom:18px}.panel-heading h2,.rail-card h3{margin:0;font-size:1.15rem}.yellow-action,.rail-action.primary,.button{border-radius:var(--radius);color:#101010;background:linear-gradient(180deg, var(--yellow), var(--yellow-2));cursor:pointer;border:1px solid #e9be05;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-weight:900;display:inline-flex}.yellow-action.compact{min-height:34px;padding:0 12px;font-size:.82rem}.button.alt,.rail-action{border:1px solid var(--line-strong);color:var(--text);background:#ffffff0a}.invoice-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.segmented-control{gap:8px;display:flex}.segmented-control button,.date-filter,.dark-filter{border:1px solid var(--line);border-radius:var(--radius);min-height:36px;color:var(--text);cursor:pointer;background:#00000038;padding:0 16px}.segmented-control button.active{color:#111;background:linear-gradient(180deg, var(--yellow), var(--yellow-2));border-color:#e8bd00;font-weight:900}.date-filter,.dark-filter{color:#d4d7dd;align-items:center;gap:8px;display:inline-flex}.premium-table-wrap{border-radius:var(--radius);border:1px solid #ffffff0f;max-height:min(52vh,560px);overflow:auto}.premium-table,.table{border-collapse:collapse;width:100%;color:var(--text);font-size:.91rem}.premium-table th,.premium-table td,.table th,.table td{text-align:left;vertical-align:middle;border-bottom:1px solid #ffffff12;padding:13px 14px}.premium-table th,.table th{color:#d5d8df;background:#00000038;font-weight:700}.premium-table tr:last-child td,.table tr:last-child td{border-bottom:0}.premium-table tbody tr,.table tbody tr{background:#ffffff03}.premium-table tbody tr:hover,.table tbody tr:hover{background:#ffd4000e}.premium-table td span,.table-meta{color:var(--text-dim);margin-top:3px;font-size:.82rem;display:block}.checkbox-lite{border:1px solid #626874;border-radius:3px;width:14px;height:14px;display:block}.invoice-status{border-radius:999px;align-items:center;min-height:26px;padding:0 10px;font-size:.78rem;font-weight:900;display:inline-flex}.invoice-status.warning{color:var(--yellow);background:#ffd40024}.invoice-status.paid{color:#8bd45d;background:#65b94326}.invoice-status.danger{color:#ff756e;background:#ff4d4526}.table-actions{align-items:center;gap:8px;display:flex}.table-actions a,.table-actions button{width:32px;height:32px}.table-empty{color:var(--text-soft);text-align:center;padding:24px}.table-footer{color:var(--text-soft);margin-top:14px;font-size:.86rem}.pager{gap:8px;display:flex}.pager button,.page-size{width:34px;height:34px}.pager button.active{color:#111;background:linear-gradient(180deg, var(--yellow), var(--yellow-2));border-color:#e6bd00;font-weight:900}.right-rail{gap:14px;display:grid}.rail-card{gap:14px;padding:16px;display:grid}.rail-head a{color:var(--yellow);font-size:.82rem;font-weight:800}.client-identity{border-bottom:1px solid var(--line);grid-template-columns:48px 1fr;align-items:center;gap:12px;padding-bottom:14px;display:grid}.client-avatar{width:48px;height:48px;font-size:1rem}.client-identity strong,.client-identity span,.client-identity small{display:block}.client-identity span,.client-identity small{color:var(--text-soft);margin-top:3px}.client-data{gap:12px;margin:0;display:grid}.client-data div{grid-template-columns:1fr auto;gap:10px;display:grid}.client-data dt{color:var(--text-soft)}.client-data dd{color:#fff;text-align:right;margin:0}.rail-action{border-radius:var(--radius);justify-content:center;align-items:center;gap:8px;min-height:42px;display:inline-flex}.due-list,.account-summary{gap:12px;display:grid}.due-list div,.account-summary div{color:var(--text-soft);grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.due-list strong,.account-summary strong{color:#fff}.due-list.action-list div{border-bottom:1px solid var(--line);grid-template-columns:1fr;gap:5px;padding-bottom:12px}.due-list.action-list div:last-child{border-bottom:0}.due-list.action-list small{color:var(--text-soft)}.due-list.action-list button{color:#fc0;cursor:pointer;background:#facc1514;border:1px solid #facc1573;border-radius:8px;width:fit-content;min-height:30px;padding:0 10px;font-weight:800}.account-summary .danger{color:var(--red)}.summary-total{border-top:1px solid var(--line);padding-top:12px}.summary-total strong{color:var(--yellow);font-size:1.35rem}.quick-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.quick-card{min-height:118px;color:var(--text);grid-template-columns:54px 1fr;align-items:center;gap:16px;padding:20px;display:grid}.quick-card>span{border-radius:var(--radius);width:54px;height:54px;color:var(--yellow);background:#ffd4001f;place-items:center;display:grid}.quick-card.teal>span{color:var(--teal);background:#23c7b821}.quick-card strong{margin-bottom:6px;display:block}.quick-card p{color:var(--text-soft);margin:0;line-height:1.4}.surface-stack,.grid,.checklist,.detail-list,.contact-list,.invoice-list,.data-grid,.action-grid,.stats-inline{gap:14px;display:grid}.grid.kpis{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.dashboard-grid,.split-layout,.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.card{padding:18px}.section-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.page-intro{gap:7px;display:grid}.page-intro h3,.section-title{margin:0;font-size:1.1rem}.section-subtitle{margin-bottom:0}.stats-inline{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.mini-stat{padding:14px}.stat-button{border:1px solid var(--line);border-radius:var(--radius);width:100%;color:inherit;text-align:left;cursor:pointer;background:#ffffff0a}.stat-button.active,.stat-button:hover{background:#ffd40013;border-color:#ffd4006b}.mini-stat strong{margin-bottom:4px;font-size:1.35rem;display:block}.mini-stat span{color:var(--text-soft)}.input,.select{border:1px solid var(--line);border-radius:var(--radius);width:100%;min-height:46px;color:var(--text);background:#ffffff0b;outline:none;padding:0 13px}.input::placeholder{color:var(--text-dim)}.toolbar,.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.toolbar>.input,.toolbar>.select{flex:180px;width:auto}.toolbar>.button{flex:none}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);overflow:auto}.status-pill{border:1px solid var(--line);min-height:28px;color:var(--text-soft);text-transform:uppercase;background:#ffffff0b;border-radius:999px;justify-content:center;align-items:center;padding:0 9px;font-size:.74rem;font-weight:900;display:inline-flex}.status-pill.ok{color:#8bd45d;background:#65b94326;border-color:#65b94338}.status-pill.warn{color:var(--yellow);background:#ffd40021;border-color:#ffd40033}.status-pill.danger{color:#ffaaa5;background:#ff4d451f;border-color:#ff4d4547}.status-pill.soft{color:var(--text-soft)}.kpi-card,.action-card,.data-card,.template-panel,.check-item,.detail-badge,.detail-stat,.detail-item,.contact-card,.invoice-row{padding:14px}.operation-hero{background:linear-gradient(#ffffff0f,#ffffff07);border-color:#ffffff1a}.tab-bar{border:1px solid var(--line);border-radius:var(--radius);background:#0000002e;flex-wrap:wrap;gap:8px;padding:6px;display:flex}.tab-button{min-height:38px;color:var(--text-soft);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;padding:0 14px;font-weight:800}.tab-button:hover{color:#fff;border-color:var(--line);background:#ffffff0a}.tab-button.active{color:#111;background:linear-gradient(180deg, var(--yellow), var(--yellow-2));border-color:#e9be05}.template-grid,.settings-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;min-width:0;display:grid}.template-panel{gap:14px;min-width:0;display:grid}.message-preview{border:1px solid var(--line);border-radius:var(--radius);color:#fff;white-space:pre-wrap;overflow-wrap:anywhere;background:#0003;min-height:96px;padding:14px;line-height:1.5}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.data-chip{min-height:28px;color:var(--yellow);background:#ffd40014;border:1px solid #ffd4002e;border-radius:999px;align-items:center;padding:0 10px;font-size:.8rem;font-weight:800;display:inline-flex}.setting-item,.settings-list>div{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff09;gap:5px;min-width:0;padding:14px;display:grid}.setting-item span,.settings-list span{color:var(--text-soft);font-size:.85rem}.setting-item strong,.settings-list strong{overflow-wrap:anywhere;min-width:0}.settings-list{gap:10px;margin-top:14px;display:grid}.settings-list.compact{margin-top:12px}.advanced-details summary{cursor:pointer;color:var(--yellow);font-weight:900}.advanced-details .code-block{max-height:360px;margin-top:14px}.rule-card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.toggle-off{min-height:24px;color:var(--yellow);text-transform:uppercase;background:#ffd40014;border:1px solid #ffd40038;border-radius:999px;align-items:center;padding:0 8px;font-size:.72rem;font-weight:900;display:inline-flex}.kpi-value{font-size:1.7rem;line-height:1}.kpi-label,.kpi-note,.detail-item-label,.detail-badge span,.detail-stat span{color:var(--text-soft)}.detail-hero{grid-template-columns:1fr 280px;gap:14px;padding:18px;display:grid}.detail-badges,.detail-stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.detail-hero-main,.detail-hero-side,.detail-section{gap:14px;display:grid}.detail-hero-main h3{margin:0;font-size:1.7rem}.invoice-row-side{justify-items:end;gap:6px;display:grid}.code-block,.json-preview{border:1px solid var(--line);border-radius:var(--radius);color:var(--text-soft);background:#00000038;margin:0;padding:14px;overflow:auto}.empty-state,.dark-alert,.error{border-radius:var(--radius);border:1px solid var(--line);color:var(--text-soft);background:#ffffff0a;gap:8px;padding:18px;display:grid}.dark-alert,.error{color:#ffaaa5;background:#ff4d451a;border-color:#ff4d4547}.dark-alert.success{color:#dff7dc;background:#59b95b17;border-color:#59b95b73}.loading-card{align-content:center;gap:12px;min-height:160px;display:grid}.loading-bar{background:linear-gradient(90deg,#ffffff12,#ffd40066,#ffffff12) 0 0/200% 100%;border-radius:999px;height:14px;animation:1.3s linear infinite shimmer}.loading-bar.short{width:52%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:1280px){.app-shell{grid-template-columns:220px minmax(0,1fr);width:min(1180px,100vw)}.metric-grid,.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-layout{grid-template-columns:1fr}.right-rail{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:920px){html,body{overflow:auto}.app-shell,.auth-page{border-radius:0;grid-template-columns:1fr;width:100%;height:auto;min-height:100vh;margin:0}.sidebar{grid-template-rows:auto;height:auto;min-height:auto;position:static;overflow:visible}.sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-promo,.sidebar-account{display:none}.main{height:auto;padding:20px;display:block;overflow:visible}.main-scroll{padding-right:0;overflow:visible}.topbar,.dashboard-grid,.split-layout,.detail-grid,.detail-hero{grid-template-columns:1fr}.topbar-controls{justify-content:flex-start}.metric-grid,.quick-actions,.right-rail{grid-template-columns:1fr}}@media (max-width:640px){.auth-hero,.auth-card,.main{padding:16px}.sidebar-nav{grid-template-columns:1fr}.topbar-controls,.sync-note,.invoice-toolbar,.table-footer,.panel-heading,.rail-head,.invoice-row,.contact-card-head{flex-direction:column;align-items:stretch}.sync-note small{white-space:normal}.search-box{width:100%;max-width:none}.segmented-control{flex-wrap:wrap}.quick-card,.metric-card,.client-identity{grid-template-columns:1fr}}.success-card{color:#dff7dc;background:#59b95b17;border-color:#59b95b73}.warning-card{background:#ffcc0014;border-color:#ffcc006b}.qr-box{background:#fff;border:1px solid #ffffff1f;border-radius:12px;place-items:center;min-height:280px;padding:20px;display:grid}.qr-box img{width:min(280px,100%);height:auto}.table-actions.text-actions{flex-wrap:wrap;gap:8px;display:flex}.table-actions.text-actions a,.table-actions.text-actions button{min-height:30px;color:inherit;font:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:8px;padding:6px 10px;text-decoration:none}.table-actions.text-actions a:hover,.table-actions.text-actions button:hover{color:#fc0;border-color:#ffcc00a6}.table-actions.text-actions .primary-text-action{color:#111;background:linear-gradient(180deg, var(--yellow), var(--yellow-2));border-color:#e9be05;font-weight:900}.button:disabled,.button.alt:disabled{cursor:not-allowed;opacity:.5}.sidebar-promo.compact{min-height:auto}.sidebar-promo.compact span{color:var(--muted);font-size:.82rem;line-height:1.35}.channel-workspace,.email-workspace,.template-workspace{padding-bottom:28px}.channel-hero{background:linear-gradient(118deg,#ffd4001c,#ffffff09 42%,#ffffff06);border-color:#ffd40040;justify-content:space-between;align-items:center;gap:24px;min-height:148px;display:flex}.channel-hero h2{margin:10px 0 8px;font-size:1.55rem}.channel-hero p{max-width:720px;color:var(--text-soft);margin:0;line-height:1.5}.channel-hero-actions,.routing-actions,.modal-actions,.sender-actions,.sender-footer,.template-row-title{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.channel-hero-actions{flex:none;justify-content:flex-end}.channel-summary-grid,.template-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.channel-summary-card{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0a;align-items:center;gap:12px;min-height:88px;padding:16px;display:flex}.channel-summary-card>svg{color:var(--yellow)}.channel-summary-card strong,.channel-summary-card span{display:block}.channel-summary-card strong{font-size:1.25rem}.channel-summary-card span{color:var(--text-soft);margin-top:3px;font-size:.82rem}.routing-card{gap:14px;display:grid}.routing-actions{justify-content:space-between}.switch-control,.mini-switch,.checkbox-row{color:var(--text-soft);cursor:pointer;align-items:center;gap:9px;font-size:.88rem;display:inline-flex}.switch-control{max-width:290px;color:var(--text)}.switch-control input,.mini-switch input{opacity:0;pointer-events:none;position:absolute}.switch-control span,.mini-switch span{border:1px solid var(--line-strong);background:#ffffff14;border-radius:999px;flex:none;width:38px;height:22px;transition:all .16s;display:inline-flex;position:relative}.switch-control span:after,.mini-switch span:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:all .16s;position:absolute;top:3px;left:3px}.switch-control input:checked+span,.mini-switch input:checked+span{background:var(--yellow);border-color:#ffd400d1}.switch-control input:checked+span:after,.mini-switch input:checked+span:after{background:#111;transform:translate(16px)}.channel-section{gap:14px;display:grid}.sender-grid,.official-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;display:grid}.sender-card{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff09;gap:16px;min-width:0;padding:18px;display:grid}.sender-card.is-active{box-shadow:inset 3px 0 0 var(--green);border-color:#65b94366}.sender-card-head{grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.sender-icon,.template-channel-icon{border-radius:var(--radius);width:42px;height:42px;color:var(--yellow);background:#ffd40014;border:1px solid #ffd4003b;place-items:center;display:grid}.sender-icon.official{color:var(--teal);background:#23c7b817;border-color:#23c7b840}.sender-title{min-width:0}.sender-title h4{text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;font-size:1rem;overflow:hidden}.sender-title span,.sender-status>span:last-child,.sender-error{color:var(--text-soft);overflow-wrap:anywhere;font-size:.84rem}.sender-status{align-items:center;gap:8px;min-height:30px;display:flex}.sender-error{color:#ffb7b1;margin:-6px 0 0;line-height:1.4}.sender-actions{border-top:1px solid var(--line);justify-content:space-between;padding-top:13px}.sender-footer{justify-content:space-between}.icon-text-button,.text-button,.danger-text-button{min-height:34px;color:var(--text-soft);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:7px;padding:0 10px;font-size:.84rem;font-weight:800;display:inline-flex}.icon-text-button{border:1px solid var(--line-strong);color:var(--text);background:#ffffff09}.icon-text-button:hover,.text-button:hover{color:var(--yellow)}.danger-text-button{color:#ffaaa5}.official-api-card,.cost-card{gap:16px;display:grid}.official-empty{border:1px dashed var(--line-strong);border-radius:var(--radius);min-height:220px;color:var(--text-soft);text-align:center;align-content:center;place-items:center;gap:8px;padding:28px;display:grid}.official-empty svg{color:var(--teal)}.official-empty strong{color:var(--text)}.cost-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:12px;display:grid}.cost-stat{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff09;gap:7px;min-height:84px;padding:14px;display:grid}.cost-stat span{color:var(--text-soft);font-size:.84rem}.cost-stat strong{font-size:1.25rem}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000ad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--line-strong);border-radius:var(--radius);width:min(620px,100%);max-height:min(760px,100vh - 40px);box-shadow:var(--shadow);background:#1a1c20;gap:16px;padding:24px;display:grid;position:relative;overflow:auto}.modal-card h3{margin:0;font-size:1.35rem}.modal-card p{color:var(--text-soft);margin:0;line-height:1.5}.modal-close{border:1px solid var(--line);min-height:32px;color:var(--text-soft);cursor:pointer;background:0 0;border-radius:6px;justify-self:end;padding:0 9px}.setup-modal{gap:14px}.setup-modal .advanced-details{border:1px solid var(--line);border-radius:var(--radius);gap:12px;padding:13px;display:grid}.setup-modal .advanced-details summary{color:var(--text-soft)}.split-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.danger-button{color:#fff;background:#b42f28;border-color:#ff4d4599}.qr-modal{text-align:center;justify-items:center}.qr-modal .modal-close{justify-self:end;width:100%}.email-step-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.email-step{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff08;align-items:center;gap:12px;padding:15px;display:flex}.email-step>span{color:#111;background:var(--yellow);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.email-step strong,.email-step p{display:block}.email-step p{color:var(--text-soft);margin:4px 0 0;font-size:.82rem}.template-controls{gap:14px;display:grid}.template-list{gap:10px;display:grid}.template-row{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff09;grid-template-columns:42px minmax(0,1fr) auto;align-items:start;gap:14px;padding:16px;display:grid}.template-channel-icon.whatsapp{color:var(--green);background:#65b94317;border-color:#65b94342}.template-channel-icon.email{color:var(--teal);background:#23c7b817;border-color:#23c7b842}.template-row-main{min-width:0}.template-row-main h3{margin:0;font-size:1rem}.template-row-main p{max-width:920px;color:var(--text-soft);white-space:pre-wrap;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:10px 0;line-height:1.45;display:-webkit-box;overflow:hidden}.template-row-side{justify-items:end;gap:10px;display:grid}.template-row-side>span{color:var(--text-dim);font-size:.8rem}.template-editor .textarea{resize:vertical;border:1px solid var(--line);border-radius:var(--radius);width:100%;color:var(--text);background:#0003;outline:none;padding:12px;line-height:1.5}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1060px){.channel-summary-grid,.template-summary-grid,.cost-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.channel-hero,.section-head{flex-direction:column;align-items:flex-start}.channel-hero-actions,.routing-actions{justify-content:flex-start;width:100%}.channel-summary-grid,.template-summary-grid,.cost-grid,.email-step-grid,.split-fields{grid-template-columns:1fr}.template-row{grid-template-columns:42px minmax(0,1fr)}.template-row-side{grid-column:2;justify-items:start}}.code-box{color:var(--text);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:10px;padding:14px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.92rem;line-height:1.6;overflow-x:auto}.timeline-list{gap:12px;margin-top:14px;display:grid}.timeline-item{border-left:3px solid #ffcc00bf;gap:6px;padding:10px 0 10px 14px;display:grid}.timeline-item strong{color:var(--text)}.timeline-item span,.timeline-item p,.muted{color:var(--muted);margin:0}
@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(../media/3ce154ad7d54dc86-s.0n54~jvon9ee5.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(../media/7cdbb9ca823c0a73-s.0g~9kd3dx56ng.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(../media/1e239d59b95c7889-s.0y5o_un~q19dn.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(../media/a421df443b3f383b-s.0-2a4_vov7hfq.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(../media/c2873153dc73d9e3-s.0g6heybwh~nbo.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(../media/d38a53d0ba90b32d-s.0-z21w-861g1d.woff2)format("woff2");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(../media/5b0229109f6656bb-s.1455rc8vwuctw.woff2)format("woff2");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F7??,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB??}@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(../media/ca19bc83075b2625-s.0s0y.-f87v-al.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(../media/2aec202ebfcf461b-s.0p8pxnvll2h.7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(../media/cf514f5d0007dafa-s.p.0lok5zj4ubzox.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Open Sans Fallback;src:local(Arial);ascent-override:101.65%;descent-override:27.86%;line-gap-override:0.0%;size-adjust:105.15%}.open_sans_b3d21332-module__c5Sxdq__className{font-family:Open Sans,Open Sans Fallback;font-style:normal}.open_sans_b3d21332-module__c5Sxdq__variable{--font-body:"Open Sans", "Open Sans Fallback"}