@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap);:root{--brand-primary:#2ecc71;--brand-primary-light:#58d68d;--brand-primary-dark:#27ae60;--brand-primary-darker:#1e8449;--brand-glow:#2ecc7180;--brand-glow-strong:#2ecc71b3;--brand-glow-subtle:#2ecc7133;--accent-cyan:#0ea5e9;--accent-cyan-light:#38bdf8;--accent-cyan-glow:#0ea5e980;--accent-purple:#8b5cf6;--accent-purple-light:#a78bfa;--accent-purple-glow:#8b5cf680;--accent-amber:#f59e0b;--accent-amber-light:#fbbf24;--accent-amber-glow:#f59e0b80;--accent-rose:#f43f5e;--accent-rose-light:#fb7185;--accent-rose-glow:#f43f5e80;--color-success:#22c55e;--color-success-light:#4ade80;--color-success-soft:#22c55e26;--color-success-glow:#22c55e66;--color-warning:#f59e0b;--color-warning-light:#fbbf24;--color-warning-soft:#f59e0b26;--color-warning-glow:#f59e0b66;--color-danger:#ef4444;--color-danger-light:#f87171;--color-danger-soft:#ef444426;--color-danger-glow:#ef444466;--color-info:#0ea5e9;--color-info-light:#38bdf8;--color-info-soft:#0ea5e926;--color-info-glow:#0ea5e966;--font-sans:"Plus Jakarta Sans","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:"Plus Jakarta Sans","Sora",sans-serif;--font-mono:"JetBrains Mono","Fira Code","Consolas",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--tracking-tight:-0.025em;--tracking-normal:0;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.1em;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-none:0;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-3xl:1.5rem;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-medium:300ms cubic-bezier(0.4,0,0.2,1);--transition-slow:500ms cubic-bezier(0.4,0,0.2,1);--transition-bounce:500ms cubic-bezier(0.175,0.885,0.32,1.275);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700}:root,[data-theme=light]{--bg-base:#f8fafc;--bg-subtle:#f1f5f9;--bg-muted:#e2e8f0;--bg-elevated:#fff;--surface-base:#fffc;--surface-raised:#fffffff2;--surface-overlay:#ffffffe6;--surface-sunken:#f1f5f9cc;--glass-bg:#ffffffb3;--glass-bg-strong:#ffffffd9;--glass-border:#ffffff80;--glass-blur:blur(20px);--glass-saturate:saturate(180%);--text-primary:#0f172a;--text-secondary:#334155;--text-tertiary:#64748b;--text-muted:#94a3b8;--text-inverse:#fff;--border-subtle:#94a3b826;--border-default:#94a3b840;--border-strong:#94a3b866;--border-focus:var(--brand-primary);--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 2px 4px #0f172a0f,0 1px 2px #0f172a0a;--shadow-md:0 4px 8px #0f172a14,0 2px 4px #0f172a0a;--shadow-lg:0 12px 24px #0f172a1a,0 4px 8px #0f172a0d;--shadow-xl:0 20px 40px #0f172a1f,0 8px 16px #0f172a0f;--shadow-2xl:0 32px 64px #0f172a24,0 16px 32px #0f172a14;--shadow-brand:0 8px 24px #2ecc7140;--shadow-brand-lg:0 16px 40px #2ecc714d;--ambient-gradient:radial-gradient(ellipse 80% 50% at 20% 0%,#2ecc711f 0%,#0000 50%),radial-gradient(ellipse 60% 40% at 80% 20%,#0ea5e91a 0%,#0000 50%),radial-gradient(ellipse 50% 30% at 50% 80%,#8b5cf614 0%,#0000 50%),radial-gradient(ellipse 40% 40% at 90% 90%,#f59e0b0f 0%,#0000 50%),linear-gradient(180deg,var(--bg-base) 0%,var(--bg-subtle) 100%);--interactive-hover:#2ecc7114;--interactive-active:#2ecc711f;--interactive-selected:#2ecc7126;--input-bg:#fffc;--input-border:#94a3b84d;--input-border-hover:#94a3b880;--input-border-focus:var(--brand-primary);--input-placeholder:var(--text-muted);--divider:#94a3b833;--divider-strong:#94a3b859;--overlay-light:#fffc;--overlay-dark:#0f172a80;--scrollbar-track:#0000;--scrollbar-thumb:#94a3b84d;--scrollbar-thumb-hover:#94a3b880;--code-bg:#f1f5f9cc;--code-text:#0f172a;--chart-1:var(--brand-primary);--chart-2:var(--accent-cyan);--chart-3:var(--accent-purple);--chart-4:var(--accent-amber);--chart-5:var(--accent-rose)}[data-theme=dark]{--bg-base:#0b0f1a;--bg-subtle:#111827;--bg-muted:#1f2937;--bg-elevated:#1e293b;--surface-base:#1e293b99;--surface-raised:#334155b3;--surface-overlay:#1e293be6;--surface-sunken:#0f172acc;--glass-bg:#111827b3;--glass-bg-strong:#111827d9;--glass-border:#ffffff14;--text-primary:#f8fafc;--text-secondary:#e2e8f0;--text-tertiary:#94a3b8;--text-muted:#64748b;--text-inverse:#0f172a;--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-strong:#ffffff2e;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 2px 4px #0006;--shadow-md:0 4px 8px #00000080;--shadow-lg:0 12px 24px #0009;--shadow-xl:0 20px 40px #000000b3;--shadow-2xl:0 32px 64px #000c;--shadow-brand:0 0 30px #2ecc7133,0 8px 24px #2ecc7126;--shadow-brand-lg:0 0 50px #2ecc7140,0 16px 40px #2ecc7133;--ambient-gradient:radial-gradient(ellipse 100% 60% at 0% 0%,#2ecc7126 0%,#0000 50%),radial-gradient(ellipse 80% 50% at 100% 0%,#0ea5e91f 0%,#0000 50%),radial-gradient(ellipse 60% 40% at 80% 80%,#8b5cf61a 0%,#0000 50%),radial-gradient(ellipse 50% 50% at 20% 100%,#f43f5e14 0%,#0000 50%),linear-gradient(180deg,var(--bg-base) 0%,#030712 100%);--interactive-hover:#2ecc711f;--interactive-active:#2ecc712e;--interactive-selected:#2ecc7138;--input-bg:#0f172a99;--input-border:#ffffff1a;--input-border-hover:#fff3;--divider:#ffffff14;--divider-strong:#ffffff26;--overlay-light:#ffffff0d;--overlay-dark:#000000b3;--scrollbar-thumb:#ffffff26;--scrollbar-thumb-hover:#ffffff40;--code-bg:#0f172acc;--code-text:#e2e8f0;--color-success:#4ade80;--color-success-soft:#4ade802e;--color-warning:#fbbf24;--color-warning-soft:#fbbf242e;--color-danger:#f87171;--color-danger-soft:#f871712e;--color-info:#38bdf8;--color-info-soft:#38bdf82e}@keyframes ambient-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes ambient-morph{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}50%{border-radius:50% 60% 30% 60%/30% 40% 60% 50%}75%{border-radius:60% 30% 60% 40%/50% 70% 30% 50%}}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #2ecc7133;box-shadow:0 0 20px var(--brand-glow-subtle)}50%{box-shadow:0 0 40px #2ecc7180;box-shadow:0 0 40px var(--brand-glow)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-right{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.ki-card{backdrop-filter:blur(20px);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--glass-blur);background:#ffffffb3;background:var(--glass-bg);border:1px solid #94a3b840;border:1px solid var(--border-default);border-radius:1.25rem;border-radius:var(--radius-2xl);box-shadow:0 4px 8px #0f172a14,0 2px 4px #0f172a0a;box-shadow:var(--shadow-md);padding:1.5rem;padding:var(--space-6);transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.ki-card:hover{border-color:#94a3b866;border-color:var(--border-strong);transform:translateY(-2px)}.ki-card--elevated,.ki-card:hover{box-shadow:0 12px 24px #0f172a1a,0 4px 8px #0f172a0d;box-shadow:var(--shadow-lg)}.ki-card--elevated{background:#fffffff2;background:var(--surface-raised)}.ki-card--elevated:hover{box-shadow:0 20px 40px #0f172a1f,0 8px 16px #0f172a0f;box-shadow:var(--shadow-xl)}.ki-card--glow{position:relative}.ki-card--glow:before{background:linear-gradient(135deg,#2ecc7133,#0000,#0ea5e980);background:linear-gradient(135deg,var(--brand-glow-subtle),#0000,var(--accent-cyan-glow));border-radius:inherit;content:"";inset:-1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1px;pointer-events:none;position:absolute;transition:opacity .2s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-base)}.ki-card--glow:hover:before{opacity:1}.ki-card--interactive{cursor:pointer}.ki-card--interactive:active{transform:translateY(0) scale(.99)}.ki-card--brand{background:linear-gradient(135deg,#2ecc7133,#0000);background:linear-gradient(135deg,var(--brand-glow-subtle),#0000);border-color:#2ecc7133}.ki-card--brand:hover{border-color:#2ecc7166;box-shadow:0 8px 24px #2ecc7140;box-shadow:var(--shadow-brand)}.ki-section{padding:2rem 0;padding:var(--space-8) 0}.ki-section__header{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.ki-section__title{color:#0f172a;color:var(--text-primary);font-family:Plus Jakarta Sans,Sora,sans-serif;font-family:var(--font-display);font-size:1.5rem;font-size:var(--text-2xl);font-weight:700;font-weight:var(--font-bold);letter-spacing:-.025em;letter-spacing:var(--tracking-tight);margin:0 0 .5rem;margin:0 0 var(--space-2)}.ki-section__subtitle{color:#64748b;color:var(--text-tertiary);font-size:1rem;font-size:var(--text-base);line-height:1.625;line-height:var(--leading-relaxed);margin:0}.ki-btn{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:.875rem;font-size:var(--text-sm);font-weight:600;font-weight:var(--font-semibold);gap:.5rem;gap:var(--space-2);justify-content:center;padding:.75rem 1.25rem;padding:var(--space-3) var(--space-5);text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);white-space:nowrap}.ki-btn:active{transform:scale(.98)}.ki-btn--primary{background:linear-gradient(135deg,#2ecc71,#27ae60);background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark));box-shadow:0 8px 24px #2ecc7140;box-shadow:var(--shadow-brand);color:#fff;color:var(--text-inverse)}.ki-btn--primary:hover{background:linear-gradient(135deg,#58d68d,#2ecc71);background:linear-gradient(135deg,var(--brand-primary-light),var(--brand-primary));box-shadow:0 16px 40px #2ecc714d;box-shadow:var(--shadow-brand-lg);transform:translateY(-1px)}.ki-btn--secondary{background:#ffffffb3;background:var(--glass-bg);border:1px solid #94a3b840;border:1px solid var(--border-default);box-shadow:0 2px 4px #0f172a0f,0 1px 2px #0f172a0a;box-shadow:var(--shadow-sm);color:#0f172a;color:var(--text-primary)}.ki-btn--secondary:hover{background:#ffffffd9;background:var(--glass-bg-strong);border-color:#94a3b866;border-color:var(--border-strong);box-shadow:0 4px 8px #0f172a14,0 2px 4px #0f172a0a;box-shadow:var(--shadow-md)}.ki-btn--ghost{background:#0000;color:#334155;color:var(--text-secondary)}.ki-btn--ghost:hover{background:#2ecc7114;background:var(--interactive-hover);color:#0f172a;color:var(--text-primary)}.ki-btn--danger{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--color-danger),#dc2626);box-shadow:0 4px 12px #ef44444d;color:#fff}.ki-btn--danger:hover{box-shadow:0 6px 20px #ef444466}.ki-btn--sm{border-radius:.5rem;border-radius:var(--radius-md);font-size:.75rem;font-size:var(--text-xs);padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.ki-btn--lg{border-radius:1rem;border-radius:var(--radius-xl);font-size:1rem;font-size:var(--text-base);padding:1rem 1.5rem;padding:var(--space-4) var(--space-6)}.ki-input{background:#fffc;background:var(--input-bg);border:1px solid #94a3b84d;border:1px solid var(--input-border);border-radius:.75rem;border-radius:var(--radius-lg);color:#0f172a;color:var(--text-primary);font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:.875rem;font-size:var(--text-sm);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%}.ki-input::placeholder{color:#94a3b8;color:var(--input-placeholder)}.ki-input:hover{border-color:#94a3b880;border-color:var(--input-border-hover)}.ki-input:focus{border-color:#2ecc71;border-color:var(--input-border-focus);box-shadow:0 0 0 3px #2ecc7133;box-shadow:0 0 0 3px var(--brand-glow-subtle);outline:none}.ki-badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-size:var(--text-xs);font-weight:600;font-weight:var(--font-semibold);gap:.25rem;gap:var(--space-1);letter-spacing:.025em;letter-spacing:var(--tracking-wide);padding:.25rem .75rem;padding:var(--space-1) var(--space-3);text-transform:uppercase}.ki-badge--brand{background:#2ecc7133;background:var(--brand-glow-subtle);border:1px solid #2ecc7133;color:#2ecc71;color:var(--brand-primary)}.ki-badge--success{background:#22c55e26;background:var(--color-success-soft);color:#22c55e;color:var(--color-success)}.ki-badge--warning{background:#f59e0b26;background:var(--color-warning-soft);color:#f59e0b;color:var(--color-warning)}.ki-badge--danger{background:#ef444426;background:var(--color-danger-soft);color:#ef4444;color:var(--color-danger)}.ki-badge--info{background:#0ea5e926;background:var(--color-info-soft);color:#0ea5e9;color:var(--color-info)}.ki-divider{background:#94a3b833;background:var(--divider);border:none;height:1px;margin:1.5rem 0;margin:var(--space-6) 0}.ki-divider--strong{background:#94a3b859;background:var(--divider-strong)}.ki-stat{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2)}.ki-stat__label{color:#64748b;color:var(--text-tertiary);font-size:.75rem;font-size:var(--text-xs);font-weight:600;font-weight:var(--font-semibold);letter-spacing:.05em;letter-spacing:var(--tracking-wider);text-transform:uppercase}.ki-stat__value{color:#0f172a;color:var(--text-primary);font-family:Plus Jakarta Sans,Sora,sans-serif;font-family:var(--font-display);font-size:2.25rem;font-size:var(--text-4xl);font-weight:800;font-weight:var(--font-extrabold);letter-spacing:-.025em;letter-spacing:var(--tracking-tight);line-height:1}.ki-stat__trend{align-items:center;display:inline-flex;font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);gap:.25rem;gap:var(--space-1)}.ki-stat__trend--up{color:#22c55e;color:var(--color-success)}.ki-stat__trend--down{color:#ef4444;color:var(--color-danger)}.ki-ambient-bg{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:-1}.ki-ambient-bg__blob{animation:ambient-morph 20s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.6;position:absolute}.ki-ambient-bg__blob--1{animation-delay:0s;background:#2ecc7133;background:var(--brand-glow-subtle);height:40vw;left:-10%;top:-10%;width:40vw}.ki-ambient-bg__blob--2{animation-delay:-5s;background:#0ea5e980;background:var(--accent-cyan-glow);height:35vw;right:-5%;top:10%;width:35vw}.ki-ambient-bg__blob--3{animation-delay:-10s;background:#8b5cf680;background:var(--accent-purple-glow);bottom:-5%;height:30vw;left:30%;width:30vw}.ki-ambient-bg__blob--4{animation-delay:-15s;background:#f59e0b80;background:var(--accent-amber-glow);bottom:20%;height:25vw;right:20%;width:25vw}[data-theme=dark] .ki-ambient-bg__blob{filter:blur(100px);opacity:.3}.ki-glow{position:relative}.ki-glow:after{background:inherit;border-radius:inherit;content:"";filter:blur(20px);inset:0;opacity:.4;position:absolute;transition:opacity .2s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-base);z-index:-1}.ki-glow:hover:after{opacity:.6}.ki-glow--brand:after{background:#2ecc71;background:var(--brand-primary)}.ki-text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2ecc71,#0ea5e9);background:linear-gradient(135deg,var(--brand-primary),var(--accent-cyan));-webkit-background-clip:text;background-clip:text}.ki-glass{backdrop-filter:blur(20px);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--glass-blur);background:#ffffffb3;background:var(--glass-bg);border:1px solid #ffffff80;border:1px solid var(--glass-border)}.ki-animate-fade-in{animation:fade-in ease-out .3s cubic-bezier(.4,0,.2,1);animation:fade-in var(--transition-medium) ease-out}.ki-animate-fade-in-up{animation:fade-in-up ease-out .3s cubic-bezier(.4,0,.2,1);animation:fade-in-up var(--transition-medium) ease-out}.ki-animate-scale-in{animation:scale-in ease-out .3s cubic-bezier(.4,0,.2,1);animation:scale-in var(--transition-medium) ease-out}.ki-stagger>*{animation:fade-in-up ease-out .3s cubic-bezier(.4,0,.2,1) both;animation:fade-in-up var(--transition-medium) ease-out both}.ki-stagger>:first-child{animation-delay:0ms}.ki-stagger>:nth-child(2){animation-delay:50ms}.ki-stagger>:nth-child(3){animation-delay:.1s}.ki-stagger>:nth-child(4){animation-delay:.15s}.ki-stagger>:nth-child(5){animation-delay:.2s}.ki-stagger>:nth-child(6){animation-delay:.25s}.ki-stagger>:nth-child(7){animation-delay:.3s}.ki-stagger>:nth-child(8){animation-delay:.35s}.ki-focus-ring:focus-visible{box-shadow:0 0 0 4px #2ecc7133;box-shadow:0 0 0 4px var(--brand-glow-subtle);outline:2px solid #2ecc71;outline:2px solid var(--brand-primary);outline-offset:2px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;scroll-behavior:smooth;text-rendering:optimizeLegibility;transition:background-color var(--transition-medium)}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);min-height:100vh;transition:background var(--transition-medium),color var(--transition-medium)}body:before{background:var(--ambient-gradient);z-index:-2}body:after,body:before{content:"";inset:0;pointer-events:none;position:fixed}body:after{animation:ambient-shift 30s ease-in-out infinite alternate;background:radial-gradient(ellipse 50% 40% at 10% 20%,var(--brand-glow-subtle) 0,#0000 60%),radial-gradient(ellipse 40% 30% at 85% 15%,#0ea5e914 0,#0000 55%),radial-gradient(ellipse 35% 25% at 70% 75%,#8b5cf60f 0,#0000 50%);z-index:-1}@keyframes ambient-shift{0%{filter:hue-rotate(0deg);opacity:1}50%{filter:hue-rotate(8deg);opacity:.85}to{filter:hue-rotate(-5deg);opacity:1}}[data-theme=dark] body:after{background:radial-gradient(ellipse 60% 50% at 5% 10%,var(--brand-glow-subtle) 0,#0000 50%),radial-gradient(ellipse 50% 40% at 90% 20%,#0ea5e91a 0,#0000 45%),radial-gradient(ellipse 40% 35% at 60% 80%,#8b5cf614 0,#0000 50%),radial-gradient(ellipse 30% 25% at 20% 90%,#f43f5e0d 0,#0000 45%)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:content-box;border:3px solid #0000;border-radius:100px;-webkit-transition:background var(--transition-base);transition:background var(--transition-base)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:content-box;border:3px solid #0000}::-webkit-scrollbar-corner{background:#0000}*{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}:focus{outline:none}:focus-visible{box-shadow:0 0 0 4px var(--brand-glow-subtle);outline:2px solid var(--brand-primary);outline-offset:2px}:focus:not(:focus-visible){box-shadow:none;outline:none}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:var(--font-display);font-weight:var(--font-bold);line-height:var(--leading-tight)}h1{font-size:var(--text-4xl);font-weight:var(--font-extrabold)}h1,h2{letter-spacing:var(--tracking-tight)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-base)}h6{font-size:var(--text-sm)}p{line-height:var(--leading-relaxed);margin:0}a{color:var(--brand-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--brand-primary-light)}b,strong{font-weight:var(--font-semibold)}small{font-size:var(--text-sm)}code{border-radius:var(--radius-sm);font-size:.9em;padding:.15em .4em}code,pre{background:var(--code-bg);color:var(--code-text);font-family:var(--font-mono)}pre{border-radius:var(--radius-lg);font-size:var(--text-sm);overflow-x:auto;padding:var(--space-4)}pre code{background:none;padding:0}button,input,select,textarea{font-family:inherit;font-size:inherit}button{background:none;border:none;cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}canvas,img,picture,svg,video{display:block;height:auto;max-width:100%}ol,ul{list-style:none}table{border-collapse:collapse;width:100%}::selection{background:#2ecc7140;color:inherit}.webhook-json-editor{background:#f8f9fa;background:var(--bg-subtle,#f8f9fa);border:1px solid #e0e0e0;border:1px solid var(--border-muted,#e0e0e0);border-radius:12px;border-radius:var(--radius-lg,12px);padding:1rem}.webhook-json-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.webhook-json-actions{display:flex;gap:.5rem}.webhook-json-container{background:#fff;background:var(--bg-base,#fff);border:2px solid #e0e0e0;border:2px solid var(--border-muted,#e0e0e0);border-radius:8px;border-radius:var(--radius-md,8px);position:relative;transition:border-color .15s ease}.webhook-json-container.has-error{background:#dc354505;border-color:#dc3545;border-color:var(--danger,#dc3545)}.webhook-json-container.is-valid{border-color:#28a745;border-color:var(--success,#28a745)}.webhook-json-textarea{background:#0000;border:none;border-radius:8px;border-radius:var(--radius-md,8px);color:#212529;color:var(--text-primary,#212529);font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:.875rem;line-height:1.5;min-height:180px;padding:1rem;resize:vertical;tab-size:2;width:100%}.webhook-json-textarea:focus{outline:none}.webhook-json-textarea::placeholder{color:#6c757d;color:var(--text-muted,#6c757d);opacity:.6}.webhook-json-error{align-items:flex-start;background:#dc354514;border-radius:8px;border-radius:var(--radius-md,8px);color:#dc3545;color:var(--danger,#dc3545);display:flex;font-size:.8rem;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem}.webhook-json-error-icon{flex-shrink:0}.webhook-json-error-text{font-family:monospace;font-family:var(--font-mono,monospace);word-break:break-word}.webhook-json-valid{align-items:center;background:#28a74514;border-radius:8px;border-radius:var(--radius-md,8px);color:#28a745;color:var(--success,#28a745);display:flex;font-size:.8rem;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem}.webhook-json-valid-icon{font-weight:700}.webhook-json-valid-text{font-weight:500}.json-ide{border:1px solid #2d2d2d;border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 4px 12px #00000026;overflow:hidden}.json-ide-header{align-items:center;background:#2d2d2d;border-bottom:1px solid #3d3d3d;display:flex;justify-content:space-between;padding:.5rem 1rem}.json-ide-header--clickable{border:none;cursor:pointer;font-family:inherit;text-align:left;transition:background .15s ease;width:100%}.json-ide-header--clickable:hover{background:#353535}.json-ide--collapsed .json-ide-header{border-bottom:none;border-radius:6px}.json-ide-title{align-items:center;color:#858585;display:flex;font-size:.75rem;gap:.5rem}.json-ide-summary{color:#6a9955;font-style:italic;margin-left:.5rem}.json-ide-toggle{color:#858585;font-size:.65rem;text-align:center;width:1rem}.json-ide-dots{display:flex;gap:.375rem}.json-ide-dot{border-radius:50%;height:12px;width:12px}.json-ide-dot--red{background:#ff5f56}.json-ide-dot--yellow{background:#ffbd2e}.json-ide-dot--green{background:#27ca40}.json-ide-body{background:#1e1e1e;display:flex;max-height:400px;min-height:200px;overflow:auto}.json-ide-gutter{background:#252526;border-right:1px solid #3d3d3d;flex-shrink:0;min-width:36px;padding:.5rem 0;text-align:right;-webkit-user-select:none;user-select:none}.json-ide-line-number{color:#6e7681;font-family:SF Mono,Monaco,monospace;font-size:.75rem;height:1.625rem;line-height:1.5rem;padding:0 .5rem 0 .25rem}.json-ide-content{color:#d4d4d4;flex:1 1;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:.8rem;line-height:1.5rem;padding:.5rem 1rem}.json-ide-line{align-items:center;display:flex;gap:0;min-height:1.5rem;padding:.0625rem 0}.json-ide-indent{display:inline-block;flex-shrink:0;width:1rem}.json-bracket{color:gold;font-weight:500}.json-syntax{color:#d4d4d4}.json-syntax-quote{color:#ce9178}.json-syntax-colon{color:#d4d4d4;margin:0 .25rem}.json-syntax-comma{color:#d4d4d4}.json-key-input{background:#0000;border:1px solid #0000;border-radius:2px;color:#9cdcfe;font-family:inherit;font-size:inherit;height:1.25rem;line-height:inherit;margin:0;max-width:140px;min-width:40px;padding:0 .125rem}.json-key-input:hover{background:#ffffff0d}.json-key-input:focus{background:#569cd61a;border-color:#569cd6;outline:none}.json-key-input::placeholder{color:#3a3a3a;font-style:italic}.json-type-dropdown{display:inline-block;margin-left:.5rem;position:relative}.json-type-btn{background:#252526;border:1px solid #3d3d3d;border-radius:3px;color:#858585;cursor:pointer;font-family:inherit;font-size:.7rem;min-width:1.5rem;padding:.125rem .375rem;text-align:center;transition:all .15s ease}.json-type-btn:hover{background:#2d2d2d;border-color:#569cd6;color:#9cdcfe}.json-type-menu{background:#252526;border:1px solid #3d3d3d;border-radius:3px;box-shadow:0 2px 8px #0000004d;display:none;left:0;min-width:2rem;position:absolute;top:100%;z-index:1000}.json-type-dropdown:focus-within .json-type-menu,.json-type-dropdown:hover .json-type-menu{display:block}.json-type-option{background:#0000;border:none;color:#858585;cursor:pointer;display:block;font-family:inherit;font-size:.7rem;padding:.25rem .5rem;text-align:left;white-space:nowrap;width:100%}.json-type-option:hover{background:#2d2d2d;color:#9cdcfe}.json-type-option.active{color:#9cdcfe}.json-value-input{background:#0000;border:1px solid #0000;border-radius:2px;color:#ce9178;flex:1 1;font-family:inherit;font-size:inherit;height:1.25rem;line-height:inherit;max-width:300px;min-width:60px;padding:0 .125rem}.json-value-input:hover{background:#ffffff0d}.json-value-input:focus{background:#569cd61a;border-color:#569cd6;outline:none}.json-value-input::placeholder{color:#3a3a3a;font-style:italic}.json-value-number{color:#b5cea8;flex:0 1;max-width:80px;min-width:50px}.json-value-bool{-webkit-appearance:none;appearance:none;background:#0000;background-image:none;border:1px solid #0000;border-radius:2px;color:#569cd6;cursor:pointer;font-family:inherit;font-size:inherit;height:1.25rem;padding:0 .125rem}.json-value-bool::-ms-expand{display:none}.json-value-bool:focus,.json-value-bool:hover{background:#ffffff0d;outline:none}.json-null{color:#569cd6;font-size:.8rem;font-style:italic}.json-remove-btn{background:#0000;border:none;color:#f14c4c;cursor:pointer;font-size:.75rem;line-height:1;margin-left:.25rem;opacity:0;padding:0 .25rem;transition:opacity .15s ease}.json-ide-line:hover .json-remove-btn{opacity:.5}.json-remove-btn:hover{opacity:1!important}.json-add-line{align-items:center;display:flex;min-height:1.25rem;opacity:.5;transition:opacity .15s ease}.json-ide-content:hover .json-add-line{opacity:1}.json-add-btn{background:#0000;border:1px dashed #3d3d3d;border-radius:3px;color:#4a4a4a;cursor:pointer;font-family:inherit;font-size:.7rem;padding:.125rem .5rem;transition:all .15s ease}.json-add-btn:hover{background:#569cd61a;border-color:#569cd6;color:#569cd6}.json-ide-footer{align-items:center;background:#252526;border-top:1px solid #3d3d3d;display:flex;justify-content:space-between;padding:.5rem 1rem}.json-ide-status{align-items:center;color:#858585;display:flex;font-size:.75rem;gap:.5rem}.json-ide-status-dot{background:#27ca40;border-radius:50%;height:8px;width:8px}.json-ide-status-dot.has-error{background:#f14c4c}.json-ide-hint{color:#4a4a4a;font-size:.7rem}.button-icon{font-size:1rem;line-height:1;min-width:0;min-width:auto;padding:.25rem .5rem}.button-small{font-size:.75rem;padding:.25rem .75rem}.app{color:var(--text-primary);display:flex;font-family:var(--font-sans);min-height:100vh}.app,.main-content{background:#0000;position:relative}.main-content{flex:1 1;overflow-y:auto;padding:48px;z-index:1}.main-content--flush{padding:0}.content-wrapper{display:flex;flex-direction:column;gap:32px;margin:0 auto;max-width:1120px;padding-bottom:64px;width:100%}.content-wrapper--wide{max-width:1600px}.content-wrapper--full{margin:0;max-width:none;padding:0}.page{display:flex;flex-direction:column;gap:32px}.page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}.page-header-info{display:flex;flex-direction:column;gap:var(--space-2)}.page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary) 0,var(--text-secondary) 100%);-webkit-background-clip:text;background-clip:text;font-family:var(--font-display);font-size:2.5rem;font-weight:800;letter-spacing:-.03em;margin:0}.page-subtitle{color:var(--text-tertiary);font-size:1rem;line-height:1.6;margin:0;max-width:580px}.page-eyebrow{color:var(--brand-primary);font-size:.72rem;font-weight:600;letter-spacing:.12em;margin:0;text-transform:uppercase}.page-actions{display:flex;flex-wrap:wrap;gap:12px}.section{display:flex;flex-direction:column;gap:var(--space-6)}.section-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between}.section-header-info{display:flex;flex-direction:column;gap:var(--space-1)}.section-title{color:var(--text-primary);font-size:1.25rem;font-weight:var(--font-bold);margin:0}.section-subtitle{color:var(--text-tertiary);font-size:var(--text-sm);margin:0}.section-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.grid{grid-gap:24px;gap:24px}.grid-two{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid-three{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid-four{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.mobile-header{display:none}.mobile-menu-button{align-items:center;-webkit-appearance:none;appearance:none;background:var(--glass-bg);border:none;border:1px solid var(--border-default);border-radius:50%;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:1.35rem;height:48px;justify-content:center;transition:background var(--transition-base),transform var(--transition-base);width:48px}.mobile-menu-button:hover{background:var(--glass-bg-strong);transform:translateY(-1px)}.mobile-menu-button:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.mobile-header-brand{color:var(--text-primary);font-size:1.1rem;font-weight:600}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--overlay-dark);border:none;color:#0000;cursor:pointer;font-size:0;inset:0;margin:0;padding:0;position:fixed;z-index:1000}.sidebar-backdrop:focus-visible{outline:2px solid #fff;outline-offset:-2px}.support-footer{display:flex;justify-content:flex-end;margin:24px auto 0;max-width:1120px;width:100%}.divider{background:var(--divider);border:none;height:1px;margin:var(--space-6) 0}.divider--strong{background:var(--divider-strong)}@media (max-width:900px){.app{flex-direction:column}.main-content{padding:24px 16px 48px}.main-content--flush{padding:0}.content-wrapper{gap:24px;padding-bottom:48px}.content-wrapper--full{padding:0}.support-footer{justify-content:center;margin-top:16px}.mobile-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.page-header{flex-direction:column;gap:16px}.page-header h1{font-size:1.75rem}.grid-three,.grid-two{grid-template-columns:1fr}}@media (max-width:600px){.main-content{padding:16px 12px 32px}.main-content--flush{padding:0}.page-header h1{font-size:1.5rem}}.card{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:1px solid var(--border-default);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-6);position:relative;transition:box-shadow var(--transition-base),transform var(--transition-base),border-color var(--transition-base)}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card--glow{position:relative}.card--glow:before{background:linear-gradient(135deg,var(--brand-glow-subtle),#0000 50%,var(--accent-cyan-glow));border-radius:inherit;content:"";inset:-1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1px;pointer-events:none;position:absolute;transition:opacity var(--transition-base)}.card--glow:hover:before{opacity:1}.card--static:hover{box-shadow:var(--shadow-md);transform:none}.card-header{align-items:flex-start;display:flex;gap:var(--space-4);justify-content:space-between}.card-header h2{font-family:var(--font-display);font-size:1.2rem;font-weight:700;letter-spacing:-.01em}.card-header h2,.card-header h3{color:var(--text-primary);margin:0}.card-header h3{font-size:1.1rem;font-weight:600}.card-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.card-title{font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.card-subtitle,.card-title{color:var(--text-tertiary);margin:0}.card-subtitle{font-size:.9rem;line-height:1.5}.card-body{display:flex;flex-direction:column;gap:var(--space-4)}.card-footer{border-top:1px solid var(--divider);display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:auto;padding-top:var(--space-4)}.card-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.kpi-card{gap:16px;overflow:hidden;padding:26px;position:relative}.kpi-card:after{background:linear-gradient(45deg,#0000 30%,#ffffff14 50%,#0000 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;transform:rotate(-45deg) translateY(-100%);transition:transform .6s ease;width:200%}.kpi-card:hover:after{transform:rotate(-45deg) translateY(100%)}.card-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary) 0,var(--text-secondary) 100%);-webkit-background-clip:text;background-clip:text;font-family:var(--font-display);font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin:0}.stat-label{color:var(--text-tertiary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.08em}.stat-value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-extrabold);letter-spacing:var(--tracking-tight);line-height:1}.trend-badge{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:.75rem;font-weight:600;gap:var(--space-1);justify-content:center;padding:5px 12px}.trend-badge--up,.trend-opp{background:linear-gradient(135deg,#22c55e26,#06b6d41a);border:1px solid #22c55e33;box-shadow:0 2px 8px #22c55e1a;color:var(--color-success)}.trend-badge--down,.trend-ned{background:linear-gradient(135deg,#ef44441f,#ef444414);border:1px solid #ef444426;box-shadow:0 2px 8px #ef444414;color:var(--color-danger)}.behavior-card,.bot-config-card,.bot-form-section,.config-card,.form-group-card,.install-code-card,.install-placement-card,.install-platforms-card,.menu-card,.qb-card,.schedule-card,.tool-card{background:var(--glass-bg);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),border-color var(--transition-base)}[data-theme=dark] .behavior-card,[data-theme=dark] .bot-config-card,[data-theme=dark] .bot-form-section,[data-theme=dark] .config-card,[data-theme=dark] .form-group-card,[data-theme=dark] .install-code-card,[data-theme=dark] .install-placement-card,[data-theme=dark] .install-platforms-card,[data-theme=dark] .menu-card,[data-theme=dark] .qb-card,[data-theme=dark] .schedule-card,[data-theme=dark] .tool-card{box-shadow:var(--shadow-md),inset 0 1px 0 #ffffff08}.empty-state{background:var(--surface-sunken);border:1px dashed var(--border-default);border-radius:var(--radius-xl);color:var(--text-tertiary);padding:var(--space-8);text-align:center}.empty-state-icon{font-size:2.5rem;margin-bottom:var(--space-3);opacity:.5}.empty-state-title{color:var(--text-secondary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.empty-state-text{color:var(--text-tertiary);font-size:var(--text-sm);margin:0 auto;max-width:300px}.selectable-card{cursor:pointer;transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.selectable-card:hover{border-color:var(--brand-primary);transform:translateY(-2px)}.selectable-card.is-selected,.selectable-card.selected{border-color:var(--brand-primary);box-shadow:var(--shadow-brand)}.selectable-card.is-selected:before,.selectable-card.selected:before{background:linear-gradient(135deg,var(--brand-glow-subtle),#0000);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.card-meta{color:var(--text-tertiary);font-size:.85rem;margin:0}.card-note{border-radius:var(--radius-lg);font-size:var(--text-sm);margin:0;padding:12px 16px}.card-note.info{background:var(--color-info-soft);border:1px solid #0ea5e933;color:var(--color-info)}.card-note.warning{background:var(--color-warning-soft);border:1px solid #f59e0b33;color:var(--color-warning)}.card-note.success{background:var(--color-success-soft);border:1px solid #22c55e33;color:var(--color-success)}.card-note.danger{background:var(--color-danger-soft);border:1px solid #ef444433;color:var(--color-danger)}.btn,.button{align-items:center;-webkit-appearance:none;appearance:none;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:10px 20px;text-decoration:none;transition:all var(--transition-base);white-space:nowrap}.btn:active,.button:active{transform:scale(.98)}.btn:disabled,.button:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-primary,.button-primary{background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark));border:1px solid #ffffff1a;box-shadow:var(--shadow-brand);color:#fff}.btn-primary:hover:not(:disabled),.button-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--brand-primary-light),var(--brand-primary));box-shadow:var(--shadow-brand-lg);transform:translateY(-1px)}.btn-secondary,.button-secondary{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:1px solid var(--border-default);box-shadow:var(--shadow-xs);color:var(--text-primary)}.btn-secondary:hover:not(:disabled),.button-secondary:hover:not(:disabled){background:var(--glass-bg-strong);border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-ghost,.button-ghost{background:#0000;border:none;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled),.button-ghost:hover:not(:disabled){background:var(--interactive-hover);color:var(--text-primary)}.btn-danger,.button-danger{background:linear-gradient(135deg,#ef44441f,#ef444414);border:1px solid #ef444433;box-shadow:0 2px 8px #ef444414;color:var(--color-danger)}.btn-danger:hover:not(:disabled),.button-danger:hover:not(:disabled){background:linear-gradient(135deg,#ef444433,#ef444426);box-shadow:0 4px 16px #ef444426;transform:translateY(-2px)}.btn-danger-solid,.button-danger-solid{background:linear-gradient(135deg,var(--color-danger),#dc2626);border:none;box-shadow:0 4px 12px #ef44444d;color:#fff}.btn-danger-solid:hover:not(:disabled),.button-danger-solid:hover:not(:disabled){box-shadow:0 6px 20px #ef444466}.btn-danger-outline,.button-danger-outline{background:#0000;border:1px solid #ef44444d;color:var(--color-danger)}.btn-danger-outline:hover:not(:disabled),.button-danger-outline:hover:not(:disabled){background:#ef44440f;border-color:#ef444480;box-shadow:0 4px 12px #ef44441a;transform:translateY(-2px)}.btn-success,.button-success{background:linear-gradient(135deg,var(--color-success),#16a34a);border:none;box-shadow:0 4px 12px #22c55e4d;color:#fff}.btn-success:hover:not(:disabled),.button-success:hover:not(:disabled){box-shadow:0 6px 20px #22c55e66;transform:translateY(-1px)}.btn-link,.button-link{background:#0000;border:none;color:var(--brand-primary);font-weight:600;padding:0;text-decoration:none}.btn-link:hover:not(:disabled),.button-link:hover:not(:disabled){text-decoration:underline;transform:none}.btn-sm,.button-small{border-radius:var(--radius-md);font-size:.8rem;padding:6px 12px}.btn-lg,.button-large{border-radius:var(--radius-xl);font-size:1rem;padding:14px 28px}.btn-xl,.button-xl{border-radius:var(--radius-xl);font-size:1.1rem;padding:16px 32px}.btn-icon,.button-icon{border-radius:var(--radius-lg);height:40px;padding:0;width:40px}.btn-icon.btn-sm,.button-icon.button-small{border-radius:var(--radius-md);height:32px;width:32px}.btn-icon.btn-lg,.button-icon.button-large{border-radius:var(--radius-xl);height:48px;width:48px}.btn-group,.button-group{display:flex;gap:0}.btn-group>.btn,.button-group>.button{border-radius:0}.btn-group>.btn:first-child,.button-group>.button:first-child{border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.btn-group>.btn:last-child,.button-group>.button:last-child{border-radius:0 var(--radius-lg) var(--radius-lg) 0}.btn-group>.btn:not(:last-child),.button-group>.button:not(:last-child){border-right:none}.btn-loading,.button-loading{color:#0000!important;pointer-events:none;position:relative}.btn-loading:after,.button-loading:after{animation:button-spin .6s linear infinite;border:2px solid;border-radius:50%;border-right:2px solid #0000;content:"";height:18px;position:absolute;width:18px}@keyframes button-spin{to{transform:rotate(1turn)}}.copy-btn{align-items:center;background:var(--glass-bg);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;padding:8px 14px;transition:all var(--transition-base)}.copy-btn:hover:not(:disabled){border-color:var(--brand-primary);color:var(--brand-primary)}.copy-btn.copied{background:var(--color-success-soft);border-color:var(--color-success);color:var(--color-success)}.action-btn{align-items:center;border:none;border-radius:var(--radius-xl);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:10px;padding:14px 20px;transition:all var(--transition-base)}.action-btn--primary{background:linear-gradient(135deg,var(--brand-primary),#059669);box-shadow:var(--shadow-brand);color:#fff}.action-btn--primary:hover:not(:disabled){box-shadow:var(--shadow-brand-lg);transform:translateY(-2px)}.input,input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url]{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-lg);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-sm);padding:12px 16px;transition:all var(--transition-base);width:100%}.input::placeholder,input::placeholder{color:var(--text-muted)}.input:hover:not(:disabled),input:hover:not(:disabled){border-color:var(--input-border-hover)}.input:focus,input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-glow-subtle);outline:none}.input:disabled,input:disabled{background:var(--surface-sunken);cursor:not-allowed;opacity:.5}.input--sm{border-radius:var(--radius-md);font-size:var(--text-sm);padding:8px 12px}.input--lg{border-radius:var(--radius-xl);font-size:var(--text-base);padding:14px 18px}.select--sm{border-radius:var(--radius-md);font-size:var(--text-sm);padding:8px 32px 8px 12px}.filter-card{padding:var(--space-4)!important}.filter-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--space-3)}.filter-field{display:flex;flex-direction:column;gap:4px;min-width:100px}.filter-field label{color:var(--text-muted);font-size:.65rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.filter-field--grow{flex:1 1;min-width:140px}.filter-field input[type=date]{width:130px}@media (max-width:768px){.filter-row{align-items:stretch;flex-direction:column}.filter-field{min-width:100%}}.input--error,.input.error{background:#ef44440d;border-color:var(--color-danger)}.input--error:focus,.input.error:focus{box-shadow:0 0 0 3px var(--color-danger-soft)}.input--success,.input.success{border-color:var(--color-success)}.input--success:focus,.input.success:focus{box-shadow:0 0 0 3px var(--color-success-soft)}.textarea,textarea{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-lg);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-relaxed);min-height:100px;padding:12px 16px;resize:vertical;transition:all var(--transition-base);width:100%}.textarea::placeholder,textarea::placeholder{color:var(--text-muted)}.textarea:focus,textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-glow-subtle);outline:none}.select,select{-webkit-appearance:none;appearance:none;background:var(--input-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid var(--input-border);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);padding:12px 40px 12px 16px;transition:all var(--transition-base);width:100%}.select:focus,select:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-glow-subtle);outline:none}[data-theme=dark] .select,[data-theme=dark] select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.checkbox,.radio{align-items:center;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:var(--text-sm);gap:8px}.checkbox input,.radio input{accent-color:var(--brand-primary);cursor:pointer;height:18px;width:18px}.checkbox-custom{align-items:center;background:var(--glass-bg);border:1px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;gap:10px;padding:8px 14px;transition:all var(--transition-base)}.checkbox-custom:hover{background:var(--interactive-hover);border-color:var(--brand-primary)}.checkbox-custom.checked,.checkbox-custom.is-selected{background:var(--interactive-selected);border-color:var(--brand-primary)}.toggle{cursor:pointer;gap:10px;position:relative}.toggle-track{background:var(--border-strong);border-radius:var(--radius-full);height:24px;position:relative;transition:background var(--transition-base);width:44px}.toggle-thumb{background:#fff;border-radius:50%;box-shadow:var(--shadow-sm);height:20px;left:2px;position:absolute;top:2px;transition:transform var(--transition-base);width:20px}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle input:checked+.toggle-track{background:var(--brand-primary)}.toggle input:checked+.toggle-track .toggle-thumb{transform:translateX(20px)}.toggle-label{color:var(--text-secondary);font-size:var(--text-sm)}.form{gap:var(--space-5)}.form,.form-inline{display:flex;flex-direction:column}.form-inline{gap:12px;max-width:420px}.form-row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-actions{align-items:center;display:flex;gap:12px;padding-top:var(--space-4)}.form-actions--right{justify-content:flex-end}.label,label{display:flex;flex-direction:column;gap:6px}.label,.label-text,label{color:var(--text-primary);font-size:var(--text-sm);font-weight:600}.label-required{color:var(--color-danger)}.input-hint{color:var(--text-muted);display:block;font-size:.75rem;margin-top:4px}.input-hint.error{color:var(--color-danger)}.input-hint.success{color:var(--color-success)}.input-with-icon{position:relative}.input-with-icon .input{padding-left:44px}.input-with-icon .icon{color:var(--text-muted);left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.input-with-icon--right .input{padding-left:16px;padding-right:44px}.input-with-icon--right .icon{left:auto;right:14px}.color-picker{align-items:center;display:flex;gap:12px}.color-swatch{border:2px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;height:40px;overflow:hidden;width:40px}.color-swatch input[type=color]{border:none;cursor:pointer;height:100%;padding:0;width:100%}.color-value{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-sm)}.file-input{display:flex;flex-direction:column;gap:var(--space-3)}.file-dropzone{background:var(--surface-sunken);border:2px dashed var(--border-default);border-radius:var(--radius-xl);cursor:pointer;padding:var(--space-8);text-align:center;transition:all var(--transition-base)}.file-dropzone.dragover,.file-dropzone:hover{background:var(--interactive-hover);border-color:var(--brand-primary)}.file-dropzone-icon{color:var(--text-muted);font-size:2rem;margin-bottom:var(--space-2)}.file-dropzone-text{color:var(--text-tertiary);font-size:var(--text-sm)}.file-dropzone-text strong{color:var(--brand-primary)}.search-input{position:relative}.search-input .input{padding-left:44px}.search-input-icon{left:14px;pointer-events:none}.search-input-clear,.search-input-icon{color:var(--text-muted);position:absolute;top:50%;transform:translateY(-50%)}.search-input-clear{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;height:28px;justify-content:center;right:8px;transition:all var(--transition-fast);width:28px}.search-input-clear:hover{background:var(--interactive-hover);color:var(--text-primary)}.modal-overlay{align-items:center;animation:modal-fade-in .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--overlay-dark);display:flex;inset:0;justify-content:center;padding:var(--space-6);position:fixed;z-index:1000}.modal{animation:modal-slide-in .3s ease;background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}[data-theme=dark] .modal{box-shadow:0 25px 50px -12px #0009,0 0 0 1px #ffffff0d,inset 0 1px 0 #ffffff0d}.modal--sm{max-width:400px}.modal--lg{max-width:700px}.modal--xl{max-width:900px}.modal--full{max-height:95vh;max-width:95vw}.modal-header{border-bottom:1px solid var(--divider);gap:var(--space-4);justify-content:space-between;padding:var(--space-5) var(--space-6)}.modal-header,.modal-title{align-items:center;display:flex}.modal-title{gap:var(--space-3)}.modal-title h2,.modal-title h3{color:var(--text-primary);font-size:1.15rem;font-weight:600;margin:0}.modal-title-icon{color:var(--brand-primary);font-size:1.25rem}.modal-close{align-items:center;background:var(--glass-bg);border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:36px;justify-content:center;transition:all var(--transition-base);width:36px}.modal-close:hover{background:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger)}.modal-body{flex:1 1;overflow-y:auto;padding:var(--space-6)}.modal-body--no-padding{padding:0}.modal-footer{background:var(--surface-sunken);border-top:1px solid var(--divider);display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-4) var(--space-6)}.modal-footer--between{justify-content:space-between}.confirm-modal{padding:var(--space-6);text-align:center}.confirm-modal-icon{font-size:3rem;margin-bottom:var(--space-4)}.confirm-modal-icon--danger{color:var(--color-danger)}.confirm-modal-icon--warning{color:var(--color-warning)}.confirm-modal-icon--success{color:var(--color-success)}.confirm-modal h3{font-size:1.25rem;margin:0 0 var(--space-2)}.confirm-modal p{color:var(--text-tertiary);margin-bottom:var(--space-6)}.confirm-modal-actions{display:flex;gap:var(--space-3);justify-content:center}.alert{align-items:flex-start;border-radius:var(--radius-lg);font-size:var(--text-sm);gap:var(--space-3);padding:12px 16px}.alert-icon{flex-shrink:0;font-size:1.1rem}.alert-content{flex:1 1}.alert-title{font-weight:600;margin-bottom:var(--space-1)}.alert--info{background:var(--color-info-soft);border:1px solid #0ea5e933;color:var(--color-info)}.alert--success{background:var(--color-success-soft);border:1px solid #22c55e33;color:var(--color-success)}.alert--warning{background:var(--color-warning-soft);border:1px solid #f59e0b33;color:var(--color-warning)}.alert--danger,.alert--error{background:var(--color-danger-soft);border:1px solid #ef444433;color:var(--color-danger)}.toast-container{bottom:var(--space-6);flex-direction:column;position:fixed;right:var(--space-6);z-index:2000}.toast,.toast-container{display:flex;gap:var(--space-3)}.toast{align-items:center;animation:toast-slide-in .3s ease;background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:400px;min-width:280px;padding:var(--space-4) var(--space-5)}@keyframes toast-slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast-icon{flex-shrink:0;font-size:1.25rem}.toast--success .toast-icon{color:var(--color-success)}.toast--error .toast-icon{color:var(--color-danger)}.toast--warning .toast-icon{color:var(--color-warning)}.toast--info .toast-icon{color:var(--color-info)}.toast-content{flex:1 1}.toast-title{color:var(--text-primary);font-size:var(--text-sm);font-weight:600}.toast-message{color:var(--text-tertiary);font-size:var(--text-xs);margin-top:2px}.toast-close{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;padding:var(--space-1);transition:all var(--transition-fast)}.toast-close:hover{background:var(--interactive-hover);color:var(--text-primary)}.dropdown{display:inline-block;position:relative}.dropdown-menu{animation:dropdown-fade-in .15s ease;background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);margin-top:var(--space-2);min-width:180px;padding:var(--space-2);position:absolute;right:0;top:100%;z-index:var(--z-dropdown)}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{align-items:center;background:none;border:none;border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--space-3);padding:var(--space-3) var(--space-4);text-align:left;transition:all var(--transition-fast);width:100%}.dropdown-item:hover{background:var(--interactive-hover)}.dropdown-item--danger{color:var(--color-danger)}.dropdown-item--danger:hover{background:var(--color-danger-soft)}.dropdown-divider{background:var(--divider);height:1px;margin:var(--space-2) 0}.tooltip{display:inline-flex;position:relative}.tooltip-content{background:var(--bg-elevated);border-radius:var(--radius-md);bottom:100%;box-shadow:var(--shadow-lg);color:var(--text-primary);font-size:var(--text-xs);left:50%;margin-bottom:var(--space-2);opacity:0;padding:var(--space-2) var(--space-3);position:absolute;transform:translateX(-50%);transition:all var(--transition-fast);visibility:hidden;white-space:nowrap;z-index:var(--z-tooltip)}.tooltip:hover .tooltip-content{opacity:1;visibility:visible}[data-theme=dark] .tooltip-content{background:var(--surface-raised);border:1px solid var(--border-default)}.table{border-collapse:collapse;width:100%}.table td,.table th{border-bottom:1px solid var(--divider);padding:14px 16px;text-align:left}.table th{background:var(--surface-sunken);color:var(--text-muted);font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.table tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--interactive-hover)}.table tbody tr:last-child td{border-bottom:none}.table--striped tbody tr:nth-child(2n){background:var(--surface-sunken)}.table--striped tbody tr:nth-child(2n):hover{background:var(--interactive-hover)}.table--bordered{border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden}.table--bordered td,.table--bordered th{border:1px solid var(--divider)}.table--compact td,.table--compact th{padding:10px 12px}.table-cell-numeric{font-family:var(--font-mono);font-size:var(--text-sm);text-align:right}.table-cell-status{width:120px}.table-cell-actions{text-align:right;width:100px}.table-cell-checkbox{text-align:center;width:48px}.card .table{margin:calc(var(--space-6)*-1);margin-top:0;width:calc(100% + var(--space-6)*2)}.card .table td:first-child,.card .table th:first-child{padding-left:var(--space-6)}.card .table td:last-child,.card .table th:last-child{padding-right:var(--space-6)}.data-list{display:flex;flex-direction:column;gap:var(--space-3)}.data-list-item{align-items:center;background:var(--glass-bg);border:1px solid var(--border-default);border-radius:var(--radius-xl);display:flex;gap:var(--space-4);padding:var(--space-4);transition:all var(--transition-base)}.data-list-item:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.data-list-item-icon{align-items:center;background:var(--interactive-selected);border-radius:var(--radius-lg);display:flex;flex-shrink:0;font-size:1.25rem;height:44px;justify-content:center;width:44px}.data-list-item-content{flex:1 1;min-width:0}.data-list-item-title{color:var(--text-primary);font-weight:600;margin-bottom:2px}.data-list-item-meta{color:var(--text-tertiary);font-size:var(--text-sm)}.data-list-item-actions{display:flex;gap:var(--space-2)}.timeline{display:flex;flex-direction:column;gap:18px;list-style:none;margin:0;padding:0}.timeline-item{grid-gap:16px;display:grid;gap:16px;grid-template-columns:auto 1fr}.timeline-dot{background:var(--brand-primary);border-radius:50%;box-shadow:0 0 0 4px var(--brand-glow-subtle);height:12px;margin-top:6px;width:12px}.timeline-dot[data-severity=warning]{background:var(--color-warning);box-shadow:0 0 0 4px var(--color-warning-soft)}.timeline-dot[data-severity=critical],.timeline-dot[data-severity=danger]{background:var(--color-danger);box-shadow:0 0 0 4px var(--color-danger-soft)}.timeline-dot[data-severity=success]{background:var(--color-success);box-shadow:0 0 0 4px var(--color-success-soft)}.timeline-item h3{font-size:1rem;margin:0 0 4px}.timeline-item p{color:var(--text-tertiary);margin:0 0 6px}.timeline-time{color:var(--text-muted);font-size:.8rem}.accordion{display:flex;flex-direction:column;gap:var(--space-3)}.accordion-item{background:var(--glass-bg);border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base)}.accordion-item.is-open{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.accordion-header{align-items:center;cursor:pointer;display:flex;gap:var(--space-4);padding:var(--space-4) var(--space-5);transition:background var(--transition-fast)}.accordion-header:hover{background:var(--interactive-hover)}.accordion-title{color:var(--text-primary);flex:1 1;font-weight:600}.accordion-icon{color:var(--text-muted);transition:transform var(--transition-base)}.accordion-item.is-open .accordion-icon{transform:rotate(180deg)}.accordion-content{padding:0 var(--space-5) var(--space-5)}.pagination{gap:var(--space-2)}.pagination,.pagination-btn{align-items:center;display:flex}.pagination-btn{background:var(--glass-bg);border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.pagination-btn:hover:not(:disabled){border-color:var(--brand-primary);color:var(--brand-primary)}.pagination-btn.is-active{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-ellipsis{color:var(--text-muted);padding:0 var(--space-2)}.pagination-info{color:var(--text-tertiary);font-size:var(--text-sm);margin-left:auto}.conversations-card{padding-bottom:0!important}.conversations-card .card-header{margin-bottom:0;padding-bottom:var(--space-4)}.conversation-list{display:flex;flex-direction:column}.col-subject{flex:1 1;min-width:0}.col-id{flex-shrink:0;width:100px}.col-status{flex-shrink:0;text-align:center;width:90px}.col-date{flex-shrink:0;text-align:right;width:110px}.col-action{flex-shrink:0;text-align:center;width:32px}.conversation-list-header{align-items:center;background:var(--surface-sunken);border-bottom:1px solid var(--divider);color:var(--text-muted);display:flex;font-size:.7rem;font-weight:600;gap:var(--space-3);letter-spacing:.05em;padding:var(--space-3) var(--space-5);text-transform:uppercase}.conversation-item{border-bottom:1px solid var(--divider);transition:background var(--transition-fast)}.conversation-item:last-child{border-bottom:none}.conversation-item:hover{background:var(--interactive-hover)}.conversation-item.is-expanded{background:var(--surface-sunken)}.conversation-header{align-items:center;cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-5)}.col-subject strong{color:var(--text-primary);display:block;font-size:var(--text-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-subject .conversation-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.conversation-tags .tag{font-size:.65rem;padding:1px 5px}.conversation-id{background:var(--surface-sunken);border-radius:var(--radius-sm);color:var(--text-muted);display:inline-block;font-family:var(--font-mono);font-size:.7rem;padding:2px 6px}.conversation-item.is-expanded .col-id{min-width:100px;width:auto}.conversation-item.is-expanded .conversation-id{font-size:.65rem;word-break:break-all}.col-date{color:var(--text-tertiary);font-size:var(--text-sm);white-space:nowrap}.conversation-chevron{color:var(--text-muted);font-size:.85rem}.conversation-item.is-expanded .conversation-chevron{color:var(--brand-primary)}.conversation-detail{background:var(--surface-base);border-top:1px solid var(--divider);padding:0 var(--space-5) var(--space-5);padding-left:calc(var(--space-5) + var(--space-4))}.conversation-empty,.conversation-error,.conversation-loading{color:var(--text-tertiary);font-size:var(--text-sm);padding:var(--space-4) 0}.conversation-error{color:var(--color-danger)}.chat-transcript{display:flex;flex-direction:column;gap:var(--space-3);max-height:400px;overflow-y:auto;padding:var(--space-4) 0}.chat-transcript-row{display:flex;flex-direction:column;gap:4px;max-width:80%}.chat-transcript-row.customer{align-self:flex-start}.chat-transcript-row.agent,.chat-transcript-row.bot{align-self:flex-end}.chat-transcript-meta{color:var(--text-muted);font-size:var(--text-xs)}.chat-transcript-row.agent .chat-transcript-meta,.chat-transcript-row.bot .chat-transcript-meta{text-align:right}.chat-transcript-bubble{background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4)}.chat-transcript-row.customer .chat-transcript-bubble{border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) var(--radius-sm)}.chat-transcript-row.bot .chat-transcript-bubble{background:var(--brand-glow-subtle);border-color:#2ecc7133;border-radius:var(--radius-lg) var(--radius-lg) var(--radius-sm) var(--radius-lg)}.chat-transcript-row.agent .chat-transcript-bubble{background:#8b5cf61a;background:var(--accent-purple-soft,#8b5cf61a);border-color:#8b5cf633;border-radius:var(--radius-lg) var(--radius-lg) var(--radius-sm) var(--radius-lg)}.chat-transcript-text{font-size:var(--text-sm);line-height:1.5;white-space:pre-wrap;word-break:break-word}.chat-transcript-images{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.chat-transcript-images img{border-radius:var(--radius-md);max-height:150px;max-width:200px;object-fit:cover}@media (max-width:768px){.conversation-header{flex-wrap:wrap}.conversation-meta{padding-top:var(--space-2);width:100%}.chat-transcript-row{max-width:90%}}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:600;gap:var(--space-1);letter-spacing:.04em;padding:4px 12px;text-transform:uppercase;white-space:nowrap}.badge--default{background:var(--surface-sunken);border:1px solid var(--border-default);color:var(--text-secondary)}.badge--brand,.badge--primary{background:var(--brand-glow-subtle);border:1px solid #2ecc7133;color:var(--brand-primary)}.badge--success{background:var(--color-success-soft);border:1px solid #22c55e33;color:var(--color-success)}.badge--warning{background:var(--color-warning-soft);border:1px solid #f59e0b33;color:var(--color-warning)}.badge--danger,.badge--error{background:var(--color-danger-soft);border:1px solid #ef444433;color:var(--color-danger)}.badge--info{background:var(--color-info-soft);border:1px solid #0ea5e933;color:var(--color-info)}.badge--primary-solid{background:var(--brand-primary);border:none;color:#fff}.badge--success-solid{background:var(--color-success);border:none;color:#fff}.badge--danger-solid{background:var(--color-danger);border:none;color:#fff}.badge--sm{font-size:.65rem;padding:2px 8px}.badge--lg{font-size:var(--text-sm);padding:6px 16px}.badge--dot{padding-left:8px}.badge-dot{background:currentColor;border-radius:50%;height:6px;width:6px}.status{align-items:center;display:inline-flex;font-size:var(--text-sm);font-weight:500;gap:var(--space-2)}.status-dot{flex-shrink:0;height:8px;width:8px}.status--online .status-dot{background:var(--color-success);box-shadow:0 0 0 3px var(--color-success-soft)}.status--offline .status-dot{background:var(--text-muted)}.status--busy .status-dot{background:var(--color-danger);box-shadow:0 0 0 3px var(--color-danger-soft)}.status--away .status-dot{background:var(--color-warning);box-shadow:0 0 0 3px var(--color-warning-soft)}.status--online .status-dot{animation:status-pulse 2s ease-in-out infinite}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.6}}.tag{background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);display:inline-flex;font-size:var(--text-xs);font-weight:500;gap:var(--space-2);padding:4px 10px}.tag,.tag-remove{align-items:center}.tag-remove{background:#0000;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;font-size:10px;height:14px;justify-content:center;padding:0;transition:all var(--transition-fast);width:14px}.tag-remove:hover{background:var(--color-danger-soft);color:var(--color-danger)}.tag--brand{background:var(--brand-glow-subtle);border-color:#2ecc7133;color:var(--brand-primary)}.tag--blue{background:#0ea5e91a;border-color:#0ea5e933;color:var(--accent-cyan)}.tag--purple{background:#8b5cf61a;border-color:#8b5cf633;color:var(--accent-purple)}.tag--amber{background:#f59e0b1a;border-color:#f59e0b33;color:var(--accent-amber)}.tag--rose{background:#f43f5e1a;border-color:#f43f5e33;color:var(--accent-rose)}.tag-input-wrapper{align-items:center;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-3);transition:all var(--transition-base)}.tag-input-wrapper:focus-within{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-glow-subtle)}.tag-input-wrapper .tag{margin:0}.tag-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:var(--text-sm);min-width:100px;padding:var(--space-1)}.tag-input:focus{outline:none}.tag-input::placeholder{color:var(--text-muted)}.count-badge{align-items:center;background:var(--brand-primary);border-radius:var(--radius-full);color:#fff;display:inline-flex;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px}.count-badge--danger{background:var(--color-danger)}.count-badge--muted{background:var(--text-muted)}.progress{background:var(--surface-sunken);border-radius:var(--radius-full);height:6px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,var(--brand-primary),var(--brand-primary-light));transition:width var(--transition-medium)}.progress--lg{height:10px}.progress--success .progress-bar{background:linear-gradient(90deg,var(--color-success),#4ade80)}.progress--warning .progress-bar{background:linear-gradient(90deg,var(--color-warning),#fbbf24)}.progress--danger .progress-bar{background:linear-gradient(90deg,var(--color-danger),#f87171)}.tabs{display:flex;flex-direction:column;gap:var(--space-5)}.tab-list{-ms-overflow-style:none;border-bottom:1px solid var(--divider);display:flex;gap:var(--space-1);overflow-x:auto;scrollbar-width:none}.tab-list::-webkit-scrollbar{display:none}.tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:600;gap:var(--space-2);margin-bottom:-1px;padding:var(--space-3) var(--space-4);transition:all var(--transition-base);white-space:nowrap}.tab:hover{color:var(--text-primary)}.tab.is-active,.tab[aria-selected=true]{border-bottom-color:var(--brand-primary);color:var(--brand-primary)}.tab-icon{font-size:1.1rem}.tab-badge{background:var(--surface-sunken);border-radius:var(--radius-full);color:var(--text-muted);font-size:.7rem;font-weight:700;padding:2px 8px}.tab.is-active .tab-badge{background:var(--brand-glow-subtle);color:var(--brand-primary)}.tab-panel{display:none}.tab-panel.is-active,.tab-panel[aria-hidden=false]{animation:tab-fade-in .2s ease;display:block}@keyframes tab-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tab-list--pills{background:var(--surface-sunken);border-bottom:none;border-radius:var(--radius-xl);gap:var(--space-2);padding:var(--space-1);width:-webkit-fit-content;width:fit-content}.tab-list--pills .tab{border-bottom:none;border-radius:var(--radius-lg);margin-bottom:0}.tab-list--pills .tab.is-active{background:var(--surface-raised);box-shadow:var(--shadow-sm);color:var(--text-primary)}.tabs--vertical{flex-direction:row;gap:var(--space-6)}.tabs--vertical .tab-list{border-bottom:none;border-right:1px solid var(--divider);flex-direction:column;min-width:200px;padding-right:var(--space-4)}.tabs--vertical .tab{border-bottom:none;border-right:2px solid #0000;justify-content:flex-start;margin-bottom:0;margin-right:-1px}.tabs--vertical .tab.is-active{border-right-color:var(--brand-primary)}.tabs--vertical .tab-panel{flex:1 1}.segmented-control{background:var(--surface-sunken);border-radius:var(--radius-xl);display:inline-flex;gap:4px;padding:4px}.segment{background:#0000;border:none;border-radius:var(--radius-lg);color:var(--text-tertiary);cursor:pointer;font-size:var(--text-sm);font-weight:600;padding:var(--space-2) var(--space-4);transition:all var(--transition-base)}.segment.is-active,.segment:hover{color:var(--text-primary)}.segment.is-active{background:var(--surface-raised);box-shadow:var(--shadow-sm)}.nav-tabs{flex-wrap:wrap}.nav-tab,.nav-tabs{display:flex;gap:var(--space-2)}.nav-tab{align-items:center;background:var(--glass-bg);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);font-weight:600;padding:var(--space-3) var(--space-5);text-decoration:none;transition:all var(--transition-base)}.nav-tab:hover{background:var(--interactive-hover);border-color:var(--brand-primary);color:var(--brand-primary)}.nav-tab.is-active{background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark));border-color:var(--brand-primary);box-shadow:var(--shadow-brand);color:#fff}.bot-nav{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.bot-nav-button{background:var(--glass-bg);border:1px solid var(--border-default);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;gap:var(--space-2);padding:var(--space-3) var(--space-5);transition:all var(--transition-base)}.bot-nav-button:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.bot-nav-button.is-active{background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark));border-color:var(--brand-primary);box-shadow:var(--shadow-brand);color:#fff}.bot-nav-icon{font-size:1rem}.steps{gap:var(--space-3)}.step,.steps{align-items:center;display:flex}.step{gap:var(--space-2)}.step-number{align-items:center;background:var(--surface-sunken);border:2px solid var(--border-default);border-radius:50%;color:var(--text-muted);display:flex;font-size:var(--text-xs);font-weight:700;height:28px;justify-content:center;width:28px}.step-label{color:var(--text-tertiary);font-size:var(--text-sm);font-weight:500}.step.is-active .step-number{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.step.is-active .step-label{color:var(--text-primary);font-weight:600}.step.is-completed .step-number{background:var(--color-success);border-color:var(--color-success);color:#fff}.step-connector{background:var(--border-default);flex:1 1;height:2px;min-width:40px}.step-connector.is-completed{background:var(--color-success)}.auth-layout{align-items:center;display:flex;font-family:var(--font-sans);justify-content:center;min-height:100vh;overflow:hidden;padding:48px 16px;position:relative}.auth-layout:before{background:radial-gradient(ellipse 80% 60% at 20% 0,#2ecc7126 0,#0000 50%),radial-gradient(ellipse 60% 50% at 80% 20%,#0ea5e91f 0,#0000 50%),radial-gradient(ellipse 50% 40% at 60% 80%,#8b5cf61a 0,#0000 50%),linear-gradient(135deg,#0b0f1a,#111827 50%,#0b0f1a)}.auth-layout:after,.auth-layout:before{content:"";inset:0;position:absolute;z-index:-1}.auth-layout:after{animation:ambient-shift 20s ease-in-out infinite alternate;background:radial-gradient(ellipse 40% 30% at 10% 30%,var(--brand-glow-subtle) 0,#0000 60%),radial-gradient(ellipse 30% 25% at 90% 70%,#0ea5e914 0,#0000 55%);pointer-events:none}.auth-card{animation:auth-card-in .5s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#111827cc;border:1px solid #ffffff14;border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d,inset 0 1px 0 #ffffff0d;color:#f8fafc;display:flex;flex-direction:column;gap:28px;padding:40px 36px;width:min(440px,100%)}@keyframes auth-card-in{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-header{text-align:center}.auth-logo{border-radius:var(--radius-xl);height:64px;margin:0 auto 16px;overflow:hidden;width:64px}.auth-logo img{height:100%;object-fit:contain;width:100%}.auth-badge{align-items:center;background:#2ecc7126;border:1px solid #2ecc7133;border-radius:var(--radius-full);color:var(--brand-primary-light);display:inline-flex;font-size:.72rem;font-weight:600;justify-content:center;letter-spacing:.08em;padding:4px 14px;text-transform:uppercase}.auth-header h1{-webkit-text-fill-color:inherit;background:none;color:#f8fafc;font-size:1.75rem;font-weight:700;margin:16px 0 8px}.auth-header p{color:#ffffffa6;font-size:var(--text-sm);margin:0}.auth-form{gap:20px}.auth-form,.auth-label{display:flex;flex-direction:column}.auth-label{color:#fffc;font-size:var(--text-sm);font-weight:600;gap:8px}.auth-label .input{background:#ffffff0f;border:1px solid #ffffff1f;color:#fff;padding:14px 18px}.auth-label .input::placeholder{color:#fff6}.auth-label .input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #2ecc7126}.auth-error{background:#ef44441f;border:1px solid #f871714d;border-radius:var(--radius-xl);color:#fecaca}.auth-error,.auth-success{font-size:var(--text-sm);padding:14px 16px}.auth-success{background:#22c55e1f;border:1px solid #22c55e4d;border-radius:var(--radius-xl);color:#bbf7d0}.auth-submit{background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark));border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-brand),inset 0 1px 0 #ffffff1a;color:#fff;cursor:pointer;font-size:var(--text-base);font-weight:600;padding:14px 24px;transition:all var(--transition-base);width:100%}.auth-submit:hover:not(:disabled){box-shadow:var(--shadow-brand-lg);transform:translateY(-2px)}.auth-submit:disabled{cursor:not-allowed;opacity:.6;transform:none}.auth-register-button{background:#0000;border:1px solid #fff3;border-radius:var(--radius-xl);color:#f8fafc;cursor:pointer;font-size:var(--text-base);font-weight:600;padding:14px 24px;transition:all var(--transition-base);width:100%}.auth-register-button:hover{background:#ffffff14;border-color:#ffffff4d}.auth-footer{color:#fff9;font-size:var(--text-sm);text-align:center}.auth-footer a{color:var(--brand-primary-light);font-weight:600;transition:color var(--transition-fast)}.auth-footer a:hover{color:var(--brand-primary);text-decoration:underline}.auth-divider{align-items:center;color:#fff6;display:flex;font-size:var(--text-sm);gap:var(--space-4)}.auth-divider:after,.auth-divider:before{background:#ffffff1a;content:"";flex:1 1;height:1px}.auth-forgot-link{color:#fff9;display:block;font-size:var(--text-sm);margin-top:-8px;text-align:right}.auth-forgot-link:hover{color:var(--brand-primary-light)}.company-hub-wrapper{align-items:center;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:24px;position:relative}.company-hub-wrapper:before{background:radial-gradient(ellipse 80% 60% at 20% 0,#2ecc711f 0,#0000 50%),radial-gradient(ellipse 60% 50% at 80% 30%,#0ea5e91a 0,#0000 50%),linear-gradient(135deg,#0b0f1a,#111827 50%,#0b0f1a);content:"";inset:0;position:absolute;z-index:-1}.company-hub{grid-gap:32px;color:#f8fafc;display:grid;font-family:var(--font-sans);gap:32px;grid-template-columns:repeat(2,1fr);max-width:1100px;width:100%}.company-panel{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#111827b3;border:1px solid #ffffff14;border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #0006;display:flex;flex-direction:column;gap:24px;padding:32px}.company-panel.accent{background:#2ecc710d;border-color:#2ecc7133}.company-panel.account-panel{align-items:center;background:#11182780;border-color:#ffffff0d;border-radius:var(--radius-xl);flex-direction:row;gap:16px;grid-column:1/-1;justify-content:space-between;padding:20px 28px}.company-panel-header{display:flex;flex-direction:column;gap:var(--space-2)}.company-panel-header h1,.company-panel-header h2{-webkit-text-fill-color:inherit;background:none;color:#f8fafc;font-size:1.75rem;font-weight:700;margin:0}.company-eyebrow{color:var(--brand-primary);font-size:.75rem;font-weight:600;letter-spacing:.08em;margin:0;text-transform:uppercase}.company-subtitle{color:#ffffffa6;font-size:var(--text-sm);line-height:1.5;margin:0}.company-list{display:flex;flex-direction:column;gap:14px}.company-card{align-items:center;background:#0003;border:1px solid #ffffff1a;border-radius:var(--radius-xl);display:flex;gap:16px;justify-content:space-between;padding:20px 24px;transition:all var(--transition-base)}.company-card:hover{background:#0000004d;border-color:#fff3}.company-card.selected{border-color:var(--brand-primary);box-shadow:0 0 30px #2ecc7126}.company-card h3{color:#f8fafc;font-size:1.1rem;margin:0 0 4px}.company-meta{color:#fff9;font-size:var(--text-sm);margin:0}.company-card-actions{display:flex;justify-content:flex-end;min-width:140px}.company-card .button-secondary{background:#ffffff1a;border:1px solid #ffffff26;color:#f8fafc}.company-card .button-secondary:hover{background:#ffffff2e;border-color:#ffffff40}.company-empty{border:1px dashed #fff3;border-radius:var(--radius-xl);color:#fff9;padding:32px 24px;text-align:center}.company-alert{border-radius:var(--radius-lg);font-size:var(--text-sm);padding:14px 18px}.company-alert.error{background:#ef44441f;border:1px solid #f871714d;color:#fecaca}.company-alert.success{background:#22c55e1f;border:1px solid #22c55e4d;color:#bbf7d0}.company-form{gap:18px}.company-form,.company-form label{display:flex;flex-direction:column}.company-form label{color:#fffc;font-size:var(--text-sm);font-weight:600;gap:8px}.company-form .input{background:#ffffff0f;border:1px solid #ffffff1f;color:#fff}.company-form .input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #2ecc7126}.company-plan-section{display:flex;flex-direction:column;gap:14px}.company-plan-title{color:#f8fafc;font-weight:600;margin:0}.company-plan-grid{display:flex;flex-direction:column;gap:12px}.company-plan-card{background:#ffffff08;border:1px solid #ffffff26;border-radius:var(--radius-xl);color:inherit;cursor:pointer;padding:18px 20px;text-align:left;transition:all var(--transition-base);width:100%}.company-plan-card:hover:not(:disabled){background:#ffffff0f;border-color:#ffffff40}.company-plan-card.selected{background:#2ecc7114;border-color:var(--brand-primary);box-shadow:0 0 25px #2ecc7133}.company-plan-card:disabled{cursor:not-allowed;opacity:.5}.company-plan-card-row{align-items:center;display:flex;gap:16px;justify-content:space-between}.company-plan-label{font-size:1rem;font-weight:600;margin:0}.company-plan-price{color:#ffffffb3;font-size:var(--text-sm);margin:4px 0 0}.company-plan-feature-list{color:#ffffffb3;font-size:var(--text-sm);list-style:disc;margin:14px 0 0;padding-left:20px}.company-plan-feature-list li{margin-bottom:6px}.account-actions{display:flex;gap:12px}.account-actions .button{background:#ffffff0f;border:1px solid #ffffff1f;color:#f8fafc;font-size:var(--text-sm);padding:10px 18px}.account-actions .button:hover{background:#ffffff1a;border-color:#fff3}@media (max-width:900px){.company-hub{gap:20px;grid-template-columns:1fr;padding:16px}.company-panel{padding:24px}.company-panel.account-panel{align-items:stretch;flex-direction:column;gap:16px;text-align:center}.account-actions{justify-content:center}}.page-metrics{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.metric-card{background:var(--surface-sunken);border:1px solid var(--divider);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);transition:all var(--transition-fast)}.metric-card:hover{background:var(--interactive-hover);border-color:var(--border-hover)}.metric-label{color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.metric-value{color:var(--text-primary);font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:-.01em}.metric-value.status-success{color:var(--color-success)}.metric-value.status-warning{color:var(--color-warning)}.metric-value.status-error{color:var(--color-danger)}.progress-bar-container{background:var(--surface-sunken);border-radius:var(--radius-full);height:6px;margin-top:var(--space-2);overflow:hidden}.progress-bar{border-radius:var(--radius-full);height:100%;transition:width .5s ease-out}.progress-bar.success{background:linear-gradient(90deg,var(--color-success),#059669)}.progress-bar.warning{background:linear-gradient(90deg,var(--color-warning),#d97706)}.progress-bar.error{background:linear-gradient(90deg,var(--color-danger),#dc2626)}.feature-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.feature-tag{align-items:center;background:var(--surface-sunken);border:1px solid var(--divider);border-radius:var(--radius-md);color:var(--text-secondary);display:inline-flex;font-size:.85rem;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.feature-tag.addon{background:linear-gradient(135deg,#22c55e1a,#06b6d40d);border-color:#22c55e33;color:var(--brand-primary)}.card-muted{background:var(--surface-sunken);border-style:dashed}.company-info-footer{color:var(--text-muted);font-size:.85rem;margin:0;text-align:center}@media (max-width:600px){.page-metrics{grid-template-columns:repeat(2,1fr)}}.hidden{display:none!important}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.flex-1{flex:1 1}.flex-auto{flex:auto}.flex-none{flex:none}.flex-grow{flex-grow:1}.flex-shrink-0{flex-shrink:0}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.m-0{margin:0}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-4{padding-bottom:var(--space-4);padding-top:var(--space-4)}.w-full{width:100%}.w-auto{width:auto}.w-fit{width:-webkit-fit-content;width:fit-content}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-full{max-width:100%}.h-full{height:100%}.h-auto{height:auto}.min-h-screen{min-height:100vh}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.leading-tight{line-height:var(--leading-tight)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-brand{color:var(--brand-primary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-info{color:var(--color-info)}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--brand-primary),var(--accent-cyan));-webkit-background-clip:text;background-clip:text}.bg-transparent{background:#0000}.bg-base{background:var(--bg-base)}.bg-subtle{background:var(--bg-subtle)}.bg-elevated{background:var(--bg-elevated)}.bg-glass{background:var(--glass-bg)}.bg-brand{background:var(--brand-primary)}.bg-brand-soft{background:var(--brand-glow-subtle)}.bg-success-soft{background:var(--color-success-soft)}.bg-warning-soft{background:var(--color-warning-soft)}.bg-danger-soft{background:var(--color-danger-soft)}.bg-info-soft{background:var(--color-info-soft)}.border{border:1px solid var(--border-default)}.border-0{border:none}.border-subtle{border-color:var(--border-subtle)}.border-strong{border-color:var(--border-strong)}.border-brand{border-color:var(--brand-primary)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-none{box-shadow:none}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-brand{box-shadow:var(--shadow-brand)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:-webkit-sticky;position:sticky}.inset-0{inset:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-100{z-index:100}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.select-all{-webkit-user-select:all;user-select:all}.visible{visibility:visible}.invisible{visibility:hidden}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.transition{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.transition-none{transition:none}.animate-fade-in{animation:fade-in var(--transition-medium) ease-out}.animate-fade-in-up{animation:fade-in-up var(--transition-medium) ease-out}.animate-scale-in{animation:scale-in var(--transition-medium) ease-out}.animate-spin{animation:button-spin 1s linear infinite}.animate-pulse{animation:status-pulse 2s ease-in-out infinite}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.focus-ring:focus-visible{box-shadow:0 0 0 4px var(--brand-glow-subtle);outline:2px solid var(--brand-primary);outline-offset:2px}.focus-none:focus{box-shadow:none;outline:none}.sidebar{--sidebar-bg:var(--glass-bg);--sidebar-panel:#ffffff80;--sidebar-ink:var(--text-primary);--sidebar-muted:var(--text-tertiary);--sidebar-border:var(--border-default);--sidebar-accent:var(--brand-primary);--sidebar-accent-soft:var(--brand-primary-light);--sidebar-accent-bg:var(--brand-glow-subtle);--sidebar-link-hover:var(--interactive-hover);--sidebar-link-active:var(--interactive-selected);--sidebar-user-bg:#fff6;--sidebar-user-avatar-bg:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark));--sidebar-user-avatar-text:#fff;--sidebar-logout-bg:var(--color-danger-soft);--sidebar-logout-border:#ef444433;--sidebar-logout-color:var(--color-danger);--sidebar-glow:1px 0 0 #ffffff80,4px 0 24px var(--brand-glow-subtle);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);box-shadow:var(--sidebar-glow);color:var(--sidebar-ink);display:flex;flex-direction:column;flex-shrink:0;height:100vh;overflow-y:auto;position:-webkit-sticky;position:sticky;top:0;transition:all var(--transition-medium);width:272px;z-index:100}[data-theme=dark] .sidebar{--sidebar-bg:#0b0f1ad9;--sidebar-panel:#1e293b66;--sidebar-ink:var(--text-primary);--sidebar-muted:var(--text-tertiary);--sidebar-border:var(--border-default);--sidebar-accent:var(--brand-primary);--sidebar-accent-soft:var(--brand-primary-light);--sidebar-accent-bg:#2ecc7126;--sidebar-link-hover:#2ecc7114;--sidebar-link-active:#2ecc7126;--sidebar-user-bg:#ffffff08;--sidebar-user-avatar-text:var(--bg-base);--sidebar-logout-bg:#f871711a;--sidebar-logout-border:#f8717140;--sidebar-logout-color:#f87171;--sidebar-glow:inset 1px 0 0 #ffffff0d,4px 0 40px #2ecc711a}.sidebar-header{background:#0000;border-bottom:1px solid var(--sidebar-border);display:flex;flex-direction:column;gap:14px;padding:20px 18px 16px}.sidebar-header-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.sidebar-close{align-items:center;background:#0000;border:1px solid var(--sidebar-border);border-radius:var(--radius-full);color:var(--sidebar-muted);cursor:pointer;display:inline-flex;font-size:1rem;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.sidebar-close:hover{background:var(--sidebar-link-hover);border-color:#2ecc714d;color:var(--sidebar-accent)}.sidebar-brand{align-items:center;display:flex;gap:12px}.sidebar-logo,.sidebar-logo-dot{align-items:center;border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:42px;justify-content:center;overflow:hidden;width:42px}.sidebar-logo img,.sidebar-logo-dot img{height:100%;object-fit:contain;width:100%}.sidebar-brand-text{display:flex;flex-direction:column;gap:4px}.sidebar-header h1{color:var(--sidebar-ink);font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:-.01em;margin:0}.sidebar-header p{color:var(--sidebar-muted);font-size:.9rem;margin:0}.sidebar-badge{border:1px solid #2ecc7126;border-radius:var(--radius-full);font-size:.72rem;font-weight:600;padding:4px 12px}.sidebar-admin-toggle,.sidebar-badge{align-items:center;background:var(--sidebar-accent-bg);color:var(--sidebar-accent);display:inline-flex;justify-content:center;letter-spacing:.06em;text-transform:uppercase}.sidebar-admin-toggle{-webkit-appearance:none;appearance:none;border:1px solid var(--sidebar-accent);border-radius:var(--radius-full);cursor:pointer;font-size:.78rem;font-weight:700;padding:7px 16px;transition:all var(--transition-base)}.sidebar-admin-toggle.open,.sidebar-admin-toggle:hover{background:var(--sidebar-accent);box-shadow:var(--shadow-brand);color:var(--sidebar-user-avatar-text);transform:translateY(-1px)}.sidebar-admin-panel{animation:panel-fade-in .2s ease;background:var(--sidebar-panel);border-bottom:1px solid var(--sidebar-border);display:flex;flex-direction:column;gap:8px;padding:16px}@keyframes panel-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sidebar-admin-link{align-items:center;border:1px solid #0000;border-radius:var(--radius-lg);color:var(--sidebar-ink);display:flex;font-size:.9rem;font-weight:500;gap:10px;padding:10px 14px;text-decoration:none;transition:all var(--transition-fast)}.sidebar-admin-link:hover{background:var(--sidebar-link-hover);border-color:var(--sidebar-border)}.sidebar-admin-link.active{background:var(--sidebar-link-active);border-color:#2ecc7133;color:var(--sidebar-accent)}.sidebar-admin-icon{font-size:1.1rem;opacity:.8}.sidebar-nav{flex:1 1;gap:6px;overflow-y:auto;padding:16px 12px}.sidebar-nav,.sidebar-nav-group{display:flex;flex-direction:column}.sidebar-nav-group{gap:4px}.sidebar-nav-label{color:var(--sidebar-muted);font-size:.7rem;font-weight:600;letter-spacing:.1em;padding:12px 14px 6px;text-transform:uppercase}.sidebar-link{align-items:center;border:1px solid #0000;border-radius:var(--radius-lg);color:var(--sidebar-ink);display:flex;font-size:.92rem;font-weight:500;gap:12px;padding:12px 14px;position:relative;text-decoration:none;transition:all var(--transition-fast)}.sidebar-link:hover{background:var(--sidebar-link-hover);border-color:var(--sidebar-border)}.sidebar-link.active{background:var(--sidebar-link-active);border-color:#2ecc7133;color:var(--sidebar-accent);font-weight:600}.sidebar-link.active:before{background:var(--sidebar-accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;box-shadow:0 0 8px var(--brand-glow);content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.sidebar-icon{flex-shrink:0;font-size:1.15rem;opacity:.85}.sidebar-link.active .sidebar-icon{opacity:1}.sidebar-link-badge{background:var(--sidebar-accent);border-radius:var(--radius-full);color:var(--sidebar-user-avatar-text);font-size:.7rem;font-weight:700;margin-left:auto;padding:2px 8px}.sidebar-chevron{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--sidebar-muted);cursor:pointer;display:flex;font-size:.85rem;height:24px;justify-content:center;margin-left:auto;transition:all var(--transition-fast);width:24px}.sidebar-chevron:hover{background:var(--sidebar-link-hover)}.sidebar-chevron.open,.sidebar-chevron:hover{color:var(--sidebar-accent)}.sidebar-section-items{display:flex;flex-direction:column;gap:2px}.sidebar-section-items.nested{margin-bottom:8px;margin-left:20px;margin-top:4px;padding-left:16px;position:relative}.sidebar-section-items.nested:before{background:linear-gradient(to bottom,var(--sidebar-accent) 0,#2ecc714d 100%);border-radius:var(--radius-full);bottom:8px;content:"";left:0;position:absolute;top:0;width:2px}.sidebar-link.child{font-size:.88rem;padding:10px 12px;position:relative}.sidebar-link.child:after{background:var(--sidebar-border);content:"";height:2px;left:-16px;position:absolute;top:50%;transition:background var(--transition-fast);width:10px}.sidebar-link.child.active:after,.sidebar-link.child:hover:after{background:var(--sidebar-accent)}.sidebar-link.child .sidebar-icon{font-size:1rem;opacity:.7}.sidebar-link.child.active{background:var(--sidebar-link-active);border-color:#2ecc7140}.sidebar-link.child.active .sidebar-icon{color:var(--sidebar-accent);opacity:1}.sidebar-link.child.active:before{display:none}.sidebar.collapsed{width:78px}.sidebar.collapsed .sidebar-header{padding:16px 12px}.sidebar.collapsed .sidebar-header-row{justify-content:center}.sidebar.collapsed .sidebar-brand{gap:0;justify-content:center}.sidebar.collapsed .sidebar-admin-toggle,.sidebar.collapsed .sidebar-badge,.sidebar.collapsed .sidebar-brand-text,.sidebar.collapsed .sidebar-chevron,.sidebar.collapsed .sidebar-nav-label{display:none}.sidebar.collapsed .sidebar-nav{padding:12px 10px}.sidebar.collapsed .sidebar-link{justify-content:center;padding:12px 10px}.sidebar.collapsed .sidebar-text{display:none}.sidebar.collapsed .sidebar-section-items.nested{margin-left:0;padding-left:0}.sidebar.collapsed .sidebar-footer,.sidebar.collapsed .sidebar-link.child:after,.sidebar.collapsed .sidebar-section-items.nested:before{display:none}.sidebar-footer{background:var(--sidebar-panel);border-top:1px solid var(--sidebar-border);margin-top:auto}.sidebar-company{align-items:center;border-bottom:1px solid var(--sidebar-border);display:flex;gap:12px;justify-content:space-between;padding:14px 16px}.sidebar-company-meta{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.sidebar-company-label{color:var(--sidebar-muted);font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.sidebar-company-name{color:var(--sidebar-ink);font-size:.88rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-company-plan{color:var(--sidebar-muted);font-size:.72rem}.sidebar-company-switch{border:1px solid var(--sidebar-accent);border-radius:var(--radius-full);color:var(--sidebar-accent);flex-shrink:0;font-size:.75rem;font-weight:600;padding:5px 10px;text-decoration:none;transition:all var(--transition-base);white-space:nowrap}.sidebar-company-switch:hover{background:var(--sidebar-accent);color:var(--sidebar-user-avatar-text)}.sidebar-user{align-items:center;color:inherit;display:flex;gap:10px;padding:12px 16px;text-decoration:none;transition:background var(--transition-fast)}.sidebar-user:hover{background:var(--sidebar-link-hover)}.sidebar-user-avatar{align-items:center;background:var(--sidebar-user-avatar-bg);border-radius:var(--radius-lg);box-shadow:0 2px 8px #2ecc714d;color:var(--sidebar-user-avatar-text);display:flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:36px;justify-content:center;width:36px}.sidebar-user-info{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.sidebar-user-name{color:var(--sidebar-ink);font-size:.85rem;font-weight:600}.sidebar-user-email,.sidebar-user-name{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-email{color:var(--sidebar-accent);font-size:.72rem}.sidebar-logout{align-items:center;background:var(--sidebar-logout-bg);border:1px solid var(--sidebar-logout-border);border-radius:var(--radius-lg);color:var(--sidebar-logout-color);cursor:pointer;display:flex;font-size:.82rem;font-weight:600;gap:8px;justify-content:center;margin:8px 16px;padding:10px 14px;transition:all var(--transition-base);width:calc(100% - 32px)}.sidebar-logout:hover{background:#ef444426;border-color:#ef444466}.sidebar-logout.secondary{background:#0000;border-color:var(--sidebar-border);color:var(--sidebar-muted)}.sidebar-logout.secondary:hover{background:var(--sidebar-link-hover);border-color:var(--sidebar-accent);color:var(--sidebar-accent)}.sidebar-logout-icon{font-size:1rem}.sidebar-help{border-top:1px solid var(--sidebar-border);padding:12px 16px;text-align:center}.sidebar-help p{color:var(--sidebar-muted);font-size:.75rem;margin:0}.sidebar-help-hint{color:var(--sidebar-accent)!important;font-weight:500}.sidebar-theme-toggle{align-items:center;background:var(--sidebar-panel);border:1px solid var(--sidebar-border);border-radius:var(--radius-lg);color:var(--sidebar-muted);cursor:pointer;display:flex;font-size:1.1rem;height:36px;justify-content:center;transition:all var(--transition-base);width:36px}.sidebar-theme-toggle:hover{background:var(--sidebar-link-hover);border-color:var(--sidebar-accent);color:var(--sidebar-accent)}@media (max-width:900px){.sidebar{border-right:none;box-shadow:none;left:0;position:fixed;top:0;transform:translateX(-100%);z-index:1001}.sidebar.is-mobile-open{box-shadow:20px 0 60px #0000004d,var(--sidebar-glow);transform:translateX(0)}}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#0000}.sidebar::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.sidebar-section{display:flex;flex-direction:column}.sidebar-section-toggle{align-items:center;background:#0000;border:none;border-radius:var(--radius-lg);color:var(--sidebar-ink);cursor:pointer;display:flex;font-size:.92rem;font-weight:500;justify-content:space-between;padding:12px 14px;transition:all var(--transition-fast);width:100%}.sidebar-section-toggle:hover{background:var(--sidebar-link-hover)}.sidebar-section-icon{font-size:1.15rem;opacity:.85}.sidebar-section-arrow{color:var(--sidebar-muted);font-size:.85rem;transition:transform var(--transition-base)}.sidebar-section.is-open .sidebar-section-arrow{transform:rotate(180deg)}.sidebar-section-content{display:none;flex-direction:column;gap:2px;padding-left:28px}.sidebar-section.is-open .sidebar-section-content{display:flex}.sidebar-sublink{align-items:center;border-radius:var(--radius-md);color:var(--sidebar-muted);display:flex;font-size:.88rem;gap:10px;padding:10px 14px;text-decoration:none;transition:all var(--transition-fast)}.sidebar-sublink:hover{background:var(--sidebar-link-hover);color:var(--sidebar-ink)}.sidebar-sublink.active{background:var(--sidebar-link-active);color:var(--sidebar-accent)}.rc-color-picker{display:block;min-width:258px;position:absolute;visibility:visible;width:-webkit-max-content;width:max-content;z-index:1}.rc-color-picker-hidden{display:none}.rc-color-picker-panel{background-color:#fff;border-radius:8px;box-shadow:0 3px 6px -4px #0000001f,0 6px 16px 0 #00000014,0 9px 28px 8px #0000000d;display:flex;flex-direction:column;padding:12px;width:258px}.rc-color-picker-panel-disabled{cursor:not-allowed}.rc-color-picker-select{margin-bottom:12px}.rc-color-picker-select .rc-color-picker-palette{border-radius:4px;min-height:160px;overflow:hidden}.rc-color-picker-select .rc-color-picker-palette>.rc-color-picker-gradient{border-top-left-radius:5px}.rc-color-picker-saturation{border-radius:inherit;inset:0;position:absolute}.rc-color-picker-handler{border:2px solid #fff;border-radius:50%;box-shadow:0 0 1px 1px #0000000f;box-sizing:border-box;height:16px;width:16px}.rc-color-picker-handler-sm{height:12px;width:12px}.rc-color-picker-slider{margin-bottom:12px;width:100%}.rc-color-picker-slider .rc-color-picker-palette{height:8px}.rc-color-picker-slider .rc-color-picker-gradient{border-radius:4px}.rc-color-picker-slider-alpha{background:url(/static/media/alpha.f85a2c594d34da3af9f9.svg)}.rc-color-picker-color-block{background-image:url(/static/media/alpha.f85a2c594d34da3af9f9.svg);border-radius:4px;height:28px;margin-left:8px;overflow:hidden;position:relative;width:28px}.rc-color-picker-color-block-inner{border:1px solid #0000000f;border-radius:4px;box-sizing:border-box;height:100%;width:100%}.rc-color-picker-slider-container{display:flex}.rc-color-picker-slider-container .rc-color-picker-slider-group{flex:1 1}.rc-color-picker-slider-container .rc-color-picker-slider-group-disabled-alpha{align-items:center;display:flex}.rc-color-picker-slider-container .rc-color-picker-slider-group-disabled-alpha .rc-color-picker-slider{margin-bottom:0}.floating-lines-preview{height:100%;overflow:hidden;position:relative;width:100%}.chat-builder{display:block}.chat-builder-layout{grid-gap:var(--space-4);align-items:start;display:grid;gap:var(--space-4);grid-template-columns:minmax(500px,1fr) 420px}.chat-builder-preview-column{min-width:0}.chat-builder-preview-frame{background:radial-gradient(circle at 20% 10%,#ffffff14,#0000 60%),radial-gradient(circle at 80% 90%,#ffffff0f,#0000 55%),#0b1020;border:1px solid var(--divider);border-radius:22px;display:flex;flex-direction:column;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0 auto;max-width:500px;min-height:720px;overflow:hidden;position:relative;width:100%}.chat-builder-preview-frame button,.chat-builder-preview-frame input,.chat-builder-preview-frame select,.chat-builder-preview-frame textarea{font-family:inherit}.chat-builder-preview-window-bg{inset:0;pointer-events:none;position:absolute;z-index:0}.chat-builder-preview-footer,.chat-builder-preview-header,.chat-builder-preview-home{z-index:1}.chat-builder-preview-footer,.chat-builder-preview-header,.chat-builder-preview-home{position:relative}.chat-builder-preview-header{grid-gap:10px;align-items:center;cursor:pointer;display:grid;gap:10px;grid-template-columns:auto 1fr auto;padding:12px 14px;position:relative;transition:border-radius var(--transition-base),-webkit-clip-path var(--transition-base);transition:clip-path var(--transition-base),border-radius var(--transition-base);transition:clip-path var(--transition-base),border-radius var(--transition-base),-webkit-clip-path var(--transition-base);-webkit-user-select:none;user-select:none;will-change:clip-path,border-radius}.chat-builder-preview-header--minimal{grid-template-columns:1fr auto}.chat-builder-preview-header--hero{gap:14px;padding:18px 18px 26px}.chat-builder-preview-header--hero.is-center{grid-template-columns:1fr;justify-items:center}.chat-builder-preview-header--hero.is-center .chat-builder-preview-actions{position:absolute;right:14px;top:14px}.chat-builder-preview-header.is-selected{box-shadow:inset 0 0 0 2px #2ecc7159}.chat-builder-preview-action{background:#ffffff1a;border:0;border-radius:10px;color:inherit;display:grid;height:32px;padding:0;place-items:center;width:34px}.chat-builder-preview-action:hover{background:#ffffff29}.chat-builder-preview-brand{align-items:center;background:#0000;border:0;color:inherit;cursor:pointer;display:flex;gap:10px;min-width:0;padding:0;text-align:left}.chat-builder-preview-logo{background:#0000;border:0;display:block;flex:0 0 auto;object-fit:contain}.chat-builder-preview-logo--placeholder{background:#0000;border:0;display:grid;font-size:12px;font-weight:700;letter-spacing:.03em;place-items:center}.chat-builder-preview-titles{min-width:0}.chat-builder-preview-title{font-size:14px;font-weight:700;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-builder-preview-subtitle{font-size:12px;margin-top:2px;opacity:.82;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-builder-preview-brand--hero .chat-builder-preview-title{font-size:22px;white-space:normal}.chat-builder-preview-brand--hero .chat-builder-preview-subtitle{font-size:13px;opacity:.75;white-space:normal}.chat-builder-preview-brand--hero.is-center{align-items:center;flex-direction:column;gap:10px;justify-content:center;text-align:center;width:100%}.chat-builder-preview-brand--hero.is-center .chat-builder-preview-titles{text-align:center}.chat-builder-preview-actions{background:#0000;border:0;color:inherit;cursor:pointer;display:flex;gap:6px;justify-content:flex-end;padding:0}.chat-builder-preview-actions .chat-builder-preview-action{background:#ffffff1a}.chat-builder-preview-home{cursor:pointer;display:flex;flex:1 1;overflow:hidden;padding:0;position:relative}.chat-builder-preview-home.is-selected{box-shadow:inset 0 0 0 2px #2ecc7159}.chat-builder-preview-home-inner{display:flex;flex:1 1;flex-direction:column;gap:14px;padding:16px 28px 12px;position:relative;z-index:1}.chat-builder-preview-chat{display:flex;flex:1 1;flex-direction:column;min-height:0}.chat-builder-preview-chat-messages{display:flex;flex:1 1;flex-direction:column;gap:10px;min-height:0;overflow:auto;padding:6px 2px}.chat-builder-preview-bubble{border-radius:16px;font-size:13px;line-height:1.35;max-width:78%;padding:10px 12px}.chat-builder-preview-bubble--bot{align-self:flex-start;background:#ffffff1f;border:1px solid #ffffff2e}.chat-builder-preview-bubble--user{align-self:flex-end;background:#fff3;border:1px solid #ffffff38}.chat-builder-preview-composer--chat{margin-top:10px}.chat-builder-preview-bg-effect{inset:0;opacity:.9;pointer-events:none;position:absolute;z-index:0}.chat-builder-preview-home-title{font-size:24px;font-weight:700;margin:0 0 8px}.chat-builder-preview-home-top.is-center .chat-builder-preview-home-subtitle,.chat-builder-preview-home-top.is-center .chat-builder-preview-home-title{text-align:center}.chat-builder-preview-home-subtitle{font-size:16px;line-height:1.5;margin:0;max-width:420px;opacity:1}.chat-builder-preview-home-top.is-center .chat-builder-preview-home-subtitle{margin-left:auto;margin-right:auto}.chat-builder-preview-menu-empty{border:1px dashed #ffffff2e;border-radius:16px;font-size:13px;line-height:1.35;opacity:.76;padding:14px 12px}.chat-builder-preview-composer{align-items:flex-end;border-radius:14px;display:flex;gap:10px;margin-top:16px;padding:10px 12px}.chat-builder-preview-composer-input{background:#0000;border:0;flex:1 1;font-size:13px;line-height:1.4;max-height:120px;min-height:40px;outline:0;resize:none}.chat-builder-preview-composer-input::placeholder{color:#ffffff8c;color:var(--placeholder-color,#ffffff8c)}.chat-builder-preview-composer-send{align-items:center;border:0;border-radius:999px;box-shadow:0 10px 20px #040c1f40;cursor:pointer;display:inline-flex;height:44px;justify-content:center;padding:0;width:44px}.chat-builder-preview-composer-send:hover{transform:scale(1.03)}.chat-builder-preview-shortcuts{flex:1 1;overflow:auto}.chat-builder-preview-shortcuts-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0d;border:1px solid #ffffff26;border-radius:18px;box-shadow:0 14px 26px #0000002e;overflow:hidden}.chat-builder-preview-shortcut{align-items:center;background:#0000;border:0;color:inherit;cursor:pointer;display:flex;gap:12px;padding:12px 14px;text-align:left;width:100%}.chat-builder-preview-shortcut:hover{background:#ffffff1a}.chat-builder-preview-shortcut.has-divider{border-bottom:1px solid #ffffff1a}.chat-builder-preview-shortcut-icon{background:#ffffff1f;border:1px solid #ffffff29;border-radius:999px;display:grid;flex:0 0 auto;font-size:14px;height:30px;place-items:center;width:30px}.chat-builder-preview-shortcut-text{display:flex;flex-direction:column;gap:2px;min-width:0}.chat-builder-preview-shortcut-title{font-size:13px;font-weight:700;line-height:1.2}.chat-builder-preview-shortcut-desc{font-size:12px;line-height:1.25;opacity:.72}.chat-builder-preview-footer{align-items:center;background-repeat:no-repeat;background-size:100% 100%;display:flex;flex-direction:column;gap:10px;padding:18px 16px 16px}.chat-builder-preview-footer.is-minimal{gap:8px;padding:16px 16px 14px}.chat-builder-preview-footer-dock{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff29;border-radius:22px;box-shadow:0 18px 30px #00000047,inset 0 1px 0 #ffffff1f;gap:10px;width:min(360px,100%)}.chat-builder-preview-footer-dock,.chat-builder-preview-footer-minbar{align-items:center;display:flex;justify-content:center;padding:10px 12px}.chat-builder-preview-footer-minbar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #ffffff24;border-radius:18px;box-shadow:0 14px 24px #00000038;gap:12px;width:min(320px,92%)}.chat-builder-preview-footer-minitem{align-items:center;background:#0000;border:0;border-radius:14px;color:inherit;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:650;gap:10px;justify-content:center;opacity:.92;padding:10px 12px;transition:background var(--transition-base),opacity var(--transition-base)}.chat-builder-preview-footer-minitem:hover{background:#ffffff14;opacity:1}.chat-builder-preview-footer-minitem.is-active{background:#ffffff1f}.chat-builder-preview-footer-item{align-items:center;background:#0000;border:0;border-radius:18px;color:inherit;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:12px;font-weight:650;gap:6px;justify-content:center;letter-spacing:.01em;opacity:.9;padding:10px 12px;transition:background var(--transition-base),transform var(--transition-base),opacity var(--transition-base)}.chat-builder-preview-footer-item:hover{background:#ffffff1a;opacity:1}.chat-builder-preview-footer-item.is-active{background:#ffffff29;box-shadow:0 10px 18px #0000002e,inset 0 0 0 1px #ffffff1f}.chat-builder-preview-footer-icon{display:grid;height:24px;place-items:center;width:32px}.chat-builder-preview-footer-text{font-size:12px;font-weight:700;opacity:.9}.chat-builder-preview-footer-brandbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff24;border-radius:18px;box-shadow:0 14px 26px #00000038,inset 0 1px 0 #ffffff1a;display:flex;justify-content:center;padding:10px 14px;width:min(320px,92%)}.chat-builder-preview-footer-brandmin{align-items:center;display:flex;justify-content:center;opacity:.85;padding-bottom:2px;padding-top:2px}.chat-builder-preview-footer-brand-text{font-size:10px;font-weight:500;letter-spacing:.06em;opacity:.6}.chat-builder-preview-footer-brand-name{font-size:12px;font-weight:600;letter-spacing:0;opacity:1}.chat-builder-inspector{background:var(--surface-raised);background:var(--surface-elevated,var(--surface-raised));border:1px solid var(--divider);border-radius:var(--radius-lg);overflow:hidden}.chat-builder-inspector-nav{background:var(--surface-sunken);border-bottom:1px solid var(--divider);display:flex;flex-wrap:wrap;gap:8px;padding:12px}.chat-builder-inspector-tab{background:var(--surface-raised);background:var(--surface-elevated,var(--surface-raised));border:1px solid var(--divider);border-radius:999px;color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:600;padding:8px 10px;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.chat-builder-inspector-tab:hover{background:var(--interactive-hover);border-color:var(--divider-strong);color:var(--text-primary)}.chat-builder-inspector-tab.is-active{background:var(--interactive-selected);border-color:var(--brand-primary);color:var(--text-primary)}.chat-builder-inspector-tab.is-disabled,.chat-builder-inspector-tab:disabled{background:var(--surface-sunken);border-color:var(--divider);cursor:not-allowed;opacity:.45}.chat-builder-inspector-tab.is-disabled:hover,.chat-builder-inspector-tab:disabled:hover{background:var(--surface-sunken);border-color:var(--divider);color:var(--text-secondary)}.chat-builder-inspector-body{display:flex;flex-direction:column;gap:var(--space-3);padding:14px}.chat-builder-inspector-section h3{color:var(--text-primary);font-size:16px;margin:0 0 10px}.chat-builder-muted{color:var(--text-tertiary);font-size:var(--text-sm);line-height:1.45;margin:0}.chat-builder-inspector-tip{border-top:1px dashed var(--divider);color:var(--text-tertiary);font-size:12px;margin-top:var(--space-2);padding-top:var(--space-2)}.chat-builder-fields{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:1fr}.chat-builder-fields--three{grid-template-columns:repeat(3,minmax(0,1fr))}.chat-builder-fields--two{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-builder-field{grid-gap:8px;display:grid;gap:8px}.chat-builder-field-label{color:var(--text-tertiary);font-size:13px}.chat-builder-field--toggle{align-items:center;grid-template-columns:1fr auto}.chat-builder-field--group{align-items:start;gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.chat-builder-field--toggle input[type=checkbox]{height:18px;width:18px}.chat-builder-field--segmented{display:flex;gap:10px}.chat-builder-collapse{background:var(--surface-sunken);border:1px solid var(--divider);border-radius:14px;overflow:hidden}.chat-builder-collapse>summary{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:750;gap:10px;justify-content:space-between;list-style:none;padding:10px 12px}.chat-builder-collapse>summary::-webkit-details-marker{display:none}.chat-builder-collapse>summary:after{content:"▾";font-size:12px;opacity:.7}.chat-builder-collapse[open]>summary:after{transform:rotate(180deg)}.chat-builder-collapse-body{grid-gap:12px;border-top:1px solid var(--divider);display:grid;gap:12px;padding:12px}.chat-builder-theme-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.chat-builder-theme-card{grid-gap:10px;align-items:center;background:var(--surface-raised);background:var(--surface-elevated,var(--surface-raised));border:1px solid var(--divider);border-radius:14px;box-shadow:var(--shadow-xs);color:var(--text-primary);cursor:pointer;display:grid;gap:10px;grid-template-columns:auto 1fr;padding:10px;text-align:left;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.chat-builder-theme-card:hover{background:var(--interactive-hover);border-color:var(--divider-strong);box-shadow:var(--shadow-sm)}.chat-builder-theme-card.is-selected{background:var(--interactive-selected);border-color:var(--brand-primary);box-shadow:var(--shadow-sm)}.chat-builder-theme-card.is-muted{opacity:.45}.chat-builder-theme-swatches{align-items:center;display:flex;gap:3px}.chat-builder-theme-swatch{border:1px solid var(--divider);border-radius:4px;height:12px;width:12px}.chat-builder-theme-custom{background:var(--surface-sunken);border:1px solid var(--divider);border-radius:10px;display:grid;font-size:14px;height:28px;place-items:center;width:28px}.chat-builder-theme-name{font-size:13px;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-builder-segment{background:var(--surface-raised);background:var(--surface-elevated,var(--surface-raised));border:1px solid var(--divider);border-radius:999px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:12px;font-weight:700;padding:10px 12px;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.chat-builder-segment.is-active{background:var(--interactive-selected);border-color:var(--brand-primary);color:var(--text-primary)}.chat-builder-color-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:18px 1fr}.chat-builder-color-swatch{border:1px solid var(--divider);border-radius:6px;height:18px;width:18px}.chat-builder-color-popover{grid-column:1/-1;margin-top:10px}.chat-builder-divider{background:var(--divider);border-radius:999px;height:1px;opacity:.8}.chat-builder-logo-section h4{color:var(--text-primary);font-size:14px;margin:0}.chat-builder-logo-row{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-template-columns:74px 1fr;margin-top:10px}.chat-builder-logo-preview{background:var(--surface-sunken);border:1px solid var(--divider);border-radius:16px;display:grid;height:74px;overflow:hidden;place-items:center;width:74px}.chat-builder-logo-preview img{height:100%;object-fit:cover;width:100%}.chat-builder-logo-placeholder{color:var(--text-secondary);font-weight:800;letter-spacing:.04em}.chat-builder-logo-controls{display:flex;flex-direction:column;gap:8px}.chat-builder-error{color:var(--color-danger);font-size:13px}.chat-builder-hint{color:var(--text-tertiary);font-size:12px;line-height:1.35}.chat-builder-hint--warning{background:var(--color-warning-soft);border:1px solid var(--color-warning);border-radius:12px;color:var(--text-secondary);padding:10px 12px}.chat-builder-shape-editor{display:flex;flex-direction:column;gap:var(--space-3)}.chat-builder-shape-canvas{border:1px solid #ffffff1a;border-radius:18px;height:180px;isolation:isolate;overflow:visible;position:relative;touch-action:none}.chat-builder-shape-preview{border-radius:inherit;inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.chat-builder-shape-midline{background:#ffffff38;bottom:0;left:50%;pointer-events:none;position:absolute;top:0;width:1px;z-index:1}.chat-builder-shape-canvas:after{background-image:linear-gradient(90deg,#ffffff0f 1px,#0000 0),linear-gradient(180deg,#ffffff0f 1px,#0000 0);background-size:20px 20px;border-radius:inherit;content:"";inset:0;opacity:.25;pointer-events:none;position:absolute;z-index:1}.chat-builder-point-handle{background:#0f172ab8;border:2px solid #fffffff2;border-radius:999px;box-shadow:0 8px 18px #00000040;cursor:grab;height:18px;padding:0;position:absolute;touch-action:none;transform:translate(-50%,-50%);width:18px;z-index:2}.chat-builder-point-handle:active{cursor:grabbing}.chat-builder-point-handle.is-dragging{transform:translate(-50%,-50%) scale(1.08)}.chat-builder-point-handle.is-mirror{border-style:dashed;opacity:.55}.chat-builder-point-handle.is-selected{box-shadow:0 0 0 3px #2ecc7159,0 8px 18px #00000040}.chat-builder-point-handle.is-locked{cursor:ns-resize}.chat-builder-shape-controls{grid-gap:10px;align-items:end;display:grid;gap:10px;grid-template-columns:1fr 1fr auto}.chat-builder-actions{align-items:center}.chat-builder-actions,.chat-builder-shape-toolbar{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chat-builder-point-editor{background:var(--surface-sunken);border:1px solid var(--divider);border-radius:14px;padding:12px}.chat-builder-point-editor h4{color:var(--text-primary);font-size:14px;margin:0 0 10px}.chat-builder-range-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:1fr 86px}.chat-builder-menu-link-card,.chat-builder-menu-links{display:flex;flex-direction:column;gap:var(--space-3)}.chat-builder-menu-link-card{background:var(--surface-sunken);border:1px solid var(--divider);border-radius:14px;padding:12px}.chat-builder-copy-status{color:var(--text-tertiary);font-size:13px}.chat-builder-copy-status--failed{color:#ef4444}.chat-builder-import{background:var(--surface-sunken);border:1px solid var(--divider);border-radius:var(--radius-lg);padding:var(--space-3)}.chat-builder-import-actions{align-items:center;display:flex;gap:var(--space-2);margin-top:var(--space-2)}.chat-builder-import-error{color:#ef4444;font-size:13px}.chat-builder-json{background:var(--surface-sunken);border:1px solid var(--divider);border-radius:var(--radius-lg);padding:var(--space-4)}.chat-builder-json h4{color:var(--text-tertiary);font-size:14px;letter-spacing:.02em;margin:0 0 var(--space-2);text-transform:uppercase}.chat-builder-clip-textarea,.chat-builder-json-textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px}@media (max-width:1100px){.chat-builder-field--group,.chat-builder-fields--three,.chat-builder-layout{grid-template-columns:1fr}}.support-page{width:100%}.support-page .page-header{display:none}.current-status{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;gap:1rem;padding:.75rem 1.25rem}.status-indicator{align-items:center;display:flex;gap:.5rem}.status-dot{animation:pulse-status 2s infinite;background:var(--status-color);border-radius:50%;height:10px;width:10px}@keyframes pulse-status{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.status-mode{color:var(--status-color);font-weight:600}.status-time{color:#64748b;color:var(--text-secondary,#64748b);font-size:.85rem}.header-status{align-items:center;display:flex;gap:1rem}.saving-indicator{animation:pulse-save 1s infinite;background:#f1f5f9;border-radius:6px;color:#64748b;color:var(--text-secondary,#64748b);font-size:.85rem;padding:.5rem .75rem}@keyframes pulse-save{0%,to{opacity:1}50%{opacity:.5}}.section{margin-bottom:2rem}.section h2{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.section-description{color:#64748b;color:var(--text-secondary,#64748b);font-size:.9rem;margin:0 0 1rem}.alert{align-items:center;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.25rem}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.alert button{background:none;border:none;color:inherit;cursor:pointer;font-size:1.25rem;opacity:.7}.alert button:hover{opacity:1}.loading-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:16px;padding:3rem;text-align:center}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:32px;margin:0 auto 1rem;width:32px}.empty-state-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:16px;padding:3rem;text-align:center}.empty-icon{display:block;font-size:3rem;margin-bottom:1rem}.mode-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}@media (max-width:900px){.mode-cards{grid-template-columns:1fr}}.mode-card{background:#fff;background:var(--card-bg,#fff);border:2px solid #e2e8f0;border:2px solid var(--border-color,#e2e8f0);border-radius:16px;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;text-align:left;transition:all .2s ease}.mode-card:hover{border-color:#94a3b8;box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.mode-card.selected{border-color:#0000;box-shadow:0 0 0 2px #3b82f6;box-shadow:0 0 0 2px var(--mode-color,#3b82f6)}.mode-card[data-mode=ai_only]{--mode-color:#3b82f6}.mode-card[data-mode=live_only]{--mode-color:#10b981}.mode-card[data-mode=combined]{--mode-color:#8b5cf6}.mode-card.selected:before{background:var(--mode-color);content:"";height:4px;left:0;position:absolute;right:0;top:0}.mode-card-icon{font-size:2.5rem;margin-bottom:1rem}.mode-card-body h3{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.mode-card-body p{color:#64748b;color:var(--text-secondary,#64748b);font-size:.9rem;line-height:1.5;margin:0 0 1rem}.mode-benefits{font-size:.85rem;list-style:none;margin:0;padding:0}.mode-benefits li{color:#64748b;color:var(--text-secondary,#64748b);padding:.2rem 0}.mode-badge{background:var(--mode-color);border-radius:100px;color:#fff;font-size:.75rem;font-weight:600;padding:.35rem .75rem;position:absolute;right:1rem;top:1rem}.calendar-section{background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:16px;padding:1.5rem}.week-calendar{-webkit-user-select:none;user-select:none}.paint-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.toolbar-label{color:#64748b;color:var(--text-secondary,#64748b);font-size:.85rem;font-weight:500}.paint-mode-btn,.paint-modes{display:flex;gap:.5rem}.paint-mode-btn{align-items:center;background:#fff;border:2px solid var(--mode-color);border-radius:8px;color:var(--mode-color);cursor:pointer;font-size:.85rem;font-weight:600;padding:.6rem 1.1rem;transition:all .15s ease}.paint-mode-btn.active,.paint-mode-btn:hover{background:var(--mode-bg)}.paint-mode-btn.active{border-width:3px;box-shadow:0 2px 8px #0000001a}.paint-mode-btn .mode-dot{background:var(--mode-color);border-radius:4px;height:14px;width:14px}.quick-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.quick-actions button{background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:6px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;font-size:.8rem;padding:.4rem .75rem;transition:all .15s ease}.quick-actions button:hover{background:#f8fafc;border-color:#94a3b8}.calendar-container{margin-bottom:1.5rem;overflow-x:auto}.hour-labels{display:flex;margin-bottom:4px;margin-left:46px}.corner-cell{display:none}.hour-label{color:#64748b;color:var(--text-secondary,#64748b);flex:1 1;font-size:.7rem;font-weight:500;min-width:0;text-align:left}.calendar-grid{display:flex;flex-direction:column;gap:2px}.day-label,.day-row{align-items:center;display:flex}.day-label{flex-shrink:0;justify-content:space-between;padding-right:4px;width:46px}.day-name{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.8rem;font-weight:600}.fill-day-btn{background:#f1f5f9;border:none;border-radius:4px;color:#64748b;cursor:pointer;font-size:.7rem;height:18px;opacity:0;transition:opacity .15s;width:18px}.day-row:hover .fill-day-btn{opacity:1}.fill-day-btn:hover{background:#e2e8f0}.hour-slots{background:#cbd5e1;border-radius:6px;display:flex;flex:1 1;gap:1px;overflow:hidden}.hour-slot{border:none;cursor:pointer;flex:1 1;height:28px;min-width:20px;position:relative;transition:all .1s ease}.hour-slot:hover{filter:brightness(.9);transform:scaleY(1.15);z-index:1}.hour-slot.current{border-radius:2px;box-shadow:inset 0 0 0 3px #f59e0b}.current-indicator{color:#f59e0b;font-size:10px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.calendar-legend{background:#f8fafc;border-radius:8px;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem;padding:1rem}.legend-item{align-items:center;display:flex;gap:.5rem}.legend-color{border:1px solid;border-radius:4px;height:18px;width:24px}.legend-label{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.85rem;font-weight:500}.legend-desc{color:#64748b;color:var(--text-secondary,#64748b);font-size:.8rem}.calendar-instructions{background:#f8fafc;border-radius:8px;padding:.75rem 1rem}.calendar-instructions p{color:#64748b;color:var(--text-secondary,#64748b);font-size:.85rem;margin:0}.policy-section{background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:16px;padding:1.5rem}.escalation-policy-panel h4{font-size:1.1rem;margin:0 0 .5rem}.panel-description{color:#64748b;color:var(--text-secondary,#64748b);font-size:.9rem;margin:0 0 1.5rem}.policy-option{margin-bottom:1.25rem}.policy-toggle{align-items:flex-start;cursor:pointer;display:flex;gap:.75rem}.policy-toggle input[type=checkbox]{accent-color:#8b5cf6;height:20px;margin-top:2px;width:20px}.toggle-content{gap:.25rem}.toggle-content strong{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.95rem}.toggle-content span{color:#64748b;color:var(--text-secondary,#64748b);font-size:.85rem;line-height:1.4}.policy-field{display:flex;flex-direction:column;gap:.35rem}.field-label{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.9rem;font-weight:500}.field-hint{color:#64748b;color:var(--text-secondary,#64748b);font-size:.8rem}.input-sm{max-width:100px}.policy-info{background:#f8fafc;border-radius:10px;margin-top:1.5rem;padding:1rem}.policy-info h5{font-size:.9rem;margin:0 0 .75rem}.policy-info ul{font-size:.85rem;margin:0;padding-left:1.25rem}.policy-info li{color:#64748b;color:var(--text-secondary,#64748b);padding:.25rem 0}.policy-info strong{color:#1e293b;color:var(--text-primary,#1e293b)}.info-section{background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:16px;padding:2rem}.simple-mode-info{margin:0 auto;max-width:500px;text-align:center}.simple-mode-info .info-icon{font-size:3rem;margin-bottom:1rem}.simple-mode-info h3{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1.25rem;margin:0 0 .75rem}.simple-mode-info p{color:#64748b;color:var(--text-secondary,#64748b);font-size:.95rem;line-height:1.6;margin:0}.save-section{display:flex;justify-content:flex-end;padding-top:1rem}.btn-save{align-items:center;border-radius:12px;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-width:180px;padding:.875rem 2rem}.btn-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media (prefers-color-scheme:dark){.calendar-section,.info-section,.mode-card,.policy-section{background:#1e293b;border-color:#334155}.mode-card:hover{border-color:#475569}.day-name,.field-label,.legend-label,.mode-card-body h3,.policy-info strong,.simple-mode-info h3,.toggle-content strong{color:#f1f5f9}.hour-slots{background:#334155}.quick-actions button{background:#1e293b;border-color:#334155}.quick-actions button:hover{background:#334155}.calendar-instructions,.policy-info{background:#0f172a}}.bot-list{display:flex;flex-direction:column;gap:var(--space-4);list-style:none;margin:0;padding:0}.bot-row{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background:var(--glass-bg);border:1px solid #22c55e26;border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition-base)}.bot-row:hover{border-color:#22c55e4d}.bot-row.expanded{border-color:#22c55e59;box-shadow:0 4px 24px #22c55e1a}.bot-summary{align-items:center;display:flex;gap:var(--space-4);padding:var(--space-4) var(--space-5)}.bot-color{border-radius:var(--radius-sm);flex-shrink:0;height:40px;width:4px}.bot-main{flex:1 1;min-width:0}.bot-main h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.bot-main p{color:var(--text-secondary);font-size:var(--text-sm);margin:2px 0 0}.bot-meta{align-items:center;display:flex;flex-shrink:0;gap:var(--space-4)}.bot-meta .meta-label{color:var(--text-muted);font-size:var(--text-xs)}.bot-status{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.bot-status--inline{align-items:center;flex-direction:row;gap:var(--space-2)}.bot-status-toggle{align-items:center;background:#22c55e14;border:1px solid #22c55e59;border-radius:999px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:var(--text-xs);gap:var(--space-2);padding:4px 10px;transition:all var(--transition-fast)}.bot-status-toggle.is-inactive{background:#94a3b81f;border-color:#94a3b866;color:var(--text-secondary)}.bot-status-toggle:disabled{cursor:not-allowed;opacity:.6}.bot-status-track{background:#22c55e99;border-radius:999px;height:16px;position:relative;transition:background var(--transition-fast);width:28px}.bot-status-toggle.is-inactive .bot-status-track{background:#94a3b899}.bot-status-thumb{background:#fff;border-radius:50%;box-shadow:0 1px 4px #0f172a59;height:12px;left:14px;position:absolute;top:2px;transition:left var(--transition-fast);width:12px}.bot-status-toggle.is-inactive .bot-status-thumb{left:2px}.bot-status-text{font-weight:600}.bot-status-lock{color:var(--text-muted);font-size:.7rem;letter-spacing:.02em;text-transform:uppercase}.bot-limit{align-items:flex-end;background:var(--surface-elevated);border:1px solid var(--divider);border-radius:12px;color:var(--text-secondary);display:flex;flex-direction:column;font-size:var(--text-xs);gap:2px;padding:6px 12px}.bot-limit-label{color:var(--text-muted);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}.bot-limit strong{color:var(--text-primary);font-size:.95rem}.bot-limit.is-max{background:#ef444414;border-color:#ef444459}.bot-toggle-btn{align-items:center;background:var(--surface-elevated);border:1px solid #22c55e40;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:500;gap:var(--space-2);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.bot-toggle-btn:hover{background:#22c55e1a;border-color:var(--brand-primary);color:var(--brand-primary)}.bot-toggle-icon{color:var(--brand-primary);font-size:1rem;opacity:.7}.bot-toggle-btn:hover .bot-toggle-icon{opacity:1}.bot-close-btn{align-items:center;background:#0000;border:1px solid #22c55e33;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;font-size:.9rem;height:28px;justify-content:center;transition:all var(--transition-fast);width:28px}.bot-close-btn:hover{background:var(--interactive-hover);border-color:#22c55e66;color:var(--text-primary)}.bot-expanded-header{background:linear-gradient(180deg,var(--surface-sunken) 0,#0000 100%);border-bottom:1px solid var(--divider);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-5);position:relative}.bot-expanded-header:after{background:linear-gradient(90deg,var(--brand-primary-muted),#0000 50%);bottom:0;content:"";height:1px;left:var(--space-5);position:absolute;right:var(--space-5)}.bot-expanded-header-top{align-items:center;display:flex;gap:var(--space-4);justify-content:space-between}.bot-expanded-title{align-items:center;display:flex;gap:var(--space-3)}.bot-expanded-title .bot-color{border-radius:var(--radius-sm);height:24px;width:4px}.bot-expanded-title h3{color:var(--text-primary);font-size:1.05rem;font-weight:600;margin:0}.bot-expanded-title .bot-segment{border-left:1px solid var(--divider);color:var(--text-tertiary);font-size:var(--text-sm);padding-left:var(--space-3)}.bot-expanded-meta{align-items:center;color:var(--text-muted);display:flex;font-size:var(--text-xs);gap:var(--space-3)}.bot-expanded-meta .icon-button{font-size:var(--text-sm);padding:var(--space-2) var(--space-3)}.bot-detail-nav{flex-wrap:wrap;margin:0 calc(var(--space-1)*-1);padding:0 var(--space-1)}.bot-detail-nav,.bot-nav-button{align-items:center;display:flex;gap:var(--space-1)}.bot-nav-button{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.78rem;font-weight:500;padding:6px 12px;transition:all var(--transition-fast);white-space:nowrap}.bot-nav-button:hover{background:var(--interactive-hover);color:var(--text-primary)}.bot-nav-button.is-active{background:#22c55e1f;color:var(--brand-primary);font-weight:600}.bot-settings{padding:var(--space-5)}.bot-detail-layout{gap:var(--space-5)}.bot-detail-content{display:flex;flex-direction:column;gap:var(--space-5)}.bot-actions{border-top:1px solid var(--divider);display:flex;gap:var(--space-3);margin-top:var(--space-3);padding-top:var(--space-5)}.bot-empty{color:var(--text-muted);padding:var(--space-8);text-align:center}.bot-section{margin-bottom:var(--space-3);padding-bottom:var(--space-5)}.bot-section,.bot-section-header{gap:var(--space-4)}.bot-section-header h3{color:var(--text-primary);font-size:1rem;font-weight:600}.bot-section-header p{font-size:var(--text-sm)}.bot-grid{grid-gap:var(--space-4);gap:var(--space-4)}.bot-grid--three{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.bot-grid--two{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.bot-section .qa-empty,.bot-section .qb-list{border-top:1px solid var(--divider);margin-top:var(--space-4);padding-top:var(--space-4)}.bot-tools-section{display:flex;flex-direction:column;gap:var(--space-5)}.bot-tools-list,.bot-tools-locked{display:flex;flex-direction:column;gap:var(--space-3)}.bot-tools-list-title{color:var(--text-primary);font-size:var(--text-sm);font-weight:600;letter-spacing:.05em;margin:0;text-transform:uppercase}.bot-tools-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.bot-tool-card{background:var(--surface-raised);background:var(--surface-elevated,var(--surface-raised));border:1px solid var(--divider);border-radius:var(--radius-md);padding:var(--space-4);position:relative;transition:all var(--transition-fast)}.bot-tool-card:hover{background:var(--interactive-hover);border-color:var(--border-strong)}.bot-tool-card.is-enabled{background:#22c55e0d;border-color:#22c55e4d}.bot-tool-card.is-enabled:hover{background:#22c55e14;border-color:#22c55e80}.bot-tool-toggle{align-items:flex-start;cursor:pointer;display:flex;gap:var(--space-3)}.bot-tool-toggle input[type=checkbox]{appearance:none;-webkit-appearance:none;background:var(--surface-sunken);border:1px solid var(--divider);border-radius:11px;cursor:pointer;flex-shrink:0;height:22px;margin-top:2px;position:relative;transition:all var(--transition-fast);width:40px}.bot-tool-toggle input[type=checkbox]:after{background:var(--text-muted);border-radius:50%;content:"";height:16px;left:2px;position:absolute;top:2px;transition:all var(--transition-fast);width:16px}.bot-tool-toggle input[type=checkbox]:checked{background:var(--brand-primary);border-color:var(--brand-primary)}.bot-tool-toggle input[type=checkbox]:checked:after{background:#fff;transform:translateX(18px)}.bot-tool-toggle input[type=checkbox]:hover{border-color:var(--brand-primary-muted)}.bot-tool-info{display:flex;flex:1 1;flex-direction:column;gap:var(--space-1);min-width:0}.bot-tool-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:600;line-height:1.4}.bot-tool-description{color:var(--text-tertiary);font-size:var(--text-xs);line-height:1.5}.bot-tool-bundle{border-top:1px dashed var(--divider);color:var(--text-muted);font-size:var(--text-xs);margin-top:var(--space-1);padding-top:var(--space-1)}.bot-tool-card.is-locked{background:var(--surface-sunken);opacity:.7}.bot-tool-card.is-locked:hover{opacity:.85}.bot-tool-card.is-locked .bot-tool-info{padding-right:var(--space-8)}.bot-tool-price{color:var(--accent-amber);font-size:var(--text-xs);font-weight:500;margin-top:var(--space-1)}.bot-tool-lock-badge{background:var(--surface-elevated);border:1px solid var(--divider);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-xs);padding:2px 8px;position:absolute;right:var(--space-3);top:var(--space-3)}.bot-tools-empty{background:var(--surface-sunken);border:1px dashed var(--divider);border-radius:var(--radius-md);padding:var(--space-8);text-align:center}.bot-tools-empty p{color:var(--text-secondary);margin:0 0 var(--space-2)}.bot-tools-empty .input-hint{margin:0}.bot-tools-locked{border-top:1px solid var(--divider);margin-top:var(--space-4);padding-top:var(--space-4)}.bot-tools-grid--locked .bot-tool-card{cursor:default}@media (max-width:768px){.bot-summary{flex-wrap:wrap}.bot-meta{justify-content:space-between;width:100%}.bot-expanded-header-top{align-items:flex-start;flex-direction:column}.bot-detail-nav{padding-bottom:var(--space-2)}.bot-grid--three,.bot-grid--two{grid-template-columns:1fr}.bot-actions{flex-direction:column}.bot-actions .button{width:100%}.bot-tools-grid{grid-template-columns:1fr}}.installation-section{gap:var(--space-5)}.install-placement-card{background:var(--glass-bg);border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden}.install-placement-card h4{color:var(--text-primary);font-size:1rem;font-weight:600;padding:var(--space-4) var(--space-5)}.install-placement-card h4,.install-placement-desc{background:var(--surface-sunken);border-bottom:1px solid var(--divider);margin:0}.install-placement-desc{color:var(--text-secondary);font-size:.9rem;padding:var(--space-3) var(--space-5)}.install-placement-desc code{background:#3b82f626;border-radius:4px;color:#60a5fa;font-family:var(--font-mono);font-size:.85em;padding:2px 6px}.install-html-preview{background:#0d1117;font-family:var(--font-mono);font-size:.85rem;line-height:1.8;padding:var(--space-4) 0}.html-line{color:#7ee787;padding:var(--space-1) var(--space-5)}.html-line.dimmed{color:#8b949e99}.html-line.indent-1{padding-left:calc(var(--space-5) + 1.5rem)}.html-line.indent-2{padding-left:calc(var(--space-5) + 3rem)}.html-line.highlighted{background:#3b82f62e;border-left:3px solid #3b82f6;display:flex;flex-direction:column;gap:var(--space-2);margin:var(--space-2) 0;padding-bottom:var(--space-3);padding-top:var(--space-3)}.html-line.highlighted code{background:none;color:#79c0ff;display:block;padding:0;word-break:break-all}.placement-indicator{align-items:center;color:#60a5fa;display:inline-flex;font-family:var(--font-sans);font-size:.75rem;font-weight:600;gap:6px;letter-spacing:.05em;text-transform:uppercase}.install-platforms-card{background:var(--glass-bg);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-5)}.install-platforms-card h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 var(--space-2) 0}.install-platforms-desc{color:var(--text-secondary);font-size:.9rem;margin:0 0 var(--space-4) 0}.install-platforms-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.install-platforms-grid{grid-template-columns:1fr}}.install-platform{align-items:center;background:var(--surface-sunken);border:1px solid var(--divider);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-4);text-align:left;transition:all var(--transition-fast);width:100%}.install-platform:hover{background:var(--brand-glow-subtle);border-color:var(--brand-primary-muted);box-shadow:var(--shadow-md);transform:translateY(-2px)}.install-platform-icon{flex-shrink:0;font-size:1.75rem}.install-platform-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.install-platform-info strong{color:var(--text-primary);font-size:.95rem;font-weight:600}.install-platform-info span{color:var(--text-tertiary);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.install-platform-info code{background:#3b82f61f;border-radius:3px;color:#60a5fa;font-family:var(--font-mono);font-size:.75rem;padding:1px 5px}.install-platform-arrow{color:var(--text-muted);font-size:1.1rem;transition:transform var(--transition-fast)}.install-platform:hover .install-platform-arrow{color:var(--brand-primary);transform:translateX(4px)}.platform-guide-modal-overlay{align-items:center;animation:modal-fade-in .25s ease-out;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#000000b3;display:flex;height:100vh;inset:0;isolation:isolate;justify-content:center;padding:var(--space-6);position:fixed;width:100vw;z-index:999999}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.platform-guide-modal{animation:modal-slide-in .3s cubic-bezier(.16,1,.3,1);background:var(--surface-base);border:1px solid var(--border-default);border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff1a,0 0 80px #0006;display:flex;flex-direction:column;max-width:560px;overflow:hidden;position:relative;width:100%}.platform-guide-modal-embed{height:92vh;max-height:1000px;max-width:1100px}.platform-guide-modal-compact{height:auto;max-height:95vh;max-width:540px;overflow:visible}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.platform-guide-modal-header{align-items:center;background:#0000;border-bottom:1px solid var(--divider);display:flex;justify-content:space-between;padding:var(--space-5) var(--space-6)}.platform-guide-modal-title{align-items:center;display:flex;gap:var(--space-3)}.platform-guide-modal-icon{align-items:center;background:linear-gradient(135deg,#22c55e26,#06b6d41a);border-radius:var(--radius-md);display:flex;font-size:1.1rem;height:36px;justify-content:center;width:36px}.platform-guide-modal-title h3{color:var(--text-primary);font-size:1.05rem;font-weight:600;letter-spacing:-.01em;margin:0}.platform-guide-modal-close{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;font-size:1.1rem;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.platform-guide-modal-close:hover{background:var(--surface-sunken);color:var(--text-primary)}.platform-guide-modal-help{align-items:center;background:linear-gradient(90deg,#22c55e14,#06b6d40a);color:var(--brand-primary);display:flex;font-size:.85rem;gap:var(--space-2);padding:var(--space-3) var(--space-6)}.platform-guide-modal-help-icon{font-size:.95rem;opacity:.8}.platform-guide-iframe-container{background:#fff;flex:1 1;min-height:400px;position:relative}.platform-guide-iframe-container.is-loaded .platform-guide-loading{display:none}.platform-guide-loading{align-items:center;background:var(--surface-base);color:var(--text-secondary);display:flex;flex-direction:column;font-size:.9rem;gap:var(--space-3);inset:0;justify-content:center;position:absolute}.platform-guide-spinner{animation:spin .8s linear infinite;border:3px solid var(--divider);border-radius:50%;border-top-color:var(--brand-primary);height:32px;width:32px}.platform-guide-iframe{border:none;height:100%;width:100%}.platform-guide-modal-body{padding:var(--space-6) var(--space-6) var(--space-5)}.platform-guide-info{text-align:center}.platform-guide-info-icon{font-size:2.5rem;margin-bottom:var(--space-4);opacity:.9}.platform-guide-info h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;letter-spacing:-.01em;margin:0 0 var(--space-3) 0}.platform-guide-info p{color:var(--text-secondary);font-size:.9rem;line-height:1.65;margin:0 0 var(--space-5) 0;margin-left:auto;margin-right:auto;max-width:400px}.platform-guide-steps{display:flex;flex-direction:column;gap:var(--space-2);text-align:left}.platform-guide-step{align-items:center;background:var(--surface-sunken);border:1px solid var(--divider);border-radius:var(--radius-md);color:var(--text-primary);display:flex;font-size:.875rem;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.platform-guide-step-num{align-items:center;background:var(--brand-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;font-weight:600;height:26px;justify-content:center;width:26px}.platform-guide-modal-footer{align-items:center;background:#0000;border-top:1px solid var(--divider);display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-4) var(--space-6)}.platform-guide-modal-footer .button{border-radius:var(--radius-md);font-size:.9rem;font-weight:500;padding:10px 20px;transition:all var(--transition-fast)}.platform-guide-modal-footer .button-secondary{background:#0000;border:1px solid var(--divider);color:var(--text-secondary)}.platform-guide-modal-footer .button-secondary:hover{background:var(--surface-sunken);border-color:var(--border-hover);color:var(--text-primary)}.platform-guide-modal-footer .button-primary{align-items:center;background:var(--brand-primary);border:none;color:#fff;display:inline-flex;gap:var(--space-2);text-decoration:none}.platform-guide-modal-footer .button-primary:hover{background:#059669;box-shadow:0 4px 12px #22c55e4d;transform:translateY(-1px)}.install-copy-btn{background:var(--surface-base);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-weight:500;padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.install-copy-btn:hover:not(:disabled){background:var(--interactive-hover);border-color:var(--brand-primary-muted);color:var(--text-primary)}.install-copy-btn.copied{background:#22c55e26;border-color:#22c55e4d;color:#22c55e}.install-copy-btn:disabled{cursor:not-allowed;opacity:.5}.install-code-missing{color:var(--text-tertiary);font-size:.9rem;font-style:italic;padding:var(--space-4);text-align:center}.flow-builder-stack{display:flex;flex-direction:column;gap:var(--space-4)}.flow-empty-state{padding:var(--space-8)!important;text-align:center}.flow-empty-state h4{color:var(--text-primary);font-size:1.1rem;margin:0 0 var(--space-2)}.flow-empty-state p{color:var(--text-muted);margin:0 0 var(--space-4)}.flow-card{border-radius:var(--radius-xl);padding:var(--space-5)}.flow-card--inactive{border-style:dashed;opacity:.6}.flow-card-head{align-items:flex-start;border-bottom:1px solid var(--divider);display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-4)}.flow-card-title{flex:1 1;min-width:200px}.flow-card-title .input{max-width:300px}.flow-card-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3)}.flow-meta-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:var(--space-5)}.flow-block-panel{background:var(--surface-sunken);border-radius:var(--radius-lg);padding:var(--space-4)}.flow-block-panel-head{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-4)}.flow-block-panel-head h4{color:var(--text-primary);font-size:.95rem;margin:0 0 var(--space-1)}.flow-block-add{align-items:center;color:var(--text-muted);font-size:.8rem}.flow-block-add,.flow-block-add-buttons{display:flex;gap:var(--space-2)}.flow-block-add-buttons .button{font-size:.75rem;padding:6px 10px}.flow-block-layout{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:minmax(200px,280px) 1fr;min-height:200px}@media (max-width:900px){.flow-block-layout{grid-template-columns:1fr}}.flow-block-map{background:var(--surface-base);border:1px solid var(--divider);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:0;max-height:400px;overflow-y:auto;padding:var(--space-2)}.flow-block-map--empty{align-items:center;justify-content:center;min-height:120px;text-align:center}.flow-block-dropzone{background:#0000;border-radius:2px;height:4px;margin:2px 0;transition:all var(--transition-fast)}.flow-block-dropzone.active{background:var(--brand-primary);height:8px;margin:4px 0}.flow-block-node{background:var(--surface-base);border:1px solid var(--divider);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);text-align:left;transition:all var(--transition-fast);width:100%}.flow-block-node:hover{background:var(--interactive-hover);border-color:var(--brand-primary-muted)}.flow-block-node.active{background:#22c55e14;border-color:var(--brand-primary);box-shadow:0 0 0 2px var(--brand-glow-subtle)}.flow-block-node.dragging{opacity:.5;transform:scale(.98)}.flow-block-node--add{align-items:center;border-style:dashed;color:var(--text-muted);justify-content:center;min-height:60px}.flow-block-node--add span{font-size:1.2rem;line-height:1}.flow-block-node--add small{font-size:.7rem}.flow-block-node--add:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.flow-block-node-header{align-items:center;display:flex;gap:var(--space-2)}.flow-block-node-step{color:var(--text-muted);font-size:.65rem;font-weight:700;text-transform:uppercase}.flow-block-node-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:.8rem;font-weight:500;line-height:1.4;margin:0;overflow:hidden}.flow-block-node-meta{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-1)}.flow-block-node--question{border-left:3px solid #3b82f6}.flow-block-node--process{border-left:3px solid #f59e0b}.flow-block-node--notify{border-left:3px solid #8b5cf6}.flow-block-editor{background:var(--surface-base);border:1px solid var(--divider);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4)}.flow-block-editor-head{align-items:flex-start;border-bottom:1px solid var(--divider);display:flex;gap:var(--space-4);justify-content:space-between;padding-bottom:var(--space-3)}.flow-block-editor-head h5{color:var(--text-primary);font-size:1rem;margin:0}.flow-block-editor-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.flow-block-fields{display:flex;flex-direction:column;gap:var(--space-3)}.flow-variable-palette{background:var(--surface-sunken);border-radius:var(--radius-md);padding:var(--space-3)}.flow-variable-chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-2) 0}.flow-variable-chip{align-items:center;background:var(--interactive-hover);border:1px solid var(--divider);border-radius:var(--radius-md);cursor:grab;display:inline-flex;font-size:.75rem;gap:var(--space-1);padding:4px 8px;transition:all var(--transition-fast)}.flow-variable-chip:hover{background:#22c55e1a;border-color:var(--brand-primary-muted)}.flow-variable-chip code{color:var(--brand-primary);font-family:var(--font-mono);font-size:.7rem}.flow-variable-chip small{color:var(--text-muted);font-size:.65rem}.variable-tag{background:#22c55e26;border-radius:var(--radius-sm);color:#22c55e;font-family:var(--font-mono);font-size:.65rem;padding:2px 6px}.tool-tag{color:var(--text-muted);font-size:.65rem}.badge-soft{align-items:center;background:var(--surface-sunken);border-radius:var(--radius-sm);color:var(--text-secondary);display:inline-flex;font-size:.65rem;font-weight:500;gap:4px;padding:2px 6px}.badge-icon{font-size:.75rem}.toggle-field{align-items:flex-start;background:var(--surface-sunken);border-radius:var(--radius-md);display:flex;gap:var(--space-3);padding:var(--space-3)}.toggle-field input[type=checkbox]{margin-top:2px}.toggle-content{display:flex;flex-direction:column;gap:2px}.toggle-label{color:var(--text-primary);font-size:.85rem}.pill-muted{background:var(--surface-sunken);border-radius:var(--radius-full);color:var(--text-muted);display:inline-flex;font-size:.7rem;font-weight:500;padding:4px 10px}.bot-section-actions{gap:var(--space-2)}.textarea-compact{min-height:auto}.inline-alert{align-items:center;border-radius:var(--radius-md);display:flex;font-size:.875rem;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.inline-alert-error{background:var(--color-danger-soft);border:1px solid #ef44444d;color:var(--color-danger)}.inline-alert-success{background:var(--color-success-soft);border:1px solid #22c55e4d;color:var(--color-success)}.inline-alert strong{font-weight:600}.flow-cards-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.flow-summary-card{background:var(--surface-elevated);border:1px solid var(--divider);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-fast)}.flow-summary-card:hover{border-color:var(--brand-primary-muted);box-shadow:var(--shadow-md)}.flow-summary-card--inactive{border-style:dashed;opacity:.6}.flow-summary-card-header{align-items:center;background:var(--surface-sunken);border-bottom:1px solid var(--divider);display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4)}.flow-summary-card-title{align-items:center;display:flex;gap:var(--space-2)}.flow-summary-card-icon{font-size:1.1rem}.flow-summary-card-title h4{color:var(--text-primary);font-size:.95rem;font-weight:600;margin:0}.flow-summary-card-toggle{align-items:center;color:var(--text-muted);cursor:pointer;display:flex;font-size:.75rem;gap:var(--space-2)}.flow-summary-card-toggle input[type=checkbox]{accent-color:var(--brand-primary)}.flow-summary-card-toggle-label{font-weight:500}.flow-summary-card-body{cursor:pointer;padding:var(--space-4)}.flow-summary-card-link{color:inherit;display:block;text-decoration:none}.flow-summary-card-link:hover{text-decoration:none}.flow-summary-card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.85rem;line-height:1.5;margin:0 0 var(--space-3);overflow:hidden}.flow-summary-card-meta{align-items:center;color:var(--text-muted);display:flex;font-size:.75rem;gap:var(--space-3)}.flow-summary-card-blocks{background:var(--surface-sunken);border-radius:var(--radius-sm);padding:2px 8px}.flow-summary-card-status{color:var(--color-warning)}.flow-summary-card-edit{background:#0000;border:none;border-top:1px solid var(--divider);color:var(--brand-primary);cursor:pointer;display:block;font-size:.85rem;font-weight:500;padding:var(--space-3);text-align:center;text-decoration:none;transition:all var(--transition-fast);width:100%}.flow-summary-card-edit:hover{background:#22c55e14}.flow-editor-modal-overlay{align-items:center;animation:modal-fade-in .2s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:var(--space-4);position:fixed;z-index:999999}.flow-editor-modal{animation:modal-slide-in .25s cubic-bezier(.16,1,.3,1);background:var(--surface-base);border:1px solid var(--border-default);border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:1150px;overflow:hidden;width:calc(100% - 40px)}.flow-editor-modal-header{align-items:center;background:var(--surface-sunken);border-bottom:1px solid var(--divider);display:flex;justify-content:space-between;padding:var(--space-4) var(--space-5)}.flow-editor-modal-title{align-items:center;display:flex;gap:var(--space-3)}.flow-editor-modal-icon{font-size:1.3rem}.flow-editor-modal-title h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.flow-editor-modal-subtitle{color:var(--text-muted);font-size:.8rem;margin:2px 0 0}.flow-editor-modal-close{align-items:center;background:#0000;border:1px solid var(--divider);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.flow-editor-modal-close:hover{background:var(--surface-sunken);border-color:var(--border-hover);color:var(--text-primary)}.flow-editor-modal-body{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:16px 20px}.flow-editor-layout{grid-gap:var(--space-4);display:grid;flex:1 1;gap:var(--space-4);grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);min-height:0}.flow-editor-pane{display:flex;flex-direction:column;gap:var(--space-4);min-height:0;overflow:auto}.flow-editor-pane--inspector{background:var(--surface-sunken);border:1px solid var(--divider);border-radius:var(--radius-xl);padding:var(--space-3)}.flow-editor-modal-footer{align-items:center;background:var(--surface-sunken);border-top:1px solid var(--divider);display:flex;justify-content:space-between;padding:var(--space-4) var(--space-5)}.flow-editor-modal-footer-right{display:flex;gap:var(--space-3)}.flow-editor-meta{background:var(--surface-elevated);border:1px solid var(--divider);border-radius:var(--radius-lg);padding:var(--space-4)}.flow-editor-meta-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--space-4)}.flow-editor-meta-field{flex:1 1;min-width:150px}.flow-editor-meta-field--wide{flex:2 1;min-width:250px}.flow-editor-meta-toggle{padding-bottom:6px}.flow-diagram-section{background:var(--surface-elevated);border:1px solid var(--divider);border-radius:var(--radius-lg);display:flex;flex-direction:column;min-height:260px;overflow:hidden}.flow-diagram-header{align-items:center;background:var(--surface-sunken);border-bottom:1px solid var(--divider);display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;padding:var(--space-3) var(--space-4)}.flow-diagram-header h4{color:var(--text-primary);font-size:.9rem;font-weight:600;margin:0}.flow-diagram-actions{display:flex;gap:var(--space-2)}.flow-diagram-empty{background:#f1f5f9e6;background:var(--flow-diagram-bg);background-image:radial-gradient(circle,#00000026 1px,#0000 0);background-image:var(--flow-diagram-dots);background-size:20px 20px;color:var(--text-muted);display:grid;flex:1 1;padding:var(--space-8);place-items:center;text-align:center}.flow-diagram-canvas{background:#f1f5f9e6;background:var(--flow-diagram-bg);background-image:radial-gradient(circle,#00000026 1px,#0000 0);background-image:var(--flow-diagram-dots);background-size:20px 20px;flex:1 1;max-height:none;min-height:200px;overflow-x:hidden;overflow-y:auto;padding:16px 16px 16px 20px;position:relative}.flow-diagram-canvas:after{background:linear-gradient(90deg,#0000,#f1f5f9e6);background:linear-gradient(to right,#0000,var(--flow-diagram-bg));bottom:16px;content:"";opacity:.8;pointer-events:none;position:absolute;right:0;top:16px;width:20px}:root,[data-theme=light]{--flow-diagram-bg:#f1f5f9e6;--flow-diagram-dots:radial-gradient(circle,#00000026 1px,#0000 0);--flow-connector-color:#16a34a}[data-theme=dark]{--flow-diagram-bg:#0f172ab3;--flow-diagram-dots:radial-gradient(circle,#ffffff2e 1px,#0000 0);--flow-connector-color:#4ade80}.flow-diagram-grid{align-items:flex-start;column-gap:0;display:flex;flex-wrap:wrap;position:relative;row-gap:10px}.flow-diagram-node-group{align-items:center;display:flex;position:relative}.flow-diagram-node-group:before{background:#0000;border-radius:1px;bottom:0;content:"";left:-12px;position:absolute;top:0;transition:background .2s;width:2px}.flow-diagram-dropzone{align-items:center;background:#0000;border-radius:var(--radius-sm);display:flex;flex-shrink:0;height:76px;justify-content:center;position:relative;transition:all var(--transition-fast);width:28px}.flow-diagram-dropzone:before{color:#16a34a;color:var(--flow-connector-color);content:"→";font-size:.85rem;font-weight:600;opacity:.6}.flow-diagram-dropzone--start{height:76px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:6px;z-index:5}.flow-diagram-dropzone--start:before{content:""}.flow-diagram-dropzone--start.active{background:#22c55e40;border:2px dashed var(--brand-primary);border-radius:var(--radius-sm);left:-12px;width:24px}.flow-diagram-dropzone--end:before{content:"+";font-size:1rem;opacity:.35}.flow-diagram-dropzone--end:hover:before{opacity:.7}.flow-diagram-dropzone:hover{background:#22c55e14}.flow-diagram-dropzone:hover:before{opacity:.9}.flow-diagram-dropzone.active{background:#22c55e33;border:2px dashed var(--brand-primary)}.flow-diagram-dropzone.active:before{color:var(--brand-primary);opacity:1}.flow-diagram-node{background:var(--surface-base);border:2px solid var(--divider);border-radius:var(--radius-lg);cursor:grab;display:flex;flex-direction:column;flex-shrink:0;gap:2px;height:76px;padding:6px 8px;text-align:left;transition:all var(--transition-fast);width:125px}.flow-diagram-node:active{cursor:grabbing}.flow-diagram-node:hover{border-color:var(--brand-primary-muted);box-shadow:var(--shadow-md);transform:translateY(-2px)}.flow-diagram-node.active{background:#22c55e14;border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-glow-subtle)}.flow-diagram-node.dragging{opacity:.5;transform:scale(.95)}.flow-diagram-node--question{border-left:4px solid #3b82f6}.flow-diagram-node--process{border-left:4px solid #f59e0b}.flow-diagram-node--notify{border-left:4px solid #8b5cf6}.flow-diagram-node-header{align-items:center;display:flex;justify-content:space-between}.flow-diagram-node-step{color:var(--text-muted);font-size:.65rem;font-weight:700;text-transform:uppercase}.flow-diagram-node-type{font-size:.9rem}.flow-diagram-node-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;flex:1 1;font-size:.75rem;font-weight:500;line-height:1.3;margin:0;overflow:hidden}.flow-diagram-node-var{align-self:flex-start;background:#22c55e26;border-radius:var(--radius-sm);color:var(--brand-primary);font-family:var(--font-mono);font-size:.6rem;padding:1px 4px}.flow-block-editor-panel{background:var(--surface-elevated);border:1px solid var(--divider);border-radius:var(--radius-lg);padding:var(--space-4)}.flow-block-editor-empty{background:var(--surface-base);border:1px dashed var(--divider);border-radius:var(--radius-lg);color:var(--text-muted);margin:auto 0;padding:var(--space-6);text-align:center}.flow-block-editor-empty-icon{display:block;font-size:2rem;margin-bottom:var(--space-2)}.flow-block-editor-empty h5{color:var(--text-primary);font-size:1rem;margin:0 0 var(--space-2)}.flow-block-editor-empty p{color:var(--text-secondary);font-size:.85rem;margin:0 0 var(--space-3)}.flow-block-editor-panel-header{align-items:flex-start;border-bottom:1px solid var(--divider);display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.flow-block-editor-panel-header h4{color:var(--text-primary);font-size:.95rem;font-weight:600;margin:0}.flow-block-editor-panel-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.flow-block-editor-panel-full{grid-column:1/-1}@media (max-width:1024px){.flow-editor-modal-body{overflow-y:auto}.flow-editor-layout{grid-template-columns:1fr}.flow-editor-pane{overflow:visible}}@media (max-width:768px){.flow-editor-modal{border-radius:0;max-height:100%;max-width:100%}.flow-diagram-grid{max-width:100%}.flow-diagram-node{height:80px;width:100px}.flow-editor-meta-row{align-items:stretch;flex-direction:column}.flow-editor-modal-footer{flex-direction:column;gap:var(--space-3)}.flow-editor-modal-footer-right{justify-content:stretch;width:100%}.flow-editor-modal-footer-right .button{flex:1 1}}.input-group{align-items:stretch;display:flex;width:100%}.input-group .input-group__input{border-bottom-right-radius:0!important;border-right:none!important;border-top-right-radius:0!important;flex:1 1;min-width:0}.input-group__addon{align-items:center;background:var(--surface-sunken);border:1px solid var(--input-border);border-bottom-right-radius:var(--radius-lg);border-left:none;border-top-right-radius:var(--radius-lg);color:var(--text-secondary);display:flex;font-size:var(--text-sm);font-weight:500;padding:0 14px;-webkit-user-select:none;user-select:none;white-space:nowrap}.input-group:focus-within .input-group__addon{background:#22c55e14;border-color:var(--brand-primary);color:var(--brand-primary)}.input-group:focus-within .input-group__input{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-glow-subtle);z-index:1}[data-theme=dark] .input-group__addon{background:var(--surface-elevated)}.notification-methods-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.notification-method-card{align-items:center;background:var(--surface-elevated);border:1px solid var(--divider);border-radius:var(--radius-lg);display:flex;gap:var(--space-4);padding:var(--space-4);transition:all var(--transition-fast)}.notification-method-card:hover{border-color:var(--brand-primary-muted);box-shadow:var(--shadow-sm)}.notification-method-icon{align-items:center;background:linear-gradient(135deg,#22c55e1f,#06b6d414);border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:1.25rem;height:42px;justify-content:center;width:42px}.notification-method-content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.notification-method-content h4{color:var(--text-primary);font-size:.95rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-method-type{color:var(--text-muted);font-size:.75rem;text-transform:capitalize}.notification-method-actions{flex-shrink:0}@media (max-width:480px){.notification-methods-grid{grid-template-columns:1fr}.notification-method-card{flex-wrap:wrap}.notification-method-actions{border-top:1px solid var(--divider);justify-content:flex-end;margin-top:var(--space-2);padding-top:var(--space-3);width:100%}}.flow-overview-page{max-width:1400px}.flow-overview-empty,.flow-overview-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.flow-overview-page .loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--divider);border-radius:50%;border-top-color:var(--brand-primary);height:32px;margin-bottom:1rem;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.flow-overview-alert{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:var(--radius-md);color:var(--color-danger);display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.flow-overview-alert p{flex:1 1;margin:0}.flow-overview-alert button{background:none;border:none;color:inherit;cursor:pointer;font-size:1.25rem;opacity:.6}.flow-overview-alert button:hover{opacity:1}.flow-overview-stats{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--space-6)}.stat-card{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-2);overflow:hidden;padding:var(--space-5);position:relative;transition:var(--transition-base)}.stat-card:before{background:linear-gradient(90deg,var(--brand-primary),var(--accent-cyan));content:"";height:3px;left:0;opacity:.6;position:absolute;right:0;top:0}.stat-card:hover{border-color:var(--brand-primary-muted);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card.highlight{background:linear-gradient(135deg,var(--brand-primary) 0,var(--accent-purple) 100%);border-color:#0000;color:#fff}.stat-card.highlight:before{display:none}.stat-card.highlight .stat-label{color:#ffffffd9}.stat-card.highlight .stat-detail{color:#ffffffb3}.stat-icon{flex-shrink:0;font-size:1.5rem;opacity:.8}.stat-content{display:flex;flex-direction:column;gap:2px}.stat-value{color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1.1}.stat-card.highlight .stat-value{color:#fff}.stat-label{color:var(--text-muted);font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.stat-detail{color:var(--text-tertiary);font-size:.75rem;margin-top:auto;padding-top:var(--space-2)}.flow-overview-flows{margin-bottom:var(--space-6)}.flow-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.flow-card{background:var(--surface-elevated);border:1px solid var(--divider);border-radius:var(--radius-md);padding:var(--space-4);transition:var(--transition-base)}.flow-card:hover{border-color:var(--brand-primary-muted);box-shadow:var(--shadow-sm)}.flow-card.inactive{opacity:.6}.flow-card-header{align-items:flex-start;display:flex;gap:var(--space-2);justify-content:space-between;margin-bottom:var(--space-2)}.flow-card-header h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.flow-status{border-radius:var(--radius-sm);font-size:.6875rem;font-weight:600;letter-spacing:.05em;padding:.25rem .5rem;text-transform:uppercase}.flow-status.active{background:#22c55e26;color:var(--color-success)}.flow-status.inactive{background:var(--surface-sunken);color:var(--text-muted)}.flow-description{color:var(--text-secondary);font-size:.8125rem;line-height:1.4;margin:0 0 var(--space-3)}.flow-stats{border-top:1px solid var(--divider);display:flex;gap:var(--space-4);padding-top:var(--space-3)}.flow-stat{align-items:center;display:flex;flex:1 1;flex-direction:column}.flow-stat-value{color:var(--text-primary);font-size:1.125rem;font-weight:600}.flow-stat-label{color:var(--text-muted);font-size:.6875rem;text-transform:uppercase}.flow-last-run{color:var(--text-tertiary);font-size:.75rem;margin:var(--space-2) 0 0}.flow-overview-recent{margin-bottom:var(--space-6)}.recent-runs-list{display:flex;flex-direction:column;gap:var(--space-2)}.recent-run-item{align-items:center;background:var(--surface-elevated);border:1px solid var(--divider);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-4);justify-content:space-between;padding:var(--space-3) var(--space-4);text-align:left;transition:var(--transition-base);width:100%}.recent-run-item:hover{background:var(--interactive-hover);border-color:var(--brand-primary-muted)}.recent-run-info{display:flex;flex-direction:column;gap:2px}.recent-run-flow{color:var(--text-primary);font-weight:600}.recent-run-bot{color:var(--text-secondary);font-size:.8125rem}.recent-run-meta{align-items:center;display:flex;gap:var(--space-4)}.recent-run-answers,.recent-run-time{color:var(--text-muted);font-size:.8125rem}.run-status{border-radius:var(--radius-sm);display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.03em;padding:.25rem .5rem;text-transform:uppercase}.run-status.status-active{background:#f59e0b26;color:var(--color-warning)}.run-status.status-completed{background:#22c55e26;color:var(--color-success)}.run-status.status-failed{background:#ef444426;color:var(--color-danger)}.flow-overview-runs{margin-bottom:var(--space-6)}.runs-filters{display:flex;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-4) 0}.runs-filters label{display:flex;flex-direction:column;gap:var(--space-1)}.runs-filters label>span{color:var(--text-muted);font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.runs-empty,.runs-loading{color:var(--text-muted);padding:var(--space-8);text-align:center}.runs-table{width:100%}.runs-table th{background:var(--surface-sunken);color:var(--text-muted);font-size:.7rem;font-weight:600;letter-spacing:.05em;text-align:left;text-transform:uppercase}.runs-table td,.runs-table th{border-bottom:1px solid var(--divider);padding:var(--space-3) var(--space-4)}.runs-table td{color:var(--text-secondary);vertical-align:middle}.runs-table td strong{color:var(--text-primary)}.runs-table tr:hover td{background:var(--interactive-hover)}.runs-table tr.selected td{background:#22c55e1a;background:rgba(var(--brand-primary-rgb,34,197,94),.1)}.flow-overview-page .chat-id{background:var(--surface-sunken);border-radius:var(--radius-sm);color:var(--text-muted);font-family:var(--font-mono);font-size:.7rem;padding:2px 6px}.button-small{font-size:.8rem;padding:var(--space-2) var(--space-3)}.runs-pagination{align-items:center;border-top:1px solid var(--divider);display:flex;gap:var(--space-4);justify-content:center;padding:var(--space-4)}.pagination-info{color:var(--text-muted);font-size:.875rem}.run-detail-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:1000}.run-detail-panel{animation:slideIn .25s ease-out;background:var(--surface-base);box-shadow:-8px 0 32px #0000004d;height:100%;max-width:560px;overflow-y:auto;width:100%}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.run-detail-header{align-items:flex-start;background:var(--surface-base);border-bottom:1px solid var(--divider);display:flex;justify-content:space-between;padding:var(--space-5);position:-webkit-sticky;position:sticky;top:0;z-index:1}.run-detail-header h2{color:var(--text-primary);font-size:1.25rem;margin:0}.run-detail-header p{color:var(--text-muted);font-size:.8125rem;margin:var(--space-1) 0 0}.run-detail-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.5rem;line-height:1;padding:var(--space-1);transition:var(--transition-fast)}.run-detail-close:hover{color:var(--text-primary)}.run-detail-error,.run-detail-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.run-detail-content{padding:var(--space-5)}.run-detail-section{margin-bottom:var(--space-6)}.run-detail-section h3{color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin:0 0 var(--space-4);text-transform:uppercase}.run-detail-meta{grid-gap:var(--space-3);display:grid;gap:var(--space-3)}.run-detail-meta>div{border-bottom:1px solid var(--divider);display:flex;justify-content:space-between;padding:var(--space-2) 0}.run-detail-meta dt{color:var(--text-muted);font-size:.875rem}.run-detail-meta dd{color:var(--text-primary);font-weight:500;margin:0;text-align:right}.run-detail-meta code{background:var(--surface-sunken);border-radius:var(--radius-sm);color:var(--text-muted);font-family:var(--font-mono);font-size:.7rem;padding:2px 6px}.run-instruction{background:var(--surface-sunken);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;line-height:1.6;margin:0;padding:var(--space-4)}.run-answers-list{display:flex;flex-direction:column;gap:var(--space-4)}.run-answer-item{background:var(--surface-sunken);border-left:3px solid var(--brand-primary);border-radius:var(--radius-md);padding:var(--space-4)}.run-answer-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.run-answer-variable{color:var(--brand-primary);font-size:.875rem;font-weight:600}.run-answer-type{background:var(--surface-elevated);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.6875rem;padding:2px 6px;text-transform:uppercase}.run-answer-question{color:var(--text-secondary);font-size:.8125rem;font-style:italic;margin:0 0 var(--space-2)}.run-answer-value{color:var(--text-primary);font-size:.9375rem;word-break:break-word}.run-answer-time{color:var(--text-tertiary);display:block;font-size:.75rem;margin-top:var(--space-2)}.run-no-answers{color:var(--text-muted);font-style:italic}.run-context{background:var(--surface-sunken);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-mono);font-size:.75rem;margin:0;overflow-x:auto;padding:var(--space-4)}.run-detail-actions{border-top:1px solid var(--divider);padding-top:var(--space-4)}@media (max-width:768px){.flow-overview-stats{grid-template-columns:repeat(2,1fr)}.runs-filters{flex-direction:column}.runs-filters label{width:100%}.recent-run-item{align-items:flex-start;flex-direction:column}.recent-run-meta{flex-wrap:wrap;gap:var(--space-2)}.run-detail-panel{max-width:100%}}.table-wrapper{overflow-x:auto}.flow-list-page{display:flex;flex-direction:column;gap:var(--space-5)}.flow-list-header{align-items:flex-start}.flow-list-content{display:flex;flex-direction:column;gap:var(--space-4)}.flow-list-empty{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5)}.flow-list-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.flow-list-card{background:var(--surface-base);border:1px solid var(--divider);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.flow-list-card:hover{border-color:var(--brand-primary-muted);box-shadow:var(--shadow-sm)}.flow-list-card-header{align-items:flex-start;display:flex;gap:var(--space-3);justify-content:space-between}.flow-list-card-header h3{font-size:1rem;margin:0 0 var(--space-1)}.flow-list-card-header p{color:var(--text-secondary);font-size:.85rem;margin:0}.flow-list-badge{background:var(--surface-sunken);border:1px solid var(--divider);border-radius:999px;color:var(--text-muted);font-size:.7rem;letter-spacing:.08em;padding:4px 8px;text-transform:uppercase;white-space:nowrap}.flow-list-badge--easy{background:#3b82f61a;border-color:#3b82f633;color:#1d4ed8}.flow-list-badge--advanced{background:#10b9811f;border-color:#10b98140;color:#047857}.flow-list-card-meta{align-items:center;color:var(--text-muted);display:flex;font-size:.8rem;gap:var(--space-3)}.flow-list-status{background:#ef444414;border:1px solid #ef44444d;border-radius:999px;color:var(--color-danger);font-size:.7rem;letter-spacing:.08em;padding:2px 8px;text-transform:uppercase}.flow-list-card-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.flow-create-mode-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.flow-create-mode-card{background:var(--surface-base);border:1px solid var(--divider);border-radius:var(--radius-xl);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);text-align:left;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.flow-create-mode-card:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-sm)}.flow-create-mode-card h3{margin:0}.flow-create-mode-card p{color:var(--text-secondary);margin:0}.flow-create-mode-icon{align-items:center;background:#22c55e1f;border-radius:10px;color:var(--brand-primary);display:inline-flex;font-weight:700;height:36px;justify-content:center;width:36px}.flow-create-mode-meta{color:var(--text-tertiary);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.flow-easy-builder{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr)}.flow-easy-chat,.flow-easy-preview{background:var(--surface-base);border:1px solid var(--divider);border-radius:var(--radius-xl)}.flow-easy-chat{display:flex;flex-direction:column;min-height:320px}.flow-easy-chat-header{align-items:center;background:var(--surface-sunken);border-bottom:1px solid var(--divider);display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4)}.flow-easy-chat-title{font-weight:600;letter-spacing:.08em;text-transform:uppercase}.flow-easy-chat-status,.flow-easy-chat-title{color:var(--text-tertiary);font-size:.75rem}.flow-easy-chat-log{display:flex;flex:1 1;flex-direction:column;gap:var(--space-3);overflow-y:auto;padding:var(--space-4)}.flow-easy-message{background:var(--surface-sunken);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:4px;max-width:85%;padding:var(--space-3)}.flow-easy-message--enter{animation:flow-message-in .22s ease both}.flow-easy-message--user{align-self:flex-end;background:#22c55e1f}.flow-easy-message--pending{background:#94a3b81f}.flow-easy-message-label{color:var(--text-tertiary);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.flow-easy-message p{color:var(--text-primary);font-size:.85rem;margin:0}.flow-easy-typing{align-items:center;display:flex;gap:6px;padding:4px 0}.flow-easy-typing span{animation:flow-typing 1s ease-in-out infinite;background:var(--text-tertiary);border-radius:999px;height:6px;width:6px}.flow-easy-typing span:nth-child(2){animation-delay:.15s}.flow-easy-typing span:nth-child(3){animation-delay:.3s}.flow-easy-chat-error{color:var(--color-danger);font-size:.75rem;margin:0 var(--space-4) var(--space-3)}.flow-easy-chat-input{background:var(--surface-sunken);border-top:1px solid var(--divider);display:flex;gap:var(--space-2);padding:var(--space-3)}.flow-easy-preview{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.flow-easy-preview h4{margin:0}.flow-easy-preview-list{display:flex;flex-direction:column;gap:var(--space-3)}.flow-easy-preview-item{align-items:flex-start;display:flex;gap:var(--space-3)}.flow-easy-preview-item--enter{animation:flow-preview-in .3s ease both}.flow-easy-preview-icon{align-items:center;border:1px solid var(--divider);border-radius:999px;color:var(--text-muted);display:inline-flex;font-size:.75rem;font-weight:600;height:30px;justify-content:center;width:30px}.flow-easy-preview-item p{color:var(--text-secondary);font-size:.8rem;margin:2px 0 0}.flow-easy-confirm{display:flex;flex-direction:column;gap:var(--space-4)}.flow-easy-summary{background:var(--surface-sunken);border:1px dashed var(--divider);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4)}.flow-easy-summary h4{font-size:.9rem;margin:0}.flow-easy-summary p,.flow-easy-summary ul{color:var(--text-secondary);font-size:.85rem;margin:0}.flow-easy-summary ul{padding-left:18px}.flow-easy-footer-actions{align-items:center;display:flex;gap:var(--space-2)}@keyframes flow-message-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes flow-preview-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes flow-typing{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@media (max-width:960px){.flow-easy-builder{grid-template-columns:1fr}}.modal--flow-draft{background:#0b1220;color:var(--text-inverse)}.modal--flow-draft .modal-footer,.modal--flow-draft .modal-header{background:#0f172ae6;border-color:#94a3b840}.modal--flow-draft .modal-header{gap:var(--space-3);justify-content:flex-start}.modal--flow-draft .modal-body{background:#0b1220}.modal--flow-draft .modal-title h2{color:#e2e8f0f2}.modal--flow-draft .modal-title-icon{align-items:center;background:#38bdf826;border-radius:999px;color:#38bdf8e6;display:inline-flex;font-size:1rem;height:32px;justify-content:center;width:32px}.modal--flow-draft .modal-close{border-color:#94a3b84d;color:#e2e8f0cc}.flow-draft-header-status{color:#38bdf8d9;font-size:.85rem;margin-left:auto;padding-right:var(--space-2)}.flow-draft-terminal{display:flex;flex-direction:column;min-height:420px}.flow-draft-list{display:flex;flex:1 1;flex-direction:column;font-family:var(--font-mono);font-size:.85rem;gap:var(--space-2);line-height:1.5;overflow-y:auto;padding:0 var(--space-5) var(--space-4)}.flow-draft-line{align-items:center;color:#e2e8f0f2;display:flex;gap:var(--space-2)}.flow-draft-line--start{color:#94a3b8e6}.flow-draft-line-marker{color:#38bdf8e6}.flow-draft-line--enter{animation:flow-draft-line-in .2s ease both}.flow-draft-line--pending{color:#94a3b8b3}.flow-draft-empty{color:#94a3b8d9;margin-top:var(--space-2)}.flow-draft-shimmer{animation:flow-draft-shimmer 1.4s ease infinite;background:linear-gradient(90deg,#94a3b81a,#38bdf873 50%,#94a3b81a);background-size:200% 100%;border-radius:999px;display:inline-block;height:10px;width:220px}.flow-draft-question{background:#0ea5e92e;border-radius:var(--radius-lg);color:#e0f2fef2;font-size:.9rem;margin:0 var(--space-5) var(--space-3);padding:var(--space-3) var(--space-4)}.flow-draft-error{background:#ef444429;color:#fee2e2f2}.flow-draft-error,.flow-draft-warning{border-radius:var(--radius-lg);font-size:.85rem;margin:0 var(--space-5) var(--space-3);padding:var(--space-3) var(--space-4)}.flow-draft-warning{background:#f59e0b2e;color:#fef3c7f2}.flow-draft-cta{display:flex;justify-content:flex-start;margin:0 var(--space-5) var(--space-4)}.flow-draft-input{align-items:center;border-top:1px solid #94a3b840;display:flex;padding:var(--space-4) var(--space-5)}.flow-draft-input .flow-draft-text-input{background:#0f172aa6;border:1px solid #94a3b859;border-radius:var(--radius-md);caret-color:#f8fafce6;color:#f8fafcf2;flex:1 1;font-family:var(--font-mono);font-size:.9rem;padding:10px 12px}.modal--flow-draft .flow-draft-text-input{color:#f8fafcf2}.flow-draft-input .flow-draft-text-input::placeholder{color:#94a3b8b3}.flow-draft-footer-actions{align-items:center;display:flex;gap:var(--space-2);margin-left:auto}.flow-draft-footer-error{color:var(--color-danger);font-size:.85rem}@keyframes flow-draft-line-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes flow-draft-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.flow-studio-page{--flow-studio-accent:#22c55e;--flow-studio-accent-strong:#16a34a;--flow-studio-cyan:#06b6d4;--flow-studio-grid-size:60px;--flow-studio-bg:radial-gradient(circle at top,#22c55e1f,#0000 45%),radial-gradient(circle at 80% 20%,#06b6d41a,#0000 40%),linear-gradient(135deg,#0f172a0f,#94a3b80f);--flow-studio-grid:linear-gradient(#0000 95%,#94a3b82e 0),linear-gradient(90deg,#0000 95%,#94a3b82e 0);--flow-studio-node-bg:#fff;gap:0;max-width:none;min-height:calc(100vh - 180px);width:100%}[data-theme=dark] .flow-studio-page{--flow-studio-node-bg:#1f2937}.flow-studio-topbar{align-items:center;background:var(--surface-base);border:none;border-bottom:1px solid var(--divider);border-radius:0;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;padding:14px var(--space-4);position:-webkit-sticky;position:sticky;top:0;z-index:5}.flow-studio-topbar-center,.flow-studio-topbar-left,.flow-studio-topbar-right{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.flow-studio-topbar-left{min-width:260px}.flow-studio-topbar-center{flex:1 1;justify-content:center}.flow-studio-topbar-right{justify-content:flex-end}.flow-studio-flow-picker{display:flex;flex-direction:column;gap:4px;min-width:220px}.flow-studio-statusbar{align-items:center;background:var(--surface-base);border-bottom:1px solid var(--divider);display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;padding:10px var(--space-4)}.flow-studio-statusbar-left{flex-wrap:wrap}.flow-studio-statusbar-left,.flow-studio-statusbar-right{align-items:center;display:flex;gap:var(--space-2)}.flow-studio-zoom-indicator{color:var(--text-tertiary);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.flow-studio-zoom{align-items:center;color:var(--text-muted);display:flex;font-size:.75rem;gap:var(--space-2)}.flow-studio-icon-button{align-items:center;background:var(--surface-base);border:1px solid var(--divider);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:16px;height:36px;justify-content:center;line-height:1;padding:0;transition:all var(--transition-fast);width:36px}.flow-studio-icon-button:hover:not(:disabled){background:#22c55e14;border-color:var(--brand-primary);color:var(--brand-primary)}.flow-studio-icon-button:disabled{cursor:not-allowed;opacity:.6}.flow-studio-alert{align-items:center;background:#ef44441f;border:1px solid #ef44444d;border-radius:var(--radius-md);color:var(--color-danger);display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.flow-studio-shell{display:flex;flex:1 1;flex-direction:column;gap:var(--space-3);margin-top:var(--space-3);min-height:70vh}.flow-studio-library{background:var(--surface-sunken);border:1px solid var(--divider);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--space-4);min-height:640px;padding:var(--space-4)}.flow-studio-library-header{align-items:center;display:flex;gap:var(--space-2);justify-content:space-between}.flow-studio-library-actions{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.flow-studio-library-header h3{color:var(--text-primary);font-size:1rem;margin:0}.flow-studio-library-link{color:var(--text-muted);font-size:.8rem}.flow-studio-empty,.flow-studio-search{display:flex;flex-direction:column;gap:var(--space-2)}.flow-studio-empty{align-items:flex-start;background:var(--surface-base);border:1px dashed var(--divider);border-radius:var(--radius-lg);color:var(--text-muted);padding:var(--space-3)}.flow-studio-flow-list{display:flex;flex-direction:column;gap:var(--space-3);overflow:auto}.flow-studio-flow-card{background:var(--surface-base);border:1px solid var(--divider);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);text-align:left;transition:all var(--transition-fast)}.flow-studio-flow-card h4{color:var(--text-primary);font-size:.95rem;margin:0}.flow-studio-flow-card p{color:var(--text-secondary);font-size:.8rem;line-height:1.4;margin:0}.flow-studio-flow-card:hover{border-color:var(--brand-primary-muted);box-shadow:var(--shadow-sm)}.flow-studio-flow-card.active{border-color:var(--flow-studio-accent);box-shadow:0 0 0 2px #22c55e33}.flow-studio-flow-meta{align-items:center;color:var(--text-muted);display:flex;font-size:.7rem;justify-content:space-between}.status-live{color:#16a34a;font-weight:600}.status-paused{color:#f59e0b;font-weight:600}.flow-studio-workspace{display:flex;flex:1 1;flex-direction:column;gap:var(--space-3);min-height:70vh;position:relative}.flow-studio-toolbar{align-items:center;background:var(--surface-base);border:1px solid var(--divider);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;padding:var(--space-3)}.flow-studio-toolbar-group{display:flex;flex-wrap:wrap;gap:var(--space-2)}.flow-studio-toolbar-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:.8rem;gap:var(--space-2)}.flow-studio-toolbar-zoom{align-items:center;color:var(--text-muted);display:flex;font-size:.75rem;gap:var(--space-2)}.flow-studio-zoom-label{color:var(--text-secondary);font-weight:600;min-width:48px;text-align:center}.pill{border-radius:var(--radius-full);font-size:.7rem;font-weight:600;letter-spacing:.08em;padding:2px 10px;text-transform:uppercase}.pill-live{background:#22c55e1f;color:#16a34a}.pill-paused{background:#f59e0b1f;color:#d97706}.flow-studio-canvas{background:var(--flow-studio-bg);border:1px solid var(--divider);border-radius:var(--radius-xl);cursor:grab;flex:1 1;min-height:calc(100vh - 260px);overflow:hidden;position:relative}.flow-studio-canvas.is-panning{cursor:grabbing}.flow-studio-canvas:after{background:radial-gradient(circle at 20% 20%,#0f172a0d,#0000 50%);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.flow-studio-grid-layer{background-image:var(--flow-studio-grid);background-size:var(--flow-studio-grid-size) var(--flow-studio-grid-size);inset:0;opacity:.24;pointer-events:none;position:absolute;z-index:1}.flow-studio-edges{height:100%;inset:0;overflow:visible;position:absolute;width:100%;z-index:2}.flow-studio-viewport{inset:0;position:absolute;transform-origin:0 0;z-index:2}.flow-studio-edge-outline{stroke:#0f172a29;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;fill:none;opacity:.35;pointer-events:none}.flow-studio-edge-outline--draft{stroke-dasharray:6 10}.flow-studio-edge{stroke:var(--flow-studio-accent-strong);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;fill:none;filter:drop-shadow(0 1px 2px rgba(15,23,42,.18));opacity:1;pointer-events:none}.flow-studio-edge--true{stroke:#16a34a}.flow-studio-edge--false{stroke:#dc2626}.flow-studio-edge--draft{stroke:#94a3b8;stroke-dasharray:6 10;animation:flow-dash 6s linear infinite;opacity:.7;pointer-events:none}.flow-studio-edge-delete{cursor:pointer;opacity:0;pointer-events:all;transition:opacity .2s ease}.flow-studio-edge-delete circle{fill:var(--surface-base);stroke:#94a3b880;stroke-width:1.5;filter:drop-shadow(0 6px 12px rgba(15,23,42,.12))}.flow-studio-edge-group:hover .flow-studio-edge-delete{opacity:.85}.flow-studio-edge-hit{stroke:#0000;stroke-width:14;fill:none;pointer-events:stroke}.flow-studio-edge-delete-icon{fill:none;stroke:#ef4444;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}@keyframes flow-dash{to{stroke-dashoffset:-120}}.flow-studio-node{-webkit-backdrop-filter:none;backdrop-filter:none;background-clip:padding-box;background-color:var(--flow-studio-node-bg);background-image:none;border:1px solid var(--divider);border-radius:18px;box-shadow:0 12px 24px #0f172a14;cursor:grab;display:flex;flex-direction:column;gap:var(--space-2);left:0;mix-blend-mode:normal;opacity:1;padding:var(--space-3);position:absolute;top:0;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;z-index:3}.flow-studio-node:active{cursor:grabbing}.flow-studio-node:hover{border-color:var(--flow-studio-accent);box-shadow:0 16px 30px #0f172a1f;transform:translateY(-4px)}.flow-studio-node.active{border-color:var(--flow-studio-accent);box-shadow:0 0 0 3px #22c55e33}.flow-studio-node.dragging{cursor:grabbing;opacity:1;transition:none}.flow-studio-node--start{background:var(--flow-studio-node-bg);border-color:#22c55e66}.flow-studio-node--if{border-color:#3b82f666}.flow-studio-start-panel{display:flex;flex-direction:column;gap:6px}.flow-studio-start-label{color:var(--text-muted);font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.flow-studio-start-input{background:var(--surface-base);border:1px solid var(--divider);border-radius:var(--radius-md);color:var(--text-primary);font-size:.75rem;padding:6px 8px;width:100%}.flow-studio-start-input:focus{border-color:var(--flow-studio-accent);outline:2px solid #22c55e59}.flow-studio-node-header{align-items:center;display:flex;gap:var(--space-2);justify-content:space-between}.flow-studio-node-icon{font-size:1.1rem}.flow-studio-node-type{color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.flow-studio-node-tag{background:#94a3b833;border-radius:var(--radius-full);color:var(--text-secondary);font-size:.7rem;font-weight:600;padding:2px 6px}.flow-studio-node-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:.85rem;line-height:1.4;margin:0;overflow:hidden}.flow-studio-node-var{align-self:flex-start;background:#22c55e1f;border-radius:var(--radius-sm);color:var(--flow-studio-accent-strong);font-family:var(--font-mono);font-size:.65rem;padding:2px 6px}.flow-studio-node-edit{align-self:flex-end;background:#0f172a05;border:1px solid var(--divider);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-size:.7rem;font-weight:600;letter-spacing:.02em;margin-top:auto;padding:4px 10px;transition:all var(--transition-fast)}.flow-studio-node-edit:hover{background:#22c55e1f;border-color:var(--flow-studio-accent);color:var(--flow-studio-accent-strong)}.flow-studio-handle{background:var(--flow-studio-accent);border:2px solid var(--surface-base);border-radius:50%;box-shadow:0 0 0 3px #22c55e26;cursor:crosshair;height:14px;position:absolute;width:14px;z-index:3}.flow-studio-handle--in{background:#cbd5f5;left:-7px;top:50%;transform:translateY(-50%)}.flow-studio-handle--out{right:-7px;top:50%;transform:translateY(-50%)}.flow-studio-handle--true{background:#22c55e;right:-7px;top:32%}.flow-studio-handle--false{background:#ef4444;right:-7px;top:68%}.flow-studio-canvas-empty{color:var(--text-muted);display:grid;font-size:.9rem;inset:0;place-items:center;position:absolute;z-index:2}.flow-studio-inspector{background:var(--surface-sunken);border:1px solid var(--divider);border-radius:var(--radius-xl);bottom:var(--space-3);box-shadow:var(--shadow-lg);gap:var(--space-4);max-width:min(360px,40vw);overflow:auto;position:absolute;right:var(--space-3);top:var(--space-3);width:360px;z-index:4}.flow-studio-inspector,.flow-studio-inspector-section{display:flex;flex-direction:column;padding:var(--space-4)}.flow-studio-inspector-section{background:var(--surface-base);border:1px solid var(--divider);border-radius:var(--radius-lg);gap:var(--space-3)}.flow-studio-inspector-section h3{color:var(--text-primary);font-size:.95rem;margin:0}.flow-studio-inspector-empty{align-items:center;border:1px dashed var(--divider);border-radius:var(--radius-lg);color:var(--text-muted);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);text-align:center}.flow-studio-inspector-icon{font-size:1.5rem}.flow-studio-node-panel{display:flex;flex-direction:column;gap:var(--space-3)}.flow-studio-node-panel .toggle-field{align-items:flex-start;background:var(--surface-sunken);border-radius:var(--radius-md);display:flex;gap:var(--space-3);padding:var(--space-3)}.flow-studio-node-panel .toggle-field input[type=checkbox]{margin-top:2px}.flow-studio-node-panel .toggle-content{display:flex;flex-direction:column;gap:2px}.flow-studio-node-panel .toggle-label{color:var(--text-primary);font-size:.85rem;font-weight:500}.flow-condition-row{grid-gap:var(--space-2);align-items:center;display:grid;gap:var(--space-2);grid-template-columns:minmax(140px,1fr) minmax(120px,.7fr) minmax(120px,1fr)}@media (max-width:1280px){.flow-studio-inspector{box-shadow:none;max-width:none;position:static;width:100%}}@media (max-width:768px){.flow-studio-topbar{align-items:flex-start}.flow-studio-topbar-center{justify-content:flex-start}.flow-condition-row{grid-template-columns:1fr}}.flow-notifications-page{max-width:1400px}.flow-notifications-content,.flow-notifications-shell,.notification-methods-list{display:flex;flex-direction:column;gap:var(--space-3)}.notification-methods-list{--notification-methods-columns:minmax(0,1.4fr) minmax(0,0.8fr) minmax(0,1.6fr) minmax(0,0.6fr) minmax(0,0.6fr) minmax(0,0.8fr) minmax(0,1fr)}.notification-methods-header{grid-gap:var(--space-3);align-items:center;color:var(--text-muted);display:grid;font-size:.7rem;gap:var(--space-3);grid-template-columns:var(--notification-methods-columns);letter-spacing:.08em;padding:0 var(--space-4);text-transform:uppercase}.notification-methods-header>span{min-width:0}.notification-methods-header-actions{text-align:right}.notification-method-row{grid-gap:var(--space-3);align-items:center;background:var(--surface-elevated);border:1px solid var(--divider);border-radius:var(--radius-lg);display:grid;gap:var(--space-3);grid-template-columns:var(--notification-methods-columns);padding:var(--space-4);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.notification-method-row:hover{border-color:var(--brand-primary-muted);box-shadow:var(--shadow-sm)}.notification-method-cell{display:flex;flex-direction:column;gap:2px;min-width:0}.notification-method-cell-label{color:var(--text-muted);display:none;font-size:.65rem;letter-spacing:.04em;text-transform:uppercase}.notification-method-name{color:var(--text-primary);font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-method-meta{color:var(--text-muted);font-size:.75rem}.notification-method-badge{align-items:center;background:var(--surface-sunken);border-radius:var(--radius-md);color:var(--text-secondary);display:inline-flex;font-size:.75rem;justify-content:center;padding:2px 8px;text-transform:capitalize;width:-webkit-fit-content;width:fit-content}.notification-method-badge--neutral{color:var(--text-muted)}.notification-method-mono{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-method-value{color:var(--text-primary);font-size:.85rem}.notification-method-actions-cell{align-items:flex-end}.notification-method-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end}.flow-empty-state-card{background:var(--surface-sunken);border:1px dashed var(--divider);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center}.flow-empty-state-icon{font-size:2.5rem;margin-bottom:var(--space-3);opacity:.7}.flow-empty-state-card h4{color:var(--text-primary);font-size:1.1rem;margin:0 0 var(--space-2)}.flow-empty-state-card p{color:var(--text-secondary);font-size:.9rem;margin:0 0 var(--space-4)}@media (max-width:1100px){.notification-methods-header{display:none}.notification-methods-list{--notification-methods-columns:repeat(2,minmax(0,1fr))}.notification-method-cell-label{display:block}.notification-method-actions{justify-content:flex-start}.notification-method-actions-cell{align-items:flex-start}}@media (max-width:720px){.notification-methods-list{--notification-methods-columns:1fr}.notification-method-mono{white-space:normal;word-break:break-all}.notification-method-actions{width:100%}}.chart-placeholder{align-items:flex-end;background:linear-gradient(180deg,var(--brand-glow-subtle),#0000);border-radius:var(--radius-xl);display:flex;gap:24px;height:260px;padding:24px 16px 12px;position:relative}.chart-placeholder:after{border:1px solid var(--brand-glow-subtle);border-radius:var(--radius-lg);content:"";inset:12px;pointer-events:none;position:absolute}.chart-placeholder .empty-state{color:var(--text-muted);margin:0 auto;text-align:center}.chart-bar{background:linear-gradient(180deg,var(--brand-primary),#2ecc714d);border-radius:16px 16px 10px 10px;box-shadow:0 16px 30px #2ecc712e,inset 0 -8px 0 #fff3;flex:1 1;min-width:58px;position:relative;transition:transform var(--transition-base),box-shadow var(--transition-base)}.chart-bar:hover{box-shadow:0 22px 40px #2ecc713d,inset 0 -8px 0 #ffffff38;transform:translateY(-4px)}.chart-bar-value{color:var(--brand-primary);font-size:.95rem;font-weight:600;top:-32px}.chart-bar-label,.chart-bar-value{left:50%;position:absolute;transform:translateX(-50%)}.chart-bar-label{bottom:-32px;color:var(--text-muted);font-size:.85rem;max-width:120px;text-align:center}.channel-filters{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;margin:0 0 18px}.channel-filter{display:flex;flex-direction:column;gap:6px;min-width:150px}.channel-filter span{color:var(--text-muted);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.channel-filter--grow{flex:1 1;min-width:240px}.channel-filter-options{display:flex;flex-wrap:wrap;gap:8px}.channel-filter-option{align-items:center;background:var(--glass-bg);border:1px solid var(--border-default);border-radius:var(--radius-full);cursor:pointer;display:inline-flex;font-size:.9rem;gap:6px;padding:8px 12px;transition:all var(--transition-base)}.channel-filter-option input{margin:0}.channel-filter-option.selected{background:var(--brand-glow-subtle);border-color:var(--brand-primary);color:var(--brand-primary)}.embed-section{background:var(--surface-sunken);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:12px;margin-top:16px;padding:16px}.embed-label{color:var(--text-muted);font-weight:600;margin:0 0 4px}.embed-code{background:var(--code-bg);border-radius:var(--radius-lg);color:var(--code-text);display:block;font-family:var(--font-mono);font-size:.85rem;overflow-x:auto;padding:12px}.embed-actions{display:flex;flex-wrap:wrap;gap:12px}.installation-section{display:flex;flex-direction:column;gap:24px}.install-quick-actions{display:flex;flex-wrap:wrap;gap:12px}.install-action-btn{align-items:center;border:none;border-radius:var(--radius-xl);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:10px;padding:14px 20px;transition:all var(--transition-base)}.install-action-copy{background:linear-gradient(135deg,var(--brand-primary),#059669);box-shadow:var(--shadow-brand);color:#fff}.install-action-copy:hover:not(:disabled){box-shadow:var(--shadow-brand-lg);transform:translateY(-2px)}.install-action-copy.copied{background:linear-gradient(135deg,#16a34a,#22c55e)}.install-action-demo{background:var(--glass-bg);border:2px solid var(--border-default);color:var(--text-primary)}.install-action-demo:hover:not(:disabled){background:var(--brand-glow-subtle);border-color:var(--brand-primary)}.install-code-card{overflow:hidden;padding:0}.install-code-header{align-items:center;background:var(--surface-sunken);border-bottom:1px solid var(--divider);display:flex;justify-content:space-between;padding:14px 18px}.install-code-label{color:var(--text-primary);font-size:.9rem;font-weight:600}.install-code-block{background:#0d1117;color:#79c0ff;display:block;font-family:var(--font-mono);font-size:.85rem;line-height:1.6;padding:18px;word-break:break-all}.bot-detail-layout{gap:var(--space-6)}.bot-detail-layout,.bot-section{display:flex;flex-direction:column}.bot-section{border-bottom:1px solid var(--divider);gap:16px;margin-bottom:28px;padding-bottom:12px}.bot-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.bot-section-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.bot-section-header h3{font-size:1.05rem;margin:0}.bot-section-header p{color:var(--text-tertiary);font-size:.82rem;margin:4px 0 0}.bot-section-actions{display:flex;flex-wrap:wrap;gap:8px}.bot-grid{grid-gap:16px;display:grid;gap:16px}.bot-grid--three{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.bot-grid--two{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.bot-grid--full{grid-template-columns:1fr}.chat-preview-card{display:flex;flex-direction:column;gap:12px}.chat-preview-stage{background:var(--surface-sunken);border-radius:var(--radius-2xl);min-height:320px;overflow:hidden;padding:20px;position:relative}.chat-preview-background{inset:0;pointer-events:none;position:absolute}.chat-preview-content{display:flex;flex-direction:column;gap:18px;min-height:280px;position:relative;z-index:2}.chat-preview-profile{align-items:center;display:flex;gap:12px;text-shadow:0 3px 10px #0f172a73}.chat-preview-logo{align-items:center;background:#0f172a59;border-radius:var(--radius-2xl);box-shadow:0 8px 20px #0f172a33;display:flex;font-size:1rem;font-weight:600;height:72px;justify-content:center;overflow:hidden;width:72px}.chat-preview-logo img{height:100%;object-fit:contain;width:100%}.chat-preview-panel{border-radius:var(--radius-2xl);box-shadow:0 18px 35px #0f172a38;display:flex;flex-direction:column;gap:16px;padding:18px}.theme-preset-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.theme-preset-option{background:var(--glass-bg);border:1px solid var(--border-default);border-radius:var(--radius-xl);cursor:pointer;display:block;padding:12px;transition:all var(--transition-base)}.theme-preset-option input{opacity:0;pointer-events:none;position:absolute}.theme-preset-option.is-selected,.theme-preset-option:hover{border-color:var(--brand-primary)}.theme-preset-option.is-selected{box-shadow:var(--shadow-brand)}.theme-preset-option__content{align-items:center;display:flex;gap:12px;justify-content:space-between}.theme-preset-option h5{font-size:.95rem;margin:0}.theme-preset-option p{color:var(--text-tertiary);font-size:.82rem;margin:4px 0 0}.theme-preset-swatches{display:flex;gap:6px}.theme-preset-swatch{border:1px solid var(--border-default);border-radius:6px;height:18px;width:18px}.background-preset-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.background-preset-card{background:var(--glass-bg);border:1px solid var(--border-default);border-radius:var(--radius-xl);cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:16px;position:relative;transition:all var(--transition-base)}.background-preset-card:hover{border-color:var(--brand-primary);box-shadow:0 6px 20px var(--brand-glow-subtle)}.background-preset-card.is-selected{border-color:var(--brand-primary);box-shadow:var(--shadow-brand)}.background-preset-card input{opacity:0;pointer-events:none;position:absolute}.background-preset-card h5{font-size:.95rem;margin:0}.background-preset-card p{color:var(--text-tertiary);font-size:.82rem;margin:0}.qa-grid{display:flex;flex-direction:column;gap:18px}.qa-row{grid-gap:16px;background:var(--surface-sunken);border-radius:var(--radius-xl);display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding:16px}.qa-field label{gap:8px}.qa-field label,.qb-list{display:flex;flex-direction:column}.qb-list{gap:12px}.qb-row{background:var(--glass-bg);border:1px solid var(--border-default);border-radius:var(--radius-full);padding:12px 18px;transition:all var(--transition-base)}.qb-row.is-open{border-color:var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.qb-row-head{align-items:center;display:flex;gap:16px}.qb-row-text{cursor:pointer;flex:1 1;min-width:0}.qb-title{color:var(--text-primary);font-size:15px;font-weight:600;margin-bottom:2px}.qb-snippet,.qb-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qb-snippet{color:var(--text-muted);font-size:14px}.qb-row-body{grid-gap:12px;border-top:1px solid var(--divider);display:grid;gap:12px;margin-top:14px;padding-top:14px}.logo-preview{flex-direction:column;gap:8px}.logo-preview-frame{align-items:center;background:var(--surface-sunken);border:1px dashed var(--border-default);border-radius:var(--radius-xl);display:flex;height:120px;justify-content:center;overflow:hidden;width:120px}.logo-preview-frame img{height:100%;object-fit:cover;width:100%}.logo-upload{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.category-checkboxes{grid-gap:10px;background:var(--surface-sunken);border-radius:var(--radius-xl);display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));padding:8px}.category-checkboxes--compact{background:#0000;display:flex;flex-wrap:wrap;gap:6px;padding:0}.category-checkboxes--compact .category-checkbox{font-size:.85rem;padding:4px 8px}.category-checkbox{align-items:center;background:var(--glass-bg);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);color:var(--text-primary);display:inline-flex;gap:8px;padding:6px 10px}.category-checkbox input{accent-color:var(--brand-primary)}.nav-cards-section{display:flex;flex-direction:column;gap:var(--space-5)}.nav-cards-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.nav-card{--card-accent:var(--brand-primary);--card-accent-rgb:46,204,113;align-items:center;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:2px solid var(--border-default);border-radius:var(--radius-2xl);color:inherit;cursor:pointer;display:flex;gap:var(--space-4);overflow:hidden;padding:var(--space-5) var(--space-6);position:relative;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1)}.nav-card:before{background:var(--card-accent);content:"";height:3px;left:0;position:absolute;right:0;top:0;transition:all .25s ease}.nav-card:after{background:linear-gradient(135deg,rgba(var(--card-accent-rgb),.08),#0000 60%);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .25s ease}.nav-card:hover{border-color:var(--card-accent);box-shadow:0 20px 40px rgba(var(--card-accent-rgb),.15),0 8px 16px #0000001a,0 0 0 1px rgba(var(--card-accent-rgb),.1);transform:translateY(-4px)}.nav-card:hover:before{box-shadow:0 2px 12px rgba(var(--card-accent-rgb),.5);height:4px}.nav-card:hover:after{opacity:1}.nav-card:active{transform:translateY(-2px);transition-duration:.1s}.nav-card-icon{align-items:center;background:linear-gradient(135deg,rgba(var(--card-accent-rgb),.15),rgba(var(--card-accent-rgb),.05));border:1px solid rgba(var(--card-accent-rgb),.2);border-radius:var(--radius-xl);display:flex;flex-shrink:0;font-size:1.75rem;height:56px;justify-content:center;transition:all .25s ease;width:56px}.nav-card:hover .nav-card-icon{background:linear-gradient(135deg,rgba(var(--card-accent-rgb),.25),rgba(var(--card-accent-rgb),.1));border-color:rgba(var(--card-accent-rgb),.35);box-shadow:0 8px 24px rgba(var(--card-accent-rgb),.25);transform:scale(1.08)}.nav-card-content{flex:1 1;min-width:0}.nav-card-title{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-bold);margin:0 0 var(--space-1);transition:color .2s ease}.nav-card:hover .nav-card-title{color:var(--card-accent)}.nav-card-description{color:var(--text-tertiary);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0}.nav-card-arrow{color:var(--text-muted);flex-shrink:0;font-size:1.5rem;font-weight:300;opacity:.5;transition:all .25s ease}.nav-card:hover .nav-card-arrow{color:var(--card-accent);opacity:1;transform:translateX(6px)}.nav-card[style*="--card-accent: #8b5cf6"]{--card-accent-rgb:139,92,246}.nav-card[style*="--card-accent: #3b82f6"]{--card-accent-rgb:59,130,246}.nav-card[style*="--card-accent: #10b981"]{--card-accent-rgb:16,185,129}.nav-card[style*="--card-accent: #f59e0b"]{--card-accent-rgb:245,158,11}[data-theme=dark] .nav-card{background:#111827b3;border-color:#ffffff14}[data-theme=dark] .nav-card:hover{background:#111827d9;box-shadow:0 0 50px rgba(var(--card-accent-rgb),.2),0 20px 40px #0006,inset 0 1px 0 #ffffff0d}[data-theme=dark] .nav-card:after{background:linear-gradient(135deg,rgba(var(--card-accent-rgb),.12),#0000 60%)}@media (max-width:768px){.background-preset-grid,.bot-grid--three,.bot-grid--two,.theme-preset-grid{grid-template-columns:1fr}.install-quick-actions{flex-direction:column}.install-action-btn{justify-content:center;width:100%}}.booking-page{display:flex;flex-direction:column;gap:24px}.booking-header{align-items:center;display:flex;gap:16px;justify-content:space-between}.booking-header h1{font-size:1.75rem;margin:0}.booking-header p{color:#5d6b99;margin:4px 0 0}.booking-header .btn.primary{background:#3d6bff;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:10px 18px}.booking-header .btn.primary:hover{background:#345cff}.booking-alert{border-radius:10px;font-size:.95rem;padding:12px 16px}.booking-alert.error{background:#ff64641f;color:#c62828}.booking-alert.success{background:#37c27e1f;color:#23794f}.booking-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:minmax(260px,340px) 1fr}.booking-list{background:#f8faff;border:1px solid #3d6bff1f;border-radius:16px;gap:16px;max-height:calc(100vh - 220px);overflow-y:auto;padding:18px}.booking-list,.booking-list ul{display:flex;flex-direction:column}.booking-list ul{gap:12px;list-style:none;margin:0;padding:0}.booking-list li{align-items:stretch;background:#fff;border:1px solid #3d6bff1a;border-radius:12px;display:flex;justify-content:space-between;transition:border .2s ease,box-shadow .2s ease}.booking-list li.active{border-color:#3d6bff66;box-shadow:0 6px 18px #3d6bff1f}.booking-list li>button{-webkit-appearance:none;appearance:none;background:#0000;border:none;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:4px;padding:14px;text-align:left}.booking-list li>button strong{color:#17213b;font-size:1rem}.booking-list li>button span{color:#5d6b99;font-size:.85rem}.booking-list-actions{display:flex;flex-direction:column;gap:6px;justify-content:center;padding:12px}.booking-list .btn{border-radius:8px;cursor:pointer;font-size:.85rem;padding:6px 12px}.booking-list .btn.ghost{background:#3d6bff1a;border:none;color:#2f4ec7}.booking-list .btn.danger{background:#e64a4a1f;border:none;color:#c62828}.booking-form{background:#fff;border:1px solid #3d6bff1f;border-radius:16px;overflow:hidden;padding:24px}.booking-form form{display:flex;flex-direction:column;gap:24px}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-grid label{color:#17213b;display:flex;flex-direction:column;font-weight:600;gap:6px}.booking-table-row input,.booking-table-row select,.form-grid input,.form-grid select{background:#f8faffcc;border:1px solid #3d6bff2e;border-radius:10px;font-size:.95rem;padding:10px 12px}.booking-subsection{border:1px solid #3d6bff1f;border-radius:14px;display:flex;flex-direction:column;gap:12px;padding:16px}.booking-subsection legend{font-weight:600;padding:0 6px}.booking-subsection .help-text{color:#5d6b99;font-size:.85rem;margin:0}.booking-table{display:flex;flex-direction:column;gap:10px}.booking-table-header,.booking-table-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:1.2fr 1fr 1fr 1.4fr auto}.booking-table-header{color:#5d6b99;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase}.booking-table-row .btn.ghost{background:#0000000a;border:none;border-radius:8px;color:#2f4ec7;padding:6px 10px}.toggle{align-items:center;display:inline-flex;font-size:.85rem;gap:6px}.booking-actions{display:flex;gap:12px}.btn.primary{background:#3658ff;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:10px 18px}.btn.primary:disabled{cursor:not-allowed;opacity:.6}.btn.secondary{background:#3d6bff1f;border:none;border-radius:10px;cursor:pointer}.btn.ghost,.btn.secondary{color:#2f4ec7;padding:8px 14px}.btn.ghost{background:#0000;border:1px solid #3d6bff33;border-radius:10px}.btn.danger{background:#e64a4a1f;border:none;border-radius:10px;color:#c62828;padding:8px 14px}.booking-placeholder{align-items:center;color:#5d6b99;display:flex;height:100%;justify-content:center;text-align:center}@media (max-width:960px){.booking-layout{grid-template-columns:1fr}.booking-list{max-height:none}.booking-subsection .booking-table-header,.booking-subsection .booking-table-row{grid-template-columns:repeat(4,1fr)}}.settings-page{max-width:900px}.settings-header{border-bottom:1px solid var(--divider);margin-bottom:2rem;padding-bottom:2rem}.settings-eyebrow{color:var(--brand-primary);font-size:.75rem;font-weight:600;letter-spacing:.1em;margin:0 0 .5rem;text-transform:uppercase}.settings-header h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0 0 .5rem}.settings-subtitle{color:var(--text-muted);font-size:1rem;margin:0}.settings-alert{align-items:flex-start;border-radius:12px;display:flex;font-size:.9375rem;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.settings-alert span:first-child{flex-shrink:0;font-size:1.25rem}.settings-alert p{flex:1 1;margin:0}.settings-alert div{flex:1 1}.settings-alert div strong{display:block;margin-bottom:.25rem}.settings-alert div p{font-size:.875rem;margin:0;opacity:.9}.settings-alert button{background:none;border:none;color:inherit;cursor:pointer;flex-shrink:0;font-size:1.25rem;opacity:.6;transition:opacity .2s}.settings-alert button:hover{opacity:1}.settings-alert.error{background:var(--color-danger-soft);border:1px solid #ef44444d;color:var(--color-danger)}.settings-alert.success{background:var(--color-success-soft);border:1px solid #22c55e4d;color:var(--color-success)}.settings-alert.warning{background:var(--color-warning-soft);border:1px solid #f59e0b4d;color:var(--color-warning)}.settings-alert.info{background:var(--color-info-soft);border:1px solid #0ea5e94d;color:var(--color-info)}.settings-restricted{align-items:center;background:var(--surface-base);border:1px solid var(--divider);border-radius:16px;display:flex;flex-direction:column;justify-content:center;padding:5rem 2rem;text-align:center}.settings-restricted-icon{font-size:3.5rem;margin-bottom:1rem}.settings-restricted h2{color:var(--text-primary);font-size:1.5rem;margin:0 0 .5rem}.settings-restricted p{color:var(--text-muted);margin:0}.settings-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.settings-spinner{animation:settings-spin .8s linear infinite;border:3px solid var(--divider);border-radius:50%;border-top-color:var(--brand-primary);height:40px;margin-bottom:1rem;width:40px}@keyframes settings-spin{to{transform:rotate(1turn)}}.subscription-overview{margin-bottom:2rem}.subscription-header{align-items:flex-start;border-bottom:1px solid var(--divider);display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1.5rem}.subscription-label{color:var(--text-muted);display:block;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.subscription-plan-info h2{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.subscription-status{border-radius:100px;display:inline-block;font-size:.6875rem;font-weight:700;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.subscription-status.active{background:var(--color-success-soft);color:var(--color-success)}.subscription-status.trial{background:var(--color-info-soft);color:var(--color-info)}.subscription-status.past_due{background:var(--color-danger-soft);color:var(--color-danger)}.subscription-status.canceled{background:var(--surface-sunken);color:var(--text-muted)}.subscription-actions{display:flex;gap:.5rem}.subscription-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}.subscription-stat{background:var(--surface-sunken);border:1px solid var(--divider);border-radius:10px;padding:1rem;text-align:center}.subscription-stat-label{color:var(--text-muted);display:block;font-size:.75rem;margin-bottom:.25rem}.subscription-stat-value{color:var(--text-primary);font-size:1.125rem;font-weight:600}.subscription-usage{background:var(--surface-sunken);border:1px solid var(--divider);border-radius:10px;padding:1rem}.usage-header{color:var(--text-muted);display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:.75rem}.usage-bar{background:var(--surface-base);border-radius:100px;height:8px;overflow:hidden}.usage-bar-fill{background:linear-gradient(90deg,var(--brand-primary) 0,var(--accent-cyan) 100%);border-radius:100px;height:100%;transition:width .5s ease}.usage-bar-fill[data-percent="100"]{background:linear-gradient(90deg,var(--color-danger) 0,var(--color-warning) 100%)}.settings-card{background:var(--surface-base);border:1px solid var(--divider);border-radius:16px;box-shadow:var(--shadow-sm);padding:1.5rem}.settings-card,.settings-card-header{margin-bottom:1.5rem}.settings-card-header h2{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.settings-card-header p{color:var(--text-muted);font-size:.875rem;margin:0}.settings-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(2,1fr)}.settings-field{display:flex;flex-direction:column;gap:.5rem}.settings-field.full-width{grid-column:span 2}.settings-field label{color:var(--text-primary);font-size:.8125rem;font-weight:500}.settings-field input{background:var(--surface-base);border:1px solid var(--divider);border-radius:8px;color:var(--text-primary);font-size:.9375rem;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s}.settings-field input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-glow-subtle);outline:none}.settings-field input::placeholder{color:var(--text-muted)}.color-picker-inline{align-items:center;display:flex;gap:.75rem}.color-swatch-btn{border:2px solid var(--divider);border-radius:var(--radius-md);cursor:pointer;flex-shrink:0;height:36px;overflow:hidden;position:relative;transition:border-color .2s,box-shadow .2s;width:36px}.color-swatch-btn:focus-within,.color-swatch-btn:hover{border-color:var(--brand-primary)}.color-swatch-btn:focus-within{box-shadow:0 0 0 3px var(--brand-glow-subtle)}.color-swatch-btn input[type=color]{border:none;cursor:pointer;height:calc(100% + 8px);inset:-4px;padding:0;position:absolute;width:calc(100% + 8px)}.color-picker-inline input[type=text]{flex:1 1;font-family:var(--font-mono);font-size:.875rem}.logo-preview{align-items:center;background:var(--surface-sunken);border:1px solid var(--divider);border-radius:8px;display:flex;justify-content:center;margin-top:.75rem;padding:1rem}.logo-preview img{max-height:80px;max-width:200px;object-fit:contain}.settings-form-actions{display:flex;justify-content:flex-end;padding-top:1rem}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.btn-primary{background:var(--brand-primary);box-shadow:0 2px 8px var(--brand-glow-subtle);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-primary-hover);box-shadow:0 4px 12px var(--brand-glow);transform:translateY(-1px)}.btn-secondary{background:var(--surface-base);border:1px solid var(--divider);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--interactive-hover);border-color:var(--brand-primary);color:var(--brand-primary)}.btn-ghost{background:#0000;color:var(--text-muted)}.btn-ghost:hover:not(:disabled){color:var(--color-danger)}.btn:disabled{cursor:not-allowed;opacity:.6}.checkout-overlay{align-items:center;animation:fade-in .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.checkout-modal{animation:slide-up .3s ease;background:var(--surface-base);border:1px solid var(--divider);border-radius:16px;box-shadow:var(--shadow-xl);max-width:480px;padding:1.5rem;width:100%}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.checkout-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.checkout-label{color:var(--brand-primary);display:block;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.checkout-header h2{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.checkout-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.5rem;line-height:1}.checkout-close:hover{color:var(--text-primary)}.checkout-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.checkout-option{background:var(--surface-sunken);border:2px solid #0000;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:.25rem;padding:1rem;text-align:left;transition:all .2s}.checkout-option:hover{border-color:var(--divider)}.checkout-option.active{background:var(--brand-glow-subtle);border-color:var(--brand-primary)}.checkout-option strong{color:var(--text-primary);font-size:.9375rem}.checkout-option span{color:var(--text-muted);font-size:.8125rem}.checkout-summary{background:var(--surface-sunken);border:1px solid var(--divider);border-radius:10px;color:var(--text-muted);font-size:.875rem;margin-bottom:1rem;padding:1rem}.checkout-summary p{margin:0}.checkout-error{background:var(--color-danger-soft);border:1px solid #ef44444d;border-radius:10px;color:var(--color-danger);font-size:.875rem;margin-bottom:1rem;padding:1rem}.checkout-error p{margin:0}.checkout-actions{display:flex;gap:.75rem;justify-content:flex-end}@media (max-width:768px){.settings-header h1{font-size:1.5rem}.subscription-header{flex-direction:column}.subscription-actions{width:100%}.subscription-actions .btn{flex:1 1}.settings-grid,.subscription-stats{grid-template-columns:1fr}.settings-field.full-width{grid-column:span 1}.checkout-modal{max-height:90vh;overflow-y:auto}}.super-admin-companies{margin:0 auto;max-width:1400px;padding:2rem}.super-admin-companies .page-header{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.super-admin-companies .page-header-content{flex:1 1}.super-admin-companies .page-badge{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:999px;color:#fff;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.08em;margin-bottom:.75rem;padding:.35rem .75rem;text-transform:uppercase}.super-admin-companies h1{color:var(--color-text);font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.super-admin-companies .page-subtitle{color:var(--color-muted);margin:0}.super-admin-companies .page-header-stats{display:flex;gap:1rem}.super-admin-companies .stat-card{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:12px;min-width:100px;padding:1rem 1.5rem;text-align:center}.super-admin-companies .stat-value{color:var(--color-text);display:block;font-size:1.75rem;font-weight:700}.super-admin-companies .stat-label{color:var(--color-muted);display:block;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.super-admin-companies .error-banner{align-items:center;background:var(--color-danger-soft);border:1px solid var(--color-danger);border-radius:8px;color:var(--color-danger);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.super-admin-companies .error-banner button{background:#0000;border:none;color:var(--color-danger);cursor:pointer;font-weight:600;padding:.25rem .5rem}.super-admin-companies .filters-section{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.super-admin-companies .search-form{display:flex;flex:1 1;gap:.5rem;min-width:280px}.super-admin-companies .search-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);flex:1 1;font-size:.95rem;padding:.75rem 1rem;transition:border-color .15s}.super-admin-companies .search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.super-admin-companies .search-button{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.25rem;transition:transform .1s,box-shadow .15s}.super-admin-companies .search-button:hover{box-shadow:0 4px 12px #6366f159}.super-admin-companies .search-button:active{transform:translateY(1px)}.super-admin-companies .filter-group{align-items:center;display:flex;gap:.5rem}.super-admin-companies .filter-group label{color:var(--color-muted);font-size:.875rem;font-weight:500}.super-admin-companies .filter-select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);cursor:pointer;font-size:.95rem;min-width:140px;padding:.75rem 1rem}.super-admin-companies .companies-table-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-small);overflow:hidden}.super-admin-companies .companies-table{border-collapse:collapse;width:100%}.super-admin-companies .companies-table td,.super-admin-companies .companies-table th{border-bottom:1px solid var(--color-border);padding:1rem;text-align:left}.super-admin-companies .companies-table th{background:var(--color-surface-hover);color:var(--color-muted);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.super-admin-companies .companies-table tbody tr:hover{background:var(--color-surface-hover)}.super-admin-companies .companies-table tbody tr:last-child td{border-bottom:none}.super-admin-companies .company-cell strong{color:var(--color-text);display:block}.super-admin-companies .company-slug{color:var(--color-muted);display:block;font-family:monospace;font-size:.8rem}.super-admin-companies .owner-cell{line-height:1.4}.super-admin-companies .owner-name{color:var(--color-text);display:block}.super-admin-companies .owner-email{color:var(--color-muted);display:block;font-size:.8rem}.super-admin-companies .status-badge{border-radius:999px;display:inline-block;font-size:.75rem;font-weight:600;padding:.3rem .65rem}.super-admin-companies .status-badge.status-active{background:var(--color-success-soft);color:var(--color-success)}.super-admin-companies .status-badge.status-disabled{background:var(--color-danger-soft);color:var(--color-danger)}.super-admin-companies .status-badge.status-archived{background:var(--color-surface-hover);color:var(--color-muted)}.super-admin-companies .plan-badge{background:var(--color-warning-soft);border-radius:999px;color:var(--color-warning);display:inline-block;font-size:.75rem;font-weight:600;padding:.3rem .65rem;text-transform:capitalize}.super-admin-companies .number-cell{color:var(--color-text-secondary);font-weight:600;text-align:center}.super-admin-companies .date-cell{color:var(--color-muted);font-size:.875rem}.super-admin-companies .actions-cell{text-align:right}.super-admin-companies .action-button{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:transform .1s,box-shadow .15s}.super-admin-companies .action-button.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.super-admin-companies .action-button.primary:hover{box-shadow:0 4px 12px #6366f159}.super-admin-companies .action-button:active{transform:translateY(1px)}.super-admin-companies .empty-cell,.super-admin-companies .loading-cell{color:var(--color-muted);padding:3rem 1rem;text-align:center}.super-admin-companies .pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:1.5rem;padding:1rem}.super-admin-companies .pagination-button{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:background .15s}.super-admin-companies .pagination-button:hover:not(:disabled){background:var(--color-border)}.super-admin-companies .pagination-button:disabled{cursor:not-allowed;opacity:.5}.super-admin-companies .pagination-info{color:var(--color-muted);font-size:.875rem}@media (max-width:900px){.super-admin-companies{padding:1rem}.super-admin-companies .page-header{flex-direction:column}.super-admin-companies .companies-table-container{overflow-x:auto}.super-admin-companies .companies-table{min-width:800px}.super-admin-companies .filters-section{flex-direction:column}.super-admin-companies .search-form{width:100%}}.subscription-page{margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.subscription-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:6rem 2rem}.subscription-loading-spinner{animation:subscription-spin .8s linear infinite;border:3px solid var(--divider);border-radius:50%;border-top-color:var(--brand-primary);height:40px;margin-bottom:1rem;width:40px}.subscription-loading-spinner.large{border-width:4px;height:56px;width:56px}@keyframes subscription-spin{to{transform:rotate(1turn)}}.subscription-empty{background:var(--surface-base);border:1px solid var(--divider);border-radius:16px;padding:6rem 2rem;text-align:center}.subscription-empty h2{color:var(--text-primary);font-size:1.5rem;margin:0 0 .5rem}.subscription-empty p{color:var(--text-muted);margin:0}.subscription-alert{align-items:center;border-radius:12px;display:flex;font-size:.9375rem;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.subscription-alert.error{background:var(--color-danger-soft);border:1px solid #ef44444d;color:var(--color-danger)}.subscription-alert.success{background:var(--color-success-soft);border:1px solid #22c55e4d;color:var(--color-success)}.subscription-alert.warning{background:#fbbf2426;border:1px solid #f59e0b59;color:#b45309}.subscription-alert span:first-child{font-size:1.25rem}.subscription-alert p{flex:1 1;margin:0}.subscription-alert button{background:none;border:none;color:inherit;cursor:pointer;font-size:1.25rem;opacity:.6;transition:opacity .2s}.subscription-alert button.subscription-alert-action{border:1px solid;border-radius:999px;font-size:.85rem;opacity:1;padding:.35rem .75rem}.subscription-alert button:hover{opacity:1}.subscription-hero{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed 50%,#a855f7);border-radius:24px;color:#fff;display:flex;gap:3rem;justify-content:space-between;margin-bottom:3rem;margin-top:2rem;overflow:hidden;padding:3rem;position:relative}.subscription-hero:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;pointer-events:none;position:absolute;right:-20%;top:-50%;width:60%}.subscription-hero-content{max-width:600px;position:relative;z-index:1}.subscription-hero-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:100px;display:inline-block;font-size:.8125rem;font-weight:600;letter-spacing:.05em;margin-bottom:1rem;padding:.375rem .875rem;text-transform:uppercase}.subscription-hero h1{font-size:2.25rem;font-weight:700;line-height:1.2;margin:0 0 1rem}.subscription-hero p{font-size:1.125rem;line-height:1.6;margin:0;opacity:.9}.subscription-hero-visual{position:relative;z-index:1}.subscription-hero-icon{animation:subscription-float 3s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2));font-size:5rem}@keyframes subscription-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.subscription-comparison{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:4rem}.subscription-plan-card{background:var(--surface-base);border:2px solid var(--divider);border-radius:20px;padding:2rem;position:relative;transition:transform .3s,box-shadow .3s}.subscription-plan-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.subscription-plan-card.featured{border-color:var(--brand-primary);box-shadow:0 8px 32px var(--brand-glow-subtle)}.subscription-plan-card.featured:hover{box-shadow:0 16px 48px var(--brand-glow)}.subscription-plan-ribbon{background:var(--brand-primary);border-radius:0 0 8px 8px;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.5rem 1rem;position:absolute;right:24px;text-transform:uppercase;top:-1px}.subscription-plan-header{border-bottom:1px solid var(--divider);margin-bottom:1.5rem;padding-bottom:1.5rem;text-align:center}.subscription-plan-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 .75rem}.subscription-plan-price{align-items:baseline;display:flex;gap:.25rem;justify-content:center}.subscription-plan-price .price{color:var(--text-primary);font-size:2.5rem;font-weight:700}.featured .subscription-plan-price .price{color:var(--brand-primary)}.subscription-plan-price .period{color:var(--text-muted);font-size:1rem}.subscription-plan-features{list-style:none;margin:0 0 2rem;padding:0}.subscription-plan-features li{align-items:center;color:var(--text-primary);display:flex;font-size:.9375rem;gap:.75rem;padding:.625rem 0}.subscription-plan-features li.disabled{color:var(--text-muted)}.subscription-plan-features .icon{font-weight:600;text-align:center;width:20px}.subscription-plan-features .icon.highlight{color:var(--color-success)}.subscription-plan-features li.disabled .icon{color:var(--text-muted)}.subscription-plan-action{text-align:center}.subscription-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1.75rem;text-decoration:none;transition:all .2s}.subscription-btn.primary{background:var(--brand-primary);box-shadow:0 4px 12px var(--brand-glow-subtle);color:#fff}.subscription-btn.primary:hover:not(:disabled){background:var(--brand-primary-hover);box-shadow:0 8px 20px var(--brand-glow);transform:translateY(-2px)}.subscription-btn.secondary{background:var(--surface-base);border:2px solid var(--divider);color:var(--text-primary)}.subscription-btn.secondary:hover:not(:disabled){border-color:var(--brand-primary);color:var(--brand-primary)}.subscription-btn.secondary.current{background:var(--surface-sunken);border-color:#0000;color:var(--text-muted)}.subscription-btn:disabled{cursor:not-allowed;opacity:.6}.subscription-btn-arrow{transition:transform .2s}.subscription-btn:hover .subscription-btn-arrow{transform:translateX(4px)}.subscription-btn-spinner{animation:subscription-spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.subscription-features-grid{padding:3rem 0}.subscription-features-grid h2{color:var(--text-primary);font-size:1.75rem;margin:0 0 2.5rem;text-align:center}.subscription-features-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.subscription-feature{background:var(--surface-base);border:1px solid var(--divider);border-radius:16px;padding:1.5rem;transition:transform .2s,box-shadow .2s}.subscription-feature:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.subscription-feature-icon{font-size:2rem;margin-bottom:.75rem}.subscription-feature h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .5rem}.subscription-feature p{color:var(--text-muted);font-size:.875rem;line-height:1.5;margin:0}.subscription-status-header{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;color:#fff;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem;padding:2rem}.subscription-status-badge{background:#fff3;border-radius:100px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;padding:.25rem .75rem;text-transform:uppercase}.subscription-status-badge.active{background:#ffffff40}.subscription-status-info h1{font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.subscription-status-info p{margin:0;opacity:.9}.subscription-status-price{text-align:right}.subscription-status-price .amount{font-size:2.5rem;font-weight:700}.subscription-status-price .period{font-size:1rem;opacity:.8}.subscription-dashboard{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.subscription-card{background:var(--surface-base);border:1px solid var(--divider);border-radius:16px;padding:1.5rem}.subscription-card.usage{grid-column:1/-1}.subscription-card h3{color:var(--text-muted);font-size:1rem;font-weight:600;letter-spacing:.05em;margin:0 0 1.25rem;text-transform:uppercase}.subscription-usage-visual{margin-bottom:1rem}.subscription-usage-bar{background:var(--surface-sunken);border-radius:100px;height:12px;margin-bottom:.5rem;overflow:hidden}.subscription-usage-fill{background:linear-gradient(90deg,var(--brand-primary) 0,var(--accent-cyan) 100%);border-radius:100px;height:100%;transition:width .5s ease}.subscription-usage-labels{color:var(--text-muted);display:flex;font-size:.8125rem;justify-content:space-between}.subscription-usage-remaining{color:var(--text-primary);font-size:.9375rem;margin:0}.subscription-usage-remaining strong{color:var(--brand-primary)}.subscription-usage-cost{color:var(--text-muted);font-size:.85rem;margin:.4rem 0 0}.subscription-usage-warning{color:#b45309;font-size:.85rem;margin:.5rem 0 0}.subscription-usage-summary{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem}.subscription-usage-summary-item{background:var(--surface-sunken);border:1px solid var(--divider);border-radius:14px;flex:1 1;min-width:180px;padding:1rem 1.1rem}.subscription-usage-summary-item span{color:var(--text-muted);display:block;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.subscription-usage-summary-item strong{color:var(--text-primary);display:block;font-size:1.3rem;margin-top:.35rem}.subscription-usage-summary-item small{color:var(--text-muted);display:block;font-size:.78rem;margin-top:.35rem}.subscription-usage-chart{grid-gap:.85rem;display:grid;gap:.85rem}.subscription-usage-chart-header{align-items:flex-end;display:flex;gap:1rem;justify-content:space-between}.subscription-usage-chart-header p{color:var(--text-primary);font-size:.9rem;font-weight:600;margin:0 0 .2rem}.subscription-usage-chart-header span{color:var(--text-muted);font-size:.8rem}.subscription-usage-chart-meta{color:var(--text-muted);display:flex;flex-direction:column;font-size:.75rem;gap:.2rem;text-align:right}.subscription-usage-chart-bars{grid-gap:4px;align-items:end;background:var(--surface-sunken);border:1px solid var(--divider);border-radius:14px;display:grid;gap:4px;grid-auto-columns:minmax(6px,1fr);grid-auto-flow:column;height:170px;overflow:visible;padding:.75rem;position:relative}.subscription-usage-chart-bar{align-items:flex-end;cursor:help;display:flex;height:100%;justify-content:center;position:relative}.subscription-usage-chart-bar span{background:linear-gradient(180deg,var(--brand-primary) 0,var(--accent-cyan) 100%);border-radius:8px 8px 4px 4px;box-shadow:inset 0 0 0 1px #ffffff59;min-width:4px;transition:height .4s ease;width:100%}.subscription-usage-chart-bar.empty span{background:#94a3b873;border:1px solid #94a3b866}.subscription-usage-chart-bar:after{background:#0f172a;border-radius:6px;bottom:calc(100% + 8px);color:#f8fafc;content:attr(data-tooltip);font-size:11px;padding:6px 8px;white-space:pre-line;z-index:5}.subscription-usage-chart-bar:after,.subscription-usage-chart-bar:before{left:50%;opacity:0;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(6px);transition:opacity .2s ease,transform .2s ease}.subscription-usage-chart-bar:before{border-color:#0f172a #0000 #0000;border-style:solid;border-width:6px 6px 0;bottom:calc(100% + 2px);content:"";z-index:4}.subscription-usage-chart-bar:hover:after,.subscription-usage-chart-bar:hover:before{opacity:1;transform:translateX(-50%) translateY(0)}.subscription-usage-chart-axis{color:var(--text-muted);display:flex;font-size:.75rem;justify-content:space-between}.subscription-usage-chart-empty{color:var(--text-muted);font-size:.85rem;margin:0}.subscription-usage-footnote{color:var(--text-muted);display:flex;font-size:.85rem;justify-content:flex-end;margin-top:.85rem}.subscription-details-list{margin:0}.subscription-details-list>div{border-bottom:1px solid var(--divider);display:flex;justify-content:space-between;padding:.75rem 0}.subscription-details-list>div:last-child{border-bottom:none}.subscription-details-list dt{color:var(--text-muted);font-size:.875rem}.subscription-details-list dd{align-items:center;color:var(--text-primary);display:flex;font-weight:500;gap:.5rem;margin:0}.subscription-status-dot{background:var(--text-muted);border-radius:50%;height:8px;width:8px}.subscription-status-dot.active{background:var(--color-success)}.subscription-card.manage p{color:var(--text-muted);font-size:.9375rem;line-height:1.6;margin:0 0 1.5rem}.subscription-manage-actions{display:flex;flex-wrap:wrap;gap:.75rem}.subscription-checkout-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.subscription-checkout-modal{background:var(--surface-base);border:1px solid var(--divider);border-radius:24px;box-shadow:var(--shadow-xl);max-height:90vh;max-width:560px;overflow-y:auto;width:100%}.subscription-checkout-processing{color:var(--text-primary);padding:4rem 2rem;text-align:center}.subscription-checkout-processing h2{font-size:1.5rem;margin:1.5rem 0 .5rem}.subscription-checkout-processing p{color:var(--text-muted);margin:0}.subscription-checkout-header{align-items:flex-start;border-bottom:1px solid var(--divider);display:flex;gap:1rem;justify-content:space-between;padding:2rem 2rem 1.5rem}.subscription-checkout-badge{background:var(--brand-primary);border-radius:6px;color:#fff;display:inline-block;font-size:.6875rem;font-weight:700;letter-spacing:.05em;margin-bottom:.5rem;padding:.25rem .625rem;text-transform:uppercase}.subscription-checkout-header h2{color:var(--text-primary);font-size:1.5rem;margin:0}.subscription-checkout-price{color:var(--brand-primary);font-size:1.75rem;font-weight:700;margin:.5rem 0 0}.subscription-checkout-price span{color:var(--text-muted);font-size:1rem;font-weight:400}.subscription-checkout-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:2rem;line-height:1;padding:0;transition:color .2s}.subscription-checkout-close:hover{color:var(--text-primary)}.subscription-checkout-body{padding:1.5rem 2rem 2rem}.subscription-checkout-info{margin-bottom:1.5rem}.subscription-checkout-info h3{color:var(--text-primary);font-size:1rem;margin:0 0 .25rem}.subscription-checkout-info p{color:var(--text-muted);font-size:.875rem;margin:0}.subscription-checkout-form{display:flex;flex-direction:column;gap:1rem}.subscription-form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.subscription-form-field{display:flex;flex-direction:column;gap:.375rem}.subscription-form-field>span{color:var(--text-primary);font-size:.8125rem;font-weight:500}.subscription-form-field.required>span:after{color:var(--color-danger);content:" *"}.subscription-form-field input{background:var(--surface-base);border:2px solid var(--divider);border-radius:10px;color:var(--text-primary);font-size:.9375rem;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s}.subscription-form-field input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-glow-subtle);outline:none}.subscription-form-field input::placeholder{color:var(--text-muted)}.subscription-checkout-error{background:var(--color-danger-soft);border:1px solid #ef44444d;border-radius:10px;color:var(--color-danger);font-size:.875rem;padding:.875rem 1rem}.subscription-checkout-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:.5rem}.subscription-checkout-secure{color:var(--text-muted);font-size:.8125rem;margin:1rem 0 0;text-align:center}.subscription-cancel-note{background:var(--color-warning-soft);border:1px solid #f59e0b4d;border-radius:var(--radius-md);color:var(--color-warning);font-size:.875rem;margin:1rem 0 0;padding:.75rem 1rem}.subscription-section-header{margin-bottom:1.5rem}.subscription-section-header h2{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.subscription-section-header p{color:var(--text-muted);font-size:.9rem;margin:0}.subscription-empty-text{background:var(--surface-sunken);border-radius:var(--radius-lg);color:var(--text-muted);padding:2rem;text-align:center}.subscription-plans-section{margin-top:2rem}.subscription-plans-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.subscription-plan-item{background:var(--surface-base);border:2px solid var(--divider);border-radius:var(--radius-xl);display:flex;flex-direction:column;padding:1.5rem;transition:border-color .2s,box-shadow .2s}.subscription-plan-item:hover{border-color:var(--brand-primary)}.subscription-plan-item.is-current{background:var(--color-success-soft);border-color:var(--color-success)}.subscription-plan-item-head{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.5rem}.subscription-plan-item-head h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.subscription-plan-badge{background:var(--color-success);border-radius:var(--radius-full);color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.05em;padding:.25rem .5rem;text-transform:uppercase}.subscription-plan-item-price{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 1rem}.subscription-plan-item-price span{color:var(--text-muted);font-size:.9rem;font-weight:400}.subscription-plan-item-features{flex:1 1;list-style:none;margin:0 0 1.5rem;padding:0}.subscription-plan-item-features li{color:var(--text-secondary);font-size:.875rem;padding:.375rem 0}.subscription-plan-item-actions{display:flex;flex-direction:column;gap:.5rem}.subscription-addons-section{margin-top:2rem}.subscription-addons-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.subscription-addon-item{background:var(--surface-base);border:1px solid var(--divider);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:.75rem;padding:1.25rem}.subscription-addon-item.is-active{background:var(--color-success-soft);border-color:var(--color-success)}.subscription-addon-item-head{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between}.subscription-addon-item-head h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.subscription-addon-badge{border-radius:var(--radius-full);font-size:.6rem;font-weight:700;letter-spacing:.05em;padding:.2rem .5rem;text-transform:uppercase}.subscription-addon-badge.active{background:var(--color-success);color:#fff}.subscription-addon-badge.inactive{background:var(--surface-sunken);color:var(--text-muted)}.subscription-addon-price{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.subscription-addon-desc{color:var(--text-muted);flex:1 1;font-size:.85rem;line-height:1.5;margin:0}.subscription-footer{color:var(--text-muted);font-size:.875rem;padding:3rem 1rem;text-align:center}.subscription-footer a{color:var(--brand-primary);font-weight:500;text-decoration:none}.subscription-footer a:hover{text-decoration:underline}@media (max-width:768px){.subscription-page{padding:1rem}.subscription-hero{flex-direction:column;padding:2rem 1.5rem;text-align:center}.subscription-hero h1{font-size:1.75rem}.subscription-hero-icon{font-size:3.5rem}.subscription-status-header{flex-direction:column;gap:1.5rem;text-align:center}.subscription-status-price{text-align:center}.subscription-checkout-actions{flex-direction:column}.subscription-checkout-actions .subscription-btn{width:100%}}.addons-page{max-width:1200px}.addons-header{align-items:flex-end;border-bottom:1px solid var(--divider);display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem;padding-bottom:2rem}.addons-header-content{flex:1 1}.addons-eyebrow{color:var(--brand-primary);font-size:.75rem;font-weight:600;letter-spacing:.1em;margin:0 0 .5rem;text-transform:uppercase}.addons-header h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0 0 .5rem}.addons-subtitle{color:var(--text-muted);font-size:1rem;margin:0}.addons-header-stats{display:flex;gap:1.5rem}.addons-stat{align-items:center;background:var(--surface-base);border:1px solid var(--divider);border-radius:12px;display:flex;flex-direction:column;padding:1rem 1.5rem}.addons-stat-value{color:var(--text-primary);font-size:1.75rem;font-weight:700}.addons-stat-label{color:var(--text-muted);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.addons-alert{align-items:center;border-radius:10px;display:flex;font-size:.9375rem;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.addons-alert.error{background:var(--color-danger-soft);border:1px solid #ef44444d;color:var(--color-danger)}.addons-alert.success{background:var(--color-success-soft);border:1px solid #22c55e4d;color:var(--color-success)}.addons-alert span:first-child{font-size:1.25rem}.addons-alert p{flex:1 1;margin:0}.addons-alert button{background:none;border:none;color:inherit;cursor:pointer;font-size:1.25rem;opacity:.6;transition:opacity .2s}.addons-alert button:hover{opacity:1}.addons-empty,.addons-loading,.addons-restricted{align-items:center;background:var(--surface-base);border:1px solid var(--divider);border-radius:16px;display:flex;flex-direction:column;justify-content:center;padding:5rem 2rem;text-align:center}.addons-spinner{animation:addons-spin .8s linear infinite;border:3px solid var(--divider);border-radius:50%;border-top-color:var(--brand-primary);height:40px;margin-bottom:1rem;width:40px}@keyframes addons-spin{to{transform:rotate(1turn)}}.addons-empty-icon,.addons-restricted-icon{font-size:3.5rem;margin-bottom:1rem}.addons-empty h2,.addons-restricted h2{color:var(--text-primary);font-size:1.5rem;margin:0 0 .5rem}.addons-empty p,.addons-restricted p{color:var(--text-muted);margin:0;max-width:400px}.addons-section{margin-bottom:3rem}.addons-section-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin:0 0 1.5rem}.addons-section-icon{align-items:center;background:var(--brand-primary);border-radius:6px;color:#fff;display:flex;font-size:.875rem;font-weight:700;height:24px;justify-content:center;width:24px}.addons-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.addon-card{background:var(--surface-base);border:2px solid var(--divider);border-radius:16px;padding:1.5rem;transition:transform .2s,box-shadow .2s,border-color .2s}.addon-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.addon-card.active{background:var(--color-success-soft);border-color:var(--color-success)}.addon-card.available:hover{border-color:var(--brand-primary)}.addon-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.addon-icon{align-items:center;background:var(--surface-sunken);border-radius:12px;display:flex;font-size:2rem;height:48px;justify-content:center;width:48px}.addon-status{border-radius:100px;font-size:.6875rem;font-weight:700;letter-spacing:.05em;padding:.25rem .625rem;text-transform:uppercase}.addon-status.active{background:var(--color-success-soft);color:var(--color-success)}.addon-badge{background:var(--brand-primary);border-radius:100px;color:#fff;font-size:.6875rem;font-weight:700;letter-spacing:.05em;padding:.25rem .625rem;text-transform:uppercase}.addon-name{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.addon-description{color:var(--text-muted);font-size:.875rem;line-height:1.5;margin:0 0 1.5rem;min-height:3em}.addon-footer{align-items:center;border-top:1px solid var(--divider);display:flex;justify-content:space-between;padding-top:1rem}.addon-price{align-items:baseline;display:flex;gap:.25rem}.addon-price-amount{color:var(--text-primary);font-size:1.25rem;font-weight:700}.addon-price-period{color:var(--text-muted);font-size:.8125rem}.addon-price-included{color:var(--color-success);font-size:.875rem;font-weight:500}.addon-btn{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;transition:all .2s}.addon-btn.activate{background:var(--brand-primary);box-shadow:0 2px 8px var(--brand-glow-subtle);color:#fff}.addon-btn.activate:hover:not(:disabled){background:var(--brand-primary-hover);box-shadow:0 4px 12px var(--brand-glow);transform:translateY(-1px)}.addon-btn.deactivate{background:#0000;border:1px solid var(--divider);color:var(--text-muted)}.addon-btn.deactivate:hover:not(:disabled){border-color:var(--color-danger);color:var(--color-danger)}.addon-btn:disabled{cursor:not-allowed;opacity:.6}.addons-footer{color:var(--text-muted);font-size:.875rem;padding:3rem 1rem;text-align:center}.addons-footer a{color:var(--brand-primary);font-weight:500;text-decoration:none}.addons-footer a:hover{text-decoration:underline}@media (max-width:768px){.addons-header{align-items:flex-start;flex-direction:column;gap:1.5rem}.addons-header-stats{justify-content:flex-start;width:100%}.addons-stat{flex:1 1}.addon-card{padding:1.25rem}.addon-footer{flex-direction:column;gap:1rem}.addon-btn{width:100%}}.agent-page{display:flex;flex-direction:column;height:100%;min-height:calc(100vh - 140px)}.agent-page .page-header{margin-bottom:24px;margin-bottom:var(--space-6,24px)}.agent-page .card-grid{margin-bottom:16px;margin-bottom:var(--space-4,16px)}.agent-status-controls{align-items:center;display:flex;gap:10px}.availability-toggle{align-items:center;background:#0000;border:none;border-radius:12px;border-radius:var(--radius-lg,12px);cursor:pointer;display:inline-flex;gap:8px;padding:6px 12px 6px 8px;transition:background .2s ease;-webkit-user-select:none;user-select:none}.availability-toggle:hover{background:#ffffff0d}.availability-toggle input{display:none}.toggle-slider{background:#64748b;background:var(--text-muted,#64748b);border-radius:10px;flex-shrink:0;height:20px;position:relative;transition:all .2s ease;width:36px}.toggle-slider:after{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;content:"";height:16px;left:2px;position:absolute;top:2px;transition:all .2s ease;width:16px}.availability-toggle input:checked+.toggle-slider{background:#2ecc71;background:var(--brand-primary,#2ecc71)}.availability-toggle input:checked+.toggle-slider:after{transform:translateX(16px)}.toggle-label{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.8rem;font-weight:500;white-space:nowrap}.availability-toggle input:checked~.toggle-label{color:#2ecc71;color:var(--brand-primary,#2ecc71)}.connection-status{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.8rem;font-weight:600;gap:8px;padding:8px 14px;transition:all var(--transition-base);white-space:nowrap}.connection-status:before{border-radius:50%;content:"";flex-shrink:0;height:8px;width:8px}.connection-status--online{background:#2ecc711f;border:1px solid #2ecc7140;color:var(--brand-primary)}.connection-status--online:before{background:var(--brand-primary);box-shadow:0 0 8px #2ecc7199}.connection-status--offline{background:#ef444414;border:1px solid #ef444433;color:#f87171}.connection-status--offline:before{background:#f87171;opacity:.8}.connection-status--connecting{background:#fbbf241a;border:1px solid #fbbf2440;color:#fbbf24}.connection-status--connecting:before{animation:pulse-dot 1.2s ease-in-out infinite;background:#fbbf24}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.agent-workspace{grid-gap:24px;display:grid;flex:1 1;gap:24px;grid-template-columns:320px 1fr;margin-top:24px;min-height:0}.agent-sidebar{display:flex;flex-direction:column;gap:16px;max-height:calc(100vh - 340px);overflow-y:auto}.agent-queue-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:16px}.agent-queue-title{color:var(--color-text);font-size:.875rem;font-weight:600;margin:0 0 12px}.agent-queue-empty{color:var(--color-muted);font-size:.8rem;margin:0}.agent-queue-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.agent-queue-item{background:var(--color-background);border:1px solid #0000;border-radius:8px;cursor:pointer;padding:12px;transition:all .15s ease}.agent-queue-item:hover{background:#ffffff0d;background:var(--color-surface-hover,#ffffff0d);border-color:var(--color-border)}.agent-queue-item.active{background:#6366f126;background:var(--color-primary-light,#6366f126);border-color:var(--color-primary)}.agent-queue-item.pending{border-left:3px solid #f59e0b;border-left:3px solid var(--color-warning,#f59e0b)}.agent-queue-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.agent-queue-item-channel{color:var(--color-muted);font-size:.75rem;font-weight:600;text-transform:uppercase}.agent-queue-item-time{color:var(--color-muted);font-size:.7rem}.agent-queue-item-preview{color:var(--color-text);font-size:.85rem;line-height:1.4;margin:0 0 8px}.agent-queue-item .btn{width:100%}.priority-badge{border-radius:4px;font-size:.75rem;padding:2px 6px}.priority-badge.priority-urgent{background:#ef444426;color:#ef4444}.priority-badge.priority-high{background:#f59e0b26;color:#f59e0b}.priority-badge.priority-normal{background:#10b98126;color:#10b981}.agent-chat-area{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;display:flex;flex-direction:column;max-height:calc(100vh - 340px);min-height:0}.agent-chat-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.agent-chat-header h3{font-size:1rem;margin:0}.agent-chat-header-meta{color:var(--color-muted);font-size:.8rem}.agent-chat-header-actions{display:flex;gap:8px}.agent-chat-messages{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:20px}.agent-chat-message{border-radius:12px;max-width:75%;padding:12px 16px}.agent-chat-message.customer{align-self:flex-start;background:var(--color-background);border:1px solid var(--color-border)}.agent-chat-message.agent{align-self:flex-end;background:var(--color-primary);color:#fff}.agent-chat-message.bot{align-self:flex-start;background:#6366f11a;border:1px solid #6366f133}.agent-chat-message-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:6px}.agent-chat-message-sender{font-size:.75rem;font-weight:600;opacity:.7;text-transform:uppercase}.agent-chat-message-time{font-size:.7rem;opacity:.6}.agent-chat-message-content{font-size:.9rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.agent-chat-input{border-top:1px solid var(--color-border);display:flex;flex-shrink:0;gap:12px;padding:16px 20px}.agent-chat-input textarea{background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);flex:1 1;font-family:inherit;font-size:.9rem;padding:10px 14px;resize:none}.agent-chat-input textarea:focus{border-color:var(--color-primary);outline:none}.agent-chat-input .btn{align-self:flex-end;padding:10px 24px}.agent-chat-empty{align-items:center;color:var(--color-muted);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px;text-align:center}.agent-chat-empty-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.agent-chat-empty h3{color:var(--color-text);margin:0 0 8px}.agent-chat-empty p{margin:0;max-width:300px}.agent-chat-empty-hint{opacity:.8}.agent-offer-overlay{align-items:center;animation:fadeIn .2s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.agent-offer-modal{animation:slideUp .3s ease;background:var(--color-surface);border-radius:16px;box-shadow:0 20px 40px #0000004d;max-width:420px;padding:24px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.agent-offer-header{margin-bottom:16px}.agent-offer-header h3{font-size:1.25rem;margin:0 0 12px}.agent-offer-timer{align-items:center;background:var(--color-background);border-radius:12px;display:flex;height:24px;justify-content:center;overflow:hidden;position:relative}.agent-offer-timer-bar{background:linear-gradient(90deg,var(--color-primary),#818cf8);background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light,#818cf8));height:100%;left:0;position:absolute;top:0;transition:width 1s linear}.agent-offer-timer span{color:var(--color-text);font-size:.8rem;font-weight:600;position:relative}.agent-offer-content{margin-bottom:20px}.agent-offer-preview,.agent-offer-reason,.agent-offer-summary{font-size:.9rem;line-height:1.5;margin:0 0 8px}.agent-offer-meta{align-items:center;color:var(--color-muted);display:flex;font-size:.8rem;gap:12px;margin-top:12px}.agent-offer-actions{display:flex;flex-direction:column;gap:10px}.agent-offer-actions .btn-lg{font-size:1rem;padding:14px 24px}.btn-success{background:#10b981;background:var(--color-success,#10b981);color:#fff}.btn-success:hover{background:#059669}@media (max-width:900px){.agent-workspace{grid-template-columns:1fr}.agent-sidebar{max-height:300px}.agent-chat-area{max-height:500px}}
/*# sourceMappingURL=main.2c6aa0a4.css.map*/