@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&display=swap";:root{--bg-page:#0a0a12;--bg-surface:#13131e;--bg-raised:#1c1c2b;--bg-overlay:#252538;--bg-hover:#ffffff0a;--bg-base:var(--bg-page);--border:#ffffff12;--border-medium:#ffffff1f;--border-strong:#fff3;--text-primary:#f0f0f5;--text-secondary:#9898aa;--text-muted:#60607a;--text-disabled:#3c3c50;--accent:#7c5cbf;--accent-hover:#8b6bd0;--accent-muted:#7c5cbf26;--accent-glow:#7c5cbf4d;--accent-pink:#ff6b9d;--success:#4ade80;--success-muted:#4ade801f;--warning:#fbbf24;--warning-muted:#fbbf241f;--error:#f87171;--error-muted:#f871711f;--info:#60a5fa;--info-muted:#60a5fa1f;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-md:16px;--text-lg:20px;--text-xl:24px;--text-2xl:32px;--text-3xl:40px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:999px;--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 12px #00000040;--shadow-lg:0 8px 24px #00000059;--shadow-xl:0 16px 48px #00000073;--transition-fast:.12s ease;--transition-normal:.2s ease;--transition-slow:.35s ease;--sidebar-width:240px;--sidebar-width-collapsed:64px;--topbar-height:56px;--mobile-tabbar-height:60px;--content-max-width:1280px}[data-theme=light]{--bg-page:#f4f4f8;--bg-surface:#fff;--bg-raised:#f0eef5;--bg-overlay:#e8e8f0;--bg-hover:#00000008;--bg-base:var(--bg-page);--border:#00000012;--border-medium:#0000001f;--border-strong:#0003;--text-primary:#1e1e2e;--text-secondary:#4a4a60;--text-muted:#8888a0;--text-disabled:#c0c0d0;--accent:#7c5cbf;--accent-hover:#6a4caa;--accent-muted:#7c5cbf1f;--accent-glow:#7c5cbf2e;--accent-pink:#e8558a;--success:#16a34a;--success-muted:#16a34a1f;--warning:#d97706;--warning-muted:#d977061f;--error:#dc2626;--error-muted:#dc26261a;--info:#2563eb;--info-muted:#2563eb1a;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--shadow-xl:0 16px 48px #00000029}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--text-base);color:var(--text-primary);background:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;line-height:1.5}ul,ol{list-style:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}code,.numeric{font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-medium);border:2px solid var(--bg-page);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.auth-page{background:var(--bg-page);background-image:radial-gradient(ellipse at top, var(--accent-muted), transparent 60%), radial-gradient(ellipse at bottom right, #ff6b9d14, transparent 50%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:400px;box-shadow:var(--shadow-lg);padding:36px 32px}.auth-logo{font-size:var(--text-lg);color:var(--text-primary);letter-spacing:-.01em;justify-content:center;align-items:center;gap:10px;margin-bottom:24px;font-weight:700;display:flex}.logo-mark{object-fit:contain;width:32px;height:32px}.logo-ai{background:linear-gradient(135deg, var(--accent), var(--accent-pink));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.auth-title{text-align:center;color:var(--text-primary);margin-bottom:6px;font-size:20px;font-weight:600}.auth-subtitle{color:var(--text-muted);text-align:center;margin-bottom:28px;font-size:13px}.form-group{margin-bottom:16px}.form-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px;font-size:11px;font-weight:600;display:block}.form-input{background:var(--bg-raised);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-hint{margin-top:5px;font-size:12px}.form-hint--error{color:var(--error)}.form-hint--success{color:var(--success)}.form-error{color:var(--error);background:#f871711a;border:1px solid #f871714d;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:500;transition:opacity .15s,transform .1s;display:inline-flex}.btn:hover{opacity:.9}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-pink));color:#fff}.btn-full{width:100%;margin-top:8px}.auth-switch{text-align:center;color:var(--text-muted);margin-top:20px;font-size:13px}.auth-switch a{color:var(--accent);font-weight:500;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.auth-switch--compact{margin-top:14px;margin-bottom:-6px}.auth-status{text-align:center;padding:8px 0}.auth-status-icon{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:18px;font-size:26px;display:inline-flex}.auth-status-icon--success{background:var(--success-muted);color:var(--success)}.auth-status-icon--error{background:var(--error-muted);color:var(--error)}.auth-status-icon--loading{background:var(--accent-muted);color:var(--accent)}.auth-status-title{color:var(--text-primary);margin-bottom:6px;font-size:18px;font-weight:600}.auth-status-body{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:20px;line-height:1.5}.verified-banner{color:var(--success);background:#4ade8014;border:1px solid #4ade804d;border-radius:10px;align-items:center;gap:8px;margin-bottom:20px;padding:11px 14px;font-size:13px;font-weight:500;display:flex}.verified-banner-icon{flex-shrink:0;font-size:15px}.verify-nudge{background:#fbbf2414;border:1px solid #fbbf244d;border-radius:10px;gap:12px;margin-bottom:20px;padding:14px 16px;display:flex}.verify-nudge-icon{flex-shrink:0;margin-top:1px;font-size:20px;line-height:1}.verify-nudge-body{flex-direction:column;gap:4px;display:flex}.verify-nudge-title{color:#fbbf24;font-size:13px;font-weight:600}.verify-nudge-hint{color:var(--text-muted);font-size:12px;line-height:1.4}.verify-nudge-btn{color:#fbbf24;cursor:pointer;background:#fbbf241f;border:1px solid #fbbf2459;border-radius:6px;align-self:flex-start;margin-top:8px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:background .15s,opacity .15s}.verify-nudge-btn:hover:not(:disabled){background:#fbbf2433}.verify-nudge-btn:disabled{opacity:.55;cursor:not-allowed}.auth-spinner{border:2.5px solid var(--accent-muted);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.pw-hints{flex-direction:column;gap:3px;margin:6px 0 0;padding:0;list-style:none;display:flex}.pw-hint{align-items:center;gap:6px;font-size:12px;transition:color .15s;display:flex}.pw-hint--met{color:var(--success)}.pw-hint--unmet{color:var(--text-muted)}.pw-hint-icon{text-align:center;flex-shrink:0;width:14px;font-size:10px}.navbar{z-index:30;background:var(--bg-surface);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0}.navbar-inner{max-width:var(--content-max-width);height:var(--topbar-height);justify-content:space-between;align-items:center;margin:0 auto;padding:0 24px;display:flex}.navbar-brand{font-size:var(--text-md);color:var(--text-primary);letter-spacing:-.01em;align-items:center;gap:10px;font-weight:700;display:flex}.navbar-brand .logo-mark{object-fit:contain;width:28px;height:28px}.navbar-brand .logo-ai{background:linear-gradient(135deg, var(--accent), var(--accent-pink));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar-actions{align-items:center;gap:8px;display:flex}.theme-toggle{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);width:34px;height:34px;color:var(--text-muted);transition:color var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.theme-toggle:hover{color:var(--text-primary);border-color:var(--border-medium);background:var(--bg-overlay)}.navbar-account{border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);transition:color var(--transition-fast), background var(--transition-fast);align-items:center;gap:6px;padding:7px 12px;font-weight:500;text-decoration:none;display:inline-flex}.navbar-account:hover{color:var(--text-primary);background:var(--bg-raised)}.navbar-account.active{color:var(--accent);background:var(--accent-muted)}@media (width<=520px){.navbar-account span{display:none}.navbar-account{padding:7px 8px}}.navbar-logout{border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);transition:color var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);background:0 0;padding:7px 14px;font-weight:500}.navbar-logout:hover{color:var(--text-primary);border-color:var(--border-medium);background:var(--bg-raised)}@media (width<=640px){.navbar-inner{padding:0 16px}}.account-page{background:var(--bg-page);min-height:100vh}.account-content{max-width:800px;margin:0 auto;padding:40px 32px 60px}.account-header{margin-bottom:24px}.account-header h1{font-size:var(--text-xl);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:4px;font-weight:700}.account-header p{font-size:var(--text-sm);color:var(--text-muted)}.account-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:16px;padding:22px 26px}.account-card h2{font-size:var(--text-md);letter-spacing:-.005em;color:var(--text-primary);margin-bottom:4px;font-weight:600}.account-card-hint{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:16px}.account-card .info-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.account-card .info-row:last-of-type{border-bottom:none}.account-card .info-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.account-card .info-value{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.account-card .status-badge{border-radius:var(--radius-full);text-transform:none;letter-spacing:0;white-space:nowrap;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.account-card .status-badge--active{background:var(--success-muted);color:var(--success)}.account-card .status-badge--inactive{background:var(--error-muted);color:var(--error)}.account-card .status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.account-card .stat-cards-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:0;display:grid}.account-card .stat-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:6px;padding:16px 18px;display:flex}.account-card .stat-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.account-card .stat-value{font-size:var(--text-2xl);color:var(--text-primary);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.1}.account-form{max-width:400px}.account-form .form-group{margin-bottom:14px}.account-form .btn{margin-top:4px}.account-page .upload-status{border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:20px;padding:12px 16px}.account-page .upload-status--error{background:var(--error-muted);color:var(--error);border:1px solid #f871714d}@media (width<=560px){.account-content{padding:24px 16px 40px}.account-card{padding:18px}.account-card .info-row{flex-direction:column;align-items:flex-start;gap:4px}.account-card .stat-cards-row{grid-template-columns:1fr 1fr}}.merchants-page{background:var(--bg-page);min-height:100vh}.merchants-content{max-width:1040px;margin:0 auto;padding:40px 32px 60px}.merchants-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:32px;display:flex}.merchants-header h1{font-size:var(--text-xl);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:4px;font-weight:700}.merchants-header p{font-size:var(--text-sm);color:var(--text-muted)}.btn-primary{background:var(--accent);border-radius:var(--radius-md);font-size:var(--text-sm);color:#fff;cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast);white-space:nowrap;border:none;align-items:center;gap:6px;padding:9px 18px;font-weight:600;display:inline-flex}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-ghost:hover:not(:disabled){border-color:var(--border-medium);color:var(--text-primary);background:var(--bg-raised)}.create-store-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:28px;padding:24px;animation:.25s store-card-slide}@keyframes store-card-slide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.create-store-card h2{font-size:var(--text-md);color:var(--text-primary);margin-bottom:20px;font-weight:600}.form-field{flex-direction:column;gap:7px;margin-bottom:20px;display:flex}.form-field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.form-field input{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;max-width:480px;padding:10px 14px;font-family:inherit}.form-field input::placeholder{color:var(--text-muted)}.form-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-actions{justify-content:flex-end;gap:10px;display:flex}.merchants-empty{text-align:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:12px;padding:80px 24px;display:flex}.empty-icon{opacity:.7;margin-bottom:4px;font-size:48px;line-height:1}.merchants-empty h2{font-size:var(--text-lg);color:var(--text-primary);font-weight:600}.merchants-empty p{font-size:var(--text-base);color:var(--text-muted);max-width:360px;margin-bottom:8px}.merchants-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.merchant-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;gap:10px;padding:20px;display:flex}.merchant-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-md);transform:translateY(-2px)}.merchant-card--skeleton{pointer-events:none}.merchant-card-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.merchant-card-name{font-size:var(--text-md);color:var(--text-primary);letter-spacing:-.005em;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.merchant-status-badge{border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.merchant-status-badge:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.merchant-status-badge--active{background:var(--success-muted);color:var(--success)}.merchant-status-badge--inactive{background:var(--error-muted);color:var(--error)}.merchant-card-meta{font-size:var(--text-xs);color:var(--text-muted)}.merchant-card-btn{justify-content:center;width:100%;margin-top:auto;padding:9px 14px}.skeleton{background:linear-gradient(90deg, var(--bg-raised) 25%, var(--bg-overlay) 50%, var(--bg-raised) 75%);border-radius:var(--radius-sm);background-size:200% 100%;height:14px;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=640px){.merchants-content{padding:28px 16px 40px}.merchants-header{flex-direction:column;align-items:stretch}.merchants-header .btn-primary{justify-content:center;width:100%}.form-actions{flex-direction:column-reverse}.form-actions button{justify-content:center;width:100%}}.shell{grid-template-columns:var(--sidebar-width) 1fr;background:var(--bg-page);min-height:100vh;display:grid}.shell-sidebar{background:var(--bg-surface);border-right:1px solid var(--border);z-index:50;flex-direction:column;gap:14px;height:100vh;padding:18px 12px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.shell-brand{font-size:var(--text-md);color:var(--text-primary);align-items:center;gap:10px;padding:0 6px 6px;font-weight:700;display:flex}.shell-brand-mark{object-fit:contain;flex-shrink:0;width:28px;height:28px}.shell-brand-text{letter-spacing:-.01em}.shell-brand-accent{background:linear-gradient(135deg, var(--accent), var(--accent-pink));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.shell-mobile-close{color:var(--text-muted);border-radius:var(--radius-sm);margin-left:auto;padding:6px;display:none}.shell-mobile-close:hover{color:var(--text-primary);background:var(--bg-raised)}.shell-switcher{padding:0 2px;position:relative}.shell-switcher-btn{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-size:var(--text-sm);transition:border-color var(--transition-fast), background var(--transition-fast);text-align:left;align-items:center;gap:10px;padding:9px 12px;font-weight:500;display:flex}.shell-switcher-btn:hover{border-color:var(--border-medium);background:var(--bg-overlay)}.shell-store-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 3px}.shell-store-dot--active{background:var(--success);color:var(--success-muted)}.shell-store-dot--inactive{background:var(--text-disabled);color:#0000}.shell-switcher-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.shell-switcher-chevron{color:var(--text-muted);transition:transform var(--transition-fast);display:inline-flex}.shell-switcher-chevron--open{transform:rotate(180deg)}.shell-switcher-menu{background:var(--bg-overlay);border:1px solid var(--border-medium);border-radius:var(--radius-md);z-index:60;box-shadow:var(--shadow-lg);max-height:280px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.shell-switcher-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:6px 10px 4px;font-size:10px;font-weight:600}.shell-switcher-option{border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-size:var(--text-sm);text-align:left;transition:background var(--transition-fast);align-items:center;gap:10px;padding:8px 10px;font-weight:500;display:flex}.shell-switcher-option:hover{background:var(--bg-raised)}.shell-switcher-option-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.shell-switcher-option--manage{color:var(--accent)}.shell-switcher-divider{background:var(--border);height:1px;margin:4px -6px}.shell-nav{flex-direction:column;flex:1;gap:2px;padding:8px 2px;display:flex}.shell-nav-item{border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);transition:background var(--transition-fast), color var(--transition-fast);align-items:center;gap:12px;padding:9px 12px;font-weight:500;display:flex;position:relative}.shell-nav-item:hover{background:var(--bg-raised);color:var(--text-primary)}.shell-nav-item.active{background:var(--accent-muted);color:var(--accent);font-weight:600}.shell-nav-item--button{text-align:left;width:100%}.shell-sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:2px;padding:8px 2px 2px;display:flex}.shell-main{flex-direction:column;min-width:0;min-height:100vh;display:flex}.shell-topbar{z-index:30;height:var(--topbar-height);background:var(--bg-page);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:12px;padding:0 24px;display:flex;position:sticky;top:0}.shell-topbar-menu{color:var(--text-muted);border-radius:var(--radius-sm);padding:6px;display:none}.shell-topbar-menu:hover{color:var(--text-primary);background:var(--bg-raised)}.shell-topbar-title{font-size:var(--text-sm);align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.shell-topbar-store{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:220px;overflow:hidden}.shell-topbar-sep{color:var(--text-disabled)}.shell-topbar-page{color:var(--text-primary);font-weight:600}.shell-content{flex:1;padding:24px 32px 40px}.shell-tabbar{z-index:40;background:var(--bg-surface);border-top:1px solid var(--border);height:var(--mobile-tabbar-height);padding:6px 4px calc(6px + env(safe-area-inset-bottom));display:none;position:sticky;bottom:0}.shell-tab{color:var(--text-muted);border-radius:var(--radius-sm);transition:color var(--transition-fast);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-height:44px;padding:4px;font-size:10px;font-weight:500;display:flex}.shell-tab:hover{color:var(--text-primary)}.shell-tab.active{color:var(--accent)}.shell-overlay{z-index:45;background:#0000008c;animation:.2s shell-fade-in;position:fixed;inset:0}@keyframes shell-fade-in{0%{opacity:0}to{opacity:1}}.shell-404{background:var(--bg-page);justify-content:center;align-items:center;min-height:100vh;padding:40px;display:flex}.shell-404-inner{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:400px;display:flex}.shell-404-code{color:var(--text-disabled);font-size:72px;font-weight:700;line-height:1}.shell-404-inner h1{font-size:var(--text-xl);color:var(--text-primary);font-weight:600}.shell-404-inner p{font-size:var(--text-sm);color:var(--text-muted)}.shell-404-inner .btn-primary{background:var(--accent);border-radius:var(--radius-md);font-size:var(--text-sm);color:#fff;transition:background var(--transition-fast);margin-top:8px;padding:9px 20px;font-weight:600}.shell-404-inner .btn-primary:hover{background:var(--accent-hover)}@media (width<=1023px){.shell{grid-template-columns:1fr}.shell-sidebar{width:280px;height:100vh;transition:transform var(--transition-slow);box-shadow:var(--shadow-xl);position:fixed;top:0;left:0;transform:translate(-100%)}.shell-sidebar--open{transform:translate(0)}.shell-mobile-close,.shell-topbar-menu{display:inline-flex}.shell-tabbar{display:flex}.shell-content{padding-bottom:calc(24px + var(--mobile-tabbar-height))}}@media (width<=640px){.shell-topbar{padding:0 16px}.shell-content{padding:16px 16px calc(16px + var(--mobile-tabbar-height))}.shell-topbar-store{max-width:120px}}.overview-page{max-width:var(--content-max-width);margin:0 auto}.overview-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.overview-header h1{font-size:var(--text-xl);letter-spacing:-.01em;margin-bottom:4px;font-weight:600}.overview-header p{font-size:var(--text-sm);color:var(--text-muted)}.stat-cards-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:20px;display:grid}@media (width<=560px){.stat-cards-row{grid-template-columns:1fr 1fr;gap:10px}}.stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), transform var(--transition-fast);flex-direction:column;gap:6px;padding:18px 20px;display:flex}.stat-card:hover{border-color:var(--border-medium)}.stat-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.stat-value{font-size:var(--text-2xl);color:var(--text-primary);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.1}.stat-badge{font-size:var(--text-xs);border-radius:var(--radius-full);align-items:center;gap:3px;width:fit-content;padding:3px 8px;font-weight:600;display:inline-flex}.stat-badge--up{background:var(--success-muted);color:var(--success)}.stat-badge--down{background:var(--error-muted);color:var(--error)}.overview-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;margin-bottom:20px;display:grid}@media (width<=960px){.overview-grid{grid-template-columns:1fr}}.chart-wrapper{margin-top:8px}.chart-tooltip{background:var(--bg-overlay);border:1px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-md);flex-direction:column;gap:2px;padding:8px 12px;display:flex}.chart-tooltip-label{font-size:var(--text-xs);color:var(--text-muted)}.chart-tooltip-value{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.top-questions-list{margin:0;padding:0}.top-question-item{border-bottom:1px solid var(--border);font-size:var(--text-sm);align-items:center;gap:12px;padding:10px 0;display:flex}.top-question-item:last-child{border-bottom:none}.tq-rank{font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-raised);border-radius:var(--radius-sm);text-align:center;font-variant-numeric:tabular-nums;min-width:22px;padding:2px 6px;font-weight:600}.tq-text{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.tq-count{font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:600}.overview-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:16px;padding:20px 24px}.overview-card h2{font-size:var(--text-md);letter-spacing:-.005em;font-weight:600}.card-title-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.edit-actions{gap:8px;display:flex}.btn-sm{font-size:var(--text-xs);padding:5px 12px}.btn-primary{background:var(--accent);border-radius:var(--radius-md);font-size:var(--text-sm);color:#fff;cursor:pointer;transition:background var(--transition-fast);border:none;padding:8px 16px;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-outline{border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);background:0 0;align-items:center;gap:6px;padding:7px 14px;font-weight:500;display:inline-flex}.btn-outline:hover{color:var(--text-primary);border-color:var(--border-medium);background:var(--bg-raised)}.btn-danger{color:var(--error);border-color:var(--error-muted)}.btn-danger:hover{color:var(--error);border-color:var(--error);background:var(--error-muted)}.btn-danger:disabled{opacity:.4;cursor:not-allowed}.edit-input{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);width:280px;max-width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:7px 12px;font-family:inherit}.edit-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.toggle-switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:inline-flex}.toggle-switch input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.toggle-track{background:var(--bg-raised);border:1px solid var(--border);width:36px;height:20px;transition:background var(--transition-normal), border-color var(--transition-normal);border-radius:10px;flex-shrink:0;position:relative}.toggle-switch input:checked~.toggle-track{background:var(--success);border-color:var(--success)}.toggle-thumb{width:14px;height:14px;transition:transform var(--transition-normal);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.toggle-switch input:checked~.toggle-track .toggle-thumb{transform:translate(16px)}.toggle-label{font-size:var(--text-sm);color:var(--text-primary);min-width:52px;font-weight:500}.overview-card p{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:12px}.status-badge{font-size:var(--text-xs);border-radius:var(--radius-full);align-items:center;gap:6px;padding:3px 10px;font-weight:500;display:inline-flex}.status-badge--active{background:var(--success-muted);color:var(--success)}.status-badge--inactive{background:var(--error-muted);color:var(--error)}.status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.snippet-block{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:var(--text-xs);color:var(--text-secondary);white-space:pre;padding:14px 72px 14px 16px;line-height:1.6;position:relative;overflow-x:auto}.copy-btn{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);transition:color var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);padding:4px 10px;font-size:11px;font-weight:500;position:absolute;top:8px;right:8px}.copy-btn:hover{color:var(--text-primary);border-color:var(--border-medium);background:var(--bg-raised)}.key-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.key-value{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);-webkit-user-select:all;user-select:all;word-break:break-all;flex:1;min-width:0;padding:7px 12px}.confirm-row{font-size:var(--text-sm);color:var(--warning);background:var(--warning-muted);border-radius:var(--radius-md);align-items:center;gap:8px;margin-top:10px;padding:10px 14px;display:flex}.info-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.info-row:last-child{border-bottom:none}.info-label{font-size:var(--text-sm);color:var(--text-muted)}.info-value{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.skeleton{background:linear-gradient(90deg, var(--bg-raised) 25%, var(--bg-overlay) 50%, var(--bg-raised) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.skeleton-line{width:60%;height:14px;margin-bottom:10px}.skeleton-block{height:80px}.danger-zone{border-color:#f8717140}.danger-zone h2{color:var(--error);margin-bottom:12px}.danger-zone-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.danger-zone-label{font-size:var(--text-sm);color:var(--text-primary);font-weight:500;margin-bottom:2px!important}.danger-zone-hint{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:0!important}.modal-overlay{z-index:100;background:#000000a6;justify-content:center;align-items:center;padding:16px;animation:.2s shell-fade-in;display:flex;position:fixed;inset:0}.modal{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow-xl);padding:28px;animation:.2s modal-pop}@keyframes modal-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-title{font-size:var(--text-md);margin-bottom:10px;font-weight:600}.modal-body{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:20px;line-height:1.6}.modal-confirm-label{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:8px}.modal-confirm-input{width:100%;margin-bottom:20px}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.overview-error{background:var(--error-muted);border-radius:var(--radius-md);color:var(--error);font-size:var(--text-sm);border:1px solid #f871714d;margin-bottom:20px;padding:14px 18px}@media (width<=640px){.overview-card{padding:18px}.key-row .btn-outline{justify-content:center;width:100%}}.products-page{max-width:var(--content-max-width);margin:0 auto}.products-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.products-header h1{font-size:var(--text-xl);letter-spacing:-.01em;margin-bottom:4px;font-weight:600}.products-header p{font-size:var(--text-sm);color:var(--text-muted)}.upload-btn{background:linear-gradient(135deg, var(--accent), var(--accent-pink));color:#fff;border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:opacity var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);box-shadow:0 2px 8px var(--accent-glow);border:none;align-items:center;gap:8px;padding:9px 18px;font-family:inherit;font-weight:600;display:inline-flex}.upload-btn:hover:not(:disabled){opacity:.95;box-shadow:0 4px 14px var(--accent-glow);transform:translateY(-1px)}.upload-btn:active:not(:disabled){transform:scale(.98)}.upload-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.products-toolbar{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;display:flex}.products-search{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);min-width:200px;max-width:360px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex:1;align-items:center;gap:8px;padding:0 12px;display:flex;position:relative}.products-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.products-search svg{color:var(--text-muted);flex-shrink:0}.products-search input{color:var(--text-primary);font-size:var(--text-sm);background:0 0;border:none;outline:none;flex:1;padding:10px 0;font-family:inherit}.products-search input::placeholder{color:var(--text-muted)}.products-search-clear{color:var(--text-muted);border-radius:var(--radius-sm);padding:4px 8px;font-size:20px;line-height:1}.products-search-clear:hover{color:var(--text-primary);background:var(--bg-raised)}.products-count{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.upload-status{border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:20px;padding:12px 16px}.upload-status--success{background:var(--success-muted);color:var(--success);border:1px solid #4ade804d}.upload-status--error{background:var(--error-muted);color:var(--error);border:1px solid #f871714d}.products-empty{text-align:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:8px;padding:64px 24px;display:flex}.products-empty .empty-icon{opacity:.6;margin-bottom:8px;font-size:40px}.products-empty h2{font-size:var(--text-md);color:var(--text-primary);font-weight:600}.products-empty p{font-size:var(--text-sm);color:var(--text-muted);max-width:360px;margin-bottom:16px}.btn-ghost{border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);background:0 0;padding:8px 18px;font-weight:500}.btn-ghost:hover{color:var(--text-primary);border-color:var(--border-medium);background:var(--bg-raised)}.products-table-wrap{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.products-table{border-collapse:collapse;table-layout:fixed;width:100%}.products-table th:first-child{width:22%}.products-table th:nth-child(2){width:auto}.products-table th:nth-child(3){width:90px}.products-table th:nth-child(4){width:110px}.products-table th:nth-child(5){width:96px}.products-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--bg-raised);white-space:nowrap;padding:12px 20px;font-size:11px;font-weight:600}.products-table th.numeric{text-align:right}.products-table td{font-size:var(--text-sm);border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text-primary);padding:14px 20px}.products-table tr:last-child td{border-bottom:none}.products-table tbody tr{transition:background var(--transition-fast)}.products-table tbody tr:hover{background:var(--bg-raised)}.product-name{word-wrap:break-word;font-weight:500;line-height:1.4}.product-desc{color:var(--text-secondary);white-space:normal;word-wrap:break-word;line-height:1.5}.product-price{color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:500}.numeric{text-align:right}.stock-badge{border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.stock-badge:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.stock-badge--in{background:var(--success-muted);color:var(--success)}.stock-badge--out{background:var(--error-muted);color:var(--error)}.product-actions{text-align:right}.delete-btn{border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);background:0 0;padding:5px 12px;font-family:inherit;font-weight:500}.delete-btn:hover:not(:disabled){color:var(--error);background:var(--error-muted);border-color:#f8717166}.delete-btn:disabled{opacity:.5;cursor:not-allowed}.products-skeleton{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.products-skeleton .skeleton-row{gap:16px;margin-bottom:16px;display:flex}.products-skeleton .skeleton-row:last-child{margin-bottom:0}@media (width<=720px){.products-header{flex-direction:column;align-items:stretch}.products-header>div{order:-1}.upload-btn{justify-content:center;width:100%;padding:11px 18px}.products-toolbar{flex-direction:column;align-items:stretch}.products-search{max-width:100%}.products-table-wrap{background:0 0;border:none;border-radius:0;overflow:visible}.products-table thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.products-table,.products-table tbody,.products-table tr,.products-table td{width:100%;display:block}.products-table tr{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:10px;padding:14px 16px}.products-table tbody tr:hover{background:var(--bg-surface)}.products-table td{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:8px 0;display:flex}.products-table tr td:last-child{border-bottom:none}.products-table tr td:first-child{padding-top:0}.products-table td:before{content:attr(data-label);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0;font-size:11px;font-weight:600}.products-table td.product-name{font-size:var(--text-base);padding-top:0;font-weight:600}.products-table td.product-name:before{display:none}.products-table td.product-desc{-webkit-line-clamp:unset;flex-direction:column;align-items:flex-start;gap:4px;max-width:100%}.products-table td.product-actions{justify-content:flex-end}.products-table td.product-actions:before{display:none}.product-price,.numeric{text-align:left}}.conversations-page{max-width:var(--content-max-width);margin:0 auto}.conversations-header{margin-bottom:20px}.conversations-header h1{font-size:var(--text-xl);letter-spacing:-.01em;margin-bottom:4px;font-weight:600}.conversations-header p{font-size:var(--text-sm);color:var(--text-muted)}.convo-list{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.convo-row{border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:14px;padding:14px 20px;display:flex}.convo-row:last-child{border-bottom:none}.convo-row:hover{background:var(--bg-raised)}.convo-row--expanded{background:var(--bg-raised);box-shadow:inset 3px 0 0 0 var(--accent)}.convo-summary{flex:1;min-width:0}.convo-preview{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.convo-meta{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-top:4px;font-size:11px}.convo-status{border-radius:var(--radius-full);text-transform:capitalize;flex-shrink:0;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.convo-status:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.convo-status--resolved{background:var(--success-muted);color:var(--success)}.convo-status--escalated{background:var(--error-muted);color:var(--error)}.convo-status--open{background:var(--info-muted);color:var(--info)}.convo-chevron{color:var(--text-muted);transition:transform var(--transition-fast);flex-shrink:0;display:inline-flex}.convo-chevron--open{transform:rotate(90deg)}.convo-thread{border-bottom:1px solid var(--border);background:var(--bg-page);padding:20px 24px 24px}.thread-loading{font-size:var(--text-sm);color:var(--text-muted);padding:12px 0}.thread-messages{flex-direction:column;gap:10px;max-width:820px;margin:0 auto;display:flex}.thread-bubble{border-radius:var(--radius-lg);max-width:75%;font-size:var(--text-sm);padding:10px 14px;line-height:1.5}.thread-bubble--ai{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-primary);border-top-left-radius:4px;align-self:flex-start}.thread-bubble--user{background:linear-gradient(135deg, var(--accent), var(--accent-pink));color:#fff;border-top-right-radius:4px;align-self:flex-end}.thread-bubble .bubble-role{text-transform:uppercase;letter-spacing:.06em;opacity:.7;margin-bottom:4px;font-size:10px;font-weight:600}.pagination{justify-content:center;align-items:center;gap:12px;margin-top:20px;display:flex}.pagination-btn{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);padding:7px 16px;font-family:inherit;font-weight:500}.pagination-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--border-medium);background:var(--bg-raised)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{font-size:var(--text-sm);color:var(--text-muted);font-variant-numeric:tabular-nums}.conversations-empty{text-align:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:8px;padding:64px 24px;display:flex}.conversations-empty .empty-icon{opacity:.6;margin-bottom:8px;font-size:40px}.conversations-empty h2{font-size:var(--text-md);color:var(--text-primary);font-weight:600}.conversations-empty p{font-size:var(--text-sm);color:var(--text-muted);max-width:360px}.conversations-error{background:var(--error-muted);border-radius:var(--radius-md);color:var(--error);font-size:var(--text-sm);border:1px solid #f871714d;margin-bottom:20px;padding:14px 18px}@media (width<=640px){.convo-row{gap:10px;padding:14px 16px}.convo-thread{padding:16px}.thread-bubble{max-width:88%}}.assistant-page{max-width:var(--content-max-width);margin:0 auto}.assistant-header{margin-bottom:20px}.assistant-header h1{font-size:var(--text-xl);letter-spacing:-.01em;margin-bottom:4px;font-weight:600}.assistant-header p{font-size:var(--text-sm);color:var(--text-muted)}.assistant-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:20px;display:grid}@media (width<=900px){.assistant-grid{grid-template-columns:1fr}}.assistant-form-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.assistant-form-card h2{font-size:var(--text-md);margin-bottom:20px;font-weight:600}.assistant-field{margin-bottom:20px}.assistant-field:last-of-type{margin-bottom:24px}.assistant-field label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:7px;font-size:11px;font-weight:600;display:block}.assistant-field input[type=text],.assistant-field textarea{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;max-width:480px;color:var(--text-primary);font-size:var(--text-base);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:10px 14px;font-family:inherit}.assistant-field input[type=text]:focus,.assistant-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.assistant-field textarea{resize:vertical;min-height:84px;line-height:1.5}.color-picker-row{align-items:center;gap:12px;display:flex}.color-swatch{border-radius:var(--radius-md);border:2px solid var(--border-medium);cursor:pointer;width:40px;height:40px;box-shadow:var(--shadow-sm);padding:0;overflow:hidden}.color-swatch input[type=color]{cursor:pointer;border:none;width:52px;height:52px;transform:translate(-6px,-6px)}.color-hex{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg-raised);border-radius:var(--radius-sm);padding:5px 10px}.position-options{gap:8px;max-width:480px;display:flex}.position-option{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;text-align:center;transition:border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast);flex:1;padding:10px 14px;font-family:inherit;font-weight:500}.position-option:hover{border-color:var(--border-medium);color:var(--text-primary)}.position-option--active{border-color:var(--accent);color:var(--accent);background:var(--accent-muted);font-weight:600}.save-row{border-top:1px solid var(--border);align-items:center;gap:12px;margin-top:8px;padding-top:20px;display:flex}.save-btn{background:linear-gradient(135deg, var(--accent), var(--accent-pink));color:#fff;border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:opacity var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);box-shadow:0 2px 8px var(--accent-glow);border:none;align-items:center;gap:8px;padding:10px 22px;font-family:inherit;font-weight:600;display:inline-flex}.save-btn:hover:not(:disabled){opacity:.95;box-shadow:0 4px 14px var(--accent-glow);transform:translateY(-1px)}.save-btn:active:not(:disabled){transform:scale(.98)}.save-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.preview-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);top:calc(var(--topbar-height) + 24px);padding:24px;position:sticky}.preview-card h2{font-size:var(--text-md);margin-bottom:16px;font-weight:600}.preview-widget{background:#fff;border:1px solid #e8e8e8;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px #0000001f}.preview-widget-header{color:#fff;align-items:center;gap:10px;padding:14px 16px;display:flex}.preview-avatar{background:#ffffff38;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;display:flex}.preview-name{font-size:var(--text-sm);font-weight:600}.preview-status{opacity:.8;font-size:10px}.preview-messages{background:#fff;min-height:100px;padding:16px}.preview-bubble{color:#1a1a1a;font-size:var(--text-xs);background:#f3f4f6;border-radius:4px 14px 14px;max-width:85%;padding:10px 14px;line-height:1.5}.preview-input-row{background:#fff;border-top:1px solid #f0f0f0;gap:8px;padding:10px 16px;display:flex}.preview-input{font-size:var(--text-xs);color:#999;background:#fff;border:1px solid #e0e0e0;border-radius:18px;flex:1;padding:7px 13px}.preview-send{color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;display:flex}.preview-bubble-row{border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:18px;padding-top:18px;display:flex}.preview-bubble-dot{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex;box-shadow:0 6px 20px #00000040}.preview-bubble-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.section-desc{color:var(--text-muted);margin-bottom:14px;font-size:13px;line-height:1.5}.origins-empty{color:var(--text-muted);margin-bottom:14px;font-size:13px;font-style:italic}.origins-list{flex-direction:column;gap:6px;margin:0 0 14px;padding:0;list-style:none;display:flex}.origin-row{background:var(--bg-base);border:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;padding:8px 12px;display:flex}.origin-value{word-break:break-all;flex:1;font-family:monospace;font-size:13px}.origin-remove-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:13px;line-height:1;transition:color .15s,background .15s}.origin-remove-btn:hover{color:#ef4444;background:#ef444414}.origin-add-row{gap:8px;display:flex}.origin-input{border:1px solid var(--border);background:var(--bg-base);color:var(--text-primary);border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:13px;transition:border-color .15s}.origin-input:focus{border-color:var(--accent)}.origin-add-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:opacity .15s}.origin-add-btn:hover:not(:disabled){opacity:.85}.origin-add-btn:disabled{opacity:.45;cursor:not-allowed}.embed-code-block{background:var(--bg-base);border:1px solid var(--border);border-radius:8px;margin-bottom:10px;padding:14px;position:relative}.embed-code-pre{color:var(--text-primary);white-space:pre-wrap;word-break:break-all;margin:0;padding-right:60px;font-family:SF Mono,Fira Code,monospace;font-size:12px;line-height:1.6}.embed-copy-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:5px 10px;font-size:12px;transition:opacity .15s;position:absolute;top:10px;right:10px}.embed-copy-btn:hover{opacity:.85}.embed-key-note{color:var(--text-muted);font-size:12px}.embed-key-note code{background:var(--bg-base);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-family:monospace}.assistant-loading{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}@media (width<=640px){.assistant-form-card,.preview-card{padding:20px}.save-btn{justify-content:center;width:100%}}