@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=DM+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=DM+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,500;0,600;1,400&family=JetBrains+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Syne:wght@700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Syne:wght@700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=DM+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&family=DM+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=DM+Mono:wght@400;500&display=swap";.sidebar{color:#e5e7eb;background:#0f172a;flex-direction:column;width:240px;height:100vh;padding:16px;display:flex}.sidebar-brand{align-items:center;gap:10px;margin-bottom:24px;padding:12px;display:flex}.brand-logo{color:#fff;background:linear-gradient(135deg,#6366f1,#3b82f6);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex}.brand-name{font-size:16px;font-weight:600}.sidebar-nav{flex-direction:column;flex:1;gap:2px;display:flex}.nav-item{color:#94a3b8;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:#fff;background:#ffffff0f}.nav-item.active{color:#fff;background:#6366f126}.dropdown-parent{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.dropdown-arrow{color:#475569;font-size:10px;transition:transform .2s}.dropdown-menu{flex-direction:column;gap:1px;margin-top:2px;padding-left:12px;display:flex;position:relative}.dropdown-menu:before{content:"";background:#ffffff14;width:1px;position:absolute;top:4px;bottom:4px;left:20px}.sub-item{color:#64748b;border-radius:8px;gap:8px;padding:8px 12px 8px 20px;font-size:13.5px}.sub-item:hover{color:#cbd5e1;background:#ffffff0a}.sub-item.active{color:#25d366;background:#25d3661a;font-weight:500}.sidebar-logout{border-top:1px solid #ffffff0f;margin-top:8px;padding:16px 0 0}.logout-btn{color:#f87171;cursor:pointer;text-align:left;background:#dc262626;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.logout-btn:hover{color:#fca5a5;background:#dc262640}@media (width<=768px){.sidebar{width:72px;padding:12px}.brand-name,.nav-label{display:none}.sidebar-brand{justify-content:center}}.metric-card{background:#141c2de6;border:1px solid #6366f126;border-radius:18px;align-items:center;gap:18px;padding:22px;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.metric-card:after{content:"";pointer-events:none;background:linear-gradient(135deg,#6366f114,#0000 60%);border-radius:18px;position:absolute;inset:0}.metric-card:hover{transform:translateY(-6px);box-shadow:0 15px 40px #00000080,0 0 0 1px #6366f140}.metric-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.metric-title{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.metric-value{color:#fff;font-size:30px;font-weight:700}.chart-card{background:#1e293b;border:1px solid #334155;border-radius:16px;padding:22px;transition:all .25s cubic-bezier(.4,0,.2,1)}.chart-card:hover{background:#243244}.chart-title{color:#f1f5f9;margin-bottom:16px;font-weight:600}.chart-tooltip{color:#f1f5f9;background:#0f172a;border:1px solid #334155;border-radius:10px;padding:12px 14px;font-size:13px;box-shadow:0 10px 25px #0006}.tooltip-incoming{color:#22c55e;margin-top:6px}.tooltip-outgoing{color:#6366f1}.tooltip-total{margin-top:6px;font-weight:600}.bar-chart-card{background:#1e293b;border:1px solid #334155;border-radius:16px;padding:22px;transition:all .25s cubic-bezier(.4,0,.2,1)}.bar-chart-card:hover{background:#243244}.bar-chart-title{color:#f1f5f9;margin-bottom:16px;font-weight:600}.bar-tooltip{color:#f1f5f9;background:#0f172a;border:1px solid #334155;border-radius:10px;padding:12px 14px;font-size:13px;box-shadow:0 10px 25px #0006}.bar-tooltip-value{color:#6366f1;margin-top:6px;font-weight:600}.donut-card{background:#1e293b;border:1px solid #334155;border-radius:16px;padding:22px;transition:all .25s cubic-bezier(.4,0,.2,1)}.donut-card:hover{background:#243244}.donut-title{color:#f1f5f9;margin-bottom:16px;font-weight:600}.donut-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.donut-center{text-align:center;position:absolute}.donut-percent{color:#f1f5f9;font-size:26px;font-weight:700}.donut-sub{color:#94a3b8;margin-top:4px;font-size:12px}.donut-legend-row{justify-content:space-around;margin-top:18px;display:flex}.donut-legend-item{color:#cbd5e1;align-items:center;gap:6px;font-size:13px;display:flex}.donut-dot{border-radius:50%;width:10px;height:10px}.donut-label strong{color:#f1f5f9}:root{--pf-bg:#f7f8fa;--pf-surface:#fff;--pf-surface-2:#f2f4f8;--pf-border:#e4e7ef;--pf-border-2:#cdd2e0;--pf-text-1:#0d1117;--pf-text-2:#4b5368;--pf-text-3:#8f96aa;--pf-accent:#2455d4;--pf-accent-soft:#eef2fc;--pf-accent-mid:#c0cefc;--pf-accent-dark:#1d47b8;--pf-danger:#dc2626;--pf-danger-soft:#fef2f2;--pf-danger-mid:#fca5a5;--pf-success:#0a5c3a;--pf-success-soft:#f0fdf6;--pf-success-mid:#a3e4c1;--pf-radius-sm:6px;--pf-radius:10px;--pf-radius-lg:15px;--pf-font:"DM Sans", sans-serif;--pf-mono:"DM Mono", monospace;--pf-shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--pf-shadow:0 4px 20px #00000014, 0 1px 6px #0000000a}.pf-page{font-family:var(--pf-font);background:var(--pf-bg);max-width:540px;min-height:100vh;padding:40px 44px;position:relative}.pf-loading{justify-content:center;align-items:center;height:240px;display:flex}.pf-spinner{border:2px solid var(--pf-border);border-top-color:var(--pf-accent);border-radius:50%;width:22px;height:22px;animation:.65s linear infinite pf-spin}@keyframes pf-spin{to{transform:rotate(360deg)}}.pf-toast{border-radius:var(--pf-radius);box-shadow:var(--pf-shadow);z-index:9999;border:1px solid #0000;align-items:center;gap:10px;max-width:320px;padding:11px 16px;font-size:13px;font-weight:500;animation:.2s cubic-bezier(.16,1,.3,1) pf-toast-in;display:flex;position:fixed;top:20px;right:20px}@keyframes pf-toast-in{0%{opacity:0;transform:translate(12px)scale(.97)}to{opacity:1;transform:translate(0)scale(1)}}.pf-toast--success{background:var(--pf-success-soft);color:var(--pf-success);border-color:var(--pf-success-mid)}.pf-toast--error{background:var(--pf-danger-soft);color:var(--pf-danger);border-color:var(--pf-danger-mid)}.pf-toast-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}.pf-hero{align-items:center;gap:16px;margin-bottom:28px;display:flex}.pf-avatar{background:var(--pf-accent-soft);border:2px solid var(--pf-accent-mid);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.pf-avatar span{color:var(--pf-accent);letter-spacing:-.5px;font-size:18px;font-weight:600;line-height:1}.pf-hero-name{color:var(--pf-text-1);letter-spacing:-.2px;margin:0 0 2px;font-size:17px;font-weight:600}.pf-hero-email{color:var(--pf-text-3);font-size:13px;font-family:var(--pf-mono);margin:0}.pf-card{background:var(--pf-surface);border:1px solid var(--pf-border);border-radius:var(--pf-radius-lg);box-shadow:var(--pf-shadow);overflow:hidden}.pf-tabs{background:var(--pf-surface-2);gap:2px;padding:5px;display:flex;position:relative}.pf-tab{font-family:var(--pf-font);color:var(--pf-text-3);cursor:pointer;z-index:1;letter-spacing:-.1px;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:7px;padding:9px 0;font-size:13.5px;font-weight:600;transition:color .2s;display:flex;position:relative}.pf-tab.active{color:var(--pf-text-1)}.pf-tab-slider{background:var(--pf-surface);border-radius:var(--pf-radius-sm);border:1px solid var(--pf-border);width:calc(50% - 5px);height:calc(100% - 10px);box-shadow:var(--pf-shadow-sm);z-index:0;transition:transform .22s cubic-bezier(.4,0,.2,1);position:absolute;top:5px;left:5px}.pf-divider{background:var(--pf-border);height:1px}.pf-body{padding:26px 28px 28px}.pf-section-label{text-transform:uppercase;letter-spacing:.7px;color:var(--pf-text-3);margin-bottom:20px;font-size:11px;font-weight:600}.pf-field{flex-direction:column;margin-bottom:18px;display:flex}.pf-field label{color:var(--pf-text-2);letter-spacing:-.1px;margin-bottom:7px;font-size:12.5px;font-weight:600}.pf-field input{font-family:var(--pf-font);color:var(--pf-text-1);background:var(--pf-surface);border:1px solid var(--pf-border);border-radius:var(--pf-radius);outline:none;width:100%;padding:10px 13px;font-size:14px;transition:border-color .15s,box-shadow .15s}.pf-field input::placeholder{color:var(--pf-text-3)}.pf-field input:focus{border-color:var(--pf-accent);box-shadow:0 0 0 3px #2455d41a}.pf-field input:disabled{background:var(--pf-surface-2);color:var(--pf-text-3);cursor:not-allowed;border-color:var(--pf-border)}.pf-field-locked{align-items:center;display:flex;position:relative}.pf-field-locked input{padding-right:76px}.pf-locked-badge{letter-spacing:.3px;text-transform:uppercase;color:var(--pf-success);background:var(--pf-success-soft);border:1px solid var(--pf-success-mid);pointer-events:none;border-radius:20px;padding:2px 8px;font-size:10.5px;font-weight:600;position:absolute;right:10px}.pf-field-hint{color:var(--pf-text-3);margin:5px 0 0;font-size:12px;line-height:1.4}.pf-field-error{color:var(--pf-danger);margin:5px 0 0;font-size:12px;line-height:1.4}.pf-actions{border-top:1px solid var(--pf-border);justify-content:flex-end;margin-top:10px;padding-top:18px;display:flex}.pf-btn{font-family:var(--pf-font);border-radius:var(--pf-radius);cursor:pointer;letter-spacing:-.1px;border:none;align-items:center;gap:8px;padding:9px 20px;font-size:13.5px;font-weight:600;transition:background .15s,transform .1s,box-shadow .15s;display:inline-flex}.pf-btn--primary{background:var(--pf-accent);color:#fff;box-shadow:0 2px 10px #2455d442}.pf-btn--primary:hover:not(:disabled){background:var(--pf-accent-dark);transform:translateY(-1px);box-shadow:0 5px 16px #2455d452}.pf-btn--primary:active:not(:disabled){transform:translateY(0)}.pf-btn--primary:disabled{opacity:.55;cursor:not-allowed}.pf-btn-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:13px;height:13px;animation:.65s linear infinite pf-spin;display:inline-block}.billing-page{width:100%;padding:2px 0}.billing-header{margin-bottom:24px}.billing-header h2{color:#111827;letter-spacing:-.3px;margin:0;font-size:22px;font-weight:700}.billing-header p{color:#6b7280;margin:5px 0 0;font-size:14px}.billing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.billing-card-full{grid-column:1/-1}.billing-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:22px 24px;box-shadow:0 1px 3px #0000000d}.card-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:16px;display:flex}.card-header h3{color:#111827;flex:1;margin:0;font-size:15px;font-weight:600}.card-sub{color:#9ca3af;font-size:12px;font-weight:400}.card-count{color:#374151;background:#f3f4f6;border-radius:20px;padding:2px 8px;font-size:12px;font-weight:600}.billing-badge{text-transform:capitalize;letter-spacing:.2px;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.badge-active{color:#15803d;background:#dcfce7}.badge-inactive{color:#6b7280;background:#f3f4f6}.badge-expired{color:#dc2626;background:#fee2e2}.badge-cancelled{color:#d97706;background:#fef3c7}.sub-body{flex-direction:column;gap:0;display:flex}.plan-hero{padding-bottom:16px}.plan-name{color:#111827;margin-bottom:4px;font-size:20px;font-weight:700}.plan-desc{color:#6b7280;margin-bottom:10px;font-size:13px;line-height:1.5}.plan-price{color:#2563eb;font-size:26px;font-weight:700}.plan-cycle{color:#9ca3af;font-size:14px;font-weight:400}.divider{border:none;border-top:1px solid #f1f5f9;margin:14px 0}.info-rows{flex-direction:column;gap:10px;display:flex}.info-row{justify-content:space-between;align-items:center;font-size:13.5px;display:flex}.info-label{color:#6b7280;font-weight:400}.info-value{color:#111827;text-align:right;font-weight:500}.info-value-accent{color:#dc2626}.sub-section-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.6px;margin-bottom:12px;font-size:11px;font-weight:600}.plan-limits-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px;display:grid}.plan-limit-chip{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:10px 10px 8px;display:flex}.chip-val{color:#111827;font-size:18px;font-weight:700;line-height:1}.chip-lbl{color:#6b7280;text-align:center;font-size:11px;font-weight:400}.addons-list{flex-direction:column;gap:10px;display:flex}.addon-row{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.addon-info{flex-direction:column;gap:2px;display:flex}.addon-name{color:#111827;font-size:14px;font-weight:600}.addon-desc{color:#6b7280;font-size:12px}.addon-price{color:#2563eb;white-space:nowrap;font-size:14px;font-weight:700}.empty-state{color:#9ca3af;background:#fafafa;border:1.5px dashed #e5e7eb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:140px;font-size:13.5px;display:flex}.empty-icon{opacity:.5;font-size:24px}.quota-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.quota-card{background:#fafafa;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:6px;padding:16px;display:flex}.quota-card-label{color:#6b7280;text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}.quota-unlimited{color:#16a34a;font-size:18px;font-weight:700}.quota-numbers{align-items:baseline;gap:3px;margin-top:2px;display:flex}.quota-used{color:#111827;font-size:22px;font-weight:700;line-height:1}.quota-sep{color:#d1d5db;font-size:14px}.quota-limit{color:#9ca3af;font-size:14px;font-weight:500}.quota-bar{background:#e5e7eb;border-radius:999px;height:6px;margin:4px 0 2px;overflow:hidden}.quota-bar-fill{border-radius:999px;height:100%;transition:width .4s}.bar-low{background:#2563eb}.bar-mid{background:#f59e0b}.bar-high{background:#dc2626}.quota-footer{justify-content:space-between;align-items:center;display:flex}.quota-remaining{color:#6b7280;font-size:12px}.quota-pct{color:#9ca3af;font-size:12px;font-weight:600}.pct-high{color:#dc2626}.features-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.feature-pill{background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;padding:11px 14px;display:flex}.feature-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.feature-label{color:#374151;flex:1;font-size:13.5px;font-weight:400}.feature-status{border-radius:20px;padding:2px 8px;font-size:12px;font-weight:600}.feature-on .feature-dot{background:#16a34a}.feature-on .feature-status{color:#15803d;background:#dcfce7}.feature-off .feature-dot{background:#d1d5db}.feature-off .feature-status{color:#9ca3af;background:#f3f4f6}.billing-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;font-size:14px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.billing-error{color:#dc2626;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;font-size:14px;display:flex}.error-icon{font-size:28px}@media (width<=860px){.billing-grid{grid-template-columns:1fr}.billing-card-full{grid-column:auto}.plan-limits-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}:root{--st-bg:#f7f8fa;--st-surface:#fff;--st-surface-2:#f2f4f8;--st-border:#e4e7ef;--st-border-2:#cdd2e0;--st-text-1:#0d1117;--st-text-2:#4b5368;--st-text-3:#8f96aa;--st-accent:#2455d4;--st-accent-soft:#eef2fc;--st-accent-mid:#c0cefc;--st-accent-dark:#1d47b8;--st-radius-sm:6px;--st-radius:10px;--st-radius-lg:14px;--st-radius-xl:16px;--st-font:"DM Sans", sans-serif;--st-mono:"DM Mono", monospace;--st-shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--st-shadow:0 4px 20px #00000014, 0 1px 6px #0000000a}.st-page{font-family:var(--st-font);background:var(--st-bg);max-width:1040px;min-height:100vh;color:var(--st-text-1);padding:40px 44px}.st-header{border-bottom:1px solid var(--st-border);margin-bottom:28px;padding-bottom:24px}.st-title{color:var(--st-text-1);letter-spacing:-.3px;margin:0 0 4px;font-size:22px;font-weight:600}.st-subtitle{color:var(--st-text-3);margin:0;font-size:13.5px}.st-tabs{background:var(--st-surface-2);border:1px solid var(--st-border);border-radius:var(--st-radius-lg);gap:2px;margin-bottom:28px;padding:4px;display:inline-flex;position:relative}.st-tab{z-index:1;font-family:var(--st-font);color:var(--st-text-3);cursor:pointer;border-radius:var(--st-radius-sm);white-space:nowrap;letter-spacing:-.1px;background:0 0;border:none;align-items:center;gap:7px;padding:8px 20px;font-size:13.5px;font-weight:600;transition:color .18s;display:flex;position:relative}.st-tab.active{color:var(--st-text-1)}.st-tab-slider{background:var(--st-surface);border-radius:var(--st-radius-sm);border:1px solid var(--st-border);width:calc(33.333% - 3px);height:calc(100% - 8px);box-shadow:var(--st-shadow-sm);z-index:0;pointer-events:none;transition:transform .22s cubic-bezier(.4,0,.2,1);position:absolute;top:4px;left:4px}.st-content{animation:.2s st-fade-in}@keyframes st-fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.team-card{background:var(--st-surface);border:1px solid var(--st-border);border-radius:var(--st-radius-xl);box-shadow:var(--st-shadow);max-width:860px;margin-bottom:20px;overflow:hidden}.team-card-header{border-bottom:1px solid var(--st-border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 26px 18px;display:flex}.team-card-title{color:var(--st-text-1);letter-spacing:-.2px;margin:0 0 3px;font-size:16px;font-weight:600}.team-card-subtitle{color:var(--st-text-3);margin:0;font-size:13px}.team-count-badge{color:var(--st-accent);background:var(--st-accent-soft);border:1px solid var(--st-accent-mid);white-space:nowrap;border-radius:20px;align-self:flex-start;padding:3px 9px;font-size:11px;font-weight:600}.team-list{margin:0;padding:0;list-style:none}.team-row{border-bottom:1px solid #f0f2f8;align-items:center;gap:14px;padding:14px 26px;transition:background .1s;display:flex}.team-row:last-child{border-bottom:none}.team-row:hover{background:#fafbfe}.st-avatar{background:var(--st-accent-soft);border:1.5px solid var(--st-accent-mid);width:40px;height:40px;color:var(--st-accent);letter-spacing:-.3px;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13.5px;font-weight:600;display:flex}.team-info{flex:1;min-width:0}.team-name{color:var(--st-text-1);align-items:center;gap:8px;margin-bottom:2px;font-size:14px;font-weight:600;display:flex}.team-email{color:var(--st-text-3);font-size:12.5px;font-family:var(--st-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.role-badge{text-transform:uppercase;letter-spacing:.45px;white-space:nowrap;border:1px solid #0000;border-radius:20px;padding:2px 8px;font-size:10.5px;font-weight:600}.role-badge.admin{color:#a01e1e;background:#fef2f2;border-color:#f5b8b8}.role-badge.manager{color:#0c6b40;background:#edfaf4;border-color:#9de8c4}.role-badge.agent{background:var(--st-accent-soft);color:var(--st-accent);border-color:var(--st-accent-mid)}.team-status{align-items:center;display:flex}.st-status{color:var(--st-text-3);align-items:center;gap:6px;font-size:12.5px;font-weight:500;display:flex}.st-status-dot{background:#d1d5db;border-radius:50%;flex-shrink:0;width:7px;height:7px}.st-status.active .st-status-dot{background:#22c373}.st-status.active{color:#0c6b40}.invite-card{background:var(--st-surface);border:1px solid var(--st-border);border-radius:var(--st-radius-xl);box-shadow:var(--st-shadow);max-width:860px;overflow:hidden}.invite-card-header{border-bottom:1px solid var(--st-border);padding:20px 26px 16px}.invite-card-title{color:var(--st-text-1);letter-spacing:-.2px;margin:0 0 3px;font-size:15px;font-weight:600}.invite-card-subtitle{color:var(--st-text-3);margin:0;font-size:13px}.invite-card-body{padding:20px 26px}.invite-form{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.invite-form-field{flex-direction:column;flex:1;gap:6px;min-width:180px;display:flex}.invite-form-field label{color:var(--st-text-2);letter-spacing:-.1px;font-size:12px;font-weight:600}.invite-form input,.invite-form select{font-family:var(--st-font);color:var(--st-text-1);background:var(--st-surface);border:1px solid var(--st-border);border-radius:var(--st-radius);-webkit-appearance:none;outline:none;width:100%;padding:9px 12px;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.invite-form input::placeholder{color:var(--st-text-3)}.invite-form input:focus,.invite-form select:focus{border-color:var(--st-accent);box-shadow:0 0 0 3px #2455d41a}.invite-form select{cursor:pointer;max-width:160px}.st-invite-btn{font-family:var(--st-font);border-radius:var(--st-radius);cursor:pointer;background:var(--st-accent);color:#fff;white-space:nowrap;letter-spacing:-.1px;border:none;align-self:flex-end;align-items:center;gap:7px;padding:9px 18px;font-size:13.5px;font-weight:600;transition:background .15s,transform .12s,box-shadow .15s;display:inline-flex;box-shadow:0 2px 10px #2455d442}.st-invite-btn:hover:not(:disabled){background:var(--st-accent-dark);transform:translateY(-1px);box-shadow:0 5px 16px #2455d44d}.st-invite-btn:active:not(:disabled){transform:translateY(0)}.st-invite-btn:disabled{opacity:.5;cursor:not-allowed}.st-error{color:#dc2626;align-items:center;gap:6px;margin-top:10px;font-size:12.5px;display:flex}@media (width<=640px){.st-page{padding:24px 20px}.st-tabs{width:100%}.team-row{flex-wrap:wrap;gap:10px}.invite-form{flex-direction:column}.invite-form select{max-width:100%}}.st-success{color:#0a5c3a;align-items:center;gap:6px;margin-top:10px;font-size:12.5px;display:flex}.st-btn-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:.65s linear infinite st-spin;display:inline-block}@keyframes st-spin{to{transform:rotate(360deg)}}.team-loading{justify-content:center;align-items:center;padding:40px;display:flex}.st-spinner{border:2px solid var(--st-border);border-top-color:var(--st-accent);border-radius:50%;width:20px;height:20px;animation:.65s linear infinite st-spin;display:inline-block}.team-empty{text-align:center;color:var(--st-text-3);padding:40px 26px;font-size:13.5px}.team-pagination{border-top:1px solid var(--st-border);justify-content:center;align-items:center;gap:6px;padding:16px 26px;display:flex}.pg-btn{border-radius:var(--st-radius-sm);border:1px solid var(--st-border);background:var(--st-surface);width:30px;height:30px;color:var(--st-text-2);cursor:pointer;font-size:13px;font-family:var(--st-font);justify-content:center;align-items:center;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.pg-btn:hover:not(:disabled){background:var(--st-accent-soft);border-color:var(--st-accent-mid);color:var(--st-accent)}.pg-btn:disabled{opacity:.35;cursor:not-allowed}.pg-info{color:var(--st-text-3);font-variant-numeric:tabular-nums;padding:0 8px;font-size:13px}.team-row-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.perm-manage-btn{font-family:var(--st-font);border-radius:var(--st-radius-sm);border:1px solid var(--st-border);background:var(--st-surface);color:var(--st-text-2);cursor:pointer;white-space:nowrap;letter-spacing:-.1px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:background .13s,border-color .13s,color .13s;display:inline-flex}.perm-manage-btn:hover{background:var(--st-accent-soft);border-color:var(--st-accent-mid);color:var(--st-accent)}.perm-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#0d111752;justify-content:flex-end;animation:.18s perm-overlay-in;display:flex;position:fixed;inset:0}@keyframes perm-overlay-in{0%{opacity:0}to{opacity:1}}.perm-drawer{background:var(--st-surface);flex-direction:column;width:480px;max-width:100vw;height:100%;animation:.24s cubic-bezier(.16,1,.3,1) perm-drawer-in;display:flex;position:relative;overflow:hidden;box-shadow:-8px 0 40px #00000024}@keyframes perm-drawer-in{0%{opacity:.8;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.perm-toast{border-radius:var(--st-radius);box-shadow:var(--st-shadow);z-index:10;white-space:nowrap;border:1px solid #0000;align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:500;animation:.2s cubic-bezier(.16,1,.3,1) perm-toast-in;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}@keyframes perm-toast-in{0%{opacity:0;transform:translate(-50%)translateY(-6px)scale(.97)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.perm-toast--success{color:#0a5c3a;background:#f0fdf6;border-color:#a3e4c1}.perm-toast--error{color:#dc2626;background:#fef2f2;border-color:#fca5a5}.perm-toast-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.perm-drawer-header{border-bottom:1px solid var(--st-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:20px 22px 16px;display:flex}.perm-drawer-member{align-items:center;gap:12px;min-width:0;display:flex}.perm-drawer-avatar{background:var(--st-accent-soft);border:1.5px solid var(--st-accent-mid);width:42px;height:42px;color:var(--st-accent);letter-spacing:-.3px;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.perm-drawer-member-info{min-width:0}.perm-drawer-member-name{color:var(--st-text-1);letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:15px;font-weight:600;overflow:hidden}.perm-drawer-member-email{color:var(--st-text-3);font-size:12px;font-family:var(--st-mono);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.perm-drawer-header-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.perm-close-btn{border-radius:var(--st-radius-sm);border:1px solid var(--st-border);background:var(--st-surface);width:30px;height:30px;color:var(--st-text-3);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s,color .12s;display:flex}.perm-close-btn:hover{color:#dc2626;background:#fef2f2;border-color:#fca5a5}.perm-drawer-subheader{border-bottom:1px solid var(--st-border);background:var(--st-surface-2);flex-shrink:0;padding:14px 22px 12px}.perm-drawer-subheader-title{text-transform:uppercase;letter-spacing:.6px;color:var(--st-text-3);margin:0 0 2px;font-size:12px;font-weight:600}.perm-drawer-subheader-hint{color:var(--st-text-2);margin:0;font-size:12.5px}.perm-drawer-body{scrollbar-width:thin;scrollbar-color:var(--st-border) transparent;flex:1;padding:12px 0;overflow-y:auto}.perm-drawer-body::-webkit-scrollbar{width:5px}.perm-drawer-body::-webkit-scrollbar-track{background:0 0}.perm-drawer-body::-webkit-scrollbar-thumb{background:var(--st-border);border-radius:3px}.perm-loading{justify-content:center;align-items:center;padding:60px 0;display:flex}.perm-empty{text-align:center;color:var(--st-text-3);padding:40px 22px;font-size:13.5px}.perm-category{border-bottom:1px solid var(--st-border)}.perm-category:last-child{border-bottom:none}.perm-category-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:10px;padding:12px 22px;transition:background .1s;display:flex}.perm-category-header:hover{background:var(--st-surface-2)}.perm-category-left{align-items:center;gap:9px;min-width:0;display:flex}.perm-category-icon{border-radius:var(--st-radius-sm);background:var(--st-accent-soft);width:28px;height:28px;color:var(--st-accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.perm-category-name{color:var(--st-text-1);letter-spacing:-.1px;font-size:13.5px;font-weight:600}.perm-category-count{color:var(--st-text-3);background:var(--st-surface-2);border:1px solid var(--st-border);border-radius:20px;padding:1px 7px;font-size:11px;font-weight:600}.perm-category-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.perm-cat-toggle{font-family:var(--st-font);border:1px solid var(--st-border);background:var(--st-surface);color:var(--st-text-3);cursor:pointer;letter-spacing:-.1px;border-radius:20px;padding:3px 10px;font-size:11.5px;font-weight:600;transition:background .13s,border-color .13s,color .13s}.perm-cat-toggle:hover,.perm-cat-toggle--on{background:var(--st-accent-soft);border-color:var(--st-accent-mid);color:var(--st-accent)}.perm-cat-toggle--partial{color:#c2570a;background:#fff7ed;border-color:#fed7aa}.perm-chevron{color:var(--st-text-3);align-items:center;transition:transform .18s;display:flex;transform:rotate(0)}.perm-chevron--open{transform:rotate(180deg)}.perm-category-body{background:var(--st-surface-2);border-top:1px solid var(--st-border);padding:4px 0 10px;animation:.16s perm-cat-expand}@keyframes perm-cat-expand{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.perm-checkbox-row{cursor:pointer;border-radius:0;justify-content:space-between;align-items:center;gap:14px;padding:10px 22px 10px 54px;transition:background .1s;display:flex}.perm-checkbox-row:hover:not(.perm-checkbox-row--disabled){background:#2455d40a}.perm-checkbox-row--disabled{opacity:.5;cursor:not-allowed}.perm-checkbox-text{flex-direction:column;gap:2px;min-width:0;display:flex}.perm-checkbox-label{color:var(--st-text-1);letter-spacing:-.1px;font-size:13.5px;font-weight:500}.perm-checkbox-desc{color:var(--st-text-3);font-size:12px;line-height:1.4}.perm-toggle{background:var(--st-border-2);cursor:pointer;border-radius:20px;flex-shrink:0;width:36px;height:20px;transition:background .2s;position:relative}.perm-toggle--on{background:var(--st-accent)}.perm-toggle--disabled{opacity:.5;cursor:not-allowed}.perm-toggle-knob{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .18s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000002e}.perm-toggle--on .perm-toggle-knob{transform:translate(16px)}.perm-toggle-input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;top:0;left:0}.perm-drawer-footer{border-top:1px solid var(--st-border);background:var(--st-surface);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:14px 22px;display:flex}.perm-footer-right{align-items:center;gap:8px;display:flex}.perm-reset-btn{font-family:var(--st-font);border-radius:var(--st-radius-sm);border:1px solid var(--st-border);background:var(--st-surface);color:var(--st-text-2);cursor:pointer;letter-spacing:-.1px;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:600;transition:background .13s,color .13s,border-color .13s;display:inline-flex}.perm-reset-btn:hover:not(:disabled){color:#dc2626;background:#fef2f2;border-color:#fca5a5}.perm-reset-btn:disabled{opacity:.45;cursor:not-allowed}.perm-cancel-btn{font-family:var(--st-font);border-radius:var(--st-radius-sm);border:1px solid var(--st-border);background:var(--st-surface);color:var(--st-text-2);cursor:pointer;letter-spacing:-.1px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .12s}.perm-cancel-btn:hover:not(:disabled){background:var(--st-surface-2)}.perm-cancel-btn:disabled{opacity:.45;cursor:not-allowed}.perm-save-btn{font-family:var(--st-font);border-radius:var(--st-radius-sm);background:var(--st-accent);color:#fff;cursor:pointer;letter-spacing:-.1px;border:none;align-items:center;gap:7px;padding:8px 18px;font-size:13px;font-weight:600;transition:background .13s,transform .1s,box-shadow .13s;display:inline-flex;box-shadow:0 2px 10px #2455d442}.perm-save-btn:hover:not(:disabled){background:var(--st-accent-dark);transform:translateY(-1px);box-shadow:0 5px 14px #2455d44d}.perm-save-btn:active:not(:disabled){transform:translateY(0)}.perm-save-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.perm-spinner-dark{border:2px solid #dc262640;border-top-color:#dc2626;border-radius:50%;flex-shrink:0;width:11px;height:11px;animation:.65s linear infinite st-spin;display:inline-block}@media (width<=640px){.perm-drawer{width:100vw}.team-row-actions{gap:8px}.perm-manage-btn span{display:none}}.perm-modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10;border-radius:inherit;background:#00000073;justify-content:center;align-items:center;animation:.15s perm-fade-in;display:flex;position:absolute;inset:0}.perm-modal{background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:10px;width:320px;max-width:calc(100% - 32px);padding:28px 24px 24px;animation:.18s cubic-bezier(.34,1.56,.64,1) perm-modal-in;display:flex;box-shadow:0 20px 60px #0000002e,0 4px 16px #0000001a}.perm-modal-icon{color:#e53e3e;background:#fff1f1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:4px;display:flex}.perm-modal-title{color:#111827;text-align:center;margin:0;font-size:15px;font-weight:600}.perm-modal-body{color:#6b7280;text-align:center;margin:0;font-size:13px;line-height:1.55}.perm-modal-body strong{color:#374151;font-weight:600}.perm-modal-actions{gap:10px;width:100%;margin-top:6px;display:flex}.perm-modal-cancel{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;flex:1;padding:9px 0;font-size:13px;font-weight:500;transition:background .15s,border-color .15s}.perm-modal-cancel:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.perm-modal-cancel:disabled{opacity:.5;cursor:not-allowed}.perm-modal-confirm{color:#fff;cursor:pointer;background:#e53e3e;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 0;font-size:13px;font-weight:500;transition:background .15s,opacity .15s;display:flex}.perm-modal-confirm:hover:not(:disabled){background:#c53030}.perm-modal-confirm:disabled{opacity:.65;cursor:not-allowed}.perm-spinner-white{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:13px;height:13px;animation:.65s linear infinite perm-spin;display:inline-block}@keyframes perm-fade-in{0%{opacity:0}to{opacity:1}}@keyframes perm-modal-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes perm-spin{to{transform:rotate(360deg)}}.inbox-page{background:#f5f6f8;height:100vh;max-height:100vh;margin:0;padding:0;display:flex;overflow:hidden}.inbox-sidebar{background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;width:340px;min-width:340px;display:flex;overflow:hidden}.inbox-header{border-bottom:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;gap:8px;padding:0 16px 10px;display:flex}.inbox-header-top{justify-content:space-between;align-items:center;height:56px;font-size:16px;font-weight:600;display:flex}.inbox-search-btn{cursor:pointer;color:#374151;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;display:flex}.inbox-search-btn:hover{background:#f3f4f6}.inbox-search-input{background:0 0;border:none;outline:none;flex:1;font-size:14px}.conversation-list{flex:1;overflow-y:auto}.conversation-item{cursor:pointer;border-bottom:1px solid #f3f4f6;gap:12px;padding:12px 16px;transition:background .15s;display:flex}.conversation-item:hover{background:#f3f4f6}.conversation-item.active{background:#e8f0fe}.avatar{color:#fff;background:#6366f1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;font-size:16px;font-weight:600;display:flex}.conversation-info{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.conversation-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.conversation-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.conversation-date{color:#9ca3af;white-space:nowrap;flex-shrink:0;font-size:11px}.conversation-bottom{justify-content:space-between;align-items:center;gap:8px;margin-top:3px;display:flex}.last-message{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;overflow:hidden}.unread-badge{color:#fff;background:#2563eb;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;display:flex}.inbox-loading,.no-results{text-align:center;color:#6b7280;padding:24px;font-size:14px}.inbox-chat{background:#eef1f5;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.chat-placeholder{flex:1;justify-content:center;align-items:center;display:flex}.chat-placeholder-inner{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.chat-placeholder-icon{opacity:.3;font-size:48px}.chat-placeholder-title{color:#374151;font-size:16px;font-weight:600}.chat-placeholder-subtitle{color:#9ca3af;font-size:13px}.chat-loading{color:#6b7280;flex:1;justify-content:center;align-items:center;font-size:14px;display:flex}.chat-contact-header{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;height:72px;min-height:72px;padding:0 24px;display:flex}.chat-contact-left{align-items:center;gap:14px;display:flex}.chat-avatar{color:#fff;background:#f97316;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;font-size:18px;font-weight:600;display:flex}.chat-contact-name{color:#111827;font-size:15px;font-weight:600}.chat-contact-phone{color:#6b7280;margin-top:2px;font-size:13px}.chat-contact-date{color:#9ca3af;margin-top:1px;font-size:12px}.chat-contact-right{align-items:center;gap:10px;display:flex}.optin-label{color:#374151;font-size:13px;font-weight:500}.optin-toggle{width:42px;height:22px;display:inline-block;position:relative}.optin-toggle input{opacity:0;width:0;height:0}.optin-toggle .slider{cursor:pointer;background-color:#e5e7eb;border-radius:34px;transition:all .3s;position:absolute;inset:0}.optin-toggle .slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 6px #0003}.optin-toggle input:checked+.slider{background-color:#f97316}.optin-toggle input:checked+.slider:before{transform:translate(20px)}.chat-messages{background:#eef1f5;flex-direction:column;flex:1;padding:20px 24px;display:flex;overflow-y:auto}.chat-date-wrapper{justify-content:center;width:100%;margin:16px 0 8px;display:flex}.chat-date-divider{color:#6b7280;background:#e5e7eb;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:500}.message-row{margin-bottom:4px;display:flex}.message-row.left{justify-content:flex-start}.message-row.right{justify-content:flex-end}.message-bubble{word-break:break-word;border-radius:12px;max-width:75%;padding:8px 12px;font-size:14px;line-height:1.5;position:relative}.message-bubble.received{color:#111827;background:#fff;border:1px solid #e5e7eb;border-top-left-radius:4px}.message-bubble.sent{color:#111827;background:#dcf8c6;border:1px solid #c3f0a8;border-top-right-radius:4px}.message-text{display:block}.message-meta{justify-content:flex-end;align-items:center;gap:4px;margin-top:4px;display:flex}.message-time{color:#6b7280;font-size:11px}.read-ticks{vertical-align:middle;font-size:12px}.status-sending{color:#d1d5db;animation:1.2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.media-image img{cursor:pointer;border-radius:10px;max-width:260px;display:block}.media-doc{background:#f1f5f9;border-radius:10px;align-items:flex-start;gap:10px;max-width:260px;padding:10px 12px;display:flex}.media-doc-info{flex-direction:column;gap:4px;min-width:0;display:flex}.media-doc a{color:#2563eb;word-break:break-all;font-size:13px;font-weight:500;text-decoration:none}.media-doc a:hover{text-decoration:underline}.doc-icon{flex-shrink:0;font-size:22px}.media-video-wrapper{flex-direction:column;gap:6px;display:flex}.media-video-thumb{cursor:pointer;background:#000;border-radius:10px;flex-shrink:0;max-width:280px;position:relative;overflow:hidden}.media-video-thumb:hover .media-video-play-btn{background:#000000a6;transform:translate(-50%,-50%)scale(1.08)}.media-video-preview{-o-object-fit:cover;object-fit:cover;pointer-events:none;border-radius:10px;width:100%;max-width:280px;max-height:200px;display:block}.media-video-play-btn{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000085;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:background .15s,transform .15s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.media-video{border-radius:10px;max-width:280px;display:block}.media-audio-wrapper{flex-direction:column;gap:4px;display:flex}.media-audio{width:240px;display:block}.media-caption{color:#374151;margin:4px 0 0;font-size:13px;line-height:1.4}.media-error{color:#ef4444;flex-direction:column;gap:6px;font-size:12px;display:flex}.download-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:6px;margin-top:4px;padding:8px 14px;font-size:13px;font-weight:500;transition:background .2s;display:inline-flex}.download-btn:hover{background:#1d4ed8}.download-btn:active{transform:scale(.97)}.download-btn:disabled{cursor:not-allowed;background:#9ca3af}.conversation-expired{color:#92400e;background:#fff7ed;border-top:1px solid #fed7aa;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px;font-size:14px;display:flex}.chat-input-area{background:#fff;border-top:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;display:flex}.attach-error-banner{color:#b91c1c;background:#fef2f2;border-bottom:1px solid #fecaca;justify-content:space-between;align-items:center;gap:8px;padding:8px 16px;font-size:13px;display:flex}.attach-error-banner button{cursor:pointer;color:#b91c1c;background:0 0;border:none;flex-shrink:0;align-items:center;padding:2px;display:flex}.attachment-preview-bar{padding:10px 16px 0}.attachment-preview-inner{background:#f8fafc;border:.5px solid #e2e8f0;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.attachment-thumb{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:52px;min-width:52px;height:52px;display:flex;overflow:hidden}.attachment-thumb-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.attachment-thumb-icon{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.attachment-thumb-video{background:linear-gradient(135deg,#7c3aed,#5b21b6)}.attachment-thumb-audio{background:linear-gradient(135deg,#059669,#065f46)}.attachment-thumb-doc{background:linear-gradient(135deg,#2563eb,#1e40af)}.attachment-thumb-img-bg{background:linear-gradient(135deg,#db2777,#9d174d)}.attachment-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.attachment-filename{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.attachment-filesize{color:#9ca3af;text-transform:capitalize;align-items:center;gap:5px;font-size:11px;display:flex}.attach-type-badge{letter-spacing:.03em;text-transform:uppercase;border-radius:999px;padding:1px 7px;font-size:10px;font-weight:500;display:inline-block}.badge-image{color:#be185d;background:#fce7f3}.badge-document{color:#6d28d9;background:#ede9fe}.badge-video{color:#7c3aed;background:#ede9fe}.badge-audio{color:#065f46;background:#d1fae5}.attachment-caption-input{color:#111827;box-sizing:border-box;background:#fff;border:.5px solid #e2e8f0;border-radius:7px;outline:none;width:100%;margin-top:5px;padding:6px 10px;font-size:13px;transition:border-color .2s,box-shadow .2s}.attachment-caption-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.attachment-caption-input::placeholder{color:#9ca3af;font-size:12px}.attachment-remove-btn{cursor:pointer;color:#6b7280;background:#fff;border:.5px solid #e2e8f0;border-radius:6px;flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.attachment-remove-btn:hover{color:#ef4444;background:#fee2e2;border-color:#fecaca}.chat-input{flex-direction:row;align-items:flex-end;gap:8px;padding:10px 16px;display:flex}.chat-textarea{color:#111827;resize:none;box-sizing:border-box;background:0 0;border:none;outline:none;flex:1;width:100%;min-width:0;height:38px;max-height:120px;padding:9px 12px;font-family:inherit;font-size:14px;line-height:1.5;display:block;overflow-y:hidden}.chat-textarea::placeholder{color:#9ca3af}.chat-textarea:disabled{opacity:.6}.chat-input-top{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;flex:1;align-items:center;min-width:0;transition:border-color .2s,box-shadow .2s;display:flex}.chat-input-top:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.attach-btn-wrap{flex-shrink:0;align-self:flex-end;position:relative}.attach-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:background .15s,color .15s;display:flex}.attach-btn:hover:not(:disabled),.attach-btn--active{color:#2563eb;background:#f3f4f6}.attach-btn:disabled{opacity:.4;cursor:not-allowed}.chat-input-top input{color:#111827;background:0 0;border:none;outline:none;flex:1;padding:9px 12px 9px 4px;font-size:14px}.chat-input-top input::placeholder{color:#9ca3af}.chat-input-top input:disabled{opacity:.6}.chat-input-actions{flex-shrink:0;align-self:flex-end;align-items:center;gap:8px;display:flex}.template-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;padding:9px 16px;font-size:13px;font-weight:500;transition:background .2s}.template-btn:hover:not(:disabled){background:#e5e7eb}.template-btn:disabled{opacity:.4;cursor:not-allowed}.send-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:500;transition:background .2s;display:inline-flex}.send-btn:hover:not(:disabled){background:#1d4ed8}.send-btn:disabled{cursor:not-allowed;background:#93c5fd}.send-media-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#059669;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:500;transition:background .2s;display:inline-flex}.send-media-btn:hover:not(:disabled){background:#047857}.send-media-btn:disabled{cursor:not-allowed;background:#6ee7b7}.send-template-btn{color:#fff;cursor:pointer;background:#f97316;border:none;border-radius:8px;padding:8px 18px;font-size:14px;font-weight:500;transition:background .2s}.send-template-btn:hover{background:#ea580c}.messages-loading{color:#6b7280;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.loader-container{color:#6b7280;flex-direction:column;align-items:center;gap:6px;padding:10px;font-size:12px;display:flex}.spinner{border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}.spinner-sm{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.8s linear infinite spin}.template-modal-overlay{z-index:9999;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.template-modal{background:#fff;border-radius:12px;flex-direction:column;width:900px;max-width:95vw;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 10px 40px #0000002e}.template-modal-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.template-modal-header h3{color:#111827;margin:0;font-size:18px;font-weight:600}.template-modal-header button{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:20px;line-height:1}.template-modal-header button:hover{background:#f3f4f6}.template-modal-body{flex-direction:column;flex:1;gap:18px;padding:20px 22px;display:flex;overflow-y:auto}.phone-selection,.template-dropdown{flex-direction:column;gap:6px;display:flex}.phone-selection label,.template-dropdown label{color:#374151;font-size:13px;font-weight:500}.phone-selection select,.template-dropdown select{color:#111827;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;padding:10px 12px;font-size:14px}.phone-selection select:focus,.template-dropdown select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.template-split-layout{align-items:flex-start;gap:24px;display:flex}.template-inputs{flex:1;min-width:0;max-height:55vh;padding-right:8px;overflow-y:auto}.template-inputs h4{color:#111827;margin:0 0 14px;font-size:14px;font-weight:600}.mapping-row{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.mapping-row label{color:#6b7280;font-size:12px;font-weight:500}.mapping-row input{border:1px solid #d1d5db;border-radius:6px;outline:none;padding:8px 10px;font-size:14px;transition:border-color .2s}.mapping-row input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.no-variables-note{color:#9ca3af;margin:0 0 16px;font-size:13px}.template-preview-box{flex:1;min-width:0;max-height:55vh;overflow-y:auto}.template-preview-box h4{color:#111827;margin:0 0 14px;font-size:14px;font-weight:600}.message-bubble.template-bubble-msg{background:#dcf8c6;border:1px solid #c3f0a8;border-radius:12px 12px 12px 4px;padding:0;overflow:hidden}.message-bubble.received.template-bubble-msg{background:#fff;border:1px solid #e5e7eb;border-radius:12px 12px 12px 4px}.message-bubble.sent.template-bubble-msg{background:#dcf8c6;border:1px solid #c3f0a8;border-radius:12px 12px 4px}.tmpl-bubble-wrap{flex-direction:column;min-width:260px;max-width:420px;display:flex}.tmpl-header{width:100%}.tmpl-header-img{-o-object-fit:cover;object-fit:cover;border-radius:0;width:100%;max-height:180px;display:block}.tmpl-header-placeholder{color:#374151;background:#c9d4dc;justify-content:center;align-items:center;gap:8px;min-height:60px;padding:16px;font-size:13px;display:flex}.tmpl-header-text{color:#111827;padding:10px 12px 4px;font-size:14px;font-weight:700}.tmpl-body{color:#111827;white-space:pre-wrap;word-break:break-word;padding:10px 12px 4px;font-size:13.5px;line-height:1.5}.tmpl-footer{color:#6b7280;padding:3px 12px 4px;font-size:11.5px}.tmpl-buttons{border-top:1px solid #b8e6a0;flex-direction:column;display:flex}.message-bubble.received.template-bubble-msg .tmpl-buttons{border-top:1px solid #e5e7eb}.tmpl-button{color:#0a8dff;cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-top:1px solid #0000000f;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s;display:flex}.tmpl-button:hover{background:#0a8dff0f}.tmpl-button.tmpl-button-static{cursor:default;color:#6b7280}.tmpl-button.tmpl-button-static:hover{background:0 0}.tmpl-button:first-child{border-top:none}.tmpl-button-icon{font-size:14px}.tmpl-button-text{text-align:center;flex:1}.tmpl-bubble-wrap .message-meta{margin-top:2px;padding:2px 10px 6px}.header-url-section{background:#fff8f3;border:1px solid #fed7aa;border-radius:10px;flex-direction:column;gap:6px;margin-bottom:18px;padding:14px;display:flex}.header-url-label{color:#c2410c;align-items:center;gap:7px;font-size:13px;font-weight:600;display:flex}.header-url-icon{font-size:16px;line-height:1}.header-url-input{color:#111827;box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-size:13px;transition:border-color .2s}.header-url-input:focus{border-color:#f97316;box-shadow:0 0 0 3px #f973161a}.header-url-input::placeholder{color:#9ca3af;font-size:12px}.tp-header-media-placeholder{color:#6b7280;background:#e5e7eb;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:80px;padding:20px;font-size:12px;display:flex}.tp-header-media-placeholder span:first-child{font-size:26px}.tp-header-video-url{color:#15803d;background:#dcfce7;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.tp-header-video-url span:first-child{font-size:18px}.tp-header-url-text{font-size:12px}.tp-phone-frame{flex-direction:column;max-width:300px;display:flex}.tp-bubble{background:#dcf8c6;border-radius:12px 12px 12px 4px;overflow:hidden;box-shadow:0 1px 4px #0000001f}.tp-header{width:100%}.tp-header-img{-o-object-fit:cover;object-fit:cover;width:100%;max-height:180px;display:block}.tp-header-text{color:#111827;padding:10px 12px 4px;font-size:14px;font-weight:700}.tp-body{color:#111827;white-space:pre-wrap;word-break:break-word;padding:10px 12px 4px;font-size:13.5px;line-height:1.5}.tp-footer{color:#6b7280;padding:4px 12px 6px;font-size:11.5px}.tp-time{color:#6b7280;text-align:right;padding:2px 10px 6px;font-size:11px}.tp-buttons{flex-direction:column;gap:1px;margin-top:2px;display:flex}.tp-button{color:#0a8dff;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-top:none;justify-content:center;align-items:center;gap:7px;width:100%;padding:9px 14px;font-family:inherit;font-size:13.5px;font-weight:500;text-decoration:none;transition:background .15s;display:flex}.tp-button:hover{background:#f0f8ff}.tp-button:last-child{border-radius:0 0 12px 12px}.tp-button-icon{font-size:15px}.tp-button-text{text-align:center;flex:1}.attach-picker-backdrop{z-index:100;position:fixed;inset:0}.attach-picker-menu{z-index:200;background:#fff;border:.5px solid #e5e7eb;border-radius:12px;min-width:220px;padding:6px;position:absolute;bottom:calc(100% + 10px);left:0;box-shadow:0 4px 20px #00000014}.attach-picker-header{color:#9ca3af;letter-spacing:.05em;text-transform:uppercase;padding:6px 10px 4px;font-size:11px;font-weight:500}.attach-picker-item{cursor:pointer;text-align:left;width:100%;animation:.2s both slideUp;animation-delay:var(--delay,0s);background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:8px 10px;transition:background .15s;display:flex}.attach-picker-item:hover{background:#f3f4f6}.attach-picker-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;font-size:17px;display:flex}.attach-picker-text{flex-direction:column;gap:2px;display:flex}.attach-picker-label{color:#111827;font-size:13px;font-weight:500}.attach-picker-desc{color:#9ca3af;font-size:11px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message-bubble.sent,.message-bubble{position:relative;overflow:visible!important}.failed-tick-wrapper{cursor:help;align-items:center;margin-left:4px;display:inline-flex;position:relative}.error-icon{filter:drop-shadow(0 0 2px #0003);font-size:14px}.error-tooltip{z-index:9999;width:max-content;max-width:200px;animation:.2s ease-out fadeIn;position:absolute;bottom:125%;right:0}.error-tooltip-content{color:#fff;white-space:normal;word-break:break-word;background:#1f2937;border:1px solid #ffffff1a;border-radius:6px;padding:6px 10px;font-size:11px;line-height:1.4;box-shadow:0 4px 12px #0000004d}.error-tooltip-arrow{border-top:6px solid #1f2937;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;top:100%;right:5px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.read-ticks{align-items:center;font-weight:600;display:inline-flex}.message-bubble.sent .read-ticks{color:#9ca3af}.message-bubble.sent .read-ticks.read-status{color:#3b82f6!important}.inbox-account-tabs{border-bottom:1px solid #e5e7eb;flex-shrink:0;gap:4px;padding:8px 12px;display:flex;overflow-x:auto}.inbox-tab{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #e5e7eb;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:500;transition:all .15s}.inbox-tab:hover{color:#111827;background:#f3f4f6}.inbox-tab--active{color:#fff;background:#111827;border-color:#111827}.acct-dropdown{width:100%;position:relative}.acct-dropdown-trigger{cursor:pointer;color:#111827;text-align:left;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;width:100%;padding:7px 10px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s;display:flex}.acct-dropdown-trigger:hover{background:#f3f4f6;border-color:#d1d5db}.acct-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:7px;min-width:7px;height:7px}.acct-trigger-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.acct-chevron{color:#9ca3af;flex-shrink:0;transition:transform .2s}.acct-chevron.open{transform:rotate(180deg)}.acct-dropdown-menu{z-index:300;background:#fff;border:1px solid #e5e7eb;border-radius:10px;animation:.15s slideDown;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #0000001a}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.acct-dropdown-search{color:#9ca3af;border-bottom:1px solid #f3f4f6;align-items:center;gap:8px;padding:8px 12px;display:flex}.acct-dropdown-search input{color:#111827;background:0 0;border:none;outline:none;flex:1;font-size:13px}.acct-dropdown-search input::placeholder{color:#d1d5db}.acct-dropdown-list{max-height:200px;padding:4px;overflow-y:auto}.acct-dropdown-item{cursor:pointer;color:#374151;text-align:left;background:0 0;border:none;border-radius:7px;align-items:center;gap:9px;width:100%;padding:8px 10px;font-family:inherit;font-size:13px;transition:background .12s;display:flex}.acct-dropdown-item:hover{background:#f3f4f6}.acct-dropdown-item.active{color:#1d4ed8;background:#eff6ff;font-weight:500}.acct-item-dot{background:#d1d5db;border-radius:50%;flex-shrink:0;width:6px;min-width:6px;height:6px}.acct-dropdown-item.active .acct-item-dot{background:#3b82f6}.acct-check{color:#3b82f6;flex-shrink:0;margin-left:auto}.acct-dropdown-empty{text-align:center;color:#9ca3af;padding:12px;font-size:12px}.inbox-account-tabs{display:none}.mpv-overlay{z-index:10000;background:#000000eb;flex-direction:column;animation:.18s mpvFadeIn;display:flex;position:fixed;inset:0}@keyframes mpvFadeIn{0%{opacity:0}to{opacity:1}}.mpv-topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2;background:#0009;border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:flex}.mpv-topbar-info{align-items:center;gap:12px;min-width:0;display:flex}.mpv-filename{color:#e5e7eb;white-space:nowrap;text-overflow:ellipsis;max-width:300px;font-size:14px;font-weight:500;overflow:hidden}.mpv-topbar-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.mpv-btn{color:#e5e7eb;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:7px;padding:7px 14px;font-size:13px;font-weight:500;transition:background .15s;display:inline-flex}.mpv-btn:hover{background:#ffffff26}.mpv-btn-close{color:#fca5a5;background:#ef444426;border-color:#ef444440;padding:7px 10px}.mpv-btn-close:hover{background:#ef44444d}.mpv-body{-webkit-user-select:none;user-select:none;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.mpv-nav{color:#fff;cursor:pointer;z-index:3;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:background .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.mpv-nav:hover{background:#fff3}.mpv-nav-left{left:20px}.mpv-nav-right{right:20px}.mpv-image-wrap{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.mpv-image{-o-object-fit:contain;object-fit:contain;transform-origin:50%;will-change:transform;pointer-events:none;border-radius:6px;max-width:90vw;max-height:calc(100vh - 140px);display:block}.mpv-spinner{justify-content:center;align-items:center;display:flex;position:absolute}.mpv-spin{border:3px solid #ffffff26;border-top-color:#fff;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite mpvSpin}@keyframes mpvSpin{to{transform:rotate(360deg)}}.mpv-doc-card{text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;align-items:center;gap:16px;padding:48px 56px;display:flex}.mpv-doc-icon{color:#60a5fa;background:#2563eb33;border:1px solid #2563eb4d;border-radius:16px;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.mpv-doc-name{color:#f3f4f6;word-break:break-all;max-width:320px;font-size:16px;font-weight:600}.mpv-doc-hint{color:#6b7280;font-size:13px}.mpv-doc-download-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:8px;margin-top:8px;padding:10px 24px;font-size:14px;font-weight:500;transition:background .2s;display:inline-flex}.mpv-doc-download-btn:hover{background:#1d4ed8}.mpv-controls{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0009;border-top:1px solid #ffffff0f;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:12px 0;display:flex}.mpv-ctrl-btn{color:#d1d5db;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,color .15s;display:flex}.mpv-ctrl-btn:hover:not(:disabled){color:#fff;background:#ffffff24}.mpv-ctrl-btn:disabled{opacity:.3;cursor:not-allowed}.mpv-zoom-label{color:#9ca3af;text-align:center;min-width:46px;font-size:13px;font-weight:500}.mpv-ctrl-divider{background:#ffffff1a;width:1px;height:20px;margin:0 4px}:root{--ink:#0d0f12;--ink-2:#3d4148;--ink-3:#6b7280;--ink-4:#9ca3af;--surface:#fff;--surface-2:#f9fafb;--surface-3:#f3f4f6;--border:#00000014;--border-2:#00000024;--accent:#1a56db;--accent-subtle:#eff4ff;--accent-border:#c7d7fe;--green:#15803d;--green-bg:#f0fdf4;--green-border:#bbf7d0;--red:#b91c1c;--red-bg:#fef2f2;--red-border:#fecaca;--amber:#b45309;--amber-bg:#fffbeb;--amber-border:#fde68a;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 4px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000012, 0 1px 3px #0000000a;--shadow-lg:0 16px 40px #0000001a, 0 4px 8px #0000000d}.contacts-page{background:var(--surface-3);min-height:100vh;font-family:var(--font-body);color:var(--ink);padding:36px 44px 80px}.contacts-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.contacts-page-label{text-transform:uppercase;letter-spacing:.09em;color:var(--ink-4);margin-bottom:5px;font-size:10.5px;font-weight:600}.contacts-page-title{font-family:var(--font-body);color:var(--ink);letter-spacing:-.015em;margin:0 0 4px;font-size:22px;font-weight:600;line-height:1.2}.contacts-page-sub{color:var(--ink-3);margin:0;font-size:13px;line-height:1.5}.contacts-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.contacts-search-wrap{position:relative}.contacts-search-wrap svg{color:var(--ink-4);pointer-events:none;width:13px;height:13px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.contacts-actions input[type=text]{border:.5px solid var(--border-2);border-radius:var(--radius-sm);background:var(--surface);font-family:var(--font-body);color:var(--ink);width:210px;box-shadow:var(--shadow-xs);outline:none;padding:7px 11px 7px 30px;font-size:13px;transition:border-color .15s,box-shadow .15s}.contacts-actions input[type=text]:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1a56db1a}.contacts-actions input[type=text]::placeholder{color:var(--ink-4)}.btn-import,.btn-campaign,.btn-add-contact{border-radius:var(--radius-sm);font-family:var(--font-body);cursor:pointer;white-space:nowrap;align-items:center;gap:5px;padding:7px 14px;font-size:12.5px;font-weight:500;transition:all .13s;display:inline-flex}.btn-import{border:.5px solid var(--border-2);background:var(--surface);color:var(--ink-2);box-shadow:var(--shadow-xs)}.btn-import:hover{background:var(--surface-2);border-color:var(--border-2)}.btn-campaign{border:.5px solid var(--accent-border);background:var(--accent-subtle);color:var(--accent)}.btn-campaign:hover{border-color:var(--accent);background:#dce8ff}.btn-campaign:disabled{opacity:.42;cursor:not-allowed}.btn-add-contact{background:var(--ink);color:#fff;box-shadow:var(--shadow-xs);border:none}.btn-add-contact:hover:not(:disabled){opacity:.84}.btn-add-contact:disabled{opacity:.38;cursor:not-allowed}.filter-tabs{flex-wrap:wrap;gap:4px;margin-bottom:14px;display:flex}.filter-tab{border:.5px solid var(--border);background:var(--surface);font-family:var(--font-body);color:var(--ink-3);cursor:pointer;box-shadow:var(--shadow-xs);border-radius:999px;padding:5px 13px;font-size:12px;font-weight:500;line-height:1.4;transition:all .13s}.filter-tab:hover{border-color:var(--border-2);color:var(--ink-2);background:var(--surface)}.filter-tab.active{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:none}.contacts-table-card{background:var(--surface);border:.5px solid var(--border-2);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.contacts-table{border-collapse:collapse;width:100%;font-size:13px}.contacts-table thead tr{background:var(--surface-2);border-bottom:.5px solid var(--border)}.contacts-table th{text-align:left;color:var(--ink-4);text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;padding:10px 16px;font-size:10.5px;font-weight:600}.contacts-table th:first-child,.contacts-table td:first-child{width:36px;padding-left:16px;padding-right:8px}.contacts-table th input[type=checkbox],.contacts-table td input[type=checkbox]{width:14px;height:14px;accent-color:var(--accent);cursor:pointer}.contacts-table td{border-top:.5px solid var(--border);vertical-align:middle;color:var(--ink-2);padding:12px 16px}.contacts-table tbody tr{transition:background .1s}.contacts-table tbody tr:hover td{background:var(--surface-2)}.contacts-table tbody tr.row-selected td{background:#f5f8ff}.contact-name-cell{align-items:center;gap:10px;display:flex}.contact-avatar{border-radius:var(--radius-sm);background:var(--accent-subtle);width:30px;height:30px;color:var(--accent);border:.5px solid var(--accent-border);flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.contact-name-text{color:var(--ink);font-size:13px;font-weight:500;line-height:1.3}.contact-email-text{color:var(--ink-4);font-size:11.5px;line-height:1.3}.phone-cell{font-family:var(--font-mono);color:var(--ink-2);letter-spacing:.01em;font-size:12px}.badge{white-space:nowrap;border:.5px solid #0000;border-radius:999px;align-items:center;gap:4px;padding:2px 9px;font-size:11px;font-weight:500;line-height:1.6;display:inline-flex}.badge-green{background:var(--green-bg);color:var(--green);border-color:var(--green-border)}.badge-gray{background:var(--surface-2);color:var(--ink-3);border-color:var(--border)}.badge-blue{background:var(--accent-subtle);color:var(--accent);border-color:var(--accent-border)}.badge-red{background:var(--red-bg);color:var(--red);border-color:var(--red-border)}.badge-amber{background:var(--amber-bg);color:var(--amber);border-color:var(--amber-border)}.status-dot-row{color:var(--ink-2);align-items:center;gap:6px;font-size:12.5px;font-weight:500;display:flex}.status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.dot-active{background:#22c55e}.dot-blocked{background:#ef4444}.date-cell{color:var(--ink-4);white-space:nowrap;font-size:12px}.row-action-btn{border:.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--ink-4);font-size:15px;line-height:1;font-family:var(--font-body);background:0 0;padding:3px 8px;transition:all .12s}.row-action-btn:hover{background:var(--surface-2);border-color:var(--border-2);color:var(--ink)}.contacts-loading{text-align:center;color:var(--ink-3);background:var(--surface);border-radius:var(--radius-lg);border:.5px solid var(--border-2);flex-direction:column;align-items:center;gap:10px;padding:64px;font-size:13.5px;display:flex}.loading-spinner{border:2px solid var(--border-2);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}.contacts-empty{text-align:center;color:var(--ink-3);flex-direction:column;align-items:center;gap:10px;padding:64px 0;font-size:13.5px;display:flex}.empty-icon{font-size:24px}.contacts-table-footer{border-top:.5px solid var(--border);background:var(--surface-2);justify-content:center;align-items:center;padding:12px 16px;display:flex}.pagination{align-items:center;gap:4px;display:flex}.pag-btn{border:.5px solid var(--border-2);background:var(--surface);width:32px;height:32px;font-family:var(--font-body);color:var(--ink-2);cursor:pointer;box-shadow:var(--shadow-xs);border-radius:8px;justify-content:center;align-items:center;font-size:13px;font-weight:500;transition:all .12s;display:inline-flex}.pag-btn:hover:not(:disabled){background:var(--ink);border-color:var(--ink);color:#fff}.pag-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.pag-label{height:32px;color:var(--ink-3);white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;padding:0 14px;font-size:13px;display:inline-flex}.pag-label strong{color:var(--ink);margin:0 2px;font-weight:600}.drawer-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);background:#0d0f1252;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:var(--surface);width:380px;height:100%;box-shadow:var(--shadow-lg);font-family:var(--font-body);border-left:.5px solid var(--border-2);flex-direction:column;animation:.2s cubic-bezier(.22,1,.36,1) slideInRight;display:flex;overflow-y:auto}.drawer-header{border-bottom:.5px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:14px;padding:20px 22px 16px;display:flex}.drawer-avatar{border-radius:var(--radius-md);background:var(--accent-subtle);width:40px;height:40px;color:var(--accent);border:.5px solid var(--accent-border);flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:600;display:flex}.drawer-header h3{color:var(--ink);letter-spacing:-.005em;margin:0 0 2px;font-size:14px;font-weight:600}.drawer-sub{color:var(--ink-4);margin:0;font-size:12px}.modal-close-btn{border:.5px solid var(--border-2);color:var(--ink-3);cursor:pointer;background:0 0;border-radius:6px;margin-left:auto;padding:5px 8px;font-size:12px;line-height:1;transition:all .12s}.modal-close-btn:hover{background:var(--surface-2);color:var(--ink)}.drawer-body{flex-direction:column;flex:1;gap:16px;padding:20px 22px;display:flex;overflow-y:auto}.drawer-field{flex-direction:column;gap:5px;display:flex}.drawer-field label{text-transform:uppercase;letter-spacing:.07em;color:var(--ink-4);align-items:center;gap:6px;font-size:10.5px;font-weight:600;display:flex}.drawer-field input{border:.5px solid var(--border-2);border-radius:var(--radius-sm);background:var(--surface-2);font-family:var(--font-body);color:var(--ink);outline:none;padding:9px 11px;font-size:13.5px;transition:border-color .15s,box-shadow .15s,background .15s}.drawer-field input:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px #1a56db1a}.drawer-field input:disabled,.input-locked{background:var(--surface-3);color:var(--ink-4);cursor:not-allowed;font-family:var(--font-mono);border-color:var(--border);font-size:12.5px}.locked-badge{color:var(--ink-4);background:var(--surface-2);border:.5px solid var(--border);letter-spacing:0;text-transform:none;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:500}.field-hint{color:var(--ink-4);font-size:11px;line-height:1.4}.drawer-actions{border-top:.5px solid var(--border);background:var(--surface-2);flex-wrap:wrap;flex-shrink:0;gap:6px;padding:14px 22px;display:flex}.primary-btn{border-radius:var(--radius-sm);background:var(--ink);color:#fff;font-family:var(--font-body);cursor:pointer;border:none;padding:8px 16px;font-size:13px;font-weight:500;transition:opacity .13s}.primary-btn:hover:not(:disabled){opacity:.84}.primary-btn:disabled{opacity:.4;cursor:not-allowed}.secondary-btn{border-radius:var(--radius-sm);border:.5px solid var(--border-2);color:var(--ink-3);font-family:var(--font-body);cursor:pointer;background:0 0;margin-left:auto;padding:8px 14px;font-size:13px;font-weight:500;transition:all .13s}.secondary-btn:hover{background:var(--surface-2);color:var(--ink-2)}.add-btn{border-radius:var(--radius-sm);background:var(--ink);color:#fff;font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:5px;padding:8px 18px;font-size:13px;font-weight:500;transition:opacity .13s;display:inline-flex}.add-btn:hover:not(:disabled){opacity:.84}.add-btn:disabled{opacity:.4;cursor:not-allowed}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);background:#0d0f1266;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.import-modal{background:var(--surface);border-radius:var(--radius-lg);border:.5px solid var(--border-2);width:100%;max-width:540px;max-height:90vh;box-shadow:var(--shadow-lg);font-family:var(--font-body);animation:.2s fadeUp;overflow-y:auto}.import-modal-header{border-bottom:.5px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 22px 16px;display:flex}.import-modal-header h3{color:var(--ink);letter-spacing:-.005em;margin:0 0 3px;font-size:15px;font-weight:600}.import-modal-header p{color:var(--ink-3);margin:0;font-size:12.5px}.import-instructions{background:var(--surface-2);border:.5px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:10px;margin:16px 22px;padding:14px;display:flex}.instruction-row{color:var(--ink-2);align-items:flex-start;gap:10px;font-size:12.5px;line-height:1.5;display:flex}.instruction-icon{flex-shrink:0;margin-top:1px;font-size:14px}.instruction-row code{background:var(--surface-3);border:.5px solid var(--border-2);font-family:var(--font-mono);color:var(--accent);border-radius:4px;padding:1px 5px;font-size:11.5px}.template-btn{border:.5px dashed var(--border-2);border-radius:var(--radius-sm);font-family:var(--font-body);color:var(--ink-3);cursor:pointer;background:0 0;align-items:center;gap:6px;margin:0 22px 14px;padding:7px 14px;font-size:12.5px;font-weight:500;transition:all .13s;display:inline-flex}.template-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-subtle)}.drop-zone{border:1.5px dashed var(--border-2);border-radius:var(--radius-md);text-align:center;cursor:pointer;background:var(--surface-2);margin:0 22px;padding:28px 20px;transition:all .14s}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--accent);background:var(--accent-subtle)}.drop-zone.has-file{border-style:solid;border-color:var(--green-border);background:var(--green-bg)}.drop-icon{color:var(--ink-4);margin-bottom:8px;font-size:22px}.drop-text{color:var(--ink-2);font-size:13px;font-weight:500}.drop-text span{color:var(--accent);text-decoration:underline}.drop-hint{color:var(--ink-4);margin-top:4px;font-size:11.5px}.drop-zone-file{text-align:left;justify-content:center;align-items:center;gap:10px;display:flex}.file-icon{font-size:20px}.file-name{color:var(--ink);font-size:13px;font-weight:500}.file-count{color:var(--ink-3);font-size:11.5px}.remove-file-btn{color:var(--ink-4);cursor:pointer;background:0 0;border:none;border-radius:4px;margin-left:4px;padding:2px 4px;font-size:13px}.remove-file-btn:hover{color:var(--red);background:var(--red-bg)}.preview-wrap{margin:14px 22px 0}.preview-label{text-transform:uppercase;letter-spacing:.07em;color:var(--ink-4);margin-bottom:8px;font-size:11px;font-weight:600}.preview-table{border-collapse:collapse;width:100%;font-size:12.5px}.preview-table th{background:var(--surface-2);text-align:left;color:var(--ink-3);border:.5px solid var(--border);text-transform:uppercase;letter-spacing:.05em;padding:6px 10px;font-size:11px;font-weight:600}.preview-table td{border:.5px solid var(--border);color:var(--ink-2);padding:7px 10px}.preview-table tr:nth-child(2n) td{background:var(--surface-2)}.invalid-cell{color:var(--red);font-weight:500}.preview-more{color:var(--ink-4);text-align:center;margin-top:6px;font-size:11.5px}.import-modal-actions{border-top:.5px solid var(--border);background:var(--surface-2);justify-content:flex-end;gap:8px;margin-top:16px;padding:16px 22px;display:flex}.import-result{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:36px 22px 28px;display:flex}.result-icon{border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;font-weight:600;display:flex}.result-icon.success{background:var(--green-bg);color:var(--green);border:.5px solid var(--green-border)}.result-icon.partial{background:var(--amber-bg);color:var(--amber);border:.5px solid var(--amber-border)}.import-result h4{color:var(--ink);margin:0;font-size:15px;font-weight:600}.result-stats{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.stat-pill{border:.5px solid #0000;border-radius:999px;padding:3px 12px;font-size:12px;font-weight:500}.stat-pill.success{background:var(--green-bg);color:var(--green);border-color:var(--green-border)}.stat-pill.fail{background:var(--red-bg);color:var(--red);border-color:var(--red-border)}.result-errors{background:var(--red-bg);border:.5px solid var(--red-border);border-radius:var(--radius-sm);text-align:left;width:100%;padding:10px 14px}.result-error-row{color:var(--red);padding:2px 0;font-size:12px;line-height:1.5}.create-contact-page{background:var(--surface-3);min-height:100vh;font-family:var(--font-body);color:var(--ink);padding:36px 44px 80px}.create-header{align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.create-header h2{color:var(--ink);letter-spacing:-.01em;margin:0 0 4px;font-size:20px;font-weight:600}.create-header p{color:var(--ink-3);margin:0;font-size:13px}.back-btn{border-radius:var(--radius-sm);border:.5px solid var(--border-2);background:var(--surface);font-family:var(--font-body);color:var(--ink-2);cursor:pointer;box-shadow:var(--shadow-xs);white-space:nowrap;flex-shrink:0;margin-top:2px;padding:6px 12px;font-size:12.5px;font-weight:500;transition:all .13s}.back-btn:hover{background:var(--surface-2);border-color:var(--border-2)}.create-card{background:var(--surface);border:.5px solid var(--border-2);border-radius:var(--radius-lg);max-width:680px;box-shadow:var(--shadow-sm);padding:26px 28px}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-group{flex-direction:column;gap:5px;display:flex}.form-group label{text-transform:uppercase;letter-spacing:.07em;color:var(--ink-4);font-size:10.5px;font-weight:600}.form-group input{border:.5px solid var(--border-2);border-radius:var(--radius-sm);background:var(--surface-2);font-family:var(--font-body);color:var(--ink);outline:none;padding:9px 11px;font-size:13.5px;transition:border-color .15s,box-shadow .15s,background .15s}.form-group input:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px #1a56db1a}.form-group input::placeholder{color:var(--ink-4)}.form-actions{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.success-overlay{z-index:2000;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.success-popup{background:var(--ink);color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);white-space:nowrap;font-size:13px;font-weight:500;font-family:var(--font-body);align-items:center;gap:7px;padding:10px 20px;animation:.18s fadeInPop;display:flex}@keyframes fadeInPop{0%{opacity:0;transform:translate(-50%)translateY(6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.contacts-page,.create-contact-page{padding:20px 16px 60px}.contacts-header{flex-direction:column;align-items:flex-start}.contacts-actions,.contacts-actions input[type=text],.drawer{width:100%}.form-grid{grid-template-columns:1fr}.import-modal{max-width:100%}}.action-button-group{justify-content:flex-end;gap:8px;display:flex}.action-btn{cursor:pointer;border:1px solid #0000;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s}.action-btn.edit{color:#007bff;background:#f0f7ff;border-color:#cce5ff}.action-btn.edit:hover{color:#fff;background:#007bff}.action-btn.block{color:#dc3545;background:#fff4f4;border-color:#f8d7da}.action-btn.block:hover{color:#fff;background:#dc3545}.action-btn.unblock{color:#28a745;background:#f0fff4;border-color:#d4edda}.action-btn.delete{color:#6c757d;background:0 0}.action-btn.delete:hover{color:#dc3545;text-decoration:underline}.contacts-stats-bar{grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:16px;display:grid}.contacts-stat-card{background:var(--surface);border:.5px solid var(--border-2);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);flex-direction:column;gap:6px;padding:14px 18px 12px;transition:box-shadow .15s,border-color .15s;display:flex;position:relative;overflow:hidden}.contacts-stat-card:before{content:"";border-radius:var(--radius-md) var(--radius-md) 0 0;opacity:.7;height:2px;position:absolute;top:0;left:0;right:0}.contacts-stat-card:hover{box-shadow:var(--shadow-sm);border-color:var(--border-2)}.stat-card-total:before{background:#6b7280}.stat-card-active:before{background:#16a34a}.stat-card-opted:before{background:#1a56db}.stat-card-blocked:before{background:#dc2626}.stat-card-deleted:before{background:#f59e0b}.stat-card-inner{align-items:center;gap:8px;display:flex}.dot-total{background:#9ca3af}.dot-active-stat{background:#22c55e}.dot-opted{background:#1a56db}.dot-blocked-stat{background:#ef4444}.dot-deleted-stat{background:#f59e0b}.stat-value{color:var(--ink);letter-spacing:-.02em;font-size:20px;font-weight:600;line-height:1;font-family:var(--font-body)}.stat-label{text-transform:uppercase;letter-spacing:.09em;color:var(--ink-4);padding-left:15px;font-size:10px;font-weight:600}.stat-skeleton{background:linear-gradient(90deg, var(--surface-3) 25%, var(--surface-2) 50%, var(--surface-3) 75%);vertical-align:middle;background-size:200% 100%;border-radius:4px;width:40px;height:20px;animation:1.2s infinite shimmer;display:inline-block}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=1024px){.contacts-stats-bar{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.contacts-stats-bar{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.contacts-stats-bar{grid-template-columns:repeat(2,1fr);gap:8px}.stat-value{font-size:17px}}.ct-search-wrap{align-items:center;display:flex;position:relative}.ct-search-wrap svg{color:var(--ink-4);pointer-events:none;position:absolute;left:10px}.contacts-search-input{border:.5px solid var(--border-2);border-radius:var(--radius-sm);background:var(--surface);font-family:var(--font-body);color:var(--ink);width:220px;box-shadow:var(--shadow-xs);outline:none;font-size:13px;transition:border-color .15s,box-shadow .15s;padding:7px 32px 7px 30px!important}.contacts-search-input::placeholder{color:var(--ink-4)}.contacts-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1a56db1a}.ct-search-clear{color:var(--ink-4);cursor:pointer;background:0 0;border:none;padding:0;font-size:15px;line-height:1;transition:color .13s;position:absolute;right:8px}.ct-search-clear:hover{color:var(--ink-2)}.ct-filter-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.ct-filter-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ct-filter-dropdown{position:relative}.ct-filter-trigger{background:var(--surface);border:.5px solid var(--border-2);border-radius:var(--radius-sm);font-family:var(--font-body);color:var(--ink-3);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-xs);align-items:center;gap:6px;min-width:100px;padding:6px 11px;font-size:12.5px;font-weight:500;transition:border-color .13s,color .13s,box-shadow .13s;display:flex}.ct-filter-trigger:hover{border-color:var(--border-2);color:var(--ink-2)}.ct-filter-trigger.open{border-color:var(--accent);color:var(--ink-2);box-shadow:0 0 0 3px #1a56db1a}.ct-filter-trigger.has-value{border-color:var(--accent);color:var(--accent);background:var(--accent-subtle)}.ct-filter-trigger-label{text-align:left;flex:1}.ct-filter-chevron{color:currentColor;opacity:.6;flex-shrink:0;transition:transform .13s}.ct-filter-trigger.open .ct-filter-chevron{transform:rotate(180deg)}.ct-filter-menu{background:var(--surface);border:.5px solid var(--border-2);border-radius:var(--radius-md);min-width:150px;box-shadow:var(--shadow-lg);z-index:1000;flex-direction:column;gap:1px;padding:4px;animation:.14s cubic-bezier(.16,1,.3,1) ctDropIn;display:flex;position:absolute;top:calc(100% + 5px);left:0}@keyframes ctDropIn{0%{opacity:0;transform:translateY(-5px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.ct-filter-option{width:100%;font-family:var(--font-body);color:var(--ink-2);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:7px 10px;font-size:13px;font-weight:400;transition:background .1s,color .1s;display:flex}.ct-filter-option:hover{background:var(--surface-2);color:var(--ink)}.ct-filter-option.active{background:var(--accent-subtle);color:var(--accent);font-weight:500}.ct-filter-check{color:var(--accent);flex-shrink:0;margin-left:auto}.ct-active-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ct-chip{background:var(--accent-subtle);border:.5px solid var(--accent-border);color:var(--accent);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:12px;font-weight:500;display:inline-flex}.ct-chip strong{font-weight:600}.ct-chip button{color:var(--accent);cursor:pointer;opacity:.55;background:0 0;border:none;align-items:center;padding:0;font-size:14px;line-height:1;transition:opacity .13s;display:flex}.ct-chip button:hover{opacity:1}.ct-clear-all{font-family:var(--font-body);color:var(--ink-4);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:3px 7px;font-size:12px;font-weight:500;transition:color .13s,background .13s}.ct-clear-all:hover{color:var(--ink-2);background:var(--surface-2)}.email-cell{color:var(--ink-3);font-size:12.5px}.ct-dash{color:var(--ink-4);font-size:14px}.badge-source{text-transform:capitalize;border:.5px solid #0000;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:500}.badge-source--manual{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.badge-source--import{color:#1a56db;background:#eff4ff;border-color:#c7d7fe}.badge-source--api{color:#7c3aed;background:#faf5ff;border-color:#ddd6fe}.badge-source--webhook{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.del-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a8c;justify-content:center;align-items:center;animation:.18s del-fade-in;display:flex;position:fixed;inset:0}@keyframes del-fade-in{0%{opacity:0}to{opacity:1}}.del-modal{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:380px;padding:36px 32px 28px;animation:.22s cubic-bezier(.34,1.56,.64,1) del-slide-up;box-shadow:0 20px 60px #0000002e}@keyframes del-slide-up{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.del-modal-icon{margin-bottom:12px;font-size:40px}.del-modal-title{color:#111827;margin:0 0 10px;font-size:18px;font-weight:700}.del-modal-body{color:#6b7280;margin:0 0 24px;font-size:14px;line-height:1.6}.del-modal-body strong{color:#111827}.del-modal-actions{justify-content:center;gap:10px;display:flex}.del-modal-cancel{color:#374151;cursor:pointer;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:8px;flex:1;padding:10px 0;font-size:14px;font-weight:500;transition:background .15s,border-color .15s}.del-modal-cancel:hover{background:#f3f4f6;border-color:#d1d5db}.del-modal-confirm{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;flex:1;padding:10px 0;font-size:14px;font-weight:600;transition:background .15s,transform .1s}.del-modal-confirm:hover{background:#dc2626;transform:translateY(-1px)}.del-modal-confirm:active{transform:translateY(0)}:root{--csm-bg:#fff;--csm-overlay:#0f111a8c;--csm-border:#e4e7ef;--csm-radius:14px;--csm-shadow:0 8px 40px #0f111a24, 0 2px 8px #0f111a0f;--csm-text-primary:#0f111a;--csm-text-secondary:#6b7280;--csm-text-muted:#9ca3af;--csm-accent:#2563eb;--csm-accent-light:#eff4ff;--csm-accent-border:#bfcffe;--csm-draft-bg:#fef9ec;--csm-draft-text:#92650a;--csm-draft-border:#fde68a;--csm-scheduled-bg:#f0fdf4;--csm-scheduled-text:#166534;--csm-scheduled-border:#bbf7d0;--csm-error-bg:#fff5f5;--csm-error-text:#b91c1c;--csm-error-border:#fecaca;--csm-hover:#f5f7fc;--csm-item-active-bg:#eff4ff;--csm-item-active-border:#bfcffe;--csm-btn-cancel-bg:#f3f4f6;--csm-btn-cancel-text:#374151;--csm-btn-cancel-hover:#e5e7eb;--csm-btn-confirm-bg:#2563eb;--csm-btn-confirm-hover:#1d4ed8;--csm-btn-confirm-text:#fff}.csm-overlay{background:var(--csm-overlay);-webkit-backdrop-filter:blur(3px);z-index:9999;justify-content:center;align-items:center;padding:16px;animation:.18s csm-fade-in;display:flex;position:fixed;inset:0}@keyframes csm-fade-in{0%{opacity:0}to{opacity:1}}.csm-modal{background:var(--csm-bg);border:1px solid var(--csm-border);border-radius:var(--csm-radius);box-shadow:var(--csm-shadow);flex-direction:column;width:100%;max-width:480px;animation:.22s cubic-bezier(.22,1,.36,1) csm-slide-up;display:flex;overflow:hidden}@keyframes csm-slide-up{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.csm-header{border-bottom:1px solid var(--csm-border);align-items:flex-start;gap:12px;padding:20px 20px 18px;display:flex}.csm-header-icon{background:var(--csm-accent-light);border:1px solid var(--csm-accent-border);width:34px;height:34px;color:var(--csm-accent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.csm-title{color:var(--csm-text-primary);letter-spacing:-.01em;margin:0 0 3px;font-size:15px;font-weight:650;line-height:1.3}.csm-subtitle{color:var(--csm-text-secondary);margin:0;font-size:13px;line-height:1.45}.csm-subtitle strong{color:var(--csm-text-primary);font-weight:600}.csm-close{width:28px;height:28px;color:var(--csm-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;transition:background .12s,border-color .12s,color .12s;display:flex}.csm-body{flex:1;max-height:340px;padding:16px 20px;overflow-y:auto}.csm-state{color:var(--csm-text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:32px 0;font-size:13.5px;display:flex}.csm-spinner{border:2.5px solid var(--csm-border);border-top-color:var(--csm-accent);border-radius:50%;width:22px;height:22px;animation:.65s linear infinite csm-spin}@keyframes csm-spin{to{transform:rotate(360deg)}}.csm-empty-icon{font-size:28px;line-height:1}.csm-empty-title{color:var(--csm-text-primary);margin:0;font-size:14px;font-weight:600}.csm-empty-sub{color:var(--csm-text-muted);text-align:center;margin:0;font-size:12.5px}.csm-list-label{text-transform:uppercase;letter-spacing:.055em;color:var(--csm-text-muted);margin:0 0 8px;font-size:11.5px;font-weight:600}.csm-list{flex-direction:column;gap:6px;display:flex}.csm-item{border:1px solid var(--csm-border);background:var(--csm-bg);cursor:pointer;text-align:left;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:11px 13px;transition:background .12s,border-color .12s,box-shadow .12s;display:flex}.csm-item:hover{background:var(--csm-hover);border-color:#d1d5db}.csm-item-active{background:var(--csm-item-active-bg);border-color:var(--csm-item-active-border);box-shadow:0 0 0 3px #2563eb12}.csm-item-active:hover{background:var(--csm-item-active-bg);border-color:var(--csm-accent)}.csm-item-left{align-items:center;gap:10px;min-width:0;display:flex}.csm-item-radio{background:#fff;border:1.75px solid #d1d5db;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:border-color .12s,background .12s;display:flex}.csm-item-radio-active{border-color:var(--csm-accent);background:var(--csm-accent)}.csm-item-radio-dot{background:#fff;border-radius:50%;width:5px;height:5px}.csm-item-name{color:var(--csm-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:550;line-height:1.35;overflow:hidden}.csm-item-meta{align-items:center;gap:6px;margin-top:2px;display:flex}.csm-item-type{color:var(--csm-text-muted);text-transform:capitalize;font-size:11.5px}.csm-item-count{color:var(--csm-text-muted);font-size:11.5px}.csm-item-count:before{content:"·";opacity:.5;margin-right:6px}.csm-tag{letter-spacing:.01em;border:1px solid #0000;border-radius:5px;flex-shrink:0;align-items:center;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.csm-tag-draft{background:var(--csm-draft-bg);color:var(--csm-draft-text);border-color:var(--csm-draft-border)}.csm-tag-scheduled{background:var(--csm-scheduled-bg);color:var(--csm-scheduled-text);border-color:var(--csm-scheduled-border)}.csm-error{background:var(--csm-error-bg);border:1px solid var(--csm-error-border);color:var(--csm-error-text);border-radius:8px;align-items:center;gap:7px;margin-top:12px;padding:9px 12px;font-size:12.5px;font-weight:500;line-height:1.4;display:flex}.csm-footer{border-top:1px solid var(--csm-border);background:#fafafa;justify-content:flex-end;align-items:center;gap:8px;padding:14px 20px;display:flex}.csm-btn-cancel,.csm-btn-confirm{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;height:34px;padding:0 16px;font-size:13px;font-weight:580;transition:background .12s,border-color .12s,opacity .12s,box-shadow .12s;display:inline-flex}.csm-btn-cancel{background:var(--csm-btn-cancel-bg);color:var(--csm-btn-cancel-text);border-color:var(--csm-border)}.csm-btn-cancel:hover:not(:disabled){background:var(--csm-btn-cancel-hover)}.csm-btn-confirm{background:var(--csm-btn-confirm-bg);color:var(--csm-btn-confirm-text);border-color:var(--csm-btn-confirm-bg);box-shadow:0 1px 3px #2563eb40}.csm-btn-confirm:hover:not(:disabled){background:var(--csm-btn-confirm-hover);border-color:var(--csm-btn-confirm-hover);box-shadow:0 2px 6px #2563eb4d}.csm-btn-cancel:disabled,.csm-btn-confirm:disabled{opacity:.5;cursor:not-allowed}.csm-btn-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:13px;height:13px;animation:.65s linear infinite csm-spin}.csm-body::-webkit-scrollbar{width:5px}.csm-body::-webkit-scrollbar-track{background:0 0}.csm-body::-webkit-scrollbar-thumb{background:#dde1ea;border-radius:10px}.csm-body::-webkit-scrollbar-thumb:hover{background:#c5cad5}.phone-input-wrapper{width:100%;position:relative}.phone-input-field{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;height:46px;transition:border-color .18s,box-shadow .18s;display:flex;overflow:visible}.phone-input-field:hover{border-color:#94a3b8}.phone-input-field.focused,.phone-input-field:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.country-trigger{cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px 0 0 10px;flex-shrink:0;align-items:center;gap:6px;height:100%;padding:0 10px 0 12px;transition:background .15s;display:flex}.country-trigger:hover{background:#f8fafc}.flag{font-size:18px;line-height:1;display:block}.dial-code{color:#374151;letter-spacing:.01em;font-size:13.5px;font-weight:600}.chevron{color:#94a3b8;flex-shrink:0;transition:transform .2s}.chevron.up{transform:rotate(180deg)}.divider{background:#e2e8f0;flex-shrink:0;width:1px;height:22px}.number-input{color:#1e293b;letter-spacing:.02em;background:0 0;border:none;outline:none;flex:1;min-width:0;height:100%;padding:0 12px;font-size:14px}.number-input::placeholder{color:#c0cad8}.country-dropdown{z-index:1000;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;width:100%;min-width:280px;animation:.15s dropIn;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 8px 32px #0f172a1f,0 2px 8px #0f172a0f}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.search-wrap{color:#94a3b8;border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;padding:10px 12px;display:flex}.search-input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:13px}.search-input::placeholder{color:#c0cad8}.clear-search{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0 2px;font-size:16px;line-height:1;transition:color .15s,background .15s;display:flex}.clear-search:hover{color:#64748b;background:#f1f5f9}.country-list{overscroll-behavior:contain;max-height:240px;margin:0;padding:4px 0;list-style:none;overflow-y:auto}.country-list::-webkit-scrollbar{width:5px}.country-list::-webkit-scrollbar-track{background:0 0}.country-list::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:99px}.country-list::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.country-item{cursor:pointer;border-radius:0;align-items:center;gap:10px;padding:8px 14px;transition:background .1s;display:flex}.country-item:hover,.country-item.highlighted{background:#f8fafc}.country-item.active{background:#eef2ff}.country-item.active .item-name{color:#4f46e5;font-weight:600}.country-item.active .item-dial{color:#6366f1}.item-flag{flex-shrink:0;font-size:20px;line-height:1;display:block}.item-name{color:#334155;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13.5px;font-weight:500;overflow:hidden}.item-dial{color:#94a3b8;flex-shrink:0;font-size:12.5px;font-weight:500}.no-results{text-align:center;color:#94a3b8;padding:20px;font-size:13px}.templates-page{background:var(--surface-3);min-height:100vh;font-family:var(--font-body);color:var(--ink);padding:40px 48px 80px}.templates-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:32px;display:flex}.templates-title h1{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;margin:0 0 5px;font-size:30px;font-style:italic;font-weight:400;line-height:1.15}.templates-title p{color:var(--ink-3);font-size:12px;font-family:var(--font-mono);letter-spacing:.01em;margin:0}.templates-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.templates-search-wrapper{position:relative}.templates-search-icon{color:var(--ink-4);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.templates-search{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font-family:var(--font-body);color:var(--ink);width:220px;box-shadow:var(--shadow-sm);outline:none;padding:8px 12px 8px 34px;font-size:13px;transition:border-color .15s,box-shadow .15s}.templates-search:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1a56db14}.templates-search::placeholder{color:var(--ink-4)}.templates-filters{flex-wrap:wrap;gap:5px;margin-bottom:20px;display:flex}.filter-chip{border:1px solid var(--border);background:var(--surface);font-family:var(--font-body);color:var(--ink-3);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:999px;padding:5px 14px;font-size:12px;font-weight:500;transition:all .13s}.filter-chip:hover{border-color:var(--border-2);color:var(--ink)}.filter-chip.active{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:none}.btn-sync{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);font-family:var(--font-body);color:var(--ink-2);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-sm);align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .13s;display:inline-flex}.btn-sync:hover{background:var(--surface-2);border-color:var(--border-2);color:var(--ink)}.btn-new{border-radius:var(--radius-sm);background:var(--ink);font-family:var(--font-body);color:#fff;cursor:pointer;white-space:nowrap;letter-spacing:.01em;border:none;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:500;transition:opacity .13s;display:inline-flex}.btn-new:hover{opacity:.82}.templates-stats{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);min-width:120px;box-shadow:var(--shadow-sm);flex:1;align-items:center;gap:14px;padding:14px 22px 14px 18px;display:flex}.stat-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.stat-card.stat-total .stat-dot{background:var(--ink-3)}.stat-card.stat-approved .stat-dot{background:#16a34a}.stat-card.stat-pending .stat-dot{background:#d97706}.stat-card.stat-rejected .stat-dot{background:#dc2626}.stat-card .stat-value{font-family:var(--font-display);color:var(--ink);font-size:22px;font-style:italic;font-weight:400;line-height:1;display:block}.stat-card .stat-label{color:var(--ink-3);text-transform:uppercase;letter-spacing:.07em;margin-top:2px;font-size:11px;font-weight:500;display:block}.stat-card.stat-approved .stat-value{color:#16a34a}.stat-card.stat-pending .stat-value{color:#d97706}.stat-card.stat-rejected .stat-value{color:#dc2626}.templates-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.templates-table{border-collapse:collapse;width:100%;font-size:13.5px}.templates-table thead tr{background:var(--surface-2);border-bottom:1px solid var(--border)}.templates-table th{text-align:left;color:var(--ink-3);text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;padding:11px 18px;font-size:11px;font-weight:600}.templates-table td{border-top:1px solid var(--surface-3);vertical-align:middle;color:var(--ink-2);padding:13px 18px}.templates-table tbody tr{transition:background .1s}.templates-table tbody tr:hover td{background:var(--surface-2)}.tpl-name{color:var(--ink);font-size:13.5px;font-weight:600;display:block}.category-pill{letter-spacing:.03em;text-transform:uppercase;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.category-pill.cat-marketing{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.category-pill.cat-utility{background:var(--accent-subtle);color:#1a56db;border:1px solid #bfdbfe}.category-pill.cat-authentication{color:#6d28d9;background:#f5f3ff;border:1px solid #ddd6fe}.category-pill.cat-default{background:var(--surface-3);color:var(--ink-3);border:1px solid var(--border)}.badge{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge:before{content:"";opacity:.7;background:currentColor;border-radius:50%;width:5px;height:5px}.badge-APPROVED,.badge-approved{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.badge-PENDING,.badge-pending{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.badge-REJECTED,.badge-rejected{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.badge-IN_APPEAL{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.badge-PAUSED{background:var(--surface-2);color:var(--ink-3);border:1px solid var(--border)}.badge-DISABLED{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.lang-tag{background:var(--surface-3);border:1px solid var(--border);font-size:11.5px;font-family:var(--font-mono);color:var(--ink-2);border-radius:4px;padding:2px 8px;font-weight:500;display:inline-block}.date-text{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:12.5px}.btn-link{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--ink-2);font-family:var(--font-body);cursor:pointer;white-space:nowrap;background:0 0;padding:5px 12px;font-size:12px;font-weight:500;transition:all .13s}.btn-link:hover{background:var(--surface-2);border-color:var(--border-2);color:var(--ink)}.templates-empty{text-align:center;color:var(--ink-3);padding:64px 0;font-size:14px}.templates-empty-icon{margin-bottom:10px;font-size:30px}.templates-count{color:var(--ink-3);border-top:1px solid var(--surface-3);background:var(--surface-2);padding:10px 18px;font-size:12px}.templates-pagination{border-top:1px solid var(--border);background:var(--surface-2);justify-content:center;align-items:center;gap:6px;padding:14px 18px;display:flex}.templates-pagination span{color:var(--ink-3);letter-spacing:.01em;padding:0 8px;font-size:12.5px;font-weight:500}.templates-pagination button{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:30px;height:30px;color:var(--ink-2);cursor:pointer;box-shadow:var(--shadow-sm);font-size:13px;font-family:var(--font-body);justify-content:center;align-items:center;transition:all .13s;display:inline-flex}.templates-pagination button:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-2);color:var(--ink)}.templates-pagination button:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}@media (width<=768px){.templates-page{padding:24px 16px 60px}.templates-header{flex-direction:column;align-items:flex-start}.templates-actions,.templates-search{width:100%}.stat-card{min-width:0}}.templates-stats{flex-wrap:unset;grid-template-columns:repeat(7,1fr);gap:10px;margin-bottom:20px;display:grid}.stat-card.stat-paused .stat-dot{background:#f59e0b}.stat-card.stat-disabled .stat-dot{background:#ef4444}.stat-card.stat-deleted .stat-dot{background:#6b7280}.stat-card.stat-paused .stat-value{color:#d97706}.stat-card.stat-disabled .stat-value{color:#dc2626}.stat-card.stat-deleted .stat-value{color:#6b7280}.stat-card{position:relative;overflow:hidden}.stat-card:before{content:"";border-radius:var(--radius-md) var(--radius-md) 0 0;height:2px;position:absolute;top:0;left:0;right:0}.stat-card.stat-total:before{background:#9ca3af}.stat-card.stat-approved:before{background:#16a34a}.stat-card.stat-pending:before{background:#d97706}.stat-card.stat-rejected:before{background:#dc2626}.stat-card.stat-paused:before{background:#f59e0b}.stat-card.stat-disabled:before{background:#ef4444}.stat-card.stat-deleted:before{background:#9ca3af}.stat-skeleton{background:linear-gradient(90deg, var(--surface-3) 25%, #eaecf0 50%, var(--surface-3) 75%);background-size:200% 100%;border-radius:4px;width:36px;height:22px;margin-bottom:2px;animation:1.2s infinite tpl-shimmer;display:block}@keyframes tpl-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=1200px){.templates-stats{grid-template-columns:repeat(4,1fr)}}@media (width<=768px){.templates-stats{grid-template-columns:repeat(2,1fr)}}.templates-search-clear{color:var(--ink-4);cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;padding:2px;transition:color .13s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.templates-search-clear:hover{color:var(--ink-2)}.search-active-chip{background:var(--accent-subtle);color:var(--accent);border:1px solid #bfdbfe;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.search-active-chip strong{font-weight:600}.search-active-chip button{cursor:pointer;color:var(--accent);opacity:.7;background:0 0;border:none;align-items:center;padding:0;transition:opacity .13s;display:flex}.search-active-chip button:hover{opacity:1}.tpl-skeleton{background:linear-gradient(90deg, var(--surface-3) 25%, #eaecf0 50%, var(--surface-3) 75%);background-size:200% 100%;border-radius:4px;animation:1.2s infinite tpl-shimmer;display:block}.tpl-skeleton-name{width:140px;height:13px}.tpl-skeleton-pill{border-radius:999px;width:72px;height:22px}.tpl-skeleton-sm{width:56px;height:13px}.btn-register{border-radius:var(--radius-sm);background:var(--accent-subtle);font-family:var(--font-body);color:var(--accent);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-sm);border:1px solid #bfdbfe;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .13s;display:inline-flex}.btn-register:hover{color:#1e40af;background:#dbeafe;border-color:#93c5fd}@keyframes reg-fade-in{0%{opacity:0}to{opacity:1}}@keyframes reg-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.reg-modal-icon{border-radius:var(--radius-md);background:var(--accent-subtle);width:40px;height:40px;color:var(--accent);border:1px solid #bfdbfe;flex-shrink:0;justify-content:center;align-items:center;display:flex}.reg-modal-title{font-family:var(--font-display);color:var(--ink);margin:0 0 4px;font-size:20px;font-style:italic;font-weight:400;line-height:1.2}.reg-close{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--ink-3);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin-left:auto;transition:all .13s;display:flex}.reg-close:hover{background:var(--surface-2);color:var(--ink)}.reg-info-row{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:8px 14px;display:flex}.reg-info-value{font-family:var(--font-mono);color:var(--ink-2);font-size:12px;font-weight:500}.reg-pin-input{border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;font-family:var(--font-mono);color:var(--ink);text-align:center;letter-spacing:.5em;box-sizing:border-box;box-shadow:var(--shadow-sm);outline:none;padding:12px 16px;font-size:22px;font-weight:500;transition:border-color .15s,box-shadow .15s}.reg-pin-input:disabled{background:var(--surface-2);opacity:.6}:root{--ink:#0d0f12;--ink-2:#3d4148;--ink-3:#7a8090;--ink-4:#b4b9c4;--surface:#fff;--surface-2:#f7f8f9;--surface-3:#f0f1f3;--border:#e4e6ea;--border-2:#d1d4db;--accent:#1a56db;--accent-subtle:#eff4ff;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--font-body:"Instrument Sans", sans-serif;--font-display:"Instrument Serif", serif;--font-mono:"JetBrains Mono", monospace;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000012, 0 2px 4px #0000000a}.template-details-page{min-height:100vh;font-family:var(--font-body);background:var(--surface-3);color:var(--ink);display:flex}.td-left{background:var(--surface);border-right:1px solid var(--border);flex:1;max-width:760px;padding:40px 52px 80px;overflow-y:auto}.template-back{font-family:var(--font-body);color:var(--ink-3);cursor:pointer;letter-spacing:.01em;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:36px;padding:6px 0;font-size:13px;font-weight:500;transition:color .12s;display:inline-flex}.template-back:hover{color:var(--ink)}.template-back:before{content:"←";font-size:15px;line-height:1}.template-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:36px;padding-bottom:28px;display:flex}.template-title{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;margin:0 0 6px;font-size:30px;font-style:italic;font-weight:400;line-height:1.2}.template-subtitle{color:var(--ink-3);align-items:center;gap:6px;margin:0;font-size:12px;display:flex}.td-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.td-actions button{font-family:var(--font-body);border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.01em;padding:7px 16px;font-size:13px;font-weight:500;transition:all .12s}.td-btn-edit{background:var(--surface-2);border:1px solid var(--border-2);color:var(--ink-2)}.td-btn-edit:hover{background:var(--surface-3);border-color:var(--border-2);color:var(--ink)}.td-btn-delete{color:#c0392b;background:#fff5f5;border:1px solid #fecaca}.td-btn-delete:hover{background:#fee2e2}.template-status{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.template-status:before{content:"";opacity:.7;background:currentColor;border-radius:50%;width:5px;height:5px}.template-status.APPROVED,.template-status.approved{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.template-status.PENDING,.template-status.pending{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.template-status.REJECTED,.template-status.rejected{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.template-status.IN_APPEAL{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.template-status.PAUSED{background:var(--surface-2);color:var(--ink-3);border:1px solid var(--border)}.template-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin:0 0 16px;font-size:11px;font-weight:600}.td-components{flex-direction:column;gap:8px;margin-bottom:28px;display:flex}.td-component{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);transition:border-color .12s;overflow:hidden}.td-component:hover{border-color:var(--border-2)}.td-component-header{background:var(--surface-2);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:10px 16px;display:flex}.td-comp-type{text-transform:uppercase;letter-spacing:.07em;border-radius:var(--radius-sm);padding:3px 9px;font-size:10px;font-weight:600}.td-comp-type.type-HEADER{color:#1a56db;background:#eff4ff}.td-comp-type.type-BODY{color:#15803d;background:#f0fdf4}.td-comp-type.type-FOOTER{background:var(--surface-3);color:var(--ink-3)}.td-comp-type.type-BUTTONS{color:#c2410c;background:#fff7ed}.td-comp-format{color:var(--ink-4);font-size:11px;font-weight:500}.td-component-body{color:var(--ink-2);white-space:pre-wrap;word-break:break-word;padding:14px 16px;font-size:13.5px;line-height:1.65}.td-component-body textarea{width:100%;min-height:120px;font-family:var(--font-body);color:var(--ink);background:var(--surface-2);border:1px solid var(--border-2);border-radius:var(--radius-sm);resize:vertical;box-sizing:border-box;outline:none;padding:10px 12px;font-size:13.5px;line-height:1.6;transition:border-color .15s}.td-component-body textarea:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px #1a56db14}.td-component-body code{font-family:var(--font-mono);background:var(--surface-3);color:var(--ink-2);border:1px solid var(--border);border-radius:4px;padding:2px 7px;font-size:12px}.td-btn-list{flex-direction:column;gap:6px;display:flex}.td-btn-row{background:var(--surface-2);border-radius:var(--radius-sm);border:1px solid var(--border);align-items:center;gap:10px;padding:8px 12px;font-size:12.5px;display:flex}.td-btn-type-tag{text-transform:uppercase;letter-spacing:.05em;color:#1d4ed8;white-space:nowrap;background:#eff6ff;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600}.td-btn-text{color:var(--ink);font-weight:600}.td-btn-value{color:var(--ink-3);font-size:11.5px;font-family:var(--font-mono)}.td-edit-actions{border-top:1px solid var(--border);gap:8px;margin-top:20px;padding-top:20px;display:flex}.td-btn-save{font-family:var(--font-body);border-radius:var(--radius-sm);cursor:pointer;background:var(--accent);color:#fff;border:none;padding:8px 20px;font-size:13px;font-weight:500;transition:opacity .12s}.td-btn-save:hover{opacity:.88}.td-btn-cancel{font-family:var(--font-body);border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border-2);color:var(--ink-2);background:0 0;padding:8px 20px;font-size:13px;font-weight:500;transition:all .12s}.td-btn-cancel:hover{background:var(--surface-2)}.template-rejection{border-radius:var(--radius-md);color:#991b1b;background:#fef2f2;border:1px solid #fecaca;margin-top:12px;padding:14px 16px;font-size:13px;line-height:1.55}.mono{font-family:var(--font-mono);color:var(--ink-3);font-size:11.5px}.td-right{background:var(--surface-3);flex-shrink:0;width:296px;padding:40px 20px;overflow-y:auto}.td-preview-sticky{flex-direction:column;align-items:center;gap:20px;display:flex;position:sticky;top:40px}.td-preview-label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);align-self:flex-start;font-size:11px;font-weight:600}.td-phone{background:#18191b;border-radius:38px;width:232px;padding:14px 10px;position:relative;box-shadow:inset 0 0 0 1px #ffffff0f,0 24px 56px #0000004d,0 8px 20px #0000002e}.td-phone:before{content:"";background:#2a2b2d;border-radius:3px;width:60px;height:5px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.td-phone-screen{background:#ece5dd;border-radius:28px;flex-direction:column;margin-top:10px;display:flex;overflow:hidden}.td-wa-topbar{background:#075e54;align-items:center;gap:8px;padding:8px 12px;display:flex}.td-wa-avatar{color:#fff;background:#128c7e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:600;display:flex}.td-wa-name{color:#fff;font-size:11px;font-weight:600;line-height:1.2}.td-wa-status{color:#fff9;font-size:9px}.td-wa-chat{flex-direction:column;gap:4px;padding:10px 8px;display:flex}.td-wa-bubble{background:#fff;border-radius:0 10px 10px;overflow:hidden;box-shadow:0 1px 2px #0000001a}.td-wa-media{justify-content:center;align-items:center;width:100%;height:100px;display:flex;overflow:hidden}.td-wa-media img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.td-wa-media-placeholder{color:#aaa;background:#f0f0f0;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;height:100%;font-size:20px;display:flex}.td-wa-media-placeholder span{color:#aaa;font-size:9px}.td-wa-doc{background:#f5f5f5;align-items:center;gap:8px;padding:7px 10px;display:flex}.td-wa-doc-icon{font-size:18px}.td-wa-doc-name{color:#111;font-size:10px;font-weight:600}.td-wa-doc-type{color:#888;font-size:9px}.td-wa-location{background:linear-gradient(135deg,#d4e8c2,#7bc47f);justify-content:center;align-items:center;height:70px;font-size:20px;display:flex;position:relative}.td-wa-location:before{content:"";background-image:linear-gradient(#ffffff1f 1px,#0000 1px),linear-gradient(90deg,#ffffff1f 1px,#0000 1px);background-size:14px 14px;position:absolute;inset:0}.td-wa-location span{z-index:1;position:relative}.td-wa-loc-label{color:#128c7e;text-align:center;background:#fff;border-top:1px solid #f0f0f0;padding:3px 8px;font-size:9px;font-weight:600}.td-wa-header-text{color:#111;border-bottom:1px solid #f0f0f0;padding:8px 10px 5px;font-size:11px;font-weight:700}.td-wa-body{color:#111;white-space:pre-wrap;word-break:break-word;padding:8px 10px;font-size:10.5px;line-height:1.55}.td-wa-auth{text-align:center;padding:10px 9px 6px}.td-wa-otp-box{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-radius:6px;margin-bottom:8px;padding:9px}.td-wa-otp-code{letter-spacing:5px;color:#4f46e5;font-size:16px;font-weight:800;font-family:var(--font-mono);margin-bottom:2px}.td-wa-otp-hint{color:#6b7280;font-size:9px}.td-wa-auth-body{color:#374151;font-size:10px;line-height:1.4}.td-wa-auth-expiry{color:#9ca3af;margin-top:3px;font-size:9px}.td-wa-footer{color:#9ca3af;padding:0 10px 6px;font-size:9.5px}.td-wa-time{color:#9ca3af;text-align:right;padding:2px 10px 7px;font-size:9px}.td-wa-btns{border-top:1px solid #f0f0f0}.td-wa-btn{text-align:center;color:#128c7e;cursor:pointer;box-sizing:border-box;background:#fff;border-top:1px solid #f0f0f0;width:100%;padding:7px 10px;font-size:10.5px;font-weight:500;text-decoration:none;transition:background .1s;display:block}.td-wa-btn:first-child{border-top:none}.td-wa-btn:hover{background:#f5f5f5}.td-wa-btn-otp{color:#4f46e5!important}@media (width<=900px){.template-details-page{flex-direction:column}.td-right{width:100%;padding:24px}.td-preview-sticky{position:static}.td-left{border-right:none;border-bottom:1px solid var(--border)}}.td-del-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a8c;justify-content:center;align-items:center;animation:.18s td-fade-in;display:flex;position:fixed;inset:0}@keyframes td-fade-in{0%{opacity:0}to{opacity:1}}.td-del-card{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:380px;padding:36px 32px 28px;animation:.22s cubic-bezier(.34,1.56,.64,1) td-slide-up;box-shadow:0 20px 60px #0000002e}@keyframes td-slide-up{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.td-del-icon{margin-bottom:12px;font-size:40px}.td-del-title{color:#111827;margin:0 0 10px;font-size:18px;font-weight:700}.td-del-body{color:#6b7280;margin:0 0 24px;font-size:14px;line-height:1.6}.td-del-body strong{color:#111827}.td-del-actions{justify-content:center;gap:10px;display:flex}.td-del-cancel{color:#374151;cursor:pointer;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:8px;flex:1;padding:10px 0;font-size:14px;font-weight:500;transition:background .15s,border-color .15s}.td-del-cancel:hover{background:#f3f4f6;border-color:#d1d5db}.td-del-confirm{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;flex:1;padding:10px 0;font-size:14px;font-weight:600;transition:background .15s,transform .1s}.td-del-confirm:hover{background:#dc2626;transform:translateY(-1px)}.td-del-confirm:active{transform:translateY(0)}.tc-root{color:#1a1a2e;background:#f4f5f7;min-height:100vh;font-family:DM Sans,sans-serif;display:flex}.tc-form-panel{background:#fff;border-right:1px solid #e8eaed;flex:1;max-width:600px;padding:40px 48px 60px;overflow-y:auto}.tc-back{color:#6b7280;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:32px;padding:0;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:color .15s;display:inline-flex}.tc-back:hover{color:#111}.tc-heading{margin-bottom:36px}.tc-heading-badge{color:#f97316;letter-spacing:.08em;text-transform:uppercase;background:#fff3e8;border-radius:999px;margin-bottom:10px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.tc-heading h1{color:#0f172a;margin:0;font-family:Syne,sans-serif;font-size:28px;font-weight:700}.tc-error-banner{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:24px;padding:12px 16px;font-size:13px;font-weight:500;line-height:1.5}.tc-info-banner{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-bottom:10px;padding:10px 14px;font-size:12px;font-weight:500}.tc-field{margin-bottom:28px}.tc-field>label{color:#374151;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}.tc-label-hint{color:#9ca3af;text-transform:none;letter-spacing:0;font-size:11px;font-weight:400}.tc-input-hint{color:#9ca3af;margin-top:5px;font-size:11px;display:block}.tc-input{color:#111827;box-sizing:border-box;background:#fafafa;border:1.5px solid #e5e7eb;border-radius:8px;outline:none;width:100%;margin-top:6px;padding:11px 14px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .15s,box-shadow .15s}.tc-input:focus{background:#fff;border-color:#f97316;box-shadow:0 0 0 3px #f973161f}.tc-input::placeholder{color:#c0c4cc}.tc-textarea{color:#111827;resize:vertical;box-sizing:border-box;background:#fafafa;border:1.5px solid #e5e7eb;border-radius:8px;outline:none;width:100%;min-height:130px;padding:12px 14px;font-family:DM Sans,sans-serif;font-size:14px;line-height:1.6;transition:border-color .15s,box-shadow .15s}.tc-textarea:focus{background:#fff;border-color:#f97316;box-shadow:0 0 0 3px #f973161f}.tc-textarea::placeholder{color:#c0c4cc}.tc-chip-row{flex-wrap:wrap;gap:8px;display:flex}.tc-chip{color:#374151;cursor:pointer;background:#fafafa;border:1.5px solid #e5e7eb;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.tc-chip:hover{color:#f97316;border-color:#f97316}.tc-chip--active{color:#fff;background:#f97316;border-color:#f97316;box-shadow:0 2px 8px #f9731640}.tc-file-input{display:none}.tc-upload-zone{margin-top:6px}.tc-upload-label{color:#6b7280;cursor:pointer;background:#fafafa;border:2px dashed #d1d5db;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:28px;font-size:13px;transition:border-color .15s,background .15s;display:flex}.tc-upload-label:hover{color:#f97316;background:#fff8f3;border-color:#f97316}.tc-upload-icon{font-size:24px}.tc-upload-done{color:#22c55e;font-weight:600}.tc-upload-spinner{color:#6b7280}.tc-btn-adder{position:relative}.tc-add-btn{color:#6b7280;cursor:pointer;background:#fafafa;border:1.5px dashed #d1d5db;border-radius:8px;width:100%;padding:12px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:all .15s}.tc-add-btn:hover{color:#f97316;background:#fff8f3;border-color:#f97316}.tc-dropdown{z-index:50;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:8px;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 12px 32px #0000001a}.tc-dropdown-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 12px;transition:background .12s;display:flex}.tc-dropdown-item:hover:not(:disabled){background:#f9fafb}.tc-dropdown-item--disabled{opacity:.4;cursor:not-allowed}.tc-di-icon{font-size:18px}.tc-dropdown-item strong{color:#111827;font-size:13px;font-weight:600;display:block}.tc-dropdown-item small{color:#9ca3af;margin-top:1px;font-size:11px;display:block}.tc-button-list{flex-direction:column;gap:12px;margin-top:12px;display:flex}.tc-button-item{background:#fafafa;border:1.5px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:8px;padding:14px;display:flex}.tc-button-item-header{justify-content:space-between;align-items:center;display:flex}.tc-button-type-badge{text-transform:uppercase;letter-spacing:.05em;color:#6b7280;font-size:11px;font-weight:600}.tc-remove-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:13px;transition:background .12s}.tc-remove-btn:hover{background:#fef2f2}.tc-copy-code-note{color:#6b7280;background:#f3f4f6;border-radius:6px;padding:8px 12px;font-size:12px}.tc-copy-code-note strong{color:#374151}.tc-submit{color:#fff;cursor:pointer;letter-spacing:.02em;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:10px;width:100%;margin-top:8px;padding:14px 24px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;transition:transform .15s,box-shadow .15s,opacity .15s;box-shadow:0 4px 16px #f9731659}.tc-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #f9731673}.tc-submit:active:not(:disabled){transform:translateY(0)}.tc-submit:disabled{opacity:.6;cursor:not-allowed}.tc-preview-panel{background:#f4f5f7;flex-shrink:0;width:380px;padding:40px 32px;overflow-y:auto}.tc-preview-sticky{flex-direction:column;align-items:center;gap:24px;display:flex;position:sticky;top:40px}.tc-preview-label{color:#6b7280;text-transform:uppercase;letter-spacing:.06em;align-self:flex-start;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.tc-dot{border-radius:50%;width:8px;height:8px}.tc-dot.green{background:#22c55e;box-shadow:0 0 6px #22c55e}.tc-phone{background:#1c1c1e;border-radius:40px;width:280px;padding:14px 10px;box-shadow:0 24px 60px #0000004d,inset 0 1px #ffffff12}.tc-phone-notch{background:#1c1c1e;border-radius:0 0 14px 14px;width:80px;height:20px;margin:0 auto 10px}.tc-phone-screen{background:#ece5dd;border-radius:28px;flex-direction:column;min-height:440px;display:flex;overflow:hidden}.tc-wa-topbar{background:#075e54;align-items:center;gap:10px;padding:10px 14px;display:flex}.tc-wa-avatar{color:#fff;background:#128c7e;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:flex}.tc-wa-name{color:#fff;font-size:13px;font-weight:600;line-height:1}.tc-wa-status{color:#ffffffb3;margin-top:2px;font-size:11px}.tc-wa-chat{flex-direction:column;flex:1;gap:6px;padding:14px 10px;display:flex}.tc-wa-bubble{background:#fff;border-radius:0 10px 10px;padding:10px 12px 6px;box-shadow:0 1px 2px #0000001a}.tc-wa-header-text{color:#111;border-bottom:1px solid #f0f0f0;margin-bottom:6px;padding-bottom:6px;font-size:14px;font-weight:700}.tc-wa-media-placeholder{color:#888;background:#f0f0f0;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:6px;height:110px;margin-bottom:8px;font-size:28px;display:flex}.tc-wa-media-placeholder span{color:#888;font-size:11px}.tc-wa-body{color:#111;white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.55}.tc-wa-placeholder{color:#bbb;font-style:italic}.tc-wa-footer{color:#9ca3af;margin-top:6px;font-size:11px}.tc-wa-time{color:#9ca3af;text-align:right;margin-top:4px;font-size:10px}.tc-wa-btns{background:#fff;border-radius:0 0 10px 10px;overflow:hidden;box-shadow:0 1px 2px #00000014}.tc-wa-btn{text-align:center;color:#128c7e;cursor:pointer;background:#fff;border-top:1px solid #f0f0f0;padding:10px 12px;font-size:13px;font-weight:500}.tc-meta-card{background:#fff;border:1px solid #e8eaed;border-radius:12px;flex-direction:column;gap:10px;width:100%;padding:14px 18px;display:flex}.tc-meta-row{justify-content:space-between;align-items:center;font-size:12px;display:flex}.tc-meta-row span{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.tc-meta-row strong{color:#111827;text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:13px;overflow:hidden}@media (width<=900px){.tc-root{flex-direction:column}.tc-preview-panel{width:100%;padding:32px 24px}.tc-phone{margin:0 auto}.tc-preview-sticky{position:static}.tc-form-panel{border-bottom:1px solid #e8eaed;border-right:none;max-width:100%}}.tc-var-examples{flex-direction:column;gap:8px;margin-bottom:4px;display:flex}.tc-var-row{align-items:center;gap:10px;display:flex}.tc-var-tag{color:#f97316;text-align:center;background:#fff3e8;border:1px solid #fed7aa;border-radius:6px;flex-shrink:0;min-width:52px;padding:5px 10px;font-family:monospace;font-size:12px;font-weight:700}.tc-var-input{flex:1;margin-top:0!important}.tc-wa-media-doc{background:#f0f0f0;padding:10px 12px;flex-direction:row!important;justify-content:flex-start!important;gap:10px!important;height:auto!important}.tc-wa-doc-icon{font-size:28px}.tc-wa-doc-info{flex-direction:column;gap:2px;display:flex}.tc-wa-doc-name{color:#111;font-size:12px;font-weight:600}.tc-wa-doc-size{color:#888;font-size:10px}.tc-wa-location-preview{border-radius:6px;margin-bottom:8px;overflow:hidden}.tc-wa-map-placeholder{background:linear-gradient(135deg,#d4e8c2 0%,#a8d5a2 50%,#7bc47f 100%);justify-content:center;align-items:center;height:90px;display:flex;position:relative}.tc-wa-map-placeholder:before{content:"";background-image:linear-gradient(#ffffff26 1px,#0000 1px),linear-gradient(90deg,#ffffff26 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.tc-wa-map-pin{z-index:1;font-size:28px;position:relative}.tc-wa-location-label{color:#128c7e;text-align:center;background:#fff;border-top:1px solid #f0f0f0;padding:5px 10px;font-size:11px;font-weight:600}.tc-auth-panel{flex-direction:column;gap:0;display:flex}.tc-auth-body-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin:10px 0 14px;padding:12px 14px}.tc-auth-body-text{color:#374151;font-size:13.5px;line-height:1.55}.tc-auth-checks{flex-direction:column;gap:10px;display:flex}.tc-auth-check-row{color:#374151;cursor:pointer;align-items:center;gap:10px;font-size:13.5px;font-weight:500;display:flex}.tc-auth-check-row input[type=checkbox]{accent-color:#f97316;cursor:pointer;flex-shrink:0;width:16px;height:16px}.tc-auth-expiry-row{flex-direction:column;gap:6px;margin-top:4px;margin-left:26px;display:flex}.tc-label-sm{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.tc-auth-expiry-input-row{align-items:center;gap:10px;display:flex}.tc-expiry-input{text-align:center;width:80px!important;margin-top:0!important;padding:8px 10px!important}.tc-expiry-unit{color:#6b7280;font-size:13px;font-weight:500}.tc-wa-btn-otp{font-weight:600;color:#4f46e5!important}.template-accounts-page{background:#f4f5f7;min-height:100vh;padding:32px 28px;font-family:DM Sans,sans-serif}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-title{color:#0f172a;margin:0 0 4px;font-family:Syne,sans-serif;font-size:22px;font-weight:700}.page-subtitle{color:#6b7280;margin:0;font-size:13px}.btn-sync{color:#fff;cursor:pointer;white-space:nowrap;background:#111827;border:none;border-radius:8px;align-items:center;gap:7px;padding:9px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:background .15s;display:inline-flex}.btn-sync:hover{background:#1f2937}.btn-sync:disabled{opacity:.6;cursor:not-allowed}.accounts-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;overflow-x:auto;box-shadow:0 1px 4px #0000000d}.accounts-table{border-collapse:collapse;width:100%;min-width:860px;font-size:13px}.accounts-table thead tr{background:#f9fafb;border-bottom:1px solid #e5e7eb}.accounts-table th{text-align:left;color:#374151;white-space:nowrap;letter-spacing:.02em;padding:11px 14px;font-size:12px;font-weight:600}.accounts-table th .th-inner{align-items:center;gap:5px;display:inline-flex}.accounts-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .1s}.accounts-table tbody tr:last-child{border-bottom:none}.accounts-table tbody tr:hover{background:#fafafa}.accounts-table td{color:#111827;vertical-align:middle;padding:11px 14px}.mono{color:#374151;white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;display:block;overflow:hidden}.mono-phone{color:#111827;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;font-weight:500}.badge{white-space:nowrap;letter-spacing:.02em;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.badge-ACTIVE{color:#166534;background:#dcfce7}.badge-INACTIVE{color:#991b1b;background:#fee2e2}.badge-blue{color:#075985;background:#e0f2fe}.badge-green{color:#166534;background:#dcfce7}.badge-orange{color:#9a3412;background:#ffedd5}.badge-gray{color:#6b7280;background:#f3f4f6}.actions{white-space:nowrap;align-items:center;gap:6px;display:flex}.btn-outline{color:#111827;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:5px 11px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;transition:background .12s,border-color .12s}.btn-outline:hover{background:#f3f4f6;border-color:#9ca3af}.btn-link{color:#2563eb;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:5px 6px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500}.btn-link:hover{text-decoration:underline}.btn-sync-inline{color:#374151;cursor:pointer;white-space:nowrap;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:5px 11px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;transition:background .12s}.btn-sync-inline:hover{background:#f3f4f6}.btn-sync-inline:disabled{opacity:.5;cursor:not-allowed}.accounts-empty{text-align:center;color:#9ca3af;padding:48px;font-size:14px}.accounts-loading{text-align:center;color:#6b7280;padding:32px;font-size:14px}.ta-pagination{justify-content:center;align-items:center;gap:16px;padding:18px 0 4px;display:flex}.ta-pag-btn{color:#374151;cursor:pointer;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:8px;padding:7px 18px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s}.ta-pag-btn:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.ta-pag-btn:disabled{opacity:.4;cursor:not-allowed}.ta-pag-info{color:#6b7280;font-size:13px}.ta-pag-info strong{color:#111827}.btn-register-inline{color:#1d4ed8;cursor:pointer;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:5px;padding:5px 11px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;transition:all .12s;display:inline-flex}.btn-register-inline:hover{background:#dbeafe;border-color:#93c5fd}.btn-delete-inline{color:#dc2626;cursor:pointer;white-space:nowrap;background:#fff1f2;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:5px;padding:5px 11px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;transition:all .12s;display:inline-flex}.btn-delete-inline:hover{background:#fee2e2;border-color:#fca5a5}.reg-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0006;justify-content:center;align-items:center;animation:.15s reg-fade;display:flex;position:fixed;inset:0}@keyframes reg-fade{0%{opacity:0}to{opacity:1}}.reg-modal{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:460px;max-width:calc(100vw - 32px);padding:28px;animation:.18s reg-up;box-shadow:0 20px 60px #00000026}@keyframes reg-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.reg-modal-header{align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.reg-modal-icon{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.reg-modal-title{color:#0f172a;margin:0 0 4px;font-family:Syne,sans-serif;font-size:17px;font-weight:700}.reg-modal-sub{color:#6b7280;margin:0;font-size:13px;line-height:1.5}.reg-close{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin-left:auto;transition:all .12s;display:flex}.reg-close:hover{color:#111827;background:#f3f4f6}.reg-info-row{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:8px 14px;display:flex}.reg-info-label{color:#6b7280;text-transform:uppercase;letter-spacing:.07em;font-size:11px;font-weight:600}.reg-info-value{color:#374151;font-family:ui-monospace,monospace;font-size:12px;font-weight:500}.reg-form{flex-direction:column;gap:0;display:flex}.reg-label{color:#374151;text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px;font-size:11px;font-weight:600;display:block}.reg-pin-input{color:#111827;text-align:center;letter-spacing:.5em;box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-family:ui-monospace,monospace;font-size:22px;font-weight:500;transition:border-color .15s,box-shadow .15s}.reg-pin-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.reg-pin-input:disabled{opacity:.6;background:#f9fafb}.reg-pin-input::placeholder{color:#d1d5db;letter-spacing:.4em}.reg-hint{color:#9ca3af;margin:8px 0 16px;font-size:12px;line-height:1.5}.reg-alert{border-radius:6px;margin-bottom:14px;padding:10px 14px;font-size:13px;font-weight:500;line-height:1.5}.reg-alert-success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.reg-alert-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.reg-actions{justify-content:flex-end;gap:8px;display:flex}.reg-actions .btn-sync{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb}.reg-actions .btn-sync:hover{background:#e5e7eb}.reg-actions .btn-new{color:#fff;cursor:pointer;white-space:nowrap;background:#111827;border:none;border-radius:8px;padding:8px 20px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:background .15s}.reg-actions .btn-new:hover:not(:disabled){background:#1f2937}.reg-actions .btn-new:disabled{opacity:.5;cursor:not-allowed}.del-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000073;justify-content:center;align-items:center;animation:.15s reg-fade;display:flex;position:fixed;inset:0}.del-modal{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:500px;max-width:calc(100vw - 32px);padding:28px;animation:.18s reg-up;box-shadow:0 20px 60px #0000002e}.del-modal-header{align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.del-modal-icon{color:#dc2626;background:#fff1f2;border:1px solid #fecaca;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.del-modal-header-text{flex:1;min-width:0}.del-modal-title{color:#0f172a;margin:0 0 4px;font-family:Syne,sans-serif;font-size:17px;font-weight:700}.del-modal-sub{color:#6b7280;margin:0;font-size:13px;line-height:1.5}.del-info-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:16px;overflow:hidden}.del-info-row{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;gap:12px;padding:9px 14px;display:flex}.del-info-row:last-child{border-bottom:none}.del-info-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.07em;flex-shrink:0;font-size:11px;font-weight:600}.del-info-value{color:#111827;text-align:right;white-space:nowrap;text-overflow:ellipsis;max-width:260px;font-size:12.5px;font-weight:500;overflow:hidden}.del-warning-box{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;gap:12px;margin-bottom:16px;padding:14px;display:flex}.del-warning-icon{color:#d97706;flex-shrink:0;margin-top:2px}.del-warning-text{color:#92400e;font-size:13px;line-height:1.5}.del-warning-text strong{color:#78350f;margin-bottom:6px;font-size:13px;display:block}.del-warning-list{flex-direction:column;gap:3px;margin:0;padding-left:18px;display:flex}.del-warning-list li{color:#92400e;font-size:12.5px}.del-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.btn-del-cancel{color:#374151;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:8px 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:all .12s}.btn-del-cancel:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.btn-del-cancel:disabled{opacity:.5;cursor:not-allowed}.btn-del-confirm{color:#fff;cursor:pointer;white-space:nowrap;background:#dc2626;border:none;border-radius:8px;align-items:center;gap:7px;padding:8px 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:background .15s;display:inline-flex}.btn-del-confirm:hover:not(:disabled){background:#b91c1c}.btn-del-confirm:disabled{opacity:.6;cursor:not-allowed}@keyframes del-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.del-spin{animation:.8s linear infinite del-spin}.del-success-header{text-align:center;margin-bottom:20px}.del-success-icon{color:#16a34a;background:#f0fdf4;border:2px solid #86efac;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 12px;font-size:22px;font-weight:700;display:flex}.del-success-header .del-modal-title{margin-bottom:6px}.del-success-header .del-modal-sub{font-size:13px}.del-result-stats{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:20px;display:flex}.del-stat-pill{white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.del-stat-red{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.del-stat-green{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.del-stat-orange{color:#9a3412;background:#ffedd5;border:1px solid #fed7aa}.btn-del-done{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:8px;padding:9px 32px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:background .15s}.btn-del-done:hover{background:#1f2937}.wapi-page{background:#f8fafc;max-width:760px;min-height:100vh;padding:32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.wapi-loading{color:#94a3b8;justify-content:center;align-items:center;gap:10px;padding:80px 20px;font-size:14px;display:flex}.wapi-spinner{border:2px solid #e2e8f0;border-top-color:#25d366;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite wapi-spin}@keyframes wapi-spin{to{transform:rotate(360deg)}}.wapi-header{align-items:center;gap:14px;margin-bottom:32px;display:flex}.wapi-header-icon{color:#fff;background:#25d366;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 12px #25d3664d}.wapi-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:20px;font-weight:700}.wapi-subtitle{color:#94a3b8;margin:2px 0 0;font-size:13px}.wapi-card{background:#fff;border:1px solid #e8edf2;border-radius:14px;margin-bottom:16px;padding:24px;box-shadow:0 1px 4px #0000000a}.wapi-generate-card{background:#f0fdf4;border:1.5px dashed #d1fae5}.wapi-card-header{align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.wapi-card-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.wapi-card-icon--green{color:#16a34a;background:#dcfce7}.wapi-card-title{color:#0f172a;margin:0 0 2px;font-size:15px;font-weight:650}.wapi-card-desc{color:#64748b;margin:0;font-size:13px}.wapi-form-row{align-items:flex-end;gap:10px;display:flex}.wapi-input-wrap{flex-direction:column;flex:1;gap:6px;display:flex}.wapi-label{color:#475569;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.wapi-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:9px;outline:none;width:100%;padding:10px 14px;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.wapi-input:focus{border-color:#25d366;box-shadow:0 0 0 3px #25d3661f}.wapi-input::placeholder{color:#94a3b8}.wapi-btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:#25d366;border:none;border-radius:9px;align-items:center;gap:7px;padding:10px 18px;font-size:13.5px;font-weight:600;transition:all .15s;display:flex;box-shadow:0 2px 8px #25d36640}.wapi-btn-primary:hover:not(:disabled){background:#1db954;transform:translateY(-1px);box-shadow:0 4px 14px #25d36659}.wapi-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.wapi-btn-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:13px;height:13px;animation:.6s linear infinite wapi-spin}.wapi-section-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;margin-bottom:12px;font-size:11px;font-weight:700;display:flex}.wapi-keys-badge{color:#64748b;background:#f1f5f9;border-radius:20px;padding:1px 8px;font-size:11px;font-weight:600}.wapi-key-card{transition:box-shadow .15s}.wapi-key-card:hover{box-shadow:0 4px 16px #00000012}.wapi-key-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.wapi-key-left{align-items:center;gap:12px;display:flex}.wapi-key-avatar{color:#fff;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.wapi-key-name{color:#0f172a;margin-bottom:2px;font-size:15px;font-weight:650}.wapi-key-date{color:#94a3b8;font-size:12px}.wapi-key-right{align-items:center;gap:10px;display:flex}.wapi-badge-active{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.wapi-badge-dot{background:#16a34a;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite wapi-pulse}@keyframes wapi-pulse{0%,to{opacity:1}50%{opacity:.4}}.wapi-btn-delete{color:#e11d48;cursor:pointer;background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:12.5px;font-weight:600;transition:all .15s;display:flex}.wapi-btn-delete:hover{background:#ffe4e6;border-color:#fda4af}.wapi-key-value{color:#94a3b8;background:#f8fafc;border:1px solid #e8edf2;border-radius:9px;align-items:center;gap:8px;margin-bottom:12px;padding:11px 14px;display:flex}.wapi-key-masked{color:#cbd5e1;letter-spacing:2px;font-family:SF Mono,Fira Code,monospace;font-size:13px}.wapi-security-note{color:#94a3b8;margin:0;font-size:12px}.wapi-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.wapi-modal{text-align:center;background:#fff;border-radius:18px;width:100%;max-width:480px;padding:32px;animation:.22s wapi-modal-in;box-shadow:0 24px 64px #0000002e}@keyframes wapi-modal-in{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.wapi-modal-icon{color:#16a34a;background:#f0fdf4;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 16px;display:flex}.wapi-modal-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 6px;font-size:18px;font-weight:700}.wapi-modal-sub{color:#64748b;margin:0 0 20px;font-size:13.5px}.wapi-modal-key-wrap{text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 14px;display:flex}.wapi-modal-key{color:#0f172a;word-break:break-all;background:0 0;flex:1;font-family:SF Mono,Fira Code,monospace;font-size:12.5px;line-height:1.5}.wapi-modal-copy-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#0f172a;border:none;border-radius:7px;flex-shrink:0;align-items:center;gap:5px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:all .15s;display:flex}.wapi-modal-copy-btn:hover{background:#1e293b}.wapi-modal-warning{color:#d97706;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;align-items:center;gap:6px;margin-bottom:20px;padding:8px 14px;font-size:12.5px;font-weight:500;display:inline-flex}.wapi-modal-close{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;width:100%;padding:11px;font-size:14px;font-weight:600;transition:background .15s}.wapi-modal-close:hover{background:#e2e8f0}.wad-root{background:#f7f8fa;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;overflow:hidden}.wad-sidebar{background:#fff;border-right:1px solid #e8eaed;flex-direction:column;width:220px;min-width:220px;padding:20px 0 16px;display:flex;overflow-y:auto}.wad-sidebar-header{border-bottom:1px solid #f0f0f0;align-items:center;gap:8px;margin-bottom:8px;padding:0 16px 16px;display:flex}.wad-sidebar-icon{font-size:16px}.wad-sidebar-title{color:#1a1a1a;letter-spacing:-.01em;font-size:13px;font-weight:600}.wad-sidebar-section-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;padding:12px 16px 4px;font-size:10.5px;font-weight:600}.wad-sidebar-item{text-align:left;color:#4b5563;cursor:pointer;background:0 0;border:none;border-left:2px solid #0000;width:100%;padding:7px 16px;font-size:13px;line-height:1.4;transition:all .13s;display:block}.wad-sidebar-item:hover{color:#111827;background:#f9fafb}.wad-sidebar-item.active{color:#075e54;background:#f0fdf4;border-left-color:#25d366;font-weight:500;animation:.4s wad-pulse}@keyframes wad-pulse{0%{background:#25d36659}to{background:#f0fdf4}}.wad-sidebar-divider{background:#f0f0f0;height:1px;margin:16px 0}.wad-base-url-box{background:#f9fafb;border:1px solid #e8eaed;border-radius:8px;margin:0 12px;padding:10px 12px}.wad-base-url-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:10px;font-weight:600}.wad-base-url-value{color:#374151;font-family:SF Mono,Fira Code,monospace;font-size:11px}.wad-main{flex:1;padding:32px 40px 60px;overflow-y:auto}.wad-page-header{border-bottom:1px solid #e8eaed;margin-bottom:32px;padding-bottom:24px}.wad-page-header-top{align-items:center;gap:8px;margin-bottom:10px;display:flex}.wad-page-tag{color:#15803d;letter-spacing:.02em;background:#dcfce7;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.wad-page-version{color:#6b7280;background:#f3f4f6;border-radius:20px;padding:3px 8px;font-size:11px;font-weight:500}.wad-page-title{color:#111827;letter-spacing:-.02em;margin-bottom:8px;font-size:24px;font-weight:700}.wad-page-sub{color:#6b7280;max-width:600px;font-size:14px;line-height:1.6}.wad-page-sub code{color:#374151;background:#f3f4f6;border-radius:4px;padding:1px 5px;font-family:SF Mono,Fira Code,monospace;font-size:12.5px}.wad-endpoints{flex-direction:column;gap:20px;display:flex}.wad-card{background:#fff;border:1px solid #e8eaed;border-radius:12px;scroll-margin-top:24px;overflow:hidden}.wad-card-header{border-bottom:1px solid #f3f4f6;padding:20px 24px 16px}.wad-card-title-row{align-items:center;gap:10px;margin-bottom:6px;display:flex}.wad-method-badge{color:#15803d;letter-spacing:.04em;background:#dcfce7;border-radius:5px;padding:3px 8px;font-family:SF Mono,Fira Code,monospace;font-size:10.5px;font-weight:700}.wad-card-title{color:#111827;letter-spacing:-.01em;font-size:16px;font-weight:600}.wad-card-desc{color:#6b7280;margin-bottom:14px;font-size:13.5px;line-height:1.55}.wad-url-bar{background:#f9fafb;border:1px solid #e8eaed;border-radius:8px;align-items:center;display:flex;overflow:hidden}.wad-url-method{color:#065f46;white-space:nowrap;background:#d1fae5;border-right:1px solid #e8eaed;padding:7px 12px;font-family:SF Mono,Fira Code,monospace;font-size:11px;font-weight:700}.wad-url-path{color:#374151;text-overflow:ellipsis;white-space:nowrap;flex:1;padding:7px 12px;font-family:SF Mono,Fira Code,monospace;font-size:12px;overflow:hidden}.wad-url-copy{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-left:1px solid #e8eaed;padding:7px 12px;font-size:14px;transition:color .13s}.wad-url-copy:hover{color:#374151}.wad-tabs{background:#fafafa;border-bottom:1px solid #f3f4f6;padding:0 24px;display:flex}.wad-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 14px;font-size:13px;font-weight:500;transition:all .13s}.wad-tab:hover{color:#111827}.wad-tab.active{color:#075e54;border-bottom-color:#25d366}.wad-tab-content{padding:20px 24px}.wad-code-block{background:#1e2433;border-radius:8px;position:relative;overflow:hidden}.wad-code-block pre{color:#cbd5e1;margin:0;padding:18px 20px;font-family:SF Mono,Fira Code,Fira Mono,monospace;font-size:13px;line-height:1.75;overflow-x:auto}.wad-copy-btn{color:#94a3b8;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:5px;padding:3px 10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;transition:all .13s;position:absolute;top:10px;right:12px}.wad-copy-btn:hover{color:#e2e8f0;background:#ffffff24}.wad-key{color:#7dd3fc}.wad-str{color:#86efac}.wad-punct{color:#94a3b8}.wad-param-table-wrap{overflow-x:auto}.wad-param-table{border-collapse:collapse;width:100%;font-size:13px}.wad-param-table th{text-align:left;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f0f0f0;padding:0 12px 10px 0;font-size:11px;font-weight:600}.wad-param-table td{vertical-align:top;color:#374151;border-bottom:1px solid #f9fafb;padding:10px 12px 10px 0}.wad-param-table tr:last-child td{border-bottom:none}.wad-pname{color:#0369a1;background:#f0f9ff;border-radius:4px;margin-right:6px;padding:1px 5px;font-family:SF Mono,Fira Code,monospace;font-size:12px}.wad-badge{vertical-align:middle;border-radius:20px;padding:2px 7px;font-size:10px;font-weight:600}.wad-badge-req{color:#b91c1c;background:#fef2f2}.wad-badge-opt{color:#6b7280;background:#f3f4f6}.wad-type{color:#7c3aed;background:#f5f3ff;border-radius:4px;padding:1px 6px;font-family:SF Mono,Fira Code,monospace;font-size:11.5px}.wad-desc{color:#6b7280;font-size:13px;line-height:1.5}.onboarding-container{background:linear-gradient(135deg,#0f172a,#1e293b);justify-content:center;align-items:center;min-height:100vh;padding:40px;font-family:Inter,sans-serif;display:flex}.onboarding-card{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:480px;padding:40px;box-shadow:0 20px 60px #00000040}.onboarding-card h2{color:#0f172a;margin-bottom:10px;font-size:24px}.onboarding-subtitle{color:#64748b;margin-bottom:30px;font-size:14px}.connect-btn{cursor:pointer;color:#fff;background:linear-gradient(90deg,#25d366,#128c7e);border:none;border-radius:10px;width:100%;padding:14px;font-size:15px;font-weight:600;transition:all .3s}.connect-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #128c7e66}.loading-text{color:#334155;font-size:14px}.success-box{text-align:left;background:#ecfdf5;border:1px solid #10b981;border-radius:12px;margin-top:20px;padding:20px}.success-title{color:#047857;font-weight:600}.error-text{color:#dc2626;margin-top:15px;font-size:14px}:root{--cl-bg:#f7f8fa;--cl-surface:#fff;--cl-surface-2:#f2f4f8;--cl-border:#e4e7ef;--cl-border-2:#cdd2e0;--cl-text-1:#0d1117;--cl-text-2:#4b5368;--cl-text-3:#8f96aa;--cl-accent:#2455d4;--cl-accent-soft:#eef2fc;--cl-accent-mid:#c0cefc;--cl-radius-sm:6px;--cl-radius:9px;--cl-radius-lg:13px;--cl-font:"DM Sans", sans-serif;--cl-mono:"DM Mono", monospace;--cl-shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--cl-shadow:0 4px 16px #00000014, 0 1px 4px #0000000a;--cl-shadow-lg:0 12px 40px #0000001f, 0 4px 12px #0000000f}.cl-page{font-family:var(--cl-font);background:var(--cl-bg);min-height:100vh;color:var(--cl-text-1);padding:40px 44px;position:relative}.alert-stack{z-index:9999;flex-direction:column;gap:8px;max-width:340px;display:flex;position:fixed;top:20px;right:20px}.alert-banner{border-radius:var(--cl-radius);box-shadow:var(--cl-shadow);border:1px solid #0000;align-items:center;gap:10px;padding:11px 14px;font-size:13px;font-weight:500;animation:.2s cubic-bezier(.16,1,.3,1) alertIn;display:flex}@keyframes alertIn{0%{opacity:0;transform:translate(12px)scale(.97)}to{opacity:1;transform:translate(0)scale(1)}}.alert-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.alert-success{color:#0a5c3a;background:#f0fdf6;border-color:#a3e4c1}.alert-success .alert-dot{background:#22c373}.alert-error{color:#8b1a1a;background:#fff4f4;border-color:#f5b8b8}.alert-error .alert-dot{background:#e53e3e}.alert-message{flex:1;line-height:1.4}.alert-close{color:currentColor;opacity:.5;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:16px;line-height:1;transition:opacity .15s}.alert-close:hover{opacity:.9}.cl-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:26px;display:flex}.cl-header-left{align-items:center;gap:10px;display:flex}.cl-title{color:var(--cl-text-1);letter-spacing:-.3px;margin:0;font-size:21px;font-weight:600}.cl-count{color:var(--cl-accent);background:var(--cl-accent-soft);border:1px solid var(--cl-accent-mid);letter-spacing:.2px;border-radius:20px;padding:2px 8px;font-size:11.5px;font-weight:600}.cl-header-right{align-items:center;gap:10px;display:flex}.cl-search-wrap{align-items:center;display:flex;position:relative}.cl-search-icon{color:var(--cl-text-3);pointer-events:none;display:flex;position:absolute;left:10px}.cl-search{font-family:var(--cl-font);color:var(--cl-text-1);background:var(--cl-surface);border:1px solid var(--cl-border);border-radius:var(--cl-radius);width:220px;box-shadow:var(--cl-shadow-sm);outline:none;padding:8px 30px 8px 32px;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.cl-search::placeholder{color:var(--cl-text-3)}.cl-search:focus{border-color:var(--cl-accent);box-shadow:0 0 0 3px #2455d41a}.cl-search-clear{color:var(--cl-text-3);cursor:pointer;background:0 0;border:none;padding:0;font-size:16px;line-height:1;transition:color .15s;position:absolute;right:8px}.cl-search-clear:hover{color:var(--cl-text-2)}.cl-create-btn{background:var(--cl-accent);color:#fff;border-radius:var(--cl-radius);font-family:var(--cl-font);cursor:pointer;white-space:nowrap;letter-spacing:-.1px;border:none;align-items:center;gap:7px;padding:8.5px 16px;font-size:13.5px;font-weight:600;transition:background .15s,transform .12s,box-shadow .15s;display:flex;box-shadow:0 2px 10px #2455d447}.cl-create-btn:hover{background:#1d47b8;transform:translateY(-1px);box-shadow:0 6px 18px #2455d452}.cl-create-btn:active{transform:translateY(0);box-shadow:0 2px 8px #2455d433}.cl-table-wrap{background:var(--cl-surface);border:1px solid var(--cl-border);border-radius:var(--cl-radius-lg);box-shadow:var(--cl-shadow-sm);overflow:hidden}.cl-table{border-collapse:collapse;width:100%}.cl-table thead tr{background:var(--cl-surface-2);border-bottom:1px solid var(--cl-border)}.cl-table th{color:var(--cl-text-3);text-transform:uppercase;letter-spacing:.7px;text-align:left;white-space:nowrap;-webkit-user-select:none;user-select:none;padding:11px 18px;font-size:11px;font-weight:600}.cl-table tbody tr{border-bottom:1px solid #f0f2f8;transition:background .1s}.cl-table tbody tr:last-child{border-bottom:none}.cl-table tbody tr:hover{background:#fafbfe}.cl-table td{color:var(--cl-text-2);vertical-align:middle;padding:14px 18px;font-size:13.5px}.cl-td-name{color:var(--cl-text-1);max-width:240px;font-weight:500}.cl-td-num{font-family:var(--cl-mono);color:var(--cl-text-2);letter-spacing:-.2px;font-size:13px}.cl-td-date{white-space:nowrap}.cl-status{text-transform:uppercase;letter-spacing:.55px;white-space:nowrap;border:1px solid #0000;border-radius:20px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-block}.cl-status--running{color:#1c45b8;background:#eef2fc;border-color:#c0cefc}.cl-status--completed{color:#0c6b40;background:#edfaf4;border-color:#9de8c4}.cl-status--failed{color:#a01e1e;background:#fff2f2;border-color:#f5b8b8}.cl-status--pending{color:#8a5a00;background:#fef9ec;border-color:#f5dfa0}.cl-status--paused{color:#505773;background:#f4f5f8;border-color:#d4d8e8}.cl-status--draft{color:#505773;background:#f9f9f9;border-color:#d8dbe8}.cl-status--scheduled{color:#4a26a8;background:#f0eeff;border-color:#c8bbe8}.cl-status--sent{color:#0c6b40;background:#edfaf4;border-color:#9de8c4}.cl-status--delivered{color:#1c45b8;background:#eef2fc;border-color:#c0cefc}.cl-status--read{color:#0b6a72;background:#e8fafb;border-color:#9ae0e6}.cl-status--queued{color:#5a26a8;background:#f5eeff;border-color:#c8b8e8}.cl-type{border-radius:var(--cl-radius-sm);white-space:nowrap;padding:3px 9px;font-size:11.5px;font-weight:500;display:inline-block}.cl-type--scheduled{color:#2455d4;background:#eef2fc}.cl-type--instant{background:var(--cl-surface-2);color:var(--cl-text-2)}.cl-schedule{color:var(--cl-text-2);background:var(--cl-surface-2);border-radius:var(--cl-radius-sm);border:1px solid var(--cl-border);white-space:nowrap;font-variant-numeric:tabular-nums;padding:3px 9px;font-size:12.5px}.cl-no-date{color:var(--cl-text-3);font-size:14px}.cl-loading{color:var(--cl-text-3);background:var(--cl-surface);border:1px solid var(--cl-border);border-radius:var(--cl-radius-lg);justify-content:center;align-items:center;gap:12px;padding:80px 20px;font-size:13.5px;display:flex}.cl-spinner{border:2px solid var(--cl-border);border-top-color:var(--cl-accent);border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.65s linear infinite spin}.cl-empty{color:var(--cl-text-3);text-align:center;background:var(--cl-surface);border:1px solid var(--cl-border);border-radius:var(--cl-radius-lg);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:72px 20px;display:flex}.cl-empty p{color:var(--cl-text-2);margin:0;font-size:14px}.cl-empty-sub{color:var(--cl-text-3)!important;margin-top:2px!important;font-size:13px!important}.cl-pagination{background:var(--cl-surface);border:1px solid var(--cl-border);border-radius:var(--cl-radius-lg);box-shadow:var(--cl-shadow-sm);justify-content:space-between;align-items:center;margin-top:18px;padding:12px 18px;display:flex}.cl-pag-meta{color:var(--cl-text-3);font-size:12.5px}.cl-pag-meta strong{color:var(--cl-text-2);font-weight:600}.cl-pag-controls{align-items:center;gap:3px;display:flex}.cl-pag-btn{border-radius:var(--cl-radius-sm);border:1px solid var(--cl-border);background:var(--cl-surface);min-width:32px;height:32px;font-family:var(--cl-font);color:var(--cl-text-2);cursor:pointer;justify-content:center;align-items:center;padding:0 7px;font-size:13px;font-weight:500;line-height:1;transition:all .12s;display:inline-flex}.cl-pag-btn:hover:not(:disabled){background:var(--cl-surface-2);border-color:var(--cl-border-2);color:var(--cl-text-1)}.cl-pag-btn:disabled{opacity:.3;cursor:not-allowed}.cl-pag-btn.active{background:var(--cl-accent);border-color:var(--cl-accent);color:#fff;font-weight:600;box-shadow:0 2px 8px #2455d447}.cl-pag-arrow{color:var(--cl-text-3);font-size:15px}.cl-pag-ellipsis{width:26px;height:32px;color:var(--cl-text-3);-webkit-user-select:none;user-select:none;justify-content:center;align-items:flex-end;padding-bottom:2px;font-size:13px;display:inline-flex}.cl-stats-bar{grid-template-columns:repeat(7,1fr);gap:10px;margin-bottom:20px;display:grid}.cl-stat-card{background:var(--cl-surface);border:1px solid var(--cl-border);border-radius:var(--cl-radius);box-shadow:var(--cl-shadow-sm);flex-direction:column;gap:5px;padding:13px 16px 11px;transition:box-shadow .15s,border-color .15s;display:flex;position:relative;overflow:hidden}.cl-stat-card:before{content:"";border-radius:var(--cl-radius) var(--cl-radius) 0 0;height:2px;position:absolute;top:0;left:0;right:0}.cl-stat-card:hover{box-shadow:var(--cl-shadow)}.cl-stat-total:before{background:#9ca3af}.cl-stat-draft:before{background:#94a3b8}.cl-stat-scheduled:before{background:#7c3aed}.cl-stat-running:before{background:#2455d4}.cl-stat-completed:before{background:#16a34a}.cl-stat-failed:before{background:#dc2626}.cl-stat-paused:before{background:#d97706}.cl-stat-inner{align-items:center;gap:7px;display:flex}.cl-stat-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.cl-dot-total{background:#9ca3af}.cl-dot-draft{background:#94a3b8}.cl-dot-scheduled{background:#7c3aed}.cl-dot-running{background:#2455d4}.cl-dot-completed{background:#22c55e}.cl-dot-failed{background:#ef4444}.cl-dot-paused{background:#f59e0b}.cl-stat-value{color:var(--cl-text-1);letter-spacing:-.02em;font-size:19px;font-weight:600;line-height:1;font-family:var(--cl-font)}.cl-stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--cl-text-3);padding-left:13px;font-size:9.5px;font-weight:600}.cl-stat-skeleton{background:linear-gradient(90deg, var(--cl-surface-2) 25%, #eaecf2 50%, var(--cl-surface-2) 75%);vertical-align:middle;background-size:200% 100%;border-radius:4px;width:36px;height:19px;animation:1.2s infinite cl-shimmer;display:inline-block}@keyframes cl-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=1200px){.cl-stats-bar{grid-template-columns:repeat(4,1fr)}}@media (width<=768px){.cl-stats-bar{grid-template-columns:repeat(2,1fr)}}.cl-status-dropdown{position:relative}.cl-status-trigger{background:var(--cl-surface);border:1px solid var(--cl-border);border-radius:var(--cl-radius);font-family:var(--cl-font);color:var(--cl-text-2);cursor:pointer;box-shadow:var(--cl-shadow-sm);white-space:nowrap;align-items:center;gap:7px;min-width:130px;padding:8px 12px;font-size:13.5px;font-weight:500;transition:border-color .15s,box-shadow .15s;display:flex}.cl-status-trigger:hover{border-color:var(--cl-border-2);color:var(--cl-text-1)}.cl-status-trigger.open{border-color:var(--cl-accent);box-shadow:0 0 0 3px #2455d41a}.cl-status-trigger.has-value{border-color:var(--cl-accent);color:var(--cl-text-1)}.cl-status-trigger-label{text-align:left;flex:1}.cl-chevron{color:var(--cl-text-3);flex-shrink:0;transition:transform .15s}.cl-status-trigger.open .cl-chevron{transform:rotate(180deg)}.cl-status-menu{background:var(--cl-surface);border:1px solid var(--cl-border);border-radius:var(--cl-radius);min-width:160px;box-shadow:var(--cl-shadow-lg);z-index:1000;flex-direction:column;gap:1px;padding:4px;animation:.15s cubic-bezier(.16,1,.3,1) dropdownIn;display:flex;position:absolute;top:calc(100% + 6px);left:0}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.cl-status-option{border-radius:var(--cl-radius-sm);width:100%;font-family:var(--cl-font);color:var(--cl-text-2);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:8px 10px;font-size:13.5px;font-weight:400;transition:background .1s,color .1s;display:flex}.cl-status-option:hover{background:var(--cl-surface-2);color:var(--cl-text-1)}.cl-status-option.active{background:var(--cl-accent-soft);color:var(--cl-accent);font-weight:500}.cl-check{color:var(--cl-accent);flex-shrink:0;margin-left:auto}.cl-status-dot-sm{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.cl-active-filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.cl-filter-chip{background:var(--cl-accent-soft);border:1px solid var(--cl-accent-mid);color:var(--cl-accent);border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12.5px;font-weight:500;display:inline-flex}.cl-filter-chip button{color:var(--cl-accent);cursor:pointer;opacity:.6;background:0 0;border:none;align-items:center;padding:0;font-size:15px;line-height:1;transition:opacity .15s;display:flex}.cl-filter-chip button:hover{opacity:1}.cl-clear-all{font-family:var(--cl-font);color:var(--cl-text-3);cursor:pointer;border-radius:var(--cl-radius-sm);background:0 0;border:none;padding:4px 6px;font-size:12.5px;font-weight:500;transition:color .15s,background .15s}.cl-clear-all:hover{color:var(--cl-text-2);background:var(--cl-surface-2)}.csm-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;padding:16px;animation:.15s csm-fade-in;display:flex;position:fixed;inset:0}.csm-modal{background:var(--cl-surface);border-radius:var(--cl-radius-lg);width:100%;max-width:660px;box-shadow:var(--cl-shadow-lg);animation:.18s cubic-bezier(.16,1,.3,1) csm-slide-in;overflow:hidden}@keyframes csm-slide-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.csm-header{border-bottom:1px solid var(--cl-border);background:var(--cl-surface-2);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.csm-header-left{align-items:center;gap:12px;display:flex}.csm-icon{font-size:20px;line-height:1}.csm-title{color:var(--cl-text-1);letter-spacing:-.2px;margin:0;font-size:15px;font-weight:600}.csm-subtitle{color:var(--cl-text-3);margin:2px 0 0;font-size:12px}.csm-close{border:1px solid var(--cl-border);cursor:pointer;color:var(--cl-text-3);border-radius:var(--cl-radius-sm);background:0 0;padding:4px 9px;font-size:16px;line-height:1.4;transition:background .15s,color .15s,border-color .15s}.csm-close:hover{background:var(--cl-surface);border-color:var(--cl-border-2);color:var(--cl-text-1)}.csm-body{padding:22px}.csm-loading,.csm-error{color:var(--cl-text-3);justify-content:center;align-items:center;gap:10px;padding:40px 0;font-size:13.5px;display:flex}.csm-spinner{border:2px solid var(--cl-border);border-top-color:#f97316;border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.7s linear infinite csm-spin}.csm-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.csm-card{background:var(--cl-surface-2);border:1px solid var(--cl-border);border-radius:var(--cl-radius);padding:14px 16px 12px;transition:box-shadow .15s}.csm-card:hover{box-shadow:var(--cl-shadow-sm)}.csm-card-label{color:var(--cl-text-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:7px;font-size:10.5px;font-weight:600}.csm-card-value{color:var(--cl-text-1);letter-spacing:-.03em;font-size:24px;font-weight:700;line-height:1;font-family:var(--cl-font)}.csm-card-highlight{background:#f97316;border-color:#f97316}.csm-card-highlight .csm-card-label{color:#ffffffbf}.csm-card-highlight .csm-card-value{color:#fff}.csm-rate-row{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px;display:grid}@media (width<=560px){.csm-grid,.csm-rate-row{grid-template-columns:repeat(2,1fr)}}.lcm-overlay{z-index:1100;background:#00000073;justify-content:center;align-items:center;padding:16px;animation:.15s csm-fade-in;display:flex;position:fixed;inset:0}.lcm-modal{background:var(--cl-surface);border-radius:var(--cl-radius-lg);width:100%;max-width:420px;box-shadow:var(--cl-shadow-lg);text-align:center;flex-direction:column;align-items:center;padding:32px 28px 26px;animation:.18s cubic-bezier(.16,1,.3,1) csm-slide-in;display:flex}.lcm-icon-wrap{width:52px;height:52px;color:var(--cl-accent);background:#eff6ff;border:1.5px solid #bfdbfe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:18px;display:flex}.lcm-title{color:var(--cl-text-1);letter-spacing:-.3px;margin:0 0 10px;font-size:17px;font-weight:700}.lcm-body{color:var(--cl-text-2);max-width:340px;margin:0 0 20px;font-size:13.5px;line-height:1.6}.lcm-campaign-name{color:var(--cl-text-1);font-weight:600}.lcm-meta{background:var(--cl-surface-2);border:1px solid var(--cl-border);border-radius:var(--cl-radius);align-items:center;gap:0;width:100%;margin-bottom:22px;padding:12px 18px;display:flex}.lcm-meta-item{flex-direction:column;flex:1;align-items:center;gap:3px;display:flex}.lcm-meta-divider{background:var(--cl-border);flex-shrink:0;width:1px;height:28px}.lcm-meta-label{text-transform:uppercase;letter-spacing:.07em;color:var(--cl-text-3);font-size:10px;font-weight:600}.lcm-meta-value{color:var(--cl-text-1);font-size:13.5px;font-weight:600;font-family:var(--cl-mono)}.lcm-meta-type,.lcm-meta-status{font-family:var(--cl-font);text-transform:capitalize;color:var(--cl-text-2);font-size:12px}.lcm-actions{gap:10px;width:100%;display:flex}.lcm-btn{border-radius:var(--cl-radius);font-family:var(--cl-font);cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;gap:7px;padding:9.5px 16px;font-size:13.5px;font-weight:600;transition:background .15s,transform .12s,box-shadow .15s,opacity .15s;display:inline-flex}.lcm-btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.lcm-btn-cancel{background:var(--cl-surface-2);color:var(--cl-text-2);border:1px solid var(--cl-border)}.lcm-btn-cancel:hover:not(:disabled){color:var(--cl-text-1);border-color:var(--cl-border-2);background:#eaecf2}.lcm-btn-launch{background:var(--cl-accent);color:#fff;box-shadow:0 2px 10px #2455d447}.lcm-btn-launch:hover:not(:disabled){background:#1d47b8;transform:translateY(-1px);box-shadow:0 6px 18px #2455d452}.lcm-btn-launch:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #2455d433}.lcm-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.65s linear infinite spin}.ca-btn-summary{color:#4b5563;background:#f3f4f6}.ca-btn-summary:hover{background:#e5e7eb}.cl-campaign-name-wrap{flex-direction:column;gap:4px;display:flex}.cl-campaign-title{color:#111827;font-weight:600;line-height:1.2}.cl-campaign-updated{color:#9ca3af;font-size:12px;font-weight:500}.cl-td-date{white-space:nowrap;color:#4b5563;font-size:13px}.pm-overlay{z-index:200;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pm-modal{background:#fff;border-radius:14px;flex-direction:column;width:480px;max-height:90vh;display:flex;overflow-y:auto;box-shadow:0 8px 32px #0000002e}.pm-header{border-bottom:.5px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.pm-header-left{align-items:center;gap:10px;display:flex}.pm-icon{font-size:20px}.pm-title{color:#111;margin:0;font-size:15px;font-weight:600}.pm-sub{color:#6b7280;margin:2px 0 0;font-size:12px}.pm-close{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:16px;line-height:1}.pm-close:hover{background:#f3f4f6}.pm-body{flex-direction:column;align-items:center;gap:1rem;padding:1.25rem;display:flex}.pm-meta-row{flex-wrap:wrap;gap:8px;width:100%;display:flex}.pm-meta-pill{background:#f9fafb;border:.5px solid #e5e7eb;border-radius:8px;flex-direction:column;flex:1;gap:2px;min-width:80px;padding:8px 12px;display:flex}.pm-meta-label{color:#9ca3af;font-size:11px}.pm-meta-value{color:#111;text-transform:capitalize;font-size:13px;font-weight:500}.pm-phone-wrap{justify-content:center;width:100%;display:flex}.pm-phone{background:#1a1a1a;border-radius:30px;width:230px;padding:10px;box-shadow:0 0 0 1px #333,0 8px 24px #00000040}.pm-screen{background:#e5ddd5;border-radius:22px;flex-direction:column;min-height:320px;display:flex;overflow:hidden}.pm-topbar{background:#075e54;align-items:center;gap:8px;padding:10px 12px;display:flex}.pm-avatar{color:#fff;background:#128c7e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:flex}.pm-biz-name{color:#fff;font-size:12px;font-weight:600}.pm-biz-status{color:#ffffffb3;font-size:10px}.pm-chat{flex-direction:column;flex:1;gap:6px;padding:10px 8px;display:flex}.pm-bubble{background:#fff;border-radius:8px 8px 8px 2px;max-width:200px;overflow:hidden;box-shadow:0 1px 2px #0000001a}.pm-bubble-img{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);justify-content:center;align-items:center;width:100%;height:90px;font-size:11px;display:flex;overflow:hidden}.pm-bubble-header-text{color:#fff;background:#075e54;padding:8px 10px;font-size:11px;font-weight:600}.pm-bubble-doc{color:#374151;background:#f3f4f6;padding:8px 10px;font-size:11px}.pm-bubble-body{color:#111;word-break:break-word;padding:8px 10px 4px;font-size:11px;line-height:1.55}.pm-bubble-time{text-align:right;color:#9ca3af;padding:0 8px 6px;font-size:9px}.pm-bubble-btns{border-top:.5px solid #e5e7eb}.pm-bubble-btn{text-align:center;color:#128c7e;cursor:default;border-top:.5px solid #e5e7eb;justify-content:center;align-items:center;gap:5px;padding:7px 10px;font-size:11px;font-weight:500;display:flex}.pm-bubble-btn:first-child{border-top:none}.pm-btn-icon{font-size:11px}.pm-loading{color:#6b7280;flex-direction:column;align-items:center;gap:10px;padding:2.5rem;font-size:13px;display:flex}.pm-spinner{border:2px solid #e5e7eb;border-top-color:#7c3aed;border-radius:50%;width:22px;height:22px;animation:.7s linear infinite pm-spin}@keyframes pm-spin{to{transform:rotate(360deg)}}.pm-error{text-align:center;color:#6b7280;padding:2rem;font-size:13px}.ca-wrap{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ca-btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:6px;align-items:center;gap:5px;padding:5px 11px;font-size:12px;font-weight:500;line-height:1;transition:background .15s,border-color .15s,color .15s,opacity .15s;display:inline-flex}.ca-btn:disabled{opacity:.55;cursor:not-allowed}.ca-btn-add-recipients{color:#fff;background:#7c3aed;border-color:#7c3aed}.ca-btn-add-recipients:hover:not(:disabled){background:#6d28d9;border-color:#6d28d9}.ca-btn-recipients{color:#0369a1;background:#f0f9ff;border-color:#bae6fd}.ca-btn-recipients:hover:not(:disabled){background:#e0f2fe;border-color:#7dd3fc}.ca-btn-count{color:#7c3aed;background:#f5f3ff;border-color:#ddd6fe}.ca-btn-count:hover:not(:disabled){background:#ede9fe;border-color:#c4b5fd}.ca-btn-launch{color:#fff;background:#2455d4;border-color:#2455d4}.ca-btn-launch:hover:not(:disabled){background:#1d44b0;border-color:#1d44b0}.ca-btn-pause{color:#b45309;background:#fffbeb;border-color:#fde68a}.ca-btn-pause:hover:not(:disabled){background:#fef3c7;border-color:#fcd34d}.ca-btn-edit{color:#374151;background:#f9fafb;border-color:#e5e7eb}.ca-btn-edit:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.ca-btn-reschedule{color:#7c3aed;background:#faf5ff;border-color:#e9d5ff}.ca-btn-reschedule:hover:not(:disabled){background:#f3e8ff;border-color:#d8b4fe}.ca-btn-delete{color:#dc2626;background:#fff5f5;border-color:#fecaca}.ca-btn-delete:hover:not(:disabled){background:#fee2e2;border-color:#f87171}.ca-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:11px;height:11px;animation:.6s linear infinite ca-spin}@keyframes ca-spin{to{transform:rotate(360deg)}}.cm-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a8c;justify-content:center;align-items:center;animation:.18s cm-fade-in;display:flex;position:fixed;inset:0}@keyframes cm-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cm-slide-up{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.cm-delete-card{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:380px;padding:36px 32px 28px;animation:.22s cubic-bezier(.34,1.56,.64,1) cm-slide-up;box-shadow:0 20px 60px #0000002e}.cm-delete-icon{margin-bottom:12px;font-size:40px}.cm-delete-title{color:#111827;margin:0 0 10px;font-size:18px;font-weight:700}.cm-delete-body{color:#6b7280;margin:0 0 24px;font-size:14px;line-height:1.6}.cm-delete-body strong{color:#111827}.cm-delete-actions{justify-content:center;gap:10px;display:flex}.cm-card{background:#fff;border-radius:16px;width:100%;max-width:420px;animation:.22s cubic-bezier(.34,1.56,.64,1) cm-slide-up;overflow:hidden;box-shadow:0 20px 60px #0000002e}.cm-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.cm-title{color:#111827;margin:0;font-size:16px;font-weight:700}.cm-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 6px;font-size:16px;transition:background .15s,color .15s}.cm-close:hover{color:#374151;background:#f3f4f6}.cm-body{flex-direction:column;gap:14px;padding:20px 24px;display:flex}.cm-field{flex-direction:column;gap:6px;display:flex}.cm-label{color:#374151;font-size:13px;font-weight:600}.cm-input{color:#111827;box-sizing:border-box;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-size:14px;transition:border-color .15s,background .15s}.cm-input:focus{background:#fff;border-color:#6366f1}.cm-footer{border-top:1px solid #f3f4f6;gap:10px;padding:16px 24px 20px;display:flex}.cm-btn-cancel{color:#374151;cursor:pointer;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:8px;flex:1;padding:10px 0;font-size:14px;font-weight:500;transition:background .15s,border-color .15s}.cm-btn-cancel:hover{background:#f3f4f6;border-color:#d1d5db}.cm-btn-delete{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;flex:1;padding:10px 0;font-size:14px;font-weight:600;transition:background .15s,transform .1s}.cm-btn-delete:hover{background:#dc2626;transform:translateY(-1px)}.cm-btn-delete:active{transform:translateY(0)}.cm-btn-confirm{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;flex:1;padding:10px 0;font-size:14px;font-weight:600;transition:background .15s,transform .1s}.cm-btn-confirm:hover{background:#4f46e5;transform:translateY(-1px)}.cm-btn-confirm:active{transform:translateY(0)}.arm-overlay{z-index:1200;background:#00000073;justify-content:center;align-items:center;animation:.15s arm-fade-in;display:flex;position:fixed;inset:0}@keyframes arm-fade-in{0%{opacity:0}to{opacity:1}}.arm-modal{background:#fff;border-radius:14px;width:490px;max-width:95vw;padding:28px 28px 24px;animation:.18s arm-slide-up;box-shadow:0 24px 64px #0000002e}@keyframes arm-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.arm-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.arm-header-left{align-items:center;gap:12px;display:flex}.arm-icon{color:#7c3aed;background:#ede9fe;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.arm-title{color:#111827;margin:0;font-size:16px;font-weight:700;line-height:1.2}.arm-subtitle{color:#6b7280;margin:2px 0 0;font-size:12px}.arm-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:16px;line-height:1;transition:background .15s,color .15s}.arm-close:hover:not(:disabled){color:#374151;background:#f3f4f6}.arm-close:disabled{opacity:.4;cursor:not-allowed}.arm-hint{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;align-items:flex-start;gap:8px;margin-bottom:18px;padding:10px 13px;font-size:13px;line-height:1.5;display:flex}.arm-hint code{background:#e0f2fe;border-radius:4px;padding:1px 5px;font-family:monospace;font-size:12px}.arm-dropzone{cursor:pointer;background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;justify-content:center;align-items:center;min-height:130px;margin-bottom:14px;transition:border-color .18s,background .18s;display:flex}.arm-dropzone:hover{background:#faf5ff;border-color:#7c3aed}.arm-dropzone.dragging{background:#f5f3ff;border-color:#7c3aed}.arm-dropzone.has-file{cursor:default;background:#f0fdf4;border-color:#10b981;min-height:68px}.arm-dz-placeholder{flex-direction:column;align-items:center;gap:8px;padding:16px;display:flex}.arm-dz-icon{color:#9ca3af;display:flex}.arm-dz-label{color:#374151;margin:0;font-size:14px}.arm-dz-link{color:#7c3aed;cursor:pointer;font-weight:500;text-decoration:underline}.arm-dz-link:hover{color:#6d28d9}.arm-dz-sub{color:#9ca3af;margin:0;font-size:12px}.arm-file-row{align-items:center;gap:12px;width:100%;padding:0 16px;display:flex}.arm-file-icon{color:#10b981;flex-shrink:0;display:flex}.arm-file-info{flex-direction:column;flex:1;min-width:0;display:flex}.arm-file-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.arm-file-size{color:#6b7280;margin-top:2px;font-size:12px}.arm-file-remove{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:4px 6px;font-size:14px;transition:background .15s}.arm-file-remove:hover:not(:disabled){background:#fee2e2}.arm-file-remove:disabled{opacity:.4;cursor:not-allowed}.arm-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:7px;margin-bottom:14px;padding:9px 13px;font-size:13px;display:flex}.arm-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.arm-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:7px;padding:9px 18px;font-size:14px;font-weight:600;transition:background .18s,opacity .18s;display:flex}.arm-btn:disabled{opacity:.5;cursor:not-allowed}.arm-btn-cancel{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb}.arm-btn-cancel:hover:not(:disabled){background:#e5e7eb}.arm-btn-upload{color:#fff;background:#7c3aed}.arm-btn-upload:hover:not(:disabled){background:#6d28d9}.arm-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:13px;height:13px;animation:.6s linear infinite arm-spin}@keyframes arm-spin{to{transform:rotate(360deg)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f5f7;--surface:#fff;--surface-2:#f9f9fb;--surface-3:#f0f1f5;--border:#e8e9ee;--border-2:#d8dae3;--text-1:#0d0e14;--text-2:#5a5c6e;--text-3:#9395a5;--accent:#4361ee;--accent-dark:#3451d1;--accent-bg:#eef0fd;--success:#059669;--success-bg:#ecfdf5;--success-bdr:#a7f3d0;--danger:#dc2626;--danger-bg:#fef2f2;--danger-bdr:#fecaca;--wa-green:#e7ffd6;--wa-border:#d0f0b8;--wa-gray:#667781;--wa-tick:#53bdeb;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--font:"Plus Jakarta Sans", sans-serif;--mono:"JetBrains Mono", monospace;--shadow-sm:0 1px 2px #0000000d, 0 1px 4px #0000000a;--shadow-md:0 3px 10px #00000012, 0 1px 3px #0000000d;--t:.16s ease}.cc-layout{height:100vh;font-family:var(--font);background:var(--bg);color:var(--text-1);display:flex;overflow:hidden}.cc-left{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.cc-left::-webkit-scrollbar{display:none}.cc-topbar{border-bottom:1px solid var(--border);background:var(--surface);z-index:10;justify-content:space-between;align-items:center;padding:16px 28px;display:flex;position:sticky;top:0}.cc-header{padding:24px 28px 0}.cc-header h2{color:var(--text-1);letter-spacing:-.4px;font-size:20px;font-weight:700}.cc-subtitle{color:var(--text-3);margin-top:3px;font-size:13px}.cc-form{flex-direction:column;flex:1;gap:16px;padding:20px 28px 32px;display:flex;overflow-y:auto}.cc-form::-webkit-scrollbar{width:3px}.cc-form::-webkit-scrollbar-track{background:0 0}.cc-form::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:99px}.cc-field{flex-direction:column;gap:6px;display:flex}.cc-field-sm{gap:5px}.cc-field-half{flex:1;min-width:0}.cc-label{color:var(--text-2);letter-spacing:.1px;font-size:12.5px;font-weight:600}.cc-required{color:var(--accent);margin-left:2px;font-weight:700}.cc-input{border:1.5px solid var(--border);border-radius:var(--radius-md);width:100%;font-size:13.5px;font-family:var(--font);color:var(--text-1);background:var(--surface);transition:border-color var(--t), box-shadow var(--t);outline:none;padding:9px 13px}.cc-input::placeholder{color:var(--text-3)}.cc-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4361ee1a}.cc-select-wrap{position:relative}.cc-select-wrap:after{content:"";border-left:4px solid #0000;border-right:4px solid #0000;border-top:5px solid var(--text-3);pointer-events:none;width:0;height:0;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.cc-select{border:1.5px solid var(--border);border-radius:var(--radius-md);width:100%;font-size:13.5px;font-family:var(--font);color:var(--text-1);background:var(--surface);appearance:none;cursor:pointer;transition:border-color var(--t), box-shadow var(--t);outline:none;padding:9px 36px 9px 13px}.cc-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4361ee1a}.cc-select:disabled{opacity:.5;cursor:not-allowed}.cc-preview{background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px}.cc-preview-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.6px;align-items:center;gap:6px;margin-bottom:12px;font-size:11px;font-weight:600;display:flex}.cc-whatsapp-bubble{background:var(--wa-green);border:1px solid var(--wa-border);max-width:320px;box-shadow:var(--shadow-sm);border-radius:12px 12px 12px 2px;padding:10px 13px 8px;position:relative}.cc-bubble-img-placeholder{color:var(--wa-gray);background:#0000000f;border-radius:8px;align-items:center;gap:8px;margin-bottom:9px;padding:14px;font-size:12px;display:flex}.cc-bubble-header{color:#111;margin-bottom:5px;font-size:13.5px;font-weight:700;line-height:1.4}.cc-bubble-body{color:#111;white-space:pre-wrap;word-break:break-word;font-size:13.5px;line-height:1.6}.cc-bubble-footer{color:var(--wa-gray);margin-top:5px;font-size:11.5px;line-height:1.4}.cc-bubble-btn{border-top:1px solid var(--wa-border);color:#009de2;text-align:center;margin-top:7px;padding-top:7px;font-size:13px;font-weight:500}.cc-bubble-time{color:var(--wa-gray);justify-content:flex-end;align-items:center;gap:4px;margin-top:5px;font-size:10.5px;display:flex}.cc-params-section{background:var(--accent-bg);border-radius:var(--radius-lg);border:1.5px solid #4361ee26;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.cc-params-label{color:var(--accent);text-transform:uppercase;letter-spacing:.6px;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.cc-schedule{background:var(--surface-3);border:1.5px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:14px;padding:14px 16px;display:flex}.cc-schedule-toggle{cursor:pointer;color:var(--text-1);-webkit-user-select:none;user-select:none;align-items:center;gap:12px;font-size:13.5px;font-weight:500;display:flex}.cc-toggle{background:var(--border-2);cursor:pointer;width:36px;height:20px;transition:background var(--t);border-radius:99px;flex-shrink:0;position:relative}.cc-toggle-on{background:var(--accent)}.cc-toggle-thumb{width:14px;height:14px;box-shadow:var(--shadow-sm);transition:transform var(--t);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.cc-toggle-on .cc-toggle-thumb{transform:translate(16px)}.cc-schedule-fields{gap:12px;display:flex}.cc-btn-ghost{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-size:12.5px;font-family:var(--font);color:var(--text-2);transition:all var(--t);background:0 0;align-items:center;gap:6px;padding:7px 14px;font-weight:500;display:inline-flex}.cc-btn-ghost:hover{background:var(--surface-3);color:var(--text-1);border-color:var(--border-2)}.cc-btn-danger-ghost:hover{color:var(--danger);border-color:var(--danger-bdr);background:var(--danger-bg)}.cc-btn-sm{padding:5px 11px;font-size:12px}.cc-btn-primary{background:var(--accent);color:#fff;font-size:14px;font-weight:600;font-family:var(--font);border-radius:var(--radius-md);cursor:pointer;transition:background var(--t), transform var(--t), box-shadow var(--t);letter-spacing:-.1px;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 20px;display:inline-flex;box-shadow:0 2px 10px #4361ee4d}.cc-btn-primary:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 4px 16px #4361ee66}.cc-btn-primary:active{transform:translateY(0)}.cc-btn-primary:disabled{opacity:.65;cursor:not-allowed;transform:none}.cc-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite cc-spin}@keyframes cc-spin{to{transform:rotate(360deg)}}.cc-right{background:var(--bg);flex-direction:column;flex:1;min-width:0;padding:0;display:flex;overflow:hidden}.cc-right-header{justify-content:space-between;align-items:flex-start;padding:28px 28px 0;display:flex}.cc-right-header h3{color:var(--text-1);letter-spacing:-.3px;font-size:18px;font-weight:700}.cc-textarea{border:1.5px solid var(--border);border-radius:var(--radius-lg);font-size:13px;font-family:var(--mono);color:var(--text-1);background:var(--surface);resize:none;transition:border-color var(--t), box-shadow var(--t);outline:none;flex:1;margin:14px 28px 0;padding:14px 16px;line-height:1.8}.cc-textarea::placeholder{color:var(--text-3);font-family:var(--mono);line-height:1.8}.cc-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4361ee1a}.cc-recipients-footer{justify-content:space-between;align-items:center;margin:10px 28px 0;display:flex}.cc-count-pill{color:var(--text-3);font-size:12px;font-weight:500}.cc-btn-validate{background:var(--success);color:#fff;font-size:13px;font-weight:600;font-family:var(--font);border-radius:var(--radius-md);cursor:pointer;transition:background var(--t), box-shadow var(--t), transform var(--t);border:none;align-items:center;gap:6px;padding:8px 18px;display:inline-flex;box-shadow:0 2px 8px #05966940}.cc-btn-validate:hover{background:#047857;transform:translateY(-1px);box-shadow:0 4px 12px #05966959}.cc-validation{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);margin:12px 28px 0;overflow:hidden}.cc-val-row{justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.cc-val-divider{background:var(--border);height:1px}.cc-val-label{color:var(--text-2);align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.cc-val-num{color:var(--text-1);font-size:15px;font-weight:700;font-family:var(--mono)}.cc-val-valid{color:var(--success)!important}.cc-val-invalid{color:var(--danger)!important}.cc-hint{color:var(--text-3);align-items:flex-start;gap:7px;margin:12px 28px 0;font-size:12px;line-height:1.5;display:flex}.cc-hint svg{flex-shrink:0;margin-top:1px}.cc-hint code{font-family:var(--mono);background:var(--surface-3);color:var(--text-2);border-radius:4px;padding:1px 5px;font-size:11.5px}.cc-bubble-img{-o-object-fit:cover;object-fit:cover;border-radius:8px;width:100%;max-width:240px;margin-bottom:6px}.cc-textarea-wrapper{background:#fff;border:1px solid #d1d9e0;border-radius:8px;height:350px;position:relative;overflow:hidden}.cc-textarea-input,.cc-textarea-highlight{white-space:pre-wrap;word-wrap:break-word;box-sizing:border-box;width:100%;height:100%;padding:12px;font-family:Courier New,Courier,monospace;font-size:14px;line-height:20px;position:absolute;top:0;left:0}.cc-textarea-input{color:#333;z-index:2;resize:none;background:0 0;border:none;outline:none}.cc-textarea-highlight{z-index:1;color:#0000;pointer-events:none;overflow-y:hidden}.line-invalid{background-color:#f003;border-bottom:2px solid #ff4d4f}.cc-add-later-label{color:#57606a;cursor:pointer;align-items:center;gap:8px;margin-top:5px;font-size:13px;display:flex}.cc-disabled{opacity:.5;pointer-events:none;background-color:#f6f8fa}.cc-val-row{justify-content:space-between;margin-bottom:8px;font-size:13px;display:flex}.cc-val-valid{color:#28a745;font-weight:700}.cc-val-invalid{color:#dc3545;font-weight:700}.cc-btn-remove-invalid{width:100%;margin-top:10px;color:#cf1322!important;background:#fff1f0!important;border:1px solid #ffa39e!important}.cc-media-input-row{align-items:center;gap:8px;display:flex}.cc-media-input-row .cc-input{flex:1}.cc-media-pick-btn{background:var(--accent-bg);border-radius:var(--radius-md);font-size:13px;font-weight:600;font-family:var(--font);color:var(--accent);cursor:pointer;white-space:nowrap;transition:all var(--t);border:1.5px solid #4361ee40;align-items:center;gap:6px;padding:9px 14px;display:inline-flex}.cc-media-pick-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.cc-media-selected-preview{background:var(--success-bg);border:1.5px solid var(--success-bdr);border-radius:var(--radius-md);align-items:center;gap:12px;margin-top:8px;padding:10px 12px;display:flex}.cc-media-thumb{-o-object-fit:cover;object-fit:cover;border:1px solid var(--border);border-radius:6px;flex-shrink:0;width:48px;height:48px}.cc-media-selected-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.cc-media-selected-label{color:var(--success);font-size:12.5px;font-weight:600}.cc-media-clear-btn{color:var(--danger);cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font);text-align:left;background:0 0;border:none;padding:0}.cc-media-clear-btn:hover{text-decoration:underline}.mp-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.mp-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:720px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0003}.mp-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:20px 24px 16px;display:flex}.mp-modal-header h3{color:var(--text-1);letter-spacing:-.3px;margin:0 0 3px;font-size:16px;font-weight:700}.mp-modal-header p{color:var(--text-3);margin:0;font-size:12.5px}.mp-close-btn{background:var(--surface-3);width:30px;height:30px;color:var(--text-2);cursor:pointer;transition:all var(--t);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;display:flex}.mp-close-btn:hover{background:var(--danger-bg);color:var(--danger)}.mp-modal-body{flex:1;padding:20px 24px;overflow-y:auto}.mp-modal-body::-webkit-scrollbar{width:4px}.mp-modal-body::-webkit-scrollbar-track{background:0 0}.mp-modal-body::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:99px}.mp-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;display:grid}.mp-item{cursor:pointer;border:2px solid var(--border);transition:all var(--t);background:var(--surface-2);border-radius:10px;overflow:hidden}.mp-item:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 14px #4361ee2e}.mp-thumb-wrap{aspect-ratio:1;background:var(--surface-3);position:relative;overflow:hidden}.mp-thumb{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .2s;display:block}.mp-item:hover .mp-thumb{transform:scale(1.04)}.mp-select-overlay{opacity:0;transition:opacity var(--t);background:#4361ee8c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.mp-item:hover .mp-select-overlay{opacity:1}.mp-select-check{width:32px;height:32px;color:var(--accent);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.mp-filename{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;padding:7px 8px;font-size:11px;font-weight:500;overflow:hidden}.mp-loading{color:var(--text-3);justify-content:center;align-items:center;gap:10px;padding:60px 20px;font-size:14px;display:flex}.mp-spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.6s linear infinite cc-spin}.mp-empty{color:var(--text-3);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:60px 20px;display:flex}.mp-empty-icon{opacity:.4;font-size:36px}.mp-empty p{margin:0;font-size:13.5px}.mp-modal-footer{border-top:1px solid var(--border);background:var(--surface-2);justify-content:center;align-items:center;gap:16px;padding:14px 24px;display:flex}.mp-pag-btn{border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:13px;font-weight:500;font-family:var(--font);color:var(--text-2);cursor:pointer;transition:all var(--t);background:#fff;align-items:center;gap:5px;padding:7px 14px;display:inline-flex}.mp-pag-btn:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:#fff}.mp-pag-btn:disabled{opacity:.35;cursor:not-allowed}.mp-pag-page{color:var(--text-1);text-align:center;min-width:60px;font-size:13px;font-weight:600}.cs-page{background:#f7f8fc;min-height:100vh;padding:24px}.cs-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.cs-header h2{font-size:22px;font-weight:600}.cs-status{text-transform:capitalize;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:500}.cs-status.draft{color:#0369a1;background:#e0f2fe}.cs-status.scheduled{color:#92400e;background:#fef3c7}.cs-status.running{color:#166534;background:#dcfce7}.cs-status.failed{color:#991b1b;background:#fee2e2}.cs-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.cs-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px;transition:all .2s}.cs-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000d}.cs-card span{color:#6b7280;font-size:12px}.cs-card h3{margin-top:8px;font-size:22px;font-weight:600}.cs-card.highlight{color:#fff;background:linear-gradient(135deg,#f97316,#ea580c)}.cs-card.highlight span{color:#fef3c7}.cs-info{color:#374151;flex-wrap:wrap;gap:20px;margin-bottom:20px;display:flex}.cs-section{margin-top:30px}.cs-section h3{margin-bottom:12px}.cs-recipient-list{flex-direction:column;gap:10px;display:flex}.cs-recipient-item{background:#fff;border:1px solid #eee;border-radius:10px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.cs-recipient-item:hover{background:#f9fafb}.cs-avatar{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.cs-name{font-weight:500}.cs-phone{color:#6b7280;font-size:12px}.cs-badge{text-transform:capitalize;border-radius:20px;margin-left:auto;padding:4px 10px;font-size:12px}.cs-badge.sent{color:#166534;background:#dcfce7}.cs-badge.delivered{color:#1e40af;background:#dbeafe}.cs-badge.read{color:#92400e;background:#fef3c7}.cs-badge.failed{color:#991b1b;background:#fee2e2}.cs-empty{color:#9ca3af}.cs-loading{text-align:center;padding:40px}.cs-error{color:#ef4444;word-break:break-word;max-width:400px;margin-top:4px;font-size:12px}:root{--bg:#f4f3f0;--surface:#fff;--surface-2:#f9f8f5;--border:#e8e5de;--border-2:#d4cfca;--text-1:#18181b;--text-2:#57534e;--text-3:#a8a29e;--accent:#1c1917;--accent-2:#292524;--indigo:#6366f1;--indigo-soft:#eef2ff;--green:#16a34a;--green-soft:#f0fdf4;--blue:#2563eb;--blue-soft:#eff6ff;--cyan:#0891b2;--cyan-soft:#ecfeff;--red:#dc2626;--red-soft:#fef2f2;--amber:#d97706;--amber-soft:#fffbeb;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:22px;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000012, 0 2px 4px #0000000a;--shadow-lg:0 12px 32px #00000014, 0 4px 12px #0000000a;--font:"DM Sans", system-ui, sans-serif;--font-mono:"DM Mono", "Fira Code", monospace}.cr-page{background:var(--bg);min-height:100vh;font-family:var(--font);color:var(--text-1);-webkit-font-smoothing:antialiased;padding:36px 40px}.cr-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.cr-header-left{align-items:flex-start;gap:20px;display:flex}.cr-back-btn{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);height:40px;color:var(--text-2);font-family:var(--font);cursor:pointer;box-shadow:var(--shadow-sm);white-space:nowrap;align-items:center;gap:7px;padding:0 16px;font-size:13px;font-weight:500;transition:color .15s,border-color .15s,box-shadow .15s;display:inline-flex}.cr-back-btn:hover{color:var(--text-1);border-color:var(--border-2);box-shadow:var(--shadow-md)}.cr-header-text{padding-top:1px}.cr-header-text h2{letter-spacing:-.03em;color:var(--text-1);margin:0 0 5px;font-size:26px;font-weight:600;line-height:1}.cr-header-text p{color:var(--text-3);margin:0;font-size:13.5px;font-weight:400;line-height:1.5}.cr-header-actions{align-items:center;gap:10px;padding-top:3px;display:flex}.cr-add-btn{border-radius:var(--radius-md);background:var(--accent);color:#fafaf9;height:42px;font-family:var(--font);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:8px;padding:0 20px;font-size:13.5px;font-weight:500;transition:background .18s,transform .15s,box-shadow .18s;display:inline-flex;box-shadow:0 2px 8px #1c19172e,0 1px 3px #1c19171f}.cr-add-btn:hover{background:var(--accent-2);transform:translateY(-1px);box-shadow:0 6px 16px #1c191738,0 2px 6px #1c191724}.cr-add-btn:active{transform:translateY(0)}.cr-add-btn svg{opacity:.9;flex-shrink:0}.cr-toolbar{align-items:center;gap:12px;margin-bottom:16px;display:flex}.cr-search-wrap{flex:1;max-width:360px;position:relative}.cr-search-icon{color:var(--text-3);pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.cr-search{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;height:42px;font-family:var(--font);color:var(--text-1);box-shadow:var(--shadow-sm);outline:none;padding:0 38px;font-size:13.5px;transition:border-color .18s,box-shadow .18s}.cr-search::placeholder{color:var(--text-3)}.cr-search:focus{border-color:var(--indigo);box-shadow:0 0 0 3px #6366f11f, var(--shadow-sm)}.cr-search-clear{color:var(--text-3);cursor:pointer;background:0 0;border:none;padding:3px;font-size:17px;line-height:1;transition:color .15s;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.cr-search-clear:hover{color:var(--text-1)}.cr-status-dropdown{position:relative}.cr-status-trigger{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);min-width:152px;height:42px;font-family:var(--font);color:var(--text-2);cursor:pointer;box-shadow:var(--shadow-sm);align-items:center;gap:9px;padding:0 14px;font-size:13.5px;font-weight:500;transition:border-color .18s,box-shadow .18s;display:flex}.cr-status-trigger:hover,.cr-status-trigger.open{border-color:var(--border-2);box-shadow:var(--shadow-md)}.cr-status-trigger.has-value{color:var(--text-1)}.cr-status-trigger-label{text-align:left;flex:1}.cr-chevron{color:var(--text-3);transition:transform .2s}.cr-status-trigger.open .cr-chevron{transform:rotate(180deg)}.cr-status-dot-sm{border-radius:50%;flex-shrink:0;width:7px;height:7px}.cr-status-menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:182px;box-shadow:var(--shadow-lg);z-index:100;padding:6px;position:absolute;top:calc(100% + 6px);left:0}.cr-status-option{width:100%;height:38px;font-family:var(--font);color:var(--text-2);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:9px;padding:0 10px;font-size:13.5px;font-weight:400;transition:background .12s,color .12s;display:flex}.cr-status-option:hover{background:var(--surface-2);color:var(--text-1)}.cr-status-option.active{background:var(--indigo-soft);color:var(--indigo);font-weight:500}.cr-check{flex-shrink:0;margin-left:auto}.cr-active-filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;display:flex}.cr-filter-chip{background:var(--surface);border:1px solid var(--border);height:30px;color:var(--text-2);box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:7px;padding:0 10px 0 12px;font-size:12.5px;display:inline-flex}.cr-filter-chip strong{color:var(--text-1);font-weight:500}.cr-filter-chip button{color:var(--text-3);cursor:pointer;background:0 0;border:none;padding:0 0 0 2px;font-size:15px;line-height:1;transition:color .15s}.cr-filter-chip button:hover{color:var(--text-1)}.cr-clear-all{font-family:var(--font);color:var(--text-3);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:12.5px;font-weight:500;transition:color .15s}.cr-clear-all:hover{color:var(--red)}.cr-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.cr-table{border-collapse:collapse;width:100%}.cr-table thead{background:var(--surface-2);border-bottom:1px solid var(--border)}.cr-table th{text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);text-align:left;padding:12px 20px;font-size:11px;font-weight:600}.cr-table td{color:var(--text-2);border-bottom:1px solid var(--border);vertical-align:middle;padding:15px 20px;font-size:13.5px}.cr-table tbody tr:last-child td{border-bottom:none}.cr-table tbody tr{transition:background .12s}.cr-table tbody tr:hover{background:var(--surface-2)}.cr-cell-name{align-items:center;gap:11px;display:flex}.cr-avatar{border-radius:var(--radius-sm);background:var(--accent);color:#ffffffe6;letter-spacing:.02em;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:11.5px;font-weight:600;display:flex}.cr-name-text{color:var(--text-1);letter-spacing:-.01em;font-size:13.5px;font-weight:500}.cr-phone{font-family:var(--font-mono);color:var(--text-2);background:var(--surface-2);border-radius:var(--radius-sm);border:1px solid var(--border);letter-spacing:.01em;padding:4px 9px;font-size:12.5px;font-weight:400}.cr-status{text-transform:capitalize;letter-spacing:.01em;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.cr-status:before{content:"";border-radius:50%;flex-shrink:0;width:6px;height:6px}.cr-status.sent{background:var(--green-soft);color:var(--green)}.cr-status.sent:before{background:var(--green)}.cr-status.delivered{background:var(--blue-soft);color:var(--blue)}.cr-status.delivered:before{background:var(--blue)}.cr-status.read{background:var(--cyan-soft);color:var(--cyan)}.cr-status.read:before{background:var(--cyan)}.cr-status.failed{background:var(--red-soft);color:var(--red)}.cr-status.failed:before{background:var(--red)}.cr-status.pending{background:var(--amber-soft);color:var(--amber)}.cr-status.pending:before{background:var(--amber)}.cr-error-text{border-radius:var(--radius-sm);background:var(--red-soft);color:var(--red);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;max-width:240px;padding:4px 9px;font-size:12px;font-weight:400;display:inline-flex;overflow:hidden}.cr-error-dash{color:var(--text-3);font-size:14px}.cr-empty-state,.cr-loading{color:var(--text-3);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:100px 20px;font-size:14px;display:flex}.cr-empty-icon{opacity:.4;font-size:44px;line-height:1}.cr-empty-sub{color:var(--text-3);font-size:13px}.cr-spinner{border:2px solid var(--border-2);border-top-color:var(--indigo);border-radius:50%;width:20px;height:20px;animation:.65s linear infinite cr-spin}@keyframes cr-spin{to{transform:rotate(360deg)}}.cr-pagination{background:var(--surface-2);border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 22px;display:flex}.cr-pagination-info{color:var(--text-3);font-size:13px;font-weight:400}.cr-pagination-info strong{color:var(--text-1);font-weight:500}.cr-pagination-btns{align-items:center;gap:4px;display:flex}.cr-page-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--text-2);font-family:var(--font);cursor:pointer;justify-content:center;align-items:center;font-size:14px;font-weight:500;transition:background .15s,color .15s,border-color .15s,transform .12s;display:flex}.cr-page-btn:hover:not(:disabled){background:var(--accent);color:#fafaf9;border-color:var(--accent);transform:translateY(-1px)}.cr-page-btn:disabled{opacity:.3;cursor:not-allowed}.cr-page-current{color:var(--text-3);white-space:nowrap;padding:0 12px;font-size:13px}.cr-page-current strong{color:var(--text-1);font-weight:500}@media (width<=768px){.cr-page{padding:20px 18px}.cr-header{flex-direction:column;align-items:stretch}.cr-header-left{flex-direction:column;gap:14px}.cr-add-btn{justify-content:center;width:100%}.cr-toolbar{flex-direction:column;align-items:stretch}.cr-search-wrap{max-width:100%}.cr-status-trigger{justify-content:space-between;width:100%}.cr-table-wrap{overflow-x:auto}.cr-pagination{flex-direction:column;align-items:flex-start;gap:12px}}:root{--mg-bg:#f7f8fa;--mg-surface:#fff;--mg-surface-2:#f2f4f8;--mg-border:#e4e7ef;--mg-border-2:#cdd2e0;--mg-text-1:#0d1117;--mg-text-2:#4b5368;--mg-text-3:#8f96aa;--mg-accent:#2455d4;--mg-accent-soft:#eef2fc;--mg-accent-mid:#c0cefc;--mg-accent-dark:#1d47b8;--mg-danger:#a01e1e;--mg-danger-soft:#fef2f2;--mg-danger-mid:#f5b8b8;--mg-success:#0c6b40;--mg-success-soft:#edfaf4;--mg-success-mid:#9de8c4;--mg-radius-sm:6px;--mg-radius:10px;--mg-radius-lg:13px;--mg-radius-xl:16px;--mg-font:"DM Sans", sans-serif;--mg-mono:"DM Mono", monospace;--mg-shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--mg-shadow:0 4px 20px #00000014, 0 1px 6px #0000000a}*,:before,:after{box-sizing:border-box}.mg-page{font-family:var(--mg-font);background:var(--mg-bg);min-height:100vh;color:var(--mg-text-1);padding:36px 40px}.mg-header{border-bottom:1px solid var(--mg-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;padding-bottom:20px;display:flex}.mg-header-left{align-items:center;gap:10px;display:flex}.mg-title{color:var(--mg-text-1);letter-spacing:-.3px;margin:0;font-size:21px;font-weight:600}.mg-count{color:var(--mg-accent);background:var(--mg-accent-soft);border:1px solid var(--mg-accent-mid);border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600}.mg-upload-btn{background:var(--mg-accent);color:#fff;border-radius:var(--mg-radius);font-family:var(--mg-font);cursor:pointer;white-space:nowrap;letter-spacing:-.1px;border:none;align-items:center;gap:7px;padding:8.5px 16px;font-size:13.5px;font-weight:600;transition:background .15s,transform .12s,box-shadow .15s;display:inline-flex;box-shadow:0 2px 10px #2455d442}.mg-upload-btn:hover{background:var(--mg-accent-dark);transform:translateY(-1px);box-shadow:0 5px 16px #2455d44d}.mg-upload-btn:active{transform:translateY(0)}.mg-upload-btn--sm{box-shadow:none;padding:7px 14px;font-size:13px}.mg-filters{flex-wrap:wrap;gap:6px;margin-bottom:22px;display:flex}.mg-filter-btn{font-family:var(--mg-font);border:1px solid var(--mg-border);background:var(--mg-surface);color:var(--mg-text-2);cursor:pointer;white-space:nowrap;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .13s}.mg-filter-btn:hover:not(.active){background:var(--mg-surface-2);border-color:var(--mg-border-2)}.mg-filter-btn.active{background:var(--mg-accent);border-color:var(--mg-accent);color:#fff;font-weight:600}.mg-loading{color:var(--mg-text-3);justify-content:center;align-items:center;gap:12px;padding:80px 20px;font-size:13.5px;display:flex}.mg-spinner{border:2px solid var(--mg-border);border-top-color:var(--mg-accent);border-radius:50%;width:20px;height:20px;animation:.65s linear infinite mg-spin}@keyframes mg-spin{to{transform:rotate(360deg)}}.mg-empty{color:var(--mg-text-3);text-align:center;background:var(--mg-surface);border:1px solid var(--mg-border);border-radius:var(--mg-radius-xl);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px 20px;display:flex}.mg-empty p{color:var(--mg-text-2);margin:0;font-size:14px}.mg-grid{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:14px;display:grid}.mg-card{background:var(--mg-surface);border:1px solid var(--mg-border);border-radius:var(--mg-radius-lg);box-shadow:var(--mg-shadow-sm);transition:transform .15s,box-shadow .15s,border-color .15s;overflow:hidden}.mg-card:hover{border-color:var(--mg-border-2);transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.mg-card--selectable{cursor:pointer}.mg-card--selectable:hover .mg-select-overlay{opacity:1}.mg-thumb-wrap{aspect-ratio:4/3;background:var(--mg-surface-2);width:100%;position:relative;overflow:hidden}.mg-thumb{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .2s;display:block}.mg-card:hover .mg-thumb{transform:scale(1.03)}.mg-file-icon{justify-content:center;align-items:center;width:100%;height:100%;font-size:32px;display:flex}.mg-select-overlay{opacity:0;background:#2455d480;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.mg-select-check{color:#fff;font-size:28px;font-weight:700}.mg-card-body{padding:10px 12px 6px}.mg-name{color:var(--mg-text-1);white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:12.5px;font-weight:500;overflow:hidden}.mg-meta{color:var(--mg-text-3);font-size:11.5px;font-family:var(--mg-mono);margin:0}.mg-actions{border-top:1px solid #f0f2f8;gap:6px;padding:8px 10px 10px;display:flex}.mg-action-btn{font-family:var(--mg-font);border-radius:var(--mg-radius-sm);border:1px solid var(--mg-border);background:var(--mg-surface);color:var(--mg-text-2);cursor:pointer;white-space:nowrap;flex:1;justify-content:center;align-items:center;gap:5px;padding:5px 0;font-size:11.5px;font-weight:600;transition:all .12s;display:inline-flex}.mg-action-btn:hover{background:var(--mg-surface-2);border-color:var(--mg-border-2);color:var(--mg-text-1)}.mg-action-btn--danger{color:var(--mg-danger);border-color:var(--mg-danger-mid);background:var(--mg-danger-soft)}.mg-action-btn--danger:hover{background:#fde8e8;border-color:#f5b8b8}.mg-footer{border-top:1px solid var(--mg-border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-top:24px;padding-top:20px;display:flex}.mg-pag{align-items:center;gap:10px;display:flex}.mg-pag-btn{font-family:var(--mg-font);border-radius:var(--mg-radius);border:1px solid var(--mg-border);background:var(--mg-surface);color:var(--mg-text-2);cursor:pointer;box-shadow:var(--mg-shadow-sm);align-items:center;gap:5px;padding:7px 14px;font-size:13px;font-weight:500;transition:all .12s;display:inline-flex}.mg-pag-btn:hover:not(:disabled){background:var(--mg-surface-2);border-color:var(--mg-border-2);color:var(--mg-text-1)}.mg-pag-btn:disabled{opacity:.35;cursor:not-allowed}.mg-pag-page{color:var(--mg-text-3);font-variant-numeric:tabular-nums;font-size:12.5px}.mg-storage{flex:1;min-width:220px;max-width:280px}.mg-storage-label{color:var(--mg-text-2);justify-content:space-between;align-items:center;margin-bottom:7px;font-size:12px;font-weight:600;display:flex}.mg-storage-nums{font-family:var(--mg-mono);color:var(--mg-text-3);font-size:11.5px;font-weight:400}.mg-storage-sep{color:var(--mg-border-2);margin:0 3px}.mg-storage-track{background:var(--mg-surface-2);border:1px solid var(--mg-border);border-radius:10px;height:6px;overflow:hidden}.mg-storage-fill{background:var(--mg-accent);border-radius:10px;height:100%;transition:width .5s}.mg-storage-fill--danger{background:#dc2626}.mg-storage-pct{color:var(--mg-text-3);text-align:right;margin-top:5px;font-size:11px}.um-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background:#0d111780;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.um-modal{background:var(--mg-surface);border:1px solid var(--mg-border);border-radius:var(--mg-radius-xl);width:100%;max-width:440px;animation:.2s cubic-bezier(.16,1,.3,1) um-in;overflow:hidden;box-shadow:0 20px 60px #0000002e}@keyframes um-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.um-header{border-bottom:1px solid var(--mg-border);justify-content:space-between;align-items:flex-start;padding:20px 22px 16px;display:flex}.um-title{color:var(--mg-text-1);letter-spacing:-.2px;margin:0 0 3px;font-size:16px;font-weight:600}.um-subtitle{color:var(--mg-text-3);margin:0;font-size:12.5px}.um-close{color:var(--mg-text-3);cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;transition:color .15s;display:flex}.um-close:hover{color:var(--mg-text-1)}.um-drop{border:1.5px dashed var(--mg-border-2);border-radius:var(--mg-radius-lg);background:var(--mg-surface-2);cursor:pointer;justify-content:center;align-items:center;min-height:130px;margin:18px 22px 0;transition:border-color .15s,background .15s;display:flex;position:relative;overflow:hidden}.um-drop:hover,.um-drop--over{border-color:var(--mg-accent);background:var(--mg-accent-soft)}.um-drop--has-file{background:var(--mg-surface);border-style:solid;border-color:var(--mg-border);cursor:default}.um-input{display:none}.um-drop-prompt{text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:8px;padding:28px 20px;display:flex}.um-drop-icon{background:var(--mg-surface);border:1px solid var(--mg-border);width:48px;height:48px;color:var(--mg-text-3);border-radius:50%;justify-content:center;align-items:center;margin-bottom:2px;display:flex}.um-drop-title{color:var(--mg-text-2);margin:0;font-size:14px;font-weight:500}.um-drop-title span{color:var(--mg-accent);font-weight:600;text-decoration:underline}.um-drop-hint{color:var(--mg-text-3);margin:0;font-size:11.5px}.um-file-preview{align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex}.um-file-icon{flex-shrink:0;font-size:26px}.um-file-info{flex:1;min-width:0}.um-file-name{color:var(--mg-text-1);white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:13.5px;font-weight:500;overflow:hidden}.um-file-size{color:var(--mg-text-3);font-size:12px;font-family:var(--mg-mono);margin:0}.um-file-clear{border:1px solid var(--mg-border);cursor:pointer;width:26px;height:26px;color:var(--mg-text-3);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .12s;display:flex}.um-file-clear:hover{background:var(--mg-surface-2);color:var(--mg-text-1)}.um-error{border-radius:var(--mg-radius-sm);background:var(--mg-danger-soft);color:var(--mg-danger);border:1px solid var(--mg-danger-mid);align-items:center;gap:7px;margin:12px 22px 0;padding:9px 13px;font-size:12.5px;font-weight:500;display:flex}.um-progress-wrap{align-items:center;gap:10px;margin:14px 22px 0;display:flex}.um-progress-track{background:var(--mg-surface-2);border:1px solid var(--mg-border);border-radius:10px;flex:1;height:6px;overflow:hidden}.um-progress-fill{background:var(--mg-accent);border-radius:10px;height:100%;transition:width .2s}.um-progress-fill--done{background:#22c373}.um-progress-pct{font-size:12px;font-family:var(--mg-mono);color:var(--mg-text-2);text-align:right;min-width:30px;font-weight:500}.um-actions{border-top:1px solid var(--mg-border);justify-content:flex-end;gap:8px;margin-top:6px;padding:18px 22px;display:flex}.um-cancel-btn{font-family:var(--mg-font);border-radius:var(--mg-radius);border:1px solid var(--mg-border);background:var(--mg-surface);color:var(--mg-text-2);cursor:pointer;padding:8px 16px;font-size:13.5px;font-weight:600;transition:background .13s}.um-cancel-btn:hover:not(:disabled){background:var(--mg-surface-2)}.um-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.um-submit-btn{font-family:var(--mg-font);border-radius:var(--mg-radius);background:var(--mg-accent);color:#fff;cursor:pointer;letter-spacing:-.1px;border:none;align-items:center;gap:7px;padding:8px 18px;font-size:13.5px;font-weight:600;transition:background .15s,transform .12s;display:inline-flex;box-shadow:0 2px 10px #2455d442}.um-submit-btn:hover:not(:disabled){background:var(--mg-accent-dark);transform:translateY(-1px)}.um-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.um-btn-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:13px;height:13px;animation:.65s linear infinite mg-spin;display:inline-block}.mg-del-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a8c;justify-content:center;align-items:center;animation:.18s mg-fade-in;display:flex;position:fixed;inset:0}@keyframes mg-fade-in{0%{opacity:0}to{opacity:1}}.mg-del-card{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:380px;padding:36px 32px 28px;animation:.22s cubic-bezier(.34,1.56,.64,1) mg-slide-up;box-shadow:0 20px 60px #0000002e}@keyframes mg-slide-up{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.mg-del-icon{margin-bottom:12px;font-size:40px}.mg-del-title{color:#111827;margin:0 0 10px;font-size:18px;font-weight:700}.mg-del-body{color:#6b7280;margin:0 0 24px;font-size:14px;line-height:1.6}.mg-del-body strong{color:#111827}.mg-del-actions{justify-content:center;gap:10px;display:flex}.mg-del-cancel{color:#374151;cursor:pointer;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:8px;flex:1;padding:10px 0;font-size:14px;font-weight:500;transition:background .15s,border-color .15s}.mg-del-cancel:hover{background:#f3f4f6;border-color:#d1d5db}.mg-del-confirm{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;flex:1;padding:10px 0;font-size:14px;font-weight:600;transition:background .15s,transform .1s}.mg-del-confirm:hover{background:#dc2626;transform:translateY(-1px)}.mg-del-confirm:active{transform:translateY(0)}.mg-thumb-wrap{position:relative;overflow:hidden}.mg-video-thumb{justify-content:center;align-items:center;display:flex}.mg-doc-ext{letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:600}.mg-thumb-preview-hint{cursor:pointer;opacity:0;background:0 0;justify-content:center;align-items:center;transition:background .18s,opacity .18s;display:flex;position:absolute;inset:0}.mg-card:hover .mg-thumb-preview-hint{opacity:1;background:#00000059}.mg-preview-overlay{z-index:1000;background:#000000e0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mg-preview-close{cursor:pointer;color:#fff;z-index:1;background:#ffffff1f;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex;position:absolute;top:16px;right:16px}.mg-preview-close:hover{background:#ffffff38}.mg-preview-media-wrap{justify-content:center;align-items:center;width:100%;height:100%;padding:60px 24px 80px;display:flex}.mg-preview-img{-o-object-fit:contain;object-fit:contain;border-radius:6px;max-width:100%;max-height:calc(100vh - 160px)}.mg-preview-video{background:#000;border-radius:6px;outline:none;width:100%;max-width:100%;max-height:calc(100vh - 160px)}.mg-preview-audio-card{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;align-items:center;gap:12px;min-width:340px;max-width:480px;padding:40px 48px;display:flex}.mg-preview-audio-icon{color:#7de8b8;background:#0c6b4040;border:1px solid #0c6b4066;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.mg-preview-audio-name{color:#ffffffe6;text-align:center;word-break:break-all;margin:0;font-size:15px;font-weight:500}.mg-preview-audio-size{color:#fff6;margin:0;font-size:12px}.mg-preview-audio-player{accent-color:#7de8b8;width:100%;margin-top:8px}.mg-preview-pdf{background:#fff;border:none;border-radius:6px;width:min(860px,90vw);height:calc(100vh - 160px)}.mg-preview-text{color:#ffffffd9;white-space:pre-wrap;word-break:break-word;background:#0006;border:1px solid #ffffff1a;border-radius:8px;width:min(780px,88vw);height:calc(100vh - 160px);margin:0;padding:24px;font-family:monospace;font-size:13px;line-height:1.7;overflow:auto}.mg-preview-doc-fallback{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.mg-preview-doc-fallback-title{color:#fffc;margin:0;font-size:18px;font-weight:500}.mg-preview-doc-fallback-sub{color:#fff6;margin:0;font-size:13px;line-height:1.6}.mg-preview-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex;position:absolute;bottom:0;left:0;right:0}.mg-preview-name{color:#ffffffd9;white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;gap:8px;min-width:0;font-size:13px;display:flex;overflow:hidden}.mg-preview-type-badge{letter-spacing:.06em;border:1px solid;border-radius:4px;flex-shrink:0;padding:2px 7px;font-size:10px;font-weight:600}.mg-preview-size{color:#ffffff73}.mg-preview-actions{flex-shrink:0;gap:8px;display:flex}.mg-preview-btn{cursor:pointer;color:#fff;background:#ffffff1a;border:1px solid #ffffff38;border-radius:6px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:500;transition:background .15s;display:inline-flex}.mg-preview-btn:hover{background:#fff3}.mg-preview-btn--copied{color:#7de8b8;border-color:#64dca073}.mg-spinner--light{border-color:#ffffffb3 #ffffff26 #ffffff26}.chatbot-page{max-width:1100px;padding:28px 32px;font-family:DM Sans,sans-serif}.chatbot-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.chatbot-header h1{color:#111827;margin:0;font-size:22px;font-weight:700}.chatbot-header p{color:#6b7280;margin:4px 0 0;font-size:13px}.number-selector{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.number-selector label{color:#374151;white-space:nowrap;font-size:13px;font-weight:600}.number-selector select{color:#111827;appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 12px center no-repeat;border:1.5px solid #d1d5db;border-radius:8px;min-width:240px;padding:8px 36px 8px 12px;font-family:inherit;font-size:14px;transition:border-color .15s}.number-selector select:focus{border-color:#25d366;outline:none;box-shadow:0 0 0 3px #25d3661f}.chatbot-actions{flex-wrap:wrap;gap:10px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-family:inherit;font-size:13.5px;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.btn-primary:hover{background:#1ebe5d}.btn-primary:active{transform:scale(.97)}.btn-secondary{color:#374151;cursor:pointer;background:#f3f4f6;border:1.5px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-family:inherit;font-size:13.5px;font-weight:600;transition:background .15s;display:inline-flex}.btn-secondary:hover{color:#059669;background:#e9f5ef;border-color:#25d366}.rules-table-wrapper{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 4px #0000000d}.rules-table{border-collapse:collapse;width:100%;font-size:13.5px}.rules-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:#6b7280;background:#f9fafb;border-bottom:1.5px solid #e5e7eb;padding:11px 16px;font-size:11.5px;font-weight:600}.rules-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .1s}.rules-table tbody tr:last-child{border-bottom:none}.rules-table tbody tr:hover{background:#fafffe}.rules-table tbody td{color:#374151;vertical-align:middle;padding:13px 16px}.keyword-cell{align-items:center;gap:8px;display:flex}.keyword-badge{color:#166534;text-overflow:ellipsis;white-space:nowrap;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;max-width:180px;padding:2px 10px;font-family:JetBrains Mono,monospace;font-size:12.5px;font-weight:600;display:inline-block;overflow:hidden}.keyword-badge.fallback{color:#92400e;background:#fffbeb;border-color:#fde68a}.fallback-label{color:#b45309;background:#fef3c7;border:1px solid #fcd34d;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600}.chip{border-radius:20px;padding:2px 9px;font-size:11.5px;font-weight:600;display:inline-block}.chip.exact{color:#1d4ed8;background:#eff6ff}.chip.contains{color:#6d28d9;background:#f5f3ff}.response-type-cell{color:#374151;align-items:center;gap:6px;display:flex}.response-preview{color:#9ca3af;text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:12.5px;overflow:hidden}.toggle-switch{cursor:pointer;width:38px;height:20px;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{background:#ef4444;border:1.5px solid #dc2626;border-radius:20px;transition:background .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:13px;height:13px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #00000059}.toggle-switch input:checked+.toggle-slider{background:#25d366}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}.priority-badge{text-align:center;color:#374151;font-variant-numeric:tabular-nums;background:#f3f4f6;border-radius:6px;min-width:28px;padding:2px 8px;font-size:12.5px;font-weight:700;display:inline-block}.row-actions{gap:6px;display:flex}.btn-icon{cursor:pointer;color:#6b7280;background:#fff;border:1.5px solid #e5e7eb;border-radius:7px;justify-content:center;align-items:center;padding:5px 8px;font-size:13px;transition:all .15s;display:inline-flex}.btn-icon:hover{color:#059669;background:#f0fdf4;border-color:#25d366}.btn-icon.delete:hover{color:#dc2626;background:#fff5f5;border-color:#fca5a5}.empty-state{text-align:center;color:#9ca3af;padding:60px 24px}.empty-state svg{opacity:.35;margin-bottom:12px}.empty-state p{color:#6b7280;margin:0 0 6px;font-size:15px;font-weight:600}.empty-state span{font-size:13px}.table-loading{text-align:center;color:#9ca3af;padding:48px;font-size:13.5px}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#11182773;justify-content:center;align-items:center;padding:16px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:100%;max-width:480px;animation:.2s slideUp;overflow:hidden;box-shadow:0 20px 60px #0000002e}.modal-header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.modal-header h2{color:#111827;margin:0;font-size:17px;font-weight:700}.modal-close{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:6px;padding:4px;font-size:20px;line-height:1;transition:color .15s,background .15s}.modal-close:hover{color:#374151;background:#f3f4f6}.modal-body{flex-direction:column;gap:16px;padding:20px 24px 24px;display:flex}.form-field{flex-direction:column;gap:6px;display:flex}.form-field label{color:#374151;text-transform:uppercase;letter-spacing:.04em;font-size:12.5px;font-weight:600}.form-field input,.form-field select,.form-field textarea{color:#111827;resize:vertical;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;padding:9px 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#25d366;outline:none;box-shadow:0 0 0 3px #25d3661f}.form-field select{appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 12px center no-repeat;padding-right:36px}.form-field textarea{min-height:90px}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field-hint{color:#9ca3af;margin-top:2px;font-size:11.5px}.modal-footer{justify-content:flex-end;gap:10px;padding:0 24px 20px;display:flex}.toast{z-index:2000;border-radius:10px;padding:12px 18px;font-size:13.5px;font-weight:600;animation:.2s toastIn;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #00000026}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.toast.success{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.toast.error{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5}.info-banner{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:13px;line-height:1.5;display:flex}.info-banner svg{flex-shrink:0;margin-top:1px}@media (width<=640px){.chatbot-page{padding:16px}.chatbot-header{flex-direction:column;align-items:flex-start;gap:12px}.form-row{grid-template-columns:1fr}}.cb-del-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a8c;justify-content:center;align-items:center;animation:.18s cb-fade-in;display:flex;position:fixed;inset:0}@keyframes cb-fade-in{0%{opacity:0}to{opacity:1}}.cb-del-card{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:380px;padding:36px 32px 28px;animation:.22s cubic-bezier(.34,1.56,.64,1) cb-slide-up;box-shadow:0 20px 60px #0000002e}@keyframes cb-slide-up{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.cb-del-icon{margin-bottom:12px;font-size:40px}.cb-del-title{color:#111827;margin:0 0 10px;font-size:18px;font-weight:700}.cb-del-body{color:#6b7280;margin:0 0 24px;font-size:14px;line-height:1.6}.cb-del-body strong{color:#111827}.cb-del-actions{justify-content:center;gap:10px;display:flex}.cb-del-cancel{color:#374151;cursor:pointer;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:8px;flex:1;padding:10px 0;font-size:14px;font-weight:500;transition:background .15s,border-color .15s}.cb-del-cancel:hover{background:#f3f4f6;border-color:#d1d5db}.cb-del-confirm{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;flex:1;padding:10px 0;font-size:14px;font-weight:600;transition:background .15s,transform .1s}.cb-del-confirm:hover{background:#dc2626;transform:translateY(-1px)}.cb-del-confirm:active{transform:translateY(0)}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:.2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0, 0, var(--toastify-z-index));width:var(--toastify-container-width);box-sizing:border-box;color:#fff;flex-direction:column;display:flex;position:fixed}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y:0px;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;word-break:break-word;flex:auto;align-items:center;margin-bottom:1rem;display:flex;position:relative}@media only screen and (width<=480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}@media only screen and (width<=480px){.Toastify__toast-container[data-stacked=true]{width:100vw}}.Toastify__toast--stacked{width:100%;transform:translate3d(0, var(--y), 0) scale(var(--s));transition:transform .3s;position:absolute}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";height:calc(var(--g) * 1px);position:absolute;bottom:100%;left:0;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";z-index:-1;height:100%;position:absolute;bottom:0;left:0;right:0;transform:scaleY(3)}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{flex-shrink:0;width:22px;margin-inline-end:10px;display:flex}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;cursor:pointer;opacity:.7;z-index:1;background:0 0;border:none;outline:none;padding:0;transition:all .3s;position:absolute;top:6px;right:6px}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;width:14px;height:16px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{z-index:1;opacity:.7;transform-origin:0;width:100%;height:100%;position:absolute;bottom:0;left:0}.Toastify__progress-bar--animated{animation:linear forwards Toastify__trackProgress}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:100%;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius);width:100%;height:5px;position:absolute;bottom:0;left:0;overflow:hidden}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{box-sizing:border-box;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);border-radius:100%;width:20px;height:20px;animation:.65s linear infinite Toastify__spin}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)}60%{opacity:1;transform:translate(-25px)}75%{transform:translate(10px)}90%{transform:translate(-5px)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px, var(--y), 0)}to{opacity:0;transform:translate3d(2000px, var(--y), 0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(-3000px)}60%{opacity:1;transform:translate(25px)}75%{transform:translate(-10px)}90%{transform:translate(5px)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px, var(--y), 0)}to{opacity:0;transform:translate3d(-2000px, var(--y), 0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(3000px)}60%{opacity:1;transform:translateY(-20px)}75%{transform:translateY(10px)}90%{transform:translateY(-5px)}to{transform:translate(0,0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(-2000px)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)}60%{opacity:1;transform:translateY(25px)}75%{transform:translateY(-10px)}90%{transform:translateY(5px)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(2000px)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0, var(--y), 0) scale3d(.3, .3, .3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateX(-20deg)}60%{opacity:1;transform:perspective(400px)rotateX(10deg)}80%{transform:perspective(400px)rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0, var(--y), 0) perspective(400px)}30%{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{visibility:visible;transform:translate(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInLeft{0%{visibility:visible;transform:translate(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInUp{0%{visibility:visible;transform:translateY(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInDown{0%{visibility:visible;transform:translateY(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(110%, var(--y), 0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(-110%, var(--y), 0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(500px)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(-500px)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-duration:.3s;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (width>=640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (width>=768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (width>=1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (width>=1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (width>=1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.mb-4{margin-bottom:1rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.w-full{width:100%}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.break-all{word-break:break-all}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-gray-700{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.border-gray-800{--tw-border-opacity:1;border-color:rgb(31 41 55/var(--tw-border-opacity,1))}.bg-\[\#111\]{--tw-bg-opacity:1;background-color:rgb(17 17 17/var(--tw-bg-opacity,1))}.p-4{padding:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pb-2{padding-bottom:.5rem}.text-left{text-align:left}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.lowercase{text-transform:lowercase}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif}body{background:#f5f5f5;margin:0}.auth-wrapper{background-image:url(/geometric_perspective_line_pattern_background.jpg);background-position:50%;background-size:cover;justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card.clean{background:#fff;border-radius:16px;width:420px;padding:40px;box-shadow:0 20px 40px #0000001f}.auth-card h2{margin-bottom:8px;font-size:26px}.subtitle{color:#6b7280;margin-bottom:24px;font-size:14px}.auth-card input{border:1px solid #d1d5db;border-radius:999px;width:100%;margin-bottom:14px;padding:14px 16px;font-size:15px}.auth-card input:focus{border-color:teal;outline:none}.auth-card button{color:#fff;cursor:pointer;background:teal;border:none;border-radius:999px;width:100%;margin-top:8px;padding:14px;font-size:15px;font-weight:600}.auth-card button:disabled{opacity:.7;cursor:not-allowed}.footer-text{color:#374151;margin-top:20px;font-size:14px}.footer-text span{color:teal;cursor:pointer;font-weight:500}.error-text{color:#dc2626;margin-bottom:10px;font-size:14px}