:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07111f;--bg-soft:#0d1728;--panel:#0f172ae6;--panel-strong:#111c31;--border:#94a3b829;--border-strong:#94a3b84d;--text:#e5eefb;--muted:#93a4bb;--muted-2:#64748b;--green:#22c55e;--green-soft:#22c55e26;--blue:#38bdf8;--blue-soft:#38bdf824;--amber:#f59e0b;--amber-soft:#f59e0b24;--red:#fb7185;--red-soft:#fb718524;--shadow:0 20px 60px #00000057;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at top left, #22c55e24, transparent 34rem), radial-gradient(circle at top right, #38bdf824, transparent 28rem), var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#060c18d1;flex-direction:column;gap:1.4rem;height:100vh;padding:1.25rem;display:flex;position:sticky;top:0}.brand-card,.sidebar-footer-card,.panel-card,.hero-card,.stat-card{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(145deg,#0f172aeb,#0f172ab8)}.brand-card{border-radius:1.15rem;align-items:center;gap:.85rem;padding:1rem;display:flex}.brand-card strong,.brand-card span,.conversation-main span,.thread-header span,.shop-card p,.shop-card dd,.shop-card dt{display:block}.brand-card span{color:var(--muted);margin-top:.18rem;font-size:.82rem}.brand-mark{color:#052e16;background:linear-gradient(135deg,#86efac,#22c55e);border-radius:.9rem;flex:none;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:inline-flex;box-shadow:0 12px 30px #22c55e40}.brand-mark.small{border-radius:.75rem;width:2.2rem;height:2.2rem}.brand-mark.large{border-radius:1.3rem;width:4.5rem;height:4.5rem}.nav-list{gap:.45rem;display:grid}.nav-link{color:var(--muted);border:1px solid #0000;border-radius:.9rem;align-items:center;gap:.85rem;padding:.82rem .9rem;transition:all .15s;display:flex}.nav-link:hover{color:var(--text);background:#94a3b814}.nav-link.active{color:#dcfce7;background:#22c55e21;border-color:#22c55e59}.sidebar-footer-card{border-radius:1rem;margin-top:auto;padding:.95rem;overflow:hidden}.sidebar-footer-card small{color:var(--muted-2);white-space:nowrap;text-overflow:ellipsis;margin-top:.5rem;display:block;overflow:hidden}.connection-dot-row{color:var(--muted);align-items:center;gap:.5rem;font-size:.86rem;display:flex}.connection-dot{background:var(--amber);width:.65rem;height:.65rem;box-shadow:0 0 0 4px var(--amber-soft);border-radius:999px}.connection-dot.ok{background:var(--green);box-shadow:0 0 0 4px var(--green-soft)}.mobile-menu-button{z-index:40;border:1px solid var(--border-strong);width:2.6rem;height:2.6rem;color:var(--text);background:var(--panel-strong);border-radius:.85rem;display:none;position:fixed;top:1rem;right:1rem}.mobile-backdrop{display:none}.main-panel{min-width:0;padding:1.5rem clamp(1rem,3vw,2.4rem) 2.5rem}.topbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.eyebrow{color:var(--green);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .35rem;font-size:.76rem;font-weight:800}.topbar h1,.hero-card h2,.placeholder-hero h2{letter-spacing:-.04em;margin:0}.topbar h1{font-size:clamp(1.8rem,4vw,3rem)}.topbar-status,.count-pill,.status-pill,.primary-action{white-space:nowrap;border-radius:999px;align-items:center;gap:.45rem;display:inline-flex}.topbar-status{color:var(--blue);background:var(--blue-soft);border:1px solid #38bdf83d;padding:.55rem .8rem}.page-stack{gap:1rem;display:grid}.hero-card{border-radius:1.35rem;justify-content:space-between;align-items:flex-end;gap:1.5rem;padding:clamp(1.25rem,3vw,2rem);display:flex;position:relative;overflow:hidden}.hero-card:after{content:"";pointer-events:none;background:#22c55e21;border-radius:999px;width:18rem;height:18rem;position:absolute;inset:auto -7rem -8rem auto}.hero-card h2{max-width:46rem;font-size:clamp(1.7rem,4vw,3.4rem);line-height:1}.hero-card p,.placeholder-hero p,.section-heading p,.muted,.state-card p{color:var(--muted)}.hero-card p{max-width:44rem;margin:1rem 0 0;line-height:1.7}.primary-action{z-index:1;color:#052e16;background:linear-gradient(135deg,#bbf7d0,#22c55e);border:0;justify-content:center;padding:.82rem 1.15rem;font-weight:800;position:relative;box-shadow:0 18px 38px #22c55e3d}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.stat-card{border-radius:1.2rem;padding:1.15rem;position:relative;overflow:hidden}.stat-card-header{color:var(--muted);justify-content:space-between;align-items:center;gap:.75rem;font-size:.88rem;display:flex}.stat-card strong{letter-spacing:-.04em;margin-top:.8rem;font-size:2rem;display:block}.stat-card small{color:var(--muted-2);margin-top:.35rem;display:block}.stat-watermark{color:#94a3b814;position:absolute;bottom:-1rem;right:-.8rem}.tone-green{border-color:#22c55e47}.tone-blue{border-color:#38bdf847}.tone-amber{border-color:#f59e0b47}.content-grid{gap:1rem;display:grid}.two-col{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.panel-card{border-radius:1.2rem;padding:1.1rem}.section-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.section-heading h3,.section-heading p{margin:0}.section-heading h3{font-size:1.05rem}.section-heading p{margin-top:.25rem;font-size:.88rem}.section-heading a{color:var(--green);font-size:.9rem;font-weight:700}.table-list{gap:.65rem;display:grid}.table-row,.activity-card,.shop-card,.settings-grid>div{border:1px solid var(--border);background:#02061747}.table-row{border-radius:.9rem;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem;display:flex}.table-row small,.activity-card small{color:var(--muted-2);margin-top:.2rem;display:block}.status-pill,.count-pill{text-transform:uppercase;letter-spacing:.04em;padding:.28rem .62rem;font-size:.75rem;font-weight:800}.status-pill,.status-pill.test,.status-pill.open{color:var(--green);background:var(--green-soft);border:1px solid #22c55e40}.status-pill.closed,.status-pill.inactive{color:var(--muted);border:1px solid var(--border);background:#94a3b81f}.status-pill.failed{color:var(--red);background:var(--red-soft);border-color:#fb718547}.count-pill{color:var(--blue);background:var(--blue-soft);border:1px solid #38bdf838}.activity-card{border-radius:1rem;padding:1rem}.activity-card p{color:var(--muted);line-height:1.6}.inbox-grid{grid-template-columns:minmax(280px,390px) minmax(0,1fr);gap:1rem;height:calc(100vh - 8rem);min-height:34rem;display:grid}.inbox-list-panel,.inbox-thread-panel{min-height:0;overflow:hidden}.conversation-list,.message-stack{gap:.65rem;max-height:calc(100% - 4rem);padding-right:.25rem;display:grid;overflow:auto}.conversation-row{text-align:left;width:100%;color:var(--text);border:1px solid var(--border);cursor:pointer;background:#02061738;border-radius:1rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.75rem;padding:.8rem;display:grid}.conversation-row.active,.conversation-row:hover{background:#22c55e14;border-color:#22c55e6b}.avatar{color:#ecfdf5;background:linear-gradient(135deg,#0f766e,#22c55e);border-radius:999px;justify-content:center;align-items:center;width:2.45rem;height:2.45rem;font-size:.78rem;font-weight:900;display:inline-flex}.conversation-title-line{justify-content:space-between;gap:.75rem;display:flex!important}.conversation-title-line small,.conversation-meta{color:var(--muted-2);font-size:.78rem}.conversation-preview{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:.22rem 0;overflow:hidden}.unread-badge{background:var(--green);color:#052e16;border-radius:999px;justify-content:center;align-items:center;min-width:1.25rem;height:1.25rem;font-size:.72rem;font-weight:900;display:inline-flex}.thread-panel{grid-template-rows:auto minmax(0,1fr);gap:1rem;height:100%;display:grid}.thread-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.thread-header span{color:var(--muted);margin-top:.18rem}.message-stack{align-content:start;max-height:none}.message-bubble{border:1px solid var(--border);background:#0f172ab8;border-radius:1rem;max-width:min(76%,44rem);padding:.85rem}.message-bubble.outgoing{background:#22c55e1f;border-color:#22c55e4d;justify-self:end}.message-bubble p{white-space:pre-wrap;margin:0;line-height:1.55}.message-bubble footer{color:var(--muted-2);flex-wrap:wrap;gap:.45rem;margin-top:.7rem;font-size:.74rem;display:flex}.state-card{min-height:12rem;color:var(--muted);text-align:center;border:1px dashed var(--border-strong);border-radius:1rem;justify-content:center;align-items:center;gap:.75rem;padding:1rem;display:flex}.state-card strong{color:var(--text)}.error-state{color:var(--red);background:var(--red-soft)}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.warning-panel{background:linear-gradient(145deg,#f59e0b1c,#0f172acc);border-color:#f59e0b47;gap:.8rem;display:flex}.warning-panel p{color:var(--muted);margin:.3rem 0 0;line-height:1.6}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.settings-grid>div{border-radius:.9rem;padding:.85rem}.settings-grid small,.settings-grid code{display:block}.settings-grid small{color:var(--muted-2);margin-bottom:.4rem}.settings-grid code{overflow-wrap:anywhere;color:#bbf7d0}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.shop-card{border-radius:1rem;padding:1rem}.shop-card-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.shop-card h4{margin:1rem 0 .25rem}.shop-card p{margin:0}.shop-card dl{gap:.65rem;margin:1rem 0 0;display:grid}.shop-card dt{color:var(--muted-2);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem}.shop-card dd{overflow-wrap:anywhere;margin:.18rem 0 0}.placeholder-hero{align-items:center;gap:1rem;display:flex}.placeholder-hero p{line-height:1.65}.next-list{color:var(--muted);margin:0;padding-left:1.2rem;line-height:1.8}.filters-card{gap:1rem;display:grid}.compact-heading{margin-bottom:.25rem}.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.two-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.four-col-filter{grid-template-columns:1.4fr 1fr .8fr .8fr}.filter-grid label,.crm-form label{color:var(--muted-2);letter-spacing:.04em;text-transform:uppercase;gap:.4rem;font-size:.78rem;font-weight:800;display:grid}.filter-grid input,.filter-grid select,.crm-form input,.crm-form select,.crm-form textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#02061770;border-radius:.8rem;outline:none;padding:.72rem .78rem}.filter-grid input:focus,.filter-grid select:focus,.crm-form input:focus,.crm-form select:focus,.crm-form textarea:focus{border-color:#22c55e6b;box-shadow:0 0 0 3px #22c55e1a}.input-with-icon{position:relative}.input-with-icon svg{color:var(--muted-2);position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.input-with-icon input{padding-left:2.25rem}.data-table,.template-list,.log-list,.crm-form{gap:.75rem;display:grid}.data-row{border:1px solid var(--border);background:#02061747;border-radius:.95rem;align-items:center;gap:1rem;padding:.9rem;display:grid}.data-head{color:var(--muted-2);letter-spacing:.08em;text-transform:uppercase;background:0 0;border-style:dashed;font-size:.76rem;font-weight:900}.customers-row,.customers-head,.orders-row,.orders-head{grid-template-columns:1.3fr 1.1fr 1.2fr auto}.data-row strong,.data-row small,.template-card strong,.template-card small,.log-card small{display:block}.data-row small,.template-card small,.log-card footer,.log-card small{color:var(--muted-2);margin-top:.24rem;font-size:.78rem}.template-layout{align-items:start}.sticky-form-panel{position:sticky;top:1rem}.template-card,.log-card{border:1px solid var(--border);background:#02061747;border-radius:1rem;padding:1rem}.template-card header,.template-card footer,.log-card header,.log-card footer,.form-actions{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.template-card p,.log-card p{color:var(--muted);white-space:pre-wrap;line-height:1.6}.log-card footer{flex-wrap:wrap;justify-content:flex-start}.secondary-action{border:1px solid var(--border-strong);color:var(--text);cursor:pointer;background:#94a3b814;border-radius:999px;padding:.58rem .85rem;font-weight:800}.secondary-action:hover{color:#bbf7d0;border-color:#22c55e61}.primary-action:disabled,.secondary-action:disabled{cursor:not-allowed;opacity:.65}.checkbox-line{align-items:center;grid-template-columns:none!important;gap:.55rem!important;display:flex!important}.checkbox-line input{width:auto}.form-error{color:var(--red);background:var(--red-soft);border:1px solid #fb71853d;border-radius:.8rem;margin:0;padding:.75rem}.status-pill.active,.status-pill.sent{color:var(--green);background:var(--green-soft);border-color:#22c55e40}.status-pill.pending,.status-pill.none,.status-pill.tracked{color:var(--amber);background:var(--amber-soft);border-color:#f59e0b40}@media (width<=1050px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col,.inbox-grid,.filter-grid,.four-col-filter,.two-filters{grid-template-columns:1fr;height:auto}.inbox-grid{min-height:0}.inbox-list-panel,.inbox-thread-panel{min-height:28rem}}@media (width<=760px){.app-shell{grid-template-columns:1fr}.mobile-menu-button,.mobile-backdrop{display:block}.mobile-backdrop{z-index:10;background:#0206179e;position:fixed;inset:0}.sidebar{width:min(86vw,310px);transition:transform .18s;position:fixed;transform:translate(-105%)}.sidebar.open{transform:translate(0)}.main-panel{padding-top:4.4rem}.topbar,.hero-card,.placeholder-hero{flex-direction:column;align-items:flex-start}.stats-grid,.settings-grid,.customers-row,.customers-head,.orders-row,.orders-head{grid-template-columns:1fr}.message-bubble{max-width:92%}}