*{margin:0;padding:0;box-sizing:border-box}:root{--magenta:#a0077c;--coral:#FF594F;--purple:#361485;--deep:#050253;--violet:#7c5cd6;--lilac:#b9a6f0;--lilac-wash:#f3ecfb;--off-white:#faf8fd;--ink:#1a1730;--grad:linear-gradient(140deg,#7c5cd6,#a0077c 55%,#FF594F);--grad-soft:linear-gradient(140deg,rgba(124,92,214,.9),rgba(160,7,124,.85),rgba(255,89,79,.9));--green:#22c55e;--amber:#f59e0b;--indigo:#6366f1;--radius:14px;--ease:cubic-bezier(.4,0,.2,1);--spring:cubic-bezier(.34,1.56,.64,1);--cca-dark-blue:#050253;--cca-primary:#050253;--cca-purple:#361485;--cca-dark-purple:#2b0157;--cca-magenta:#a0077c;--cca-coral:#FF594F;--cca-success:#10b981;--cca-warning:#f59e0b;--cca-danger:#ef4444;--cca-info:#3b82f6;--cca-gray-50:#f9fafb;--cca-gray-100:#f3f4f6;--cca-gray-200:#e5e7eb;--cca-gray-300:#d1d5db;--cca-gray-400:#9ca3af;--cca-gray-500:#6b7280;--cca-gray-600:#4b5563;--cca-gray-700:#374151;--cca-gray-800:#1f2937;--cca-gray-900:#111827;--cca-white:#ffffff;--cca-black:#000000;--gradient-primary:linear-gradient(135deg,#050253,#361485 50%,#2b0157);--gradient-secondary:linear-gradient(135deg,#361485,#2b0157);--gradient-accent:linear-gradient(135deg,#a0077c,#FF594F);--bg-purple-10:rgba(54,20,133,0.1);--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:20px;--border-radius-full:9999px}[data-theme=dark]{--bg:#0a0820;--bg-2:#0f0d2a;--panel:#13112e;--elevated:#1a1840;--sidebar:linear-gradient(180deg,#1a0a3e,#0d0628);--sidebar-active:var(--grad);--hover:rgba(255,255,255,.05);--hover-2:rgba(255,255,255,.09);--border:rgba(255,255,255,.08);--border-2:rgba(255,255,255,.04);--text:#fff;--text-soft:rgba(255,255,255,.65);--text-mut:rgba(255,255,255,.4);--text-dim:rgba(255,255,255,.25);--shadow:0 8px 32px rgba(0,0,0,.4);--shadow-lg:0 20px 60px rgba(0,0,0,.5);--accent-bg:rgba(54,20,133,.3);--bubble-in:rgba(255,255,255,.07)}[data-theme=light]{--bg:#f5f6fb;--bg-2:#fafbfe;--panel:#fff;--elevated:#fff;--sidebar:linear-gradient(180deg,#2b0157,#1a0a3e);--sidebar-active:var(--grad);--hover:rgba(54,20,133,.04);--hover-2:rgba(54,20,133,.07);--border:rgba(5,2,83,.10);--border-2:rgba(5,2,83,.05);--text:#0f172a;--text-soft:#475569;--text-mut:#94a3b8;--text-dim:#cbd5e1;--shadow:0 1px 3px rgba(0,0,0,.07);--shadow-lg:0 8px 28px rgba(20,10,60,.12);--accent-bg:rgba(160,7,124,.06);--bubble-in:#fff}body,html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.display,h1,h2,h3{font-family:Poppins,Outfit,sans-serif;letter-spacing:-.01em}.brand-font{font-family:Fredoka,Poppins,sans-serif}a{color:inherit;text-decoration:none}.app-shell{display:flex;height:100vh;overflow:hidden}.icon-nav{width:72px;background:var(--sidebar);display:flex;flex-direction:column;align-items:center;padding:18px 0;gap:6px;flex-shrink:0;z-index:20;border-right:1px solid rgba(255,255,255,.06)}.icon-logo{width:40px;height:36px;margin-bottom:14px}.icon-logo svg{width:100%;height:100%}.nav-item{width:46px;height:46px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;color:rgba(255,255,255,.5);transition:background .2s var(--ease),color .2s,transform .15s var(--spring);border:0;background:transparent}.nav-item:hover{background:rgba(255,255,255,.1);color:#fff;transform:translateY(-1px)}.nav-item.active{background:var(--sidebar-active);color:#fff;box-shadow:0 6px 20px rgba(0,0,0,.25)}.nav-item.locked{opacity:.35;cursor:not-allowed}.nav-item.locked:hover{transform:none;background:transparent;color:rgba(255,255,255,.5)}.nav-item svg{width:20px;height:20px}.nav-item[data-tip]:after{content:attr(data-tip);position:absolute;left:58px;top:50%;transform:translateY(-50%) translateX(-6px);background:var(--elevated);color:var(--text);font-size:11px;font-weight:500;padding:6px 11px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;border:1px solid var(--border);box-shadow:var(--shadow);transition:opacity .18s,transform .18s var(--spring);z-index:100}.nav-item[data-tip]:hover:after{opacity:1;transform:translateY(-50%) translateX(0)}.nav-lock-badge{position:absolute;right:4px;bottom:4px;width:12px;height:12px}.nav-spacer{flex:1}.nav-theme-btn{width:46px;height:46px;border-radius:var(--radius);border:0;padding:0;margin:0 0 4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.5);background:transparent;transition:background .2s,color .2s}.nav-theme-btn:hover{background:rgba(255,255,255,.1);color:#fff}.nav-theme-btn svg{width:20px;height:20px}.nav-avatar{width:36px;height:36px;border-radius:50%;margin-top:8px;background:var(--grad);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;cursor:pointer;border:2px solid rgba(255,255,255,.15)}.app-main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.app-head{display:flex;align-items:center;justify-content:space-between;padding:22px 32px;border-bottom:1px solid var(--border)}.app-head .eyebrow{font-size:12px;color:var(--text-mut);font-weight:500;letter-spacing:.02em}.app-head h1{font-size:24px;font-weight:800;margin-top:2px}.head-plan{font-size:12px;font-weight:700;color:#fff;background:var(--grad);padding:6px 14px;border-radius:999px}.app-scroll{flex:1;overflow-y:auto;padding:28px 32px}.app-scroll-bare{padding:0;overflow-x:hidden}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:20px 22px;box-shadow:var(--shadow)}.kpi-label{font-size:12px;color:var(--text-mut);font-weight:600}.kpi-value{font-size:30px;font-weight:800;margin-top:6px;font-family:Poppins,sans-serif}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:24px}.feature-card{display:flex;flex-direction:column;gap:8px}.feature-card .ftitle{font-weight:700;font-size:15px;display:flex;align-items:center;gap:8px}.feature-card .fdesc{font-size:13px;color:var(--text-soft)}.badge{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;width:fit-content}.badge.on{background:rgba(34,197,94,.14);color:#16a34a}.badge.off{background:var(--hover-2);color:var(--text-mut)}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:9px;font-weight:600;font-size:13.5px;cursor:pointer;border:1px solid var(--border);background:var(--panel);color:var(--text-soft);transition:transform .15s var(--spring),opacity .2s,box-shadow .2s}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn.primary{background:var(--grad);color:#fff;border:none;box-shadow:0 4px 14px rgba(160,7,124,.25)}.btn.primary:hover{box-shadow:0 6px 18px rgba(160,7,124,.32)}.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--bg)}.auth-aside{background:linear-gradient(160deg,#2b0157,#1a0a3e 60%,#a0077c 140%);color:#fff;padding:56px;display:flex;flex-direction:column;justify-content:space-between}.auth-aside h2{font-size:34px;font-weight:800;line-height:1.15}.auth-aside p{color:rgba(255,255,255,.75);margin-top:14px;max-width:420px}.auth-form-side{display:flex;align-items:center;justify-content:center;padding:40px}.auth-card{width:100%;max-width:380px}.auth-card h1{font-size:26px;font-weight:800}.auth-card .sub{color:var(--text-soft);margin:6px 0 26px;font-size:14px}.field{margin-bottom:16px}.field label{display:block;font-size:13px;font-weight:600;margin-bottom:7px;color:var(--text-soft)}.field input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:14px;outline:none}.field input:focus{border-color:var(--magenta)}.auth-error{background:rgba(255,89,79,.1);border:1px solid rgba(255,89,79,.3);color:#e11d48;padding:11px 14px;border-radius:12px;font-size:13px;margin-bottom:16px}@media (max-width:860px){.auth-wrap{grid-template-columns:1fr}.auth-aside{display:none}}html.login-hero-running,html.login-hero-running body{overflow:hidden}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.toolbar h2{font-size:18px;font-weight:700}.table-wrap{background:var(--panel);border:1px solid var(--border);border-radius:16px;overflow:hidden}table.data{width:100%;border-collapse:collapse;font-size:14px}table.data th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-mut);font-weight:700;padding:13px 16px;border-bottom:1px solid var(--border)}table.data td{padding:13px 16px;border-bottom:1px solid var(--border-2)}table.data tr:last-child td{border-bottom:none}table.data tr.clickable{cursor:pointer}table.data tr.clickable:hover td{background:var(--hover)}.cell-mut{color:var(--text-mut)}.cell-mono{font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px}.status-badge{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap}.sb-DRAFT,.sb-disabled,.sb-draft,.sb-queued{background:var(--hover-2);color:var(--text-mut)}.sb-PENDING,.sb-paused,.sb-scheduled,.sb-sending{background:rgba(245,158,11,.16);color:#d97706}.sb-APPROVED,.sb-active,.sb-completed,.sb-delivered,.sb-sent{background:rgba(34,197,94,.15);color:#16a34a}.sb-read{background:rgba(99,102,241,.16);color:#6366f1}.sb-replied{background:rgba(160,7,124,.14);color:var(--magenta)}.sb-REJECTED,.sb-failed{background:rgba(255,89,79,.15);color:#ef4444}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:22px}.stat-tile{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px 16px}.stat-tile .sv{font-size:24px;font-weight:800;font-family:Poppins,sans-serif}.stat-tile .sl{font-size:12px;color:var(--text-mut);font-weight:600;margin-top:2px}.ui-field{display:block;margin-bottom:14px}.ui-field-label{display:block;font-size:13px;font-weight:600;color:var(--text-soft);margin-bottom:6px}.ui-field-hint{display:block;font-size:12px;color:var(--text-mut);margin-top:5px}.ui-field input,.ui-field select,.ui-field textarea{width:100%;padding:10px 13px;border-radius:9px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:14px;outline:none;font-family:inherit;transition:border-color .15s,box-shadow .15s}.ui-field input:focus,.ui-field select:focus,.ui-field textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(54,20,133,.1)}.ui-field-label{color:var(--text);font-weight:700;letter-spacing:.01em}.ui-field textarea{resize:vertical;min-height:90px}.form-error{background:rgba(255,89,79,.1);border:1px solid rgba(255,89,79,.3);color:#ef4444;padding:10px 13px;border-radius:11px;font-size:13px;margin-bottom:14px}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.btn.sm{padding:7px 12px;font-size:13px;border-radius:10px}.btn.danger{color:#ef4444;border-color:rgba(255,89,79,.3)}.row-actions{display:flex;gap:8px}.modal-overlay{position:fixed;inset:0;background:rgba(5,2,40,.55);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.modal{width:100%;background:var(--panel);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-lg);max-height:90vh;display:flex;flex-direction:column}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border)}.modal-head h3{font-size:17px;font-weight:700}.modal-close{background:transparent;border:0;color:var(--text-mut);cursor:pointer;display:flex}.modal-close:hover{color:var(--text)}.modal-body{padding:22px;overflow-y:auto}.empty-state{background:var(--panel);border:1px dashed var(--border);border-radius:16px;padding:44px;text-align:center}.empty-title{font-weight:700;font-size:15px}.empty-hint{color:var(--text-soft);font-size:13px;margin-top:6px}.muted-link{color:var(--magenta);cursor:pointer;font-weight:600}.q-dot{display:inline-block;width:11px;height:11px;border-radius:50%}.q-GREEN{background:#22c55e}.q-YELLOW{background:#f59e0b}.q-RED{background:#ef4444}.dash-grid-2{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;margin-top:22px;align-items:start}@media (max-width:900px){.dash-grid-2{grid-template-columns:1fr}}.bars{display:flex;align-items:flex-end;gap:12px;height:180px;padding-top:10px}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:6px}.bar{width:100%;max-width:38px;border-radius:8px 8px 0 0;background:var(--grad);min-height:4px;transition:height .4s var(--spring)}.bar-val{font-size:12px;font-weight:700;color:var(--text-soft)}.bar-label{font-size:11px;color:var(--text-mut)}.rate-track{height:8px;border-radius:999px;background:var(--hover-2);overflow:hidden}.rate-fill{height:100%;border-radius:999px;background:var(--grad)}.switch{position:relative;display:inline-block;width:42px;height:24px}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;inset:0;cursor:pointer;background:var(--hover-2);border-radius:999px;transition:.2s}.switch .slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}.switch input:checked+.slider{background:var(--grad)}.switch input:checked+.slider:before{transform:translateX(18px)}.inbox{display:grid;grid-template-columns:360px 1fr 286px;height:calc(100vh - 152px);border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--panel);box-shadow:var(--shadow)}@media (max-width:1180px){.inbox{grid-template-columns:340px 1fr}.cust-sidebar{display:none}}.conv-panel{display:flex;flex-direction:column;min-height:0;background:#f7f8fb;border-right:1px solid var(--border)}[data-theme=dark] .conv-panel{background:var(--bg-2)}.conv-head{padding:15px 16px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.conv-head h2{font-family:Poppins,sans-serif;font-size:16px;font-weight:700}.conv-search-wrap{position:relative;margin-top:11px}.conv-search-wrap svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text-mut)}.conv-search{width:100%;padding:9px 12px 9px 34px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:13.5px;outline:none}.conv-search:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(54,20,133,.08)}.conv-list{flex:1;min-height:0;overflow-y:auto}.conv-item{display:flex;gap:13px;padding:14px 16px;cursor:pointer;border-bottom:1px solid var(--border-2);position:relative;transition:background .25s var(--ease)}.conv-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,#3516e6,#e507c6);transform:scaleY(0);transition:transform .25s var(--ease)}.conv-item:hover{background:linear-gradient(90deg,rgba(248,247,255,.85),rgba(253,244,255,.55))}[data-theme=dark] .conv-item:hover{background:var(--hover)}.conv-item:hover:before{transform:scaleY(.6)}.conv-item.active{background:linear-gradient(90deg,rgba(53,22,230,.06),rgba(229,7,198,.03) 60%,transparent)}[data-theme=dark] .conv-item.active{background:var(--accent-bg)}.conv-item.active:before{transform:scaleY(1)}.chat-av,.conv-av{width:46px;height:46px;border-radius:50%;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.chat-av{width:44px;height:44px}.conv-main{flex:1;min-width:0}.conv-top{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.conv-name{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-time{font-size:11px;color:var(--text-mut);flex-shrink:0}.conv-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:3px 0 6px}.conv-prev{font-size:13px;color:var(--text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-unread{background:var(--coral);color:#fff;font-size:11px;font-weight:800;min-width:18px;height:18px;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 5px}.conv-tags{display:flex;gap:6px}.mini-tag{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;background:var(--hover-2);color:var(--text-mut)}.mini-tag.ia{background:rgba(160,7,124,.14);color:var(--magenta)}.mini-tag.agent{background:rgba(99,102,241,.16);color:#6366f1}.mini-tag.st-open{background:rgba(34,197,94,.15);color:#16a34a}.mini-tag.st-pending{background:rgba(245,158,11,.16);color:#d97706}.mini-tag.st-closed{background:var(--hover-2);color:var(--text-mut)}.chat-pane{background:var(--panel);display:flex;flex-direction:column;overflow:hidden;min-height:0}.chat-empty{margin:auto}.chat-head{display:flex;align-items:center;gap:13px;padding:13px 20px;border-bottom:1px solid var(--border);background:var(--panel);box-shadow:0 1px 8px rgba(5,2,83,.04);flex-shrink:0}.cust-sidebar{border-left:1px solid var(--border);background:#f7f8fb;padding:22px 18px;overflow-y:auto;min-height:0}[data-theme=dark] .cust-sidebar{background:var(--bg-2)}.cust-av{width:72px;height:72px;border-radius:50%;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:24px;margin:0 auto 12px}.cust-name{text-align:center;font-weight:700;font-size:16px}.cust-phone{text-align:center;font-size:13px;color:var(--text-mut);font-family:JetBrains Mono,monospace;margin-top:2px}.cust-section{margin-top:22px}.cust-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-mut);margin-bottom:10px}.cust-row{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:7px 0;border-bottom:1px solid var(--border-2)}.cust-row .k{color:var(--text-mut)}.cust-row .v{font-weight:600;text-align:right}.inbox-stage{position:relative;margin:0;height:100%;overflow:hidden}html.nav-collapsed .icon-nav{display:none}.cust-badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:4px}.cust-badge{font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--accent-bg);color:var(--cca-magenta);border:1px solid rgba(160,7,124,.18)}.chat-body{flex:1;overflow-y:auto;padding:22px;display:flex;flex-direction:column;gap:12px;background-color:#e5ddd5;background-image:linear-gradient(rgba(255,255,255,.62),rgba(255,255,255,.62))}[data-theme=dark] .chat-body{background-color:#0f0d2a;background-image:none}.bubble{max-width:70%;padding:8px 12px;border-radius:14px;font-size:14.2px;line-height:1.5;display:flex;flex-direction:column;gap:2px;box-shadow:0 1px 2px rgba(0,0,0,.08)}.bubble.in{align-self:flex-start;background:#fff;color:#111827;border-radius:4px 14px 14px 14px;border:1px solid rgba(229,7,198,.14)}.bubble.out{align-self:flex-end;color:#fff;border-radius:14px 4px 14px 14px;background:linear-gradient(135deg,#f06449,#e507c6);box-shadow:0 1px 4px rgba(240,100,73,.25)}[data-theme=dark] .bubble.in{background:var(--elevated);color:var(--text);border-color:var(--border)}.bubble-sender{font-size:10px;font-weight:700;opacity:.85}.bubble-time{font-size:11px;opacity:.65;align-self:flex-end;display:inline-flex;align-items:center;gap:3px}.composer{display:flex;gap:10px;padding:14px 16px;border-top:1px solid var(--border)}.composer input{flex:1;padding:11px 14px;border-radius:12px;border:1px solid var(--border);background:var(--bg-2);color:var(--text);font-size:14px;outline:none}.composer input:focus{border-color:var(--magenta)}.composer.closed{justify-content:center;align-items:center;gap:8px;color:var(--text-mut);font-size:13px}.page-narrow{max-width:760px;margin:0 auto}.page-head-row{display:flex;align-items:center;gap:12px;margin-bottom:22px}.page-title{font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:800;color:var(--text);letter-spacing:-.02em}.page-sub{font-size:13.5px;color:var(--text-soft);margin-top:3px}.section-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:18px 20px;margin-bottom:16px}.section-head{gap:12px;margin-bottom:16px}.sec-icon,.section-head{display:flex;align-items:center}.sec-icon{width:40px;height:40px;border-radius:12px;flex-shrink:0;justify-content:center;color:#fff;box-shadow:0 5px 16px rgba(54,20,133,.28),0 2px 4px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.2)}.sec-icon svg{width:20px;height:20px}.sec-icon.navy{background:linear-gradient(135deg,#050253,#361485)}.sec-icon.purple{background:linear-gradient(135deg,#361485,#a0077c)}.sec-icon.magenta{background:linear-gradient(135deg,#a0077c,#FF594F)}.sec-icon.coral{background:linear-gradient(135deg,#FF594F,#f59e0b)}.sec-title{font-family:Poppins,sans-serif;font-size:1rem;font-weight:800;color:var(--text);letter-spacing:-.02em}.sec-sub{font-size:12.5px;color:var(--text-soft);margin-top:2px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .full{grid-column:1/-1}@media (max-width:640px){.form-grid{grid-template-columns:1fr}}.sticky-actions{position:sticky;bottom:0;background:var(--bg);padding:14px 0 4px;margin-top:4px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--border)}.tpl-preview{margin-top:12px;background:#e5ddd5;border-radius:12px;padding:16px}[data-theme=dark] .tpl-preview{background:var(--bg-2)}.tpl-preview .tpl-body,.tpl-preview .tpl-footer,.tpl-preview .tpl-header{background:#fff;color:#111827;border-radius:4px 12px 12px 12px;padding:9px 12px;max-width:80%;box-shadow:0 1px 2px rgba(0,0,0,.1);border:1px solid rgba(229,7,198,.14)}.tpl-preview .tpl-header{font-weight:700;margin-bottom:4px}.tpl-preview .tpl-body{white-space:pre-wrap;font-size:14px;line-height:1.5}.tpl-preview .tpl-footer{margin-top:4px;font-size:12px;color:#6b7280}.recipients-pill{margin-top:12px;display:inline-block;background:var(--accent-bg);color:var(--magenta);font-weight:700;font-size:13px;padding:7px 14px;border-radius:999px}.blocks-kpi-hero-shell{background:linear-gradient(165deg,rgba(5,2,83,.07),rgba(54,20,133,.09) 40%,rgba(248,250,252,.98));border-radius:20px;padding:clamp(14px,2.8vw,22px);border:1px solid rgba(54,20,133,.16);box-shadow:0 14px 44px -20px rgba(5,2,83,.28),inset 0 1px 0 rgba(255,255,255,.75);margin-bottom:6px}.blocks-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(8px,1.5vw,14px);margin-bottom:0}.blocks-kpi-card--hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#ffffff,#f8fafc)!important;border:1px solid rgba(54,20,133,.12)!important;box-shadow:0 12px 36px -16px rgba(5,2,83,.2),0 4px 16px -6px rgba(0,0,0,.07)!important;transition:transform .22s ease,box-shadow .22s ease}.blocks-kpi-card--hero:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#050253,#361485,#a0077c,#ff594f);opacity:.9}.blocks-kpi-card--hero:hover{transform:translateY(-4px);box-shadow:0 20px 48px -14px rgba(53,22,230,.28),0 8px 24px -8px rgba(0,0,0,.1)!important}@media (max-width:1200px){.blocks-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:768px){.blocks-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.blocks-kpi-grid{grid-template-columns:1fr}}