@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");:root{--primary:#21635a;--primary-dark:#174940;--primary-light:#2a7a6f;--primary-50:#eaf4f3;--primary-100:#c6e5e2;--accent:#e3b923;--accent-dark:#c4a01a;--accent-50:#fdf8e3;--accent-100:#faedb6;--ink:#17212b;--ink-2:#334155;--muted:#6b7280;--muted-2:#9ca3af;--surface:#ffffff;--surface-2:#f7f8f4;--background:#f0f4f3;--border:#dce8e6;--border-strong:#c6d7d4;--green:#22c55e;--green-dark:#16a34a;--green-50:#f0fdf4;--red:#dc2626;--red-50:#fff7f7;--yellow:#e3b923;--pink:#e1306c;--purple:#8b5cf6;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 4px 14px rgba(33,99,90,0.08);--shadow:0 16px 40px rgba(33,99,90,0.10);--focus:0 0 0 3px rgba(33,99,90,0.22);color:var(--ink);background:var(--background);font-family:Manrope,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}body,html{min-width:320px;min-height:100%;margin:0}body{background:var(--background)}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.58}img,svg{display:block}a{color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--primary-100);border-radius:999px}:focus-visible{outline:2px solid var(--primary);outline-offset:3px}@keyframes spin{to{transform:rotate(1turn)}}.page-loading{min-height:280px;display:grid;place-items:center}.page-loading span{width:32px;height:32px;border:3px solid var(--primary-100);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.brand{display:flex;align-items:center;gap:12px}.brand>span{width:44px;height:44px;display:grid;flex:0 0 auto;place-items:center;overflow:hidden;border-radius:8px}.brand>span.brand-logo{background:transparent}.brand img{width:44px;height:44px;object-fit:contain}.brand div{min-width:0;display:flex;flex-direction:column;gap:4px}.brand strong{color:inherit;font-size:26px;font-weight:800;line-height:1}.brand small{color:color-mix(in srgb,currentColor 58%,transparent);font-size:14px;line-height:1.2}.auth-page{width:100%;height:100svh;display:grid;grid-template-columns:minmax(0,1fr);padding:0;overflow:hidden;background:var(--surface)}.auth-showcase{display:none}.auth-form-wrap{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:auto;padding:24px 20px 60px;background:var(--surface);position:relative}.auth-form{width:min(100%,380px)}.mobile-brand{display:block;margin-bottom:40px;color:var(--primary)}.auth-form h2{margin:0 0 14px;color:var(--ink);font-size:clamp(2.25rem,8vw,2.75rem);font-weight:800;line-height:1.08}.auth-form>p{margin:0 0 34px;color:var(--muted);font-size:18px;line-height:1.5}.auth-button,.google-button{width:100%;min-height:58px;display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:8px;font-weight:800;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.google-button{margin-bottom:30px;border:1px solid var(--border-strong);background:var(--surface);color:var(--ink);font-size:16px}.google-button:hover{border-color:var(--primary-100);box-shadow:var(--shadow-sm)}.auth-divider{display:flex;align-items:center;gap:20px;margin:0 0 28px;color:var(--muted-2);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.auth-divider:after,.auth-divider:before{content:"";height:1px;flex:1 1;background:var(--border)}.field{display:grid;grid-gap:10px;gap:10px;margin-bottom:22px}.field-label{color:var(--ink);font-size:12px;font-weight:800;line-height:1.2;text-transform:uppercase}.input{width:100%;min-height:58px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);color:var(--ink);padding:0 18px;font-size:16px;line-height:1.3;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.input::placeholder{color:#6b7280}.input:hover{border-color:#bfd0e2}.input:focus{border-color:var(--primary-light);box-shadow:var(--focus);outline:0}.textarea{min-height:120px;padding-top:14px;resize:vertical}.auth-button{margin-top:8px;background:linear-gradient(180deg,var(--primary-light) 0,var(--primary) 100%);color:#fff;font-size:17px;box-shadow:0 16px 34px rgba(33,99,90,.18)}.auth-button:hover{background:linear-gradient(180deg,var(--primary) 0,var(--primary-dark) 100%)}.auth-button:active,.button:active,.google-button:active{transform:translateY(1px) scale(.99)}.text-button{min-height:32px;padding:0;background:transparent;color:var(--primary);font-weight:800}.text-button:hover{color:var(--primary-dark);text-decoration:underline}.auth-reset{margin-top:0;font-size:14px}.auth-switch{margin-top:30px;color:var(--muted);text-align:center;font-size:16px}.auth-switch .text-button{min-height:auto;margin-left:4px}.auth-legal-links{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:30px;color:var(--muted);font-size:13px;font-weight:800}.auth-legal-links a{color:var(--primary);text-decoration:none}.auth-legal-links a:hover{color:var(--primary-dark);text-decoration:underline}.auth-footer{position:absolute;bottom:18px;left:0;right:0;text-align:center;padding:0 20px}.auth-copyright{margin:0;color:#000;font-size:12px;font-weight:500;letter-spacing:.02em;text-align:center}.auth-copyright a{color:#000;text-decoration:none;border-bottom:1px solid rgba(0,0,0,.35);transition:color .2s ease,border-color .2s ease}.auth-copyright a:hover{color:#333;border-color:#333}.field-error,.success-text{display:block;color:var(--red);font-size:14px;font-weight:700}.success-text{color:var(--green)}.auth-options{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-4px 0 26px}.consent-group{display:grid;grid-gap:12px;gap:12px;margin:-2px 0 20px}.consent-row{display:grid;grid-template-columns:18px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:flex-start;color:var(--ink-2);font-size:13px;font-weight:700;line-height:1.45}.consent-row.required{color:var(--ink)}.consent-row input{width:17px;height:17px;margin:2px 0 0;accent-color:var(--primary)}.consent-row a{color:var(--primary);font-weight:800}.remember-me{min-height:38px;display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-size:14px;font-weight:700}.remember-me input{width:16px;height:16px;accent-color:var(--primary)}@media (min-width:1024px){.auth-page{width:100%;height:100svh;grid-template-columns:minmax(620px,58fr) minmax(480px,42fr);padding:0;border-radius:0;box-shadow:none}.auth-showcase{position:relative;min-height:100%;display:grid;align-content:space-between;padding:clamp(44px,6.5svh,76px) clamp(64px,6vw,104px) clamp(34px,5.4svh,58px);overflow:hidden;color:#fff;background:radial-gradient(circle at 0 72%,rgba(227,185,35,.12),transparent 34%),radial-gradient(circle at 0 100%,rgba(33,99,90,.88),transparent 46%),linear-gradient(180deg,var(--primary) 0,var(--primary-dark) 54%,#123d36 100%)}.auth-showcase:after,.auth-showcase:before{content:"";position:absolute;pointer-events:none}.auth-showcase:before{width:min(52vw,690px);height:min(52vw,690px);top:clamp(-300px,-28vw,-190px);right:clamp(-170px,-8vw,-90px);border:1px solid rgba(250,237,182,.24);border-radius:50%;background:radial-gradient(circle at 54% 64%,var(--accent) 0 5px,transparent 6px),repeating-radial-gradient(circle at 54% 64%,transparent 0 84px,rgba(227,185,35,.36) 85px 86px,transparent 87px 132px),repeating-radial-gradient(circle at 54% 64%,transparent 0 118px,rgba(250,237,182,.18) 119px 120px,transparent 121px 178px)}.auth-showcase:after{left:0;bottom:clamp(78px,10svh,112px);width:220px;height:150px;opacity:.18;background-image:radial-gradient(circle,var(--accent-100) 1px,transparent 1px);background-size:9px 9px}.auth-showcase .brand{align-self:flex-start}.auth-copy{position:relative;z-index:1;max-width:min(700px,74%)}.eyebrow{display:inline-block;margin-bottom:clamp(18px,2.4svh,26px);color:var(--accent);font-size:clamp(12px,.8vw,15px);font-weight:800;letter-spacing:.17em}.auth-copy h1{max-width:700px;margin:0 0 clamp(18px,2.2svh,26px);color:#fff;font-size:clamp(4.25rem,min(5vw,9svh),5.8rem);font-weight:800;letter-spacing:0;line-height:1.08}.auth-copy h1 .accent-word{color:var(--accent);font-style:italic}.auth-copy>p{max-width:690px;margin:0;color:rgba(255,255,255,.74);font-size:clamp(1.25rem,min(1.28vw,2.35svh),1.5rem);font-weight:500;line-height:1.5}.auth-features{width:min(100%,680px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px clamp(40px,5vw,88px);gap:16px clamp(40px,5vw,88px);margin-top:clamp(28px,4.2svh,48px)}.auth-features span{color:rgba(255,255,255,.86);font-size:clamp(13px,.86vw,16px);line-height:1.4}.auth-features span:first-letter{color:var(--accent)}.auth-stats{display:flex;gap:clamp(38px,5vw,82px);align-self:end;border-top:1px solid rgba(250,237,182,.16);padding-top:clamp(22px,3vh,34px)}.auth-stats span{position:relative;display:grid;grid-gap:4px;gap:4px;padding-left:clamp(54px,4.2vw,66px)}.auth-stats span:before{position:absolute;left:0;top:50%;width:clamp(42px,3.2vw,52px);height:clamp(42px,3.2vw,52px);display:grid;place-items:center;border:1px solid rgba(227,185,35,.54);border-radius:50%;color:var(--accent);background:rgba(227,185,35,.08);transform:translateY(-50%);font-size:clamp(18px,1.2vw,22px)}.auth-stats span:first-child:before{content:"U"}.auth-stats span:nth-child(2):before{content:"M"}.auth-stats span:nth-child(3):before{content:"%"}.auth-stats strong{color:var(--accent);font-size:clamp(1.8rem,1.85vw,2.25rem);font-weight:800;line-height:1}.auth-stats small{color:rgba(255,255,255,.54);font-size:clamp(11px,.7vw,13px)}.auth-form-wrap{min-height:100%;padding:clamp(44px,7svh,82px) clamp(58px,6vw,104px);overflow:auto}.auth-form{width:min(100%,484px)}.auth-form h2{font-size:clamp(3rem,min(3vw,6svh),3.75rem)}.auth-form>p{font-size:clamp(1.25rem,1.15vw,1.5rem)}.mobile-brand{display:none}}@media (min-width:1024px) and (max-height:860px){.auth-showcase{padding-top:40px;padding-bottom:32px}.auth-copy h1{font-size:clamp(3.45rem,min(4.7vw,7.8svh),5rem);line-height:1.06}.auth-copy>p{font-size:clamp(1.05rem,1.1vw,1.25rem)}.auth-features{margin-top:24px;gap:12px clamp(32px,4vw,64px)}.auth-stats{padding-top:20px}.auth-form-wrap{padding-top:36px;padding-bottom:36px}.auth-form h2{font-size:clamp(2.5rem,min(2.7vw,5.8svh),3.25rem)}.auth-form>p{margin-bottom:24px}.auth-button,.google-button,.input{min-height:52px}.auth-divider,.auth-options,.field,.google-button{margin-bottom:18px}.auth-switch{margin-top:20px}}@media (max-width:640px){.auth-form-wrap{align-items:flex-start;padding:24px 16px}.brand strong{font-size:22px}.brand small{font-size:12px}.auth-button,.google-button{min-height:56px}}.app-shell{height:100svh;display:flex;overflow:hidden;background:var(--background)}.app-main{min-width:0;flex:1 1;display:flex;flex-direction:column}.page-viewport{min-height:0;flex:1 1;overflow:auto}.page{width:min(100%,1600px);margin:0 auto;padding:28px}.sidebar{width:232px;height:100svh;flex:0 0 232px;display:flex;flex-direction:column;gap:18px;padding:20px 12px;color:#fff;background:linear-gradient(180deg,var(--primary) 0,var(--primary-dark) 100%)}.sidebar .brand strong{font-size:19px}.sidebar .brand small{font-size:10px}.sidebar .brand img,.sidebar .brand>span{width:38px;height:38px}.sidebar-user,.workspace-switcher{display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);background:rgba(255,255,255,.08);padding:10px}.avatar,.workspace-switcher>span:first-child{width:34px;height:34px;display:grid;flex:0 0 auto;place-items:center;border-radius:8px;background:var(--accent);color:#16332f;font-size:13px;font-weight:800}.sidebar-user div,.workspace-switcher div{min-width:0;flex:1 1;display:grid;grid-gap:2px;gap:2px}.sidebar-user strong,.workspace-switcher strong{overflow:hidden;color:inherit;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.sidebar-user small,.workspace-switcher small{overflow:hidden;color:rgba(255,255,255,.58);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.sidebar nav{display:grid;grid-gap:4px;gap:4px}.sidebar nav button{min-height:42px;display:flex;align-items:center;gap:10px;border-radius:var(--radius-md);background:transparent;color:rgba(255,255,255,.72);padding:0 10px;font-size:14px;font-weight:700;text-align:left}.sidebar nav button.active,.sidebar nav button:hover{background:rgba(255,255,255,.12);color:#fff}.sidebar nav i{min-width:20px;margin-left:auto;border-radius:999px;background:var(--accent);color:#162f2b;font-style:normal;font-size:11px;text-align:center}.sidebar-user{margin-top:auto}.topbar{min-height:72px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--border);background:rgba(255,255,254,.86);padding:0 24px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.calendar-head button,.icon-button,.menu-button,.notification-button,.row-actions button{min-width:40px;min-height:40px;display:inline-grid;place-items:center;border-radius:var(--radius-md);background:var(--surface-2);color:var(--ink);font-weight:800}.menu-button{display:none}.global-search{width:min(560px,100%);min-height:44px;display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--muted);padding:0 12px;text-align:left}.global-search span{flex:1 1}kbd{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);padding:3px 7px;color:var(--muted);font-size:12px}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.notification-button,.topbar-actions{position:relative}.notification-button span,.unread-count{min-width:20px;height:20px;display:grid;place-items:center;border-radius:999px;background:var(--red);color:#fff;font-size:11px;font-weight:800}.notification-button span{position:absolute;top:-5px;right:-5px}.profile-button{min-height:48px;display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);padding:6px 10px}.profile-button>span:last-of-type{display:grid;grid-gap:2px;gap:2px;text-align:left}.profile-button small,.profile-button strong{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-button small{color:var(--muted);font-size:11px}.profile-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:20;width:210px;display:grid;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.profile-menu button{min-height:44px;background:transparent;color:var(--ink);padding:0 14px;text-align:left}.profile-menu button:hover{background:var(--surface-2)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.page-header h1{margin:0 0 8px;color:var(--ink);font-size:clamp(1.75rem,2vw,2.35rem);font-weight:800;line-height:1.12}.page-header p,.section-description{max-width:72ch;margin:0;color:var(--muted);font-size:16px;line-height:1.55}.modal-footer,.page-actions,.panel-actions,.toolbar{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-md);padding:0 16px;font-weight:800;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.button-sm{min-height:36px;padding:0 12px;font-size:13px}.button-primary{background:var(--primary);color:#fff}.button-primary:hover{background:var(--primary-dark)}.button-secondary{border:1px solid var(--border);background:var(--surface);color:var(--ink)}.button-secondary:hover{border-color:var(--border-strong);background:var(--surface-2)}.button-danger{background:var(--red);color:#fff}.button-danger:hover{background:#b91c1c}.billing-grid,.channel-summary-grid,.integration-grid,.kpi-grid,.settings-grid,.template-grid{display:grid;grid-gap:16px;gap:16px}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.kpi-card{display:grid;grid-gap:8px;gap:8px;padding:18px}.kpi-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--primary-50);color:var(--primary)}.tone-green{background:var(--green-50);color:var(--green)}.tone-yellow{background:var(--accent-50);color:var(--accent-dark)}.tone-pink{background:#fdf2f8;color:var(--pink)}.tone-purple{background:#f5f3ff;color:var(--purple)}.tone-primary{background:var(--primary-50);color:var(--primary)}.kpi-value{color:var(--ink);font-size:28px;font-weight:800;line-height:1}.kpi-label{color:var(--ink-2);font-weight:800}.field small,.kpi-sub,.table-sub{color:var(--muted);font-size:13px;line-height:1.4}.analytics-grid,.dashboard-chart-grid,.reports-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.8fr);grid-gap:16px;gap:16px;margin-bottom:16px}.billing-summary,.calendar-card,.chart-card,.inbox-summary,.mini-kpis,.settings-panel,.table-card{padding:18px}.table-card.flush{padding:0;overflow:hidden}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.card-heading h2,.plan-card h2,.settings-panel h2{margin:0 0 4px;color:var(--ink);font-size:18px;font-weight:800;line-height:1.2}.card-heading p{margin:0;color:var(--muted);font-size:14px}.chart-legend,.tag-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chart-legend span,.metric-progress{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;font-weight:700}.dot{width:9px;height:9px;border-radius:999px}.wa{background:var(--green)}.fb{background:#1877f2}.ig{background:var(--pink)}.inbox-metric{display:grid;grid-gap:4px;gap:4px;margin-bottom:14px}.inbox-metric strong{color:var(--primary);font-size:46px;line-height:1}.inbox-metric span{color:var(--muted);font-weight:700}.compact-list>div,.notification-list>div,.search-results button,.summary-row{width:100%;display:flex;align-items:center;gap:12px;border-radius:var(--radius-md);background:transparent;color:var(--ink);padding:10px;text-align:left}.search-results button:hover,.summary-row:hover{background:var(--surface-2)}.summary-row>span:nth-child(2){min-width:0;flex:1 1;display:grid;grid-gap:2px;gap:2px}.summary-row small{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.table-scroll{width:100%;overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px}td,th{border-bottom:1px solid var(--border);padding:14px 16px;color:var(--ink-2);font-size:14px;text-align:left;vertical-align:middle}th{background:var(--surface-2);color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}td strong{color:var(--ink)}.table-sub{display:block;margin-top:3px}.empty-cell{padding:32px;color:var(--muted);text-align:center}.badge,.channel-badge{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;padding:0 9px;background:var(--surface-2);color:var(--ink-2);font-size:12px;font-weight:800}.channel-whatsapp,.status-active,.status-approved,.status-connected,.status-live{background:var(--green-50);color:var(--green)}.status-draft,.status-pending,.status-scheduled{background:var(--accent-50);color:var(--accent-dark)}.channel-facebook,.status-completed{background:#e7f0ff;color:#1877f2}.channel-instagram{background:#fdf2f8;color:var(--pink)}.row-actions{display:flex;justify-content:flex-end;gap:6px}.danger-text{color:var(--red)!important}.toolbar{justify-content:space-between;margin:16px 0}.header-search,.toolbar-search{max-width:360px}.compact-input{min-height:44px;max-width:140px}.segmented,.tabs{display:flex;gap:6px;flex-wrap:wrap}.inbox-tabs button,.segmented button,.tabs button{min-height:40px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--muted);padding:0 12px;font-weight:800}.inbox-tabs button.active,.segmented button.active,.tabs button.active{border-color:var(--primary);background:var(--primary);color:#fff}.channel-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.channel-summary{display:flex;align-items:center;gap:12px;padding:16px}.channel-large,.flow-icon,.integration-dialog-icon,.integration-icon{width:46px;height:46px;display:grid;place-items:center;flex:0 0 auto;border-radius:var(--radius-md);background:var(--primary-50);color:var(--primary);font-weight:800}.channel-summary span:last-child,.flow-copy,.integration-copy{min-width:0;display:grid;grid-gap:4px;gap:4px}.channel-summary strong,.flow-copy strong,.integration-copy strong{color:var(--ink)}.channel-summary small,.flow-copy small,.integration-copy p,.integration-copy small{margin:0;color:var(--muted);line-height:1.45}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;overflow:auto;background:rgba(23,33,43,.42);padding:20px}.modal{width:min(100%,640px);max-height:calc(100svh - 40px);display:flex;flex-direction:column;border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.modal-wide{width:min(100%,920px)}.modal-footer,.modal-header{padding:18px;border-bottom:1px solid var(--border)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.modal-header h2{margin:0 0 4px;font-size:22px}.modal-header p{margin:0;color:var(--muted);line-height:1.5}.modal-body{display:grid;grid-gap:16px;gap:16px;overflow:auto;padding:18px}.modal-footer{border-top:1px solid var(--border);border-bottom:0}.api-key-row,.form-grid,.settings-content{display:grid;grid-gap:16px;gap:16px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.info-box,.message-preview{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);padding:14px;color:var(--ink-2)}.info-box p,.message-preview p{margin:6px 0 0;color:var(--muted);line-height:1.5}.empty-state{display:grid;justify-items:center;grid-gap:8px;gap:8px;padding:32px;color:var(--muted);text-align:center}.confirm-mark,.empty-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:999px;background:var(--primary-50);color:var(--primary);font-weight:800}.empty-state h3{margin:0;color:var(--ink)}.empty-state p{margin:0}.toast{position:fixed;right:20px;bottom:20px;z-index:120;min-height:48px;display:flex;align-items:center;gap:10px;border-radius:var(--radius-md);background:var(--ink);color:#fff;padding:0 16px;box-shadow:var(--shadow);font-weight:800}.toast span{width:24px;height:24px;display:grid;place-items:center;border-radius:999px;background:var(--green)}.toast-error span{background:var(--red)}.progress{width:90px;height:8px;display:inline-flex;overflow:hidden;border-radius:999px;background:var(--surface-2)}.progress span{border-radius:inherit}.billing-grid,.integration-grid,.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.integration-card,.plan-card,.template-card{display:grid;grid-gap:14px;gap:14px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:18px;box-shadow:var(--shadow-sm)}.integration-card,.template-foot,.template-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.template-body{margin:0;color:var(--ink-2);line-height:1.55}.flow-list{display:grid;grid-gap:12px;gap:12px}.flow-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;grid-gap:14px;gap:14px;padding:16px}.flow-stat{display:grid;grid-gap:2px;gap:2px;text-align:right}.flow-stat small{color:var(--muted)}.flow-builder,.flow-meta{display:grid;grid-gap:16px;gap:16px}.flow-builder{grid-template-columns:minmax(0,1fr) 280px}.flow-canvas,.flow-help{display:grid;grid-gap:12px;gap:12px;border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-2);padding:16px}.canvas-empty{color:var(--muted);text-align:center;padding:40px 12px}.flow-help button,.flow-node{display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:12px;text-align:left}.flow-help button span:last-child,.flow-node div{min-width:0;flex:1 1;display:grid;grid-gap:3px;gap:3px}.flow-node p{margin:0;color:var(--muted)}.flow-connector{color:var(--muted);text-align:center;font-weight:800}.inbox-page{height:100%;display:flex;flex-direction:column;gap:12px;padding:16px}.inbox-tabs{display:flex;gap:8px;overflow:auto}.inbox-tabs button{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.inbox-tabs span{min-width:20px;border-radius:999px;background:rgba(255,255,255,.22);text-align:center}.inbox-layout{min-height:0;flex:1 1;display:grid;grid-template-columns:340px minmax(0,1fr) 300px;grid-gap:12px;gap:12px}.chat-panel,.contact-panel,.conversation-list{min-height:0;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.conversation-search{padding:12px;border-bottom:1px solid var(--border)}.conversation-scroll,.message-list{height:100%;overflow:auto}.conversation-item{width:100%;display:flex;align-items:flex-start;gap:10px;border-bottom:1px solid var(--border);background:transparent;color:var(--ink);padding:12px;text-align:left}.conversation-item.selected,.conversation-item:hover{background:var(--primary-50)}.conversation-copy{min-width:0;flex:1 1;display:grid;grid-gap:5px;gap:5px}.conversation-copy>span:first-child{display:flex;justify-content:space-between;gap:8px}.conversation-copy em{overflow:hidden;color:var(--muted);font-style:normal;text-overflow:ellipsis;white-space:nowrap}.chat-panel{display:flex;flex-direction:column}.chat-header{min-height:72px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border);padding:12px 16px}.chat-header div:nth-child(2){min-width:0;flex:1 1}.chat-header p,.contact-panel p{margin:3px 0 0;color:var(--muted)}.chat-actions{display:flex;gap:8px}.message-list{flex:1 1;display:flex;flex-direction:column;gap:10px;padding:16px;background:var(--surface-2)}.conversation-date{align-self:center;border-radius:999px;background:var(--surface);color:var(--muted);padding:5px 10px;font-size:12px;font-weight:800}.message{max-width:min(70%,520px);display:grid;grid-gap:4px;gap:4px;border-radius:14px;background:var(--surface);padding:10px 12px}.message.out{align-self:flex-end;background:var(--primary);color:#fff}.message p{margin:0;line-height:1.45}.message small{color:color-mix(in srgb,currentColor 70%,transparent)}.composer{grid-template-columns:1fr auto;border-top:1px solid var(--border);padding:12px}.composer,.contact-panel{display:grid;grid-gap:10px;gap:10px}.contact-panel{align-content:flex-start;justify-items:center;padding:20px;text-align:center}.avatar.large{width:72px;height:72px;font-size:24px}.contact-details{width:100%;display:grid;grid-gap:8px;gap:8px;margin-top:10px}.billing-summary>div,.contact-details span,.mini-kpis>div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--border);padding-top:10px}.billing-summary span,.contact-details small{color:var(--muted)}.reports-layout{grid-template-columns:340px minmax(0,1fr);align-items:flex-start}.report-main,.report-sidebar{display:grid;grid-gap:16px;gap:16px}.report-toolbar{justify-content:space-between}.range-pill{display:inline-flex;align-items:center;min-height:40px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:0 12px;color:var(--muted);font-weight:800}.calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:5px;gap:5px}.calendar-grid button,.calendar-grid span{min-height:36px;display:grid;place-items:center;border-radius:var(--radius-sm)}.weekdays span{color:var(--muted);font-size:12px;font-weight:800}.calendar-grid button{background:var(--surface-2);color:var(--ink-2)}.calendar-grid button.in-range{background:var(--primary-50);color:var(--primary)}.calendar-grid button.range-edge,.calendar-grid button.today{background:var(--primary);color:#fff}.four-small{grid-template-columns:repeat(4,minmax(0,1fr))}.settings-grid{grid-template-columns:minmax(0,1fr)}.settings-panel{display:grid;grid-gap:16px;gap:16px}.panel-actions,.settings-save{justify-content:flex-end}.api-key-row{border-top:1px solid var(--border);padding-top:14px}.api-key-row label{color:var(--ink);font-weight:800}.api-key-row div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}code{border-radius:var(--radius-sm);background:var(--surface-2);padding:8px 10px;color:var(--ink-2)}.legal-page{min-height:100svh;background:var(--surface)}.legal-hero{display:grid;grid-gap:10px;gap:10px;border-bottom:1px solid var(--border);background:var(--primary);color:#fff;padding:30px max(20px,calc((100vw - 980px) / 2))}.legal-brand{width:-moz-fit-content;width:fit-content;display:inline-flex;align-items:center;gap:10px;color:#fff;font-weight:800;text-decoration:none}.legal-brand img{width:34px;height:34px;object-fit:contain}.legal-hero h1{margin:18px 0 4px;font-size:clamp(2.1rem,6vw,4rem);line-height:1.05}.legal-hero p{margin:0;color:rgba(255,255,255,.78);font-weight:700}.legal-document{width:min(100% - 40px,980px);display:grid;grid-gap:24px;gap:24px;margin:0 auto;padding:34px 0 64px}.legal-document section{display:grid;grid-gap:10px;gap:10px}.legal-document h2{margin:10px 0 0;color:var(--ink);font-size:clamp(1.25rem,2vw,1.55rem);line-height:1.25}.legal-document p{margin:0;color:var(--ink-2);font-size:16px;line-height:1.75}.plan-card.current{border-color:var(--primary)}.plan-price{color:var(--primary);font-size:34px;line-height:1}.plan-price small{color:var(--muted);font-size:14px}.plan-card p{margin:0;color:var(--muted)}.plan-card ul{display:grid;grid-gap:8px;gap:8px;margin:0;padding-left:20px;color:var(--ink-2)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.toggle-row input{position:absolute;opacity:0}.toggle-control{width:48px;height:28px;border-radius:999px;background:var(--border-strong);padding:3px}.toggle-control:before{content:"";width:22px;height:22px;display:block;border-radius:50%;background:#fff;transition:transform .16s ease}.toggle-row input:checked+.toggle-control{background:var(--primary)}.toggle-row input:checked+.toggle-control:before{transform:translateX(20px)}@media (max-width:1180px){.billing-grid,.four-small,.integration-grid,.kpi-grid,.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-grid,.dashboard-chart-grid,.inbox-layout,.reports-layout{grid-template-columns:1fr}.contact-panel{display:none}}@media (max-width:900px){.sidebar{position:fixed;inset:0 auto 0 0;z-index:60;transform:translateX(-105%);transition:transform .18s ease}.sidebar.sidebar-open{transform:translateX(0)}.sidebar-scrim{position:fixed;inset:0;z-index:55;background:rgba(23,33,43,.42)}.menu-button{display:inline-grid}.topbar{padding:0 14px}.global-search kbd,.profile-button em,.profile-button>span:last-of-type{display:none}.page{padding:20px 16px}.page-header{display:grid}}@media (max-width:640px){.billing-grid,.channel-summary-grid,.form-grid,.integration-grid,.kpi-grid,.template-grid{grid-template-columns:1fr}.topbar{gap:8px}.global-search span{display:none}.modal-footer,.page-actions,.panel-actions,.toolbar{align-items:stretch;flex-direction:column}.button,.compact-input,.header-search,.toolbar-search{width:100%;max-width:none}.flow-row{grid-template-columns:auto minmax(0,1fr) auto}.flow-stat{display:none}.composer,.flow-builder{grid-template-columns:1fr}.message{max-width:88%}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}