@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Outfit:wght@500;600;700;800&display=swap";:root{font-family:var(--font-body);line-height:1.5;font-weight:500;color:var(--text-900);background-color:var(--page-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--page-bg)}#root{min-height:100vh}button,input,select,textarea{font-family:inherit}::selection{background:#4834d426;color:var(--text-900)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--gray-300)}[data-theme=dark] body{background:var(--page-bg)}:root{--brand-500: #4834d4;--brand-400: #6C5CE7;--brand-600: #3726b8;--brand-700: #2a1a9e;--brand-gradient: linear-gradient(135deg, #6C5CE7 0%, #4834d4 100%);--brand-glow: 0 0 24px rgba(108, 92, 231, .3);--gray-25: #fcfcfd;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--gray-950: #030712;--page-bg: var(--gray-50);--card-bg: #ffffff;--card-bg-hover: var(--gray-25);--card-border: var(--gray-200);--sunken-bg: var(--gray-100);--overlay-bg: rgba(255, 255, 255, .8);--nav-bg: #ffffff;--nav-bg-lighter: var(--gray-50);--nav-item-bg: transparent;--nav-item-bg-hover: var(--gray-100);--nav-item-bg-active: rgba(108, 92, 231, .1);--nav-text: var(--gray-500);--nav-text-hover: var(--gray-800);--nav-text-active: var(--brand-500);--nav-accent: var(--brand-500);--nav-divider: var(--gray-200);--nav-brand-text: var(--gray-900);--nav-brand-sub: var(--gray-400);--nav-session-bg: var(--gray-50);--nav-session-label: var(--gray-400);--nav-session-email: var(--gray-600);--nav-logout-text: var(--gray-500);--nav-logout-border: var(--gray-200);--text-900: var(--gray-900);--text-700: var(--gray-700);--text-600: var(--gray-600);--text-500: var(--gray-500);--text-400: var(--gray-400);--text-300: var(--gray-300);--text-white: #ffffff;--text-brand: var(--brand-500);--green-500: #22c55e;--green-600: #16a34a;--green-bg: rgba(34, 197, 94, .08);--green-border: rgba(34, 197, 94, .2);--red-500: #ef4444;--red-600: #dc2626;--red-bg: rgba(239, 68, 68, .08);--red-border: rgba(239, 68, 68, .2);--amber-500: #f59e0b;--amber-600: #d97706;--amber-bg: rgba(245, 158, 11, .08);--amber-border: rgba(245, 158, 11, .2);--blue-500: #3b82f6;--blue-bg: rgba(59, 130, 246, .08);--violet-bg: rgba(108, 92, 231, .06);--violet-bg-strong: rgba(108, 92, 231, .12);--violet-border: rgba(108, 92, 231, .2);--sh-xs: 0 1px 2px rgba(0,0,0,.04);--sh-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--sh-md: 0 4px 16px rgba(0,0,0,.05), 0 1px 3px rgba(0,0,0,.03);--sh-lg: 0 12px 40px rgba(0,0,0,.07), 0 2px 8px rgba(0,0,0,.03);--sh-xl: 0 24px 56px rgba(0,0,0,.1);--sh-brand: 0 4px 20px rgba(72, 52, 212, .18);--sh-card: 0 0 0 1px rgba(0,0,0,.03), 0 1px 3px rgba(0,0,0,.04);--sh-card-hover: 0 0 0 1px rgba(0,0,0,.05), 0 8px 24px rgba(0,0,0,.06);--sh-inset: inset 0 1px 2px rgba(0,0,0,.06);--sh-focus: 0 0 0 3px rgba(72, 52, 212, .15);--font-display: "Outfit", sans-serif;--font-body: "Manrope", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", monospace;--fs-11: .6875rem;--fs-12: .75rem;--fs-13: .8125rem;--fs-14: .875rem;--fs-15: .9375rem;--fs-16: 1rem;--fs-18: 1.125rem;--fs-20: 1.25rem;--fs-24: 1.5rem;--fs-28: 1.75rem;--fs-32: 2rem;--r-4: 4px;--r-6: 6px;--r-8: 8px;--r-10: 10px;--r-12: 12px;--r-16: 16px;--r-20: 20px;--r-full: 9999px;--r-logo: 12px 12px 4px 12px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--s-16: 64px;--nav-width: 260px;--ease: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--t-fast: .1s;--t-normal: .18s;--t-slow: .3s;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--accent: var(--brand-500);--accent-hover: var(--brand-600);--accent-bg: var(--violet-bg);--accent-bg-strong: var(--violet-bg-strong);--accent-border: var(--violet-border);--accent-focus: rgba(72, 52, 212, .15);--accent-shadow: rgba(72, 52, 212, .15);--accent-light: var(--brand-400);--error: var(--red-500);--error-bg: var(--red-bg);--error-border: var(--red-border);--success: var(--green-500);--success-bg: var(--green-bg);--success-border: var(--green-border);--warning: var(--amber-500);--warning-bg: var(--amber-bg);--warning-border: var(--amber-border);--info: var(--blue-500);--info-bg: var(--blue-bg);--surface-0: var(--card-bg);--surface-1: var(--page-bg);--surface-2: var(--gray-100);--surface-3: var(--gray-200);--surface-sunken: var(--sunken-bg);--surface-raised: var(--card-bg);--border-primary: var(--gray-200);--border-secondary: var(--gray-100);--border-input: var(--gray-300);--border-hover: var(--gray-400);--text-primary: var(--text-900);--text-secondary: var(--text-600);--text-tertiary: var(--text-500);--text-muted: var(--text-400);--text-faint: var(--text-300);--text-placeholder: var(--text-400);--text-input: var(--text-900);--text-inverse: var(--text-white);--bg-primary: var(--card-bg);--bg-secondary: var(--page-bg);--bg-tertiary: var(--gray-100);--bg-hover: var(--gray-200);--bg-hover-light: var(--gray-100);--bg-accent-light: var(--violet-bg);--text-price-note: var(--text-400);--text-feature: var(--text-500);--border-light: var(--gray-200);--border-dashed: var(--gray-200);--backdrop: rgba(0, 0, 0, .5);--preview-bg: var(--gray-100);--shadow-xs: var(--sh-xs);--shadow-sm: var(--sh-sm);--shadow-md: var(--sh-md);--shadow-lg: var(--sh-lg);--shadow-xl: var(--sh-xl);--shadow-brand: var(--sh-brand);--shadow-inset: var(--sh-inset);--shadow-card: var(--sh-card);--shadow-card-hover: var(--sh-card-hover);--sidebar-bg: var(--nav-bg);--sidebar-border: var(--nav-divider);--sidebar-text-bright: var(--nav-brand-text);--sidebar-text-muted: var(--nav-brand-sub);--sidebar-accent: var(--nav-accent)}[data-theme=dark]{--page-bg: #0c0c0f;--card-bg: #151518;--card-bg-hover: #1a1a1e;--card-border: #2a2a30;--sunken-bg: #0a0a0c;--overlay-bg: rgba(12, 12, 15, .85);--nav-bg: #08071a;--nav-bg-lighter: #0f0e24;--gray-25: #18181b;--gray-50: #131316;--gray-100: #1e1e22;--gray-200: #2a2a30;--gray-300: #3f3f46;--gray-400: #52525b;--gray-500: #71717a;--gray-600: #a1a1aa;--gray-700: #d4d4d8;--gray-800: #e4e4e7;--gray-900: #fafafa;--gray-950: #ffffff;--brand-500: #8b7cf6;--brand-400: #a78bfa;--brand-600: #7c6ef0;--brand-gradient: linear-gradient(135deg, #a78bfa 0%, #7c6ef0 100%);--brand-glow: 0 0 24px rgba(139, 124, 246, .25);--green-500: #4ade80;--green-600: #22c55e;--green-bg: rgba(74, 222, 128, .1);--green-border: rgba(74, 222, 128, .2);--red-500: #f87171;--red-600: #ef4444;--red-bg: rgba(248, 113, 113, .1);--red-border: rgba(248, 113, 113, .2);--amber-500: #fbbf24;--amber-600: #f59e0b;--amber-bg: rgba(251, 191, 36, .1);--amber-border: rgba(251, 191, 36, .2);--blue-500: #60a5fa;--blue-bg: rgba(96, 165, 250, .1);--violet-bg: rgba(139, 124, 246, .08);--violet-bg-strong: rgba(139, 124, 246, .15);--violet-border: rgba(139, 124, 246, .25);--sh-xs: 0 1px 2px rgba(0,0,0,.2);--sh-sm: 0 1px 3px rgba(0,0,0,.3);--sh-md: 0 4px 16px rgba(0,0,0,.25);--sh-lg: 0 12px 40px rgba(0,0,0,.35);--sh-xl: 0 24px 56px rgba(0,0,0,.45);--sh-brand: 0 4px 20px rgba(139, 124, 246, .15);--sh-card: 0 0 0 1px rgba(255,255,255,.04), 0 1px 2px rgba(0,0,0,.2);--sh-card-hover: 0 0 0 1px rgba(255,255,255,.06), 0 6px 20px rgba(0,0,0,.25);--sh-inset: inset 0 1px 2px rgba(0,0,0,.25);--sh-focus: 0 0 0 3px rgba(139, 124, 246, .2);--backdrop: rgba(0, 0, 0, .65);--nav-item-bg-hover: rgba(255, 255, 255, .05);--nav-item-bg-active: rgba(139, 124, 246, .12);--nav-accent: #c4b5fd;--nav-text: rgba(255, 255, 255, .45);--nav-text-hover: rgba(255, 255, 255, .75);--nav-text-active: #c4b5fd;--nav-divider: rgba(255, 255, 255, .06);--nav-brand-text: rgba(255, 255, 255, .92);--nav-brand-sub: rgba(255, 255, 255, .3);--nav-session-bg: rgba(255, 255, 255, .03);--nav-session-label: rgba(255, 255, 255, .25);--nav-session-email: rgba(255, 255, 255, .55);--nav-logout-text: rgba(255, 255, 255, .45);--nav-logout-border: rgba(255, 255, 255, .06)}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:var(--s-6);background:var(--page-bg);color:var(--text-900)}.auth-card{width:min(460px,100%);border-radius:var(--r-20);border:none;background:var(--card-bg);box-shadow:var(--sh-lg);padding:var(--s-8);display:grid;gap:var(--s-5)}.auth-card h1{margin:0;font-family:var(--font-display);font-size:var(--fs-28);color:var(--text-900);letter-spacing:-.02em}.auth-subtitle{margin:0;color:var(--text-400)}.auth-form{display:grid;gap:var(--s-4)}.auth-error{margin:0;color:var(--red-500);font-size:var(--fs-13);font-weight:600}.auth-success{margin:0;color:var(--green-500);font-size:var(--fs-13);font-weight:600}.auth-submit{border:none;background:var(--brand-gradient);color:#fff;border-radius:var(--r-10);padding:var(--s-3) var(--s-4);font-size:var(--fs-16);font-weight:800;cursor:pointer;box-shadow:var(--sh-brand);transition:filter var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast)}.auth-submit:hover{filter:brightness(1.08);box-shadow:0 6px 24px #4834d447}.auth-submit:active{transform:scale(.98)}.auth-submit:disabled,.logout-button:disabled,.inline-action-button:disabled,.knowledge-item button:disabled{cursor:not-allowed;opacity:.6}.auth-link-button{border:none;background:transparent;color:var(--brand-500);padding:0;font-size:var(--fs-13);font-weight:700;text-decoration:none;cursor:pointer;width:fit-content;transition:color var(--t-fast)}.auth-link-button:hover{color:var(--brand-600)}.auth-divider{height:1px;background:var(--gray-100);margin-top:var(--s-1)}.auth-google-box{display:grid;gap:var(--s-2);align-items:start}.auth-google-box span{font-size:var(--fs-14);color:inherit;font-weight:700}.auth-google-hidden{position:absolute;inset:0;z-index:2;opacity:.01;overflow:hidden;cursor:pointer}.auth-google-hidden div[role=button],.auth-google-hidden iframe{width:100%!important;height:100%!important;min-height:52px!important}.auth-google-custom-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;border:1px solid var(--gray-200);border-radius:var(--r-10);background:var(--card-bg);cursor:pointer;font-size:clamp(.95rem,1.05vw,1.05rem);font-weight:600;color:var(--text-600);font-family:inherit;box-shadow:var(--sh-xs);transition:background var(--t-fast),border-color var(--t-fast),box-shadow var(--t-fast)}.auth-google-custom-btn:hover{border-color:var(--gray-400);box-shadow:var(--sh-sm);color:var(--text-900)}.auth-google-custom-btn svg{flex-shrink:0}.auth-modal-backdrop{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:var(--z-modal);display:grid;place-items:center;padding:var(--s-6)}.landing-auth-modal{width:min(480px,100%);border-radius:var(--r-20);border:none;background:var(--card-bg);box-shadow:var(--sh-xl);padding:clamp(1.5rem,2.5vw,2.2rem);gap:var(--s-5)}.landing-auth-modal-head{display:flex;align-items:center;justify-content:center;gap:var(--s-3);position:relative}.landing-auth-modal-head h1{margin:0;font-family:var(--font-display);font-size:clamp(1.5rem,3.5vw,1.9rem);line-height:1;letter-spacing:-.02em;text-align:center;color:var(--text-900)}.landing-auth-close{border:none;background:var(--gray-100);color:var(--text-500);border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-size:1.3rem;line-height:1;cursor:pointer;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:background var(--t-fast),color var(--t-fast)}.landing-auth-close:hover{background:var(--gray-200);color:var(--text-700)}.landing-auth-modal .auth-subtitle{margin:0 auto;font-size:clamp(.92rem,1.6vw,1.05rem);line-height:1.4;color:var(--text-400);max-width:34ch;text-align:center}.landing-auth-modal .auth-form{gap:var(--s-4);width:100%;max-width:360px;margin:0 auto}.landing-auth-modal label{gap:0}.landing-auth-modal input{width:100%;display:block;border:1px solid var(--gray-200);background:var(--card-bg);border-radius:var(--r-10);padding:var(--s-4) var(--s-5);font-size:clamp(.95rem,1.05vw,1.05rem);min-height:52px;color:var(--text-900);box-shadow:var(--sh-inset);transition:border-color var(--t-fast),box-shadow var(--t-fast)}.landing-auth-modal input:focus{outline:none;border-color:var(--brand-500);box-shadow:var(--sh-focus),var(--sh-inset)}.landing-auth-modal input::placeholder{color:var(--text-400)}.landing-auth-modal .auth-submit{min-height:52px;border-radius:var(--r-10);border:none;background:var(--brand-gradient);color:#fff;font-size:clamp(1rem,1.8vw,1.15rem);width:100%;box-shadow:var(--sh-brand)}.landing-auth-modal .auth-submit:hover{filter:brightness(1.08);box-shadow:0 6px 24px #4834d447}.landing-auth-modal .auth-link-button{font-size:clamp(.88rem,1.4vw,.95rem);color:var(--brand-500)}.landing-auth-modal .auth-name-row,.landing-auth-modal .auth-checkboxes{width:100%;max-width:360px;margin:0 auto}.landing-auth-modal .auth-divider{margin-top:var(--s-1);margin-bottom:var(--s-1);width:100%;max-width:360px;margin-left:auto;margin-right:auto;background:var(--gray-100)}.landing-auth-modal .auth-error{color:var(--red-500)}.landing-auth-modal .auth-success{color:var(--green-500)}.landing-auth-modal .auth-error,.landing-auth-modal .auth-success{font-size:clamp(.85rem,1.1vw,.92rem)}.auth-switch-row{margin:0;text-align:center;color:var(--text-400);font-size:clamp(.88rem,1.4vw,.98rem);font-weight:600}.auth-switch-link{border:none;background:transparent;color:var(--brand-500);font:inherit;font-weight:700;cursor:pointer;padding:0}.auth-google-compact{margin-top:var(--s-1);width:100%;max-width:360px;margin-left:auto;margin-right:auto}.auth-google-compact .auth-google-button{width:100%;min-height:46px}.auth-input-row{display:block;width:100%}.auth-name-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3)}.auth-checkboxes{display:grid;gap:var(--s-3)}.auth-checkbox-row{display:flex;align-items:center;gap:var(--s-3);font-size:var(--fs-14);font-weight:500;color:var(--text-500);cursor:pointer}.auth-checkbox-row input[type=checkbox]{width:22px;height:22px;border-radius:50%;border:2px solid var(--gray-200);background:var(--card-bg);appearance:none;-webkit-appearance:none;cursor:pointer;flex-shrink:0;display:grid;place-items:center;padding:0;min-height:auto;box-shadow:none;transition:border-color var(--t-fast),background var(--t-fast)}.auth-checkbox-row input[type=checkbox]:checked{border-color:var(--brand-500);background:var(--brand-500)}.auth-checkbox-row input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:12px;font-weight:800}.auth-terms-link{border:none;background:transparent;color:var(--brand-500);font:inherit;font-weight:700;cursor:pointer;padding:0}.auth-reset-link{display:inline-flex;align-items:center;gap:var(--s-2);justify-self:center}.auth-back-link{justify-self:center}.landing-auth-modal.is-forgot .landing-auth-modal-head h1{font-size:clamp(1.4rem,3.2vw,1.75rem)}.landing-auth-modal.is-forgot .auth-subtitle{max-width:28ch}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--grid-color: rgba(0, 0, 0, .03)}[data-theme=dark]{--grid-color: rgba(255, 255, 255, .03)}.landing-shell{position:relative;min-height:100vh;padding:1rem;overflow:hidden;color:var(--text-900);background:var(--card-bg);display:grid;grid-template-rows:auto 1fr;gap:0}.landing-grid-overlay{position:absolute;inset:0;background-image:linear-gradient(to right,var(--grid-color) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-color) 1px,transparent 1px);background-size:72px 72px;pointer-events:none}.landing-topbar{width:min(1200px,calc(100vw - 2rem));margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:.7rem;padding:.7rem 0;position:relative;z-index:10}.landing-logo{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;text-decoration:none}.landing-logo-icon{width:36px;height:36px;background:linear-gradient(140deg,#6c5ce7,#4834d4);border-radius:10px 10px 3px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #6c5ce740;flex-shrink:0}.landing-logo-icon span{font-family:var(--font-display);font-weight:800;font-size:22px;color:#fff;line-height:1}.landing-logo-text{font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:-.5px;color:var(--text-900);line-height:1}.landing-top-actions{display:inline-flex;align-items:center;gap:.5rem}.landing-language-switch{width:min(128px,100%)}.landing-nav-button{border-radius:var(--r-10);padding:.52rem 1.1rem;font-size:.92rem;font-weight:700;cursor:pointer;transition:.15s ease;white-space:nowrap}.landing-nav-button.ghost{border:1px solid var(--gray-200);background:var(--card-bg);color:var(--text-900)}.landing-nav-button.ghost:hover{border-color:var(--gray-400);background:var(--gray-50)}.landing-nav-button.solid{border:1px solid var(--brand-500);color:#fff;background:var(--brand-500);border-radius:var(--r-10)}.landing-nav-button.solid:hover{background:var(--brand-600)}.landing-hero{width:min(820px,calc(100vw - 2rem));margin:0 auto;position:relative;z-index:1;min-height:clamp(430px,60vh,660px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1.2rem}.landing-hero-pill{width:fit-content;border-radius:var(--r-full);border:1px solid var(--gray-200);background:var(--gray-50);padding:.48rem 1rem;font-size:.88rem;font-weight:600;color:var(--text-500);display:inline-flex;align-items:center;gap:.4rem}.landing-hero-pill .pill-emoji{font-size:1rem}.landing-hero-pill .pill-arrow{color:var(--text-300);margin-left:.15rem}.landing-title{margin:0;font-family:var(--font-display);font-size:clamp(2.4rem,5.6vw,4.2rem);line-height:1.05;letter-spacing:-.03em;color:var(--text-900);max-width:18ch;font-weight:800}.landing-subtitle{margin:0;max-width:42ch;color:var(--text-400);font-size:clamp(1.02rem,1.6vw,1.25rem);line-height:1.55;font-weight:400}.landing-hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem;margin-top:.3rem}.landing-action-button{border-radius:var(--r-10);padding:.72rem 1.5rem;font-size:1rem;font-weight:700;cursor:pointer;transition:.18s ease}.landing-action-primary{border:1px solid var(--brand-500);color:#fff;background:var(--brand-500);box-shadow:var(--sh-brand)}.landing-action-primary:hover{background:var(--brand-600);transform:translateY(-1px)}.landing-action-secondary{border:1px solid var(--gray-300);color:var(--text-600);background:var(--card-bg)}.landing-action-secondary:hover{border-color:var(--gray-400);background:var(--gray-50)}.landing-features-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--gray-100);width:min(760px,100%)}.landing-feature-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1rem;border-radius:var(--r-full);border:1px solid var(--gray-100);background:var(--gray-50);font-size:.88rem;font-weight:600;color:var(--text-500);transition:.15s}.landing-feature-chip:hover{background:var(--gray-200);border-color:var(--gray-300)}.landing-feature-chip .chip-icon{font-size:1rem;line-height:1}.landing-shell .language-trigger{border-color:var(--gray-200);background:var(--card-bg);color:var(--text-600)}.landing-shell .language-trigger.open{border-color:var(--gray-300);background:var(--gray-50)}.landing-shell .language-chevron{color:var(--text-300)}.landing-shell .language-menu{border-color:var(--gray-200);background:var(--card-bg);box-shadow:var(--sh-md)}.landing-shell .language-option{color:var(--text-500)}.landing-shell .language-option:hover{background:var(--gray-50)}.landing-shell .language-option.active{border-color:var(--brand-500);background:var(--violet-bg);color:var(--brand-500)}.dashboard-wrapper{min-height:100vh;background:var(--page-bg);color:var(--text-900)}.dashboard-shell{width:100%;min-height:100dvh;display:grid;grid-template-columns:var(--nav-width) minmax(0,1fr);color:var(--text-900)}.content{background:#fafafb;padding:var(--s-8);display:flex;flex-direction:column;gap:var(--s-6);height:100dvh;overflow:hidden;position:relative;z-index:0}.content:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(circle,var(--gray-300) 1px,transparent 1px);background-size:24px 24px}[data-theme=dark] .content{background:#0c0c0f}[data-theme=dark] .content:after{background-image:radial-gradient(circle,var(--gray-300) .8px,transparent .8px)}@media(max-width:940px){.dashboard-shell{grid-template-columns:1fr;min-height:auto}.content{padding:var(--s-5);height:auto}}@media(max-width:700px){.content{padding:var(--s-3)}.dashboard-shell{width:100%;gap:0}.ai-key-row,.ai-model-row{flex-wrap:wrap}}.panel{border-radius:var(--r-16);background:var(--card-bg);box-shadow:var(--sh-card);border:none;padding:0 var(--s-6) var(--s-5);overflow:auto;min-height:0}.section-stack{display:grid;gap:var(--s-6);align-content:start;grid-auto-rows:max-content}.panel-fill{overflow:hidden;grid-template-rows:auto auto 1fr}.panel-fill>*:last-child{min-height:0;overflow:hidden;display:grid;grid-template-rows:auto 1fr}.panel-fill>*:last-child.knowledge-json-open{overflow:visible;grid-template-rows:auto;align-content:start}.panel-fill .knowledge-list,.panel-fill .chat-list{min-height:0}h2{margin:0;font-family:var(--font-display);font-size:var(--fs-28);font-weight:700;color:var(--text-900);letter-spacing:-.025em;line-height:1.15}h3{margin:0;font-family:var(--font-display);font-size:var(--fs-16);font-weight:600;color:var(--text-900)}.section-subtitle{margin:var(--s-1) 0 0;color:var(--text-500);font-size:var(--fs-14);line-height:1.5}.metrics-grid{display:grid;gap:var(--s-4);grid-template-columns:repeat(2,minmax(0,1fr))}.metric-chip{border-radius:var(--r-16);background:var(--card-bg);box-shadow:var(--sh-card);border:none;padding:var(--s-5) var(--s-6);display:grid;gap:var(--s-2);transition:box-shadow var(--t-normal) var(--ease),transform var(--t-normal) var(--ease)}.metric-chip:hover{box-shadow:var(--sh-card-hover);transform:translateY(-2px)}.metric-chip span{font-size:var(--fs-11);color:var(--text-400);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.metric-chip strong{font-family:var(--font-display);font-size:var(--fs-32);font-weight:700;color:var(--text-900);line-height:1}.inline-action-button{border:none;background:var(--brand-gradient);color:var(--text-white);border-radius:var(--r-8);padding:var(--s-2) var(--s-5);font-size:var(--fs-13);font-weight:700;cursor:pointer;width:fit-content;box-shadow:var(--sh-xs),0 2px 8px #4834d41f;transition:all var(--t-fast)}.inline-action-button:hover{box-shadow:var(--sh-brand);filter:brightness(1.08)}.inline-action-button:active{transform:scale(.97);filter:brightness(.95)}.inline-action-button.ghost{background:var(--card-bg);border:1px solid var(--gray-200);color:var(--text-600);box-shadow:var(--sh-xs)}.inline-action-button.ghost:hover{background:var(--gray-50);border-color:var(--gray-300);box-shadow:var(--sh-sm)}.form-error{margin:0;color:var(--red-500);font-size:var(--fs-13);font-weight:500}label{display:grid;gap:var(--s-2);font-size:var(--fs-14);font-weight:600;color:var(--text-600)}input,select,textarea{border:1px solid var(--gray-200);border-radius:var(--r-8);padding:var(--s-2) var(--s-3);font:inherit;font-size:var(--fs-14);color:var(--text-900);background:var(--card-bg);box-shadow:var(--sh-inset);transition:border-color var(--t-fast),box-shadow var(--t-fast)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand-500);box-shadow:var(--sh-focus),var(--sh-inset)}input::placeholder,textarea::placeholder{color:var(--text-400)}input[type=color]{min-height:40px;padding:3px;cursor:pointer}input[type=range]{accent-color:var(--brand-500);box-shadow:none}.custom-select{position:relative;width:100%}.custom-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);padding:var(--s-2) var(--s-3);min-height:40px;border:1px solid var(--gray-200);border-radius:var(--r-10);background:var(--card-bg);color:var(--text-900);font:inherit;font-size:var(--fs-14);font-weight:500;cursor:pointer;box-shadow:var(--sh-inset);transition:border-color var(--t-fast),box-shadow var(--t-fast),background var(--t-fast)}.custom-select-trigger:hover{border-color:var(--gray-300);background:var(--gray-25)}.custom-select-trigger:focus-visible{outline:none;border-color:var(--brand-500);box-shadow:var(--sh-focus),var(--sh-inset)}.custom-select.open .custom-select-trigger{border-color:var(--brand-500);box-shadow:var(--sh-focus),var(--sh-inset)}.custom-select-trigger.placeholder .custom-select-value{color:var(--text-400)}.custom-select-trigger:disabled{opacity:.5;cursor:not-allowed}.custom-select-value{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select-chevron{flex-shrink:0;font-size:var(--fs-12);color:var(--text-400);transition:transform var(--t-fast)}.custom-select-chevron.open{transform:rotate(180deg)}.custom-select-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:100%;width:max-content;max-width:min(500px,90vw);z-index:var(--z-dropdown);max-height:340px;overflow-y:auto;padding:var(--s-1);border-radius:var(--r-10);border:1px solid var(--gray-200);background:var(--card-bg);box-shadow:var(--sh-lg);display:flex;flex-direction:column;gap:1px}.custom-select-option{width:100%;display:flex;align-items:center;padding:var(--s-2) var(--s-3);border:none;border-radius:var(--r-6);background:transparent;color:var(--text-700);font:inherit;font-size:var(--fs-14);font-weight:500;text-align:left;cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}.custom-select-option:hover{background:var(--gray-50);color:var(--text-900)}.custom-select-option.selected{background:var(--violet-bg-strong);color:var(--brand-500);font-weight:600}.custom-select-option.disabled{opacity:.4;cursor:not-allowed}.custom-select-empty{padding:var(--s-3);text-align:center;color:var(--text-400);font-size:var(--fs-13)}.knowledge-list,.chat-list{display:grid;gap:var(--s-2);overflow:auto;align-content:start}.knowledge-item,.chat-item{border-radius:var(--r-12);background:var(--card-bg);box-shadow:var(--sh-xs);border:1px solid var(--gray-100);padding:var(--s-4);display:grid;gap:var(--s-2);align-content:start;transition:box-shadow var(--t-fast),border-color var(--t-fast)}.knowledge-item:hover,.chat-item:hover{box-shadow:var(--sh-sm);border-color:var(--gray-200)}.knowledge-item p,.knowledge-item small,.chat-item p,.chat-item span{margin:0;color:var(--text-500)}.knowledge-item-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);flex-wrap:wrap}.knowledge-item-number{font-size:var(--fs-11);color:var(--text-400);font-weight:700}.knowledge-item-actions{display:inline-flex;align-items:center;gap:var(--s-2);flex-wrap:wrap}.knowledge-locale-tags{display:inline-flex;flex-wrap:wrap;gap:var(--s-1)}.knowledge-locale-tag{border:none;background:var(--gray-100);color:var(--text-500);border-radius:var(--r-full);padding:2px var(--s-2);font-size:var(--fs-11);font-weight:700}.knowledge-action-button{border:1px solid var(--gray-200);background:var(--card-bg);color:var(--text-600);border-radius:var(--r-6);padding:var(--s-1) var(--s-3);font-size:var(--fs-11);font-weight:600;cursor:pointer;width:fit-content;transition:all var(--t-fast)}.knowledge-action-button:hover{background:var(--gray-50);border-color:var(--gray-300)}.knowledge-action-button.delete{color:var(--red-500);border-color:var(--red-border)}.knowledge-action-button.delete:hover{background:var(--red-bg)}.chat-item div{display:flex;justify-content:space-between;gap:var(--s-2);align-items:center}.chat-item strong{font-size:var(--fs-14);color:var(--text-900)}.chat-item span{font-size:var(--fs-11)}.empty-note{margin:0;font-size:var(--fs-14);color:var(--text-400)}@media(max-width:1180px){.appearance-layout{grid-template-columns:1fr}.controls-card{max-height:none}.helpdesk-layout,.helpdesk-detail-shell,.helpdesk-detail-controls,.snippet-grid,.agent-grid,.agent-runtime-grid{grid-template-columns:1fr}}@media(max-width:940px){.dashboard-shell{grid-template-columns:1fr;min-height:auto}.content{padding:var(--s-5);height:auto;min-height:0}}@media(max-width:700px){.helpdesk-filters,.helpdesk-tags-row,.helpdesk-operator-form,.helpdesk-operator-item{grid-template-columns:1fr}.helpdesk-operator-actions,.helpdesk-operator-avatar-actions,.helpdesk-chat-head-meta{justify-items:start}.helpdesk-ticket-meta-row{grid-template-columns:1fr;gap:var(--s-1)}.helpdesk-messages-main{min-height:260px}.helpdesk-chat-content{justify-self:stretch;max-width:100%}.knowledge-toolbar{display:grid;grid-template-columns:1fr;align-items:stretch}.knowledge-search-input{margin-left:0;width:100%}.knowledge-locale-row{grid-template-columns:1fr}.landing-shell{padding:var(--s-3)}.landing-topbar,.landing-hero{width:calc(100vw - var(--s-6))}.landing-topbar{flex-wrap:nowrap;padding-inline:0}.landing-logo-icon{width:30px;height:30px;border-radius:8px 8px 2px}.landing-logo-icon span{font-size:18px}.landing-logo-text{font-size:19px}.landing-title{max-width:14ch;font-size:clamp(2rem,9vw,2.8rem)}.landing-subtitle{max-width:28ch;font-size:var(--fs-16)}.landing-hero-actions{width:100%}.landing-action-button{flex:1 1 0;min-width:0;padding-inline:var(--s-3)}.landing-features-row{flex-direction:column;align-items:center;gap:var(--s-2);margin-top:var(--s-5);padding-top:var(--s-5)}.landing-feature-chip{font-size:var(--fs-13);padding:var(--s-2) var(--s-4)}.auth-modal-backdrop{padding:var(--s-3)}.landing-auth-modal{width:100%;border-radius:var(--r-16);padding:var(--s-5);gap:var(--s-3)}.landing-auth-modal-head h1{font-size:clamp(1.3rem,6vw,1.65rem)}.landing-auth-close{width:36px;height:36px;font-size:1.2rem}.landing-auth-modal input{min-height:48px;border-radius:var(--r-8);padding:var(--s-3) var(--s-4)}.landing-auth-modal .auth-submit{min-height:48px;border-radius:var(--r-8);font-size:1.05rem}.dashboard-shell{width:100%;gap:0}.content{padding:var(--s-3)}.ai-key-row,.ai-model-row{flex-wrap:wrap}.language-switch{width:100%}}.ak-section{display:flex;flex-direction:column;gap:var(--s-6);flex:1;overflow:hidden;min-height:0}.ak-header{display:flex;flex-direction:column;gap:var(--s-2);flex-shrink:0}.ak-title{font-family:var(--font-display);font-size:var(--fs-28);font-weight:700;color:var(--text-900);margin:0;letter-spacing:-.01em}.ak-subtitle{font-size:var(--fs-15);color:var(--text-500);margin:0;line-height:1.5}.ak-card{background:var(--card-bg);border-radius:var(--r-16);box-shadow:var(--sh-card);flex-shrink:0;transition:box-shadow var(--t-normal) var(--ease)}.ak-card--articles{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.ak-card--articles.ak-card--json-open{flex:0 0 auto;overflow:visible}.ak-card:hover{box-shadow:var(--sh-card-hover)}.ak-card-header{padding:var(--s-6) var(--s-6) 0;display:flex;flex-direction:column;gap:var(--s-1)}.ak-card-title{font-family:var(--font-display);font-size:var(--fs-18);font-weight:600;color:var(--text-900);margin:0}.ak-card-desc{font-size:var(--fs-14);color:var(--text-500);margin:0;line-height:1.5}.ak-card-body{padding:var(--s-5) var(--s-6) var(--s-6);display:flex;flex-direction:column;gap:var(--s-3)}.ak-field{display:flex;flex-direction:column;gap:var(--s-1)}.ak-field--inline{flex:1;min-width:0}.ak-label{font-size:var(--fs-12);font-weight:600;color:var(--text-600);text-transform:uppercase;letter-spacing:.04em}.ak-input{height:40px;padding:0 var(--s-4);border:1px solid var(--gray-200);border-radius:var(--r-10);font-size:var(--fs-14);font-family:var(--font-body);color:var(--text-900);background:var(--card-bg);outline:none;transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.ak-input:focus{border-color:var(--brand-500);box-shadow:var(--sh-focus)}.ak-input:disabled{opacity:.5;cursor:not-allowed}.ak-textarea{width:100%;min-height:80px;padding:var(--s-3) var(--s-4);border:1px solid var(--gray-200);border-radius:var(--r-10);font-size:var(--fs-14);font-family:var(--font-body);color:var(--text-900);background:var(--card-bg);outline:none;resize:vertical;line-height:1.6;transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.ak-textarea:focus{border-color:var(--brand-500);box-shadow:var(--sh-focus)}.ak-textarea:disabled{opacity:.5;cursor:not-allowed}.ak-textarea--collapsed{min-height:40px;resize:none;overflow:hidden;background:var(--sunken-bg);border-color:transparent;cursor:pointer;box-shadow:none}.ak-textarea--collapsed:hover{background:var(--gray-100)}.ak-textarea--answer{min-height:140px}.ak-error{font-size:var(--fs-13);color:var(--red-500);background:var(--red-bg);border:1px solid var(--red-border);border-radius:var(--r-8);padding:var(--s-2) var(--s-3);margin:0}.ak-success{font-size:var(--fs-13);color:var(--green-600);background:var(--green-bg);border:1px solid var(--green-border);border-radius:var(--r-8);padding:var(--s-2) var(--s-3);margin:0}.ak-toolbar{padding:var(--s-5) var(--s-6);display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap;flex-shrink:0;border-bottom:1px solid var(--gray-100)}.ak-toolbar-actions{display:flex;gap:var(--s-2)}.ak-toolbar-msg{width:100%;padding:0 var(--s-6);margin:calc(-1 * var(--s-3)) 0 0;font-size:var(--fs-13)}.ak-toolbar-search{display:flex;align-items:center;gap:var(--s-3)}.ak-search-input{width:220px;height:36px;padding:0 var(--s-3);border:1px solid var(--gray-200);border-radius:var(--r-full);font-size:var(--fs-13);font-family:var(--font-body);color:var(--text-900);background:var(--sunken-bg);outline:none;transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.ak-search-input:focus{border-color:var(--brand-500);box-shadow:var(--sh-focus);background:var(--card-bg)}.ak-search-toggle{display:inline-flex;align-items:center;gap:var(--s-1);font-size:var(--fs-12);color:var(--text-500);font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}.ak-search-toggle input[type=checkbox]{width:14px;height:14px;margin:0;accent-color:var(--brand-500);cursor:pointer}.ak-btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 var(--s-4);border:none;border-radius:var(--r-10);font-size:var(--fs-13);font-weight:600;font-family:var(--font-body);cursor:pointer;white-space:nowrap;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.ak-btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.ak-btn--primary{background:var(--brand-500);color:var(--text-white)}.ak-btn--primary:hover:not(:disabled){background:var(--brand-600);box-shadow:var(--sh-brand);transform:translateY(-1px)}.ak-btn--ghost{background:transparent;color:var(--text-600);border:1px solid var(--gray-200)}.ak-btn--ghost:hover:not(:disabled){background:var(--gray-100);border-color:var(--gray-300);color:var(--text-900)}.ak-btn--subtle{background:var(--violet-bg);color:var(--brand-500)}.ak-btn--subtle:hover:not(:disabled){background:var(--violet-bg-strong)}.ak-btn--danger{background:var(--red-bg);color:var(--red-500)}.ak-btn--danger:hover:not(:disabled){background:var(--red-border);color:var(--red-600)}.ak-json-panel{padding:var(--s-5) var(--s-6);display:flex;flex-direction:column;gap:var(--s-4);flex-shrink:0;background:var(--sunken-bg);border-top:1px solid var(--gray-100)}.ak-json-editor{width:100%;min-height:320px;max-height:520px;resize:vertical;overflow:auto;padding:var(--s-4);font-size:var(--fs-13);line-height:1.6;font-family:var(--font-mono);color:var(--text-900);background:var(--card-bg);border:1px solid var(--gray-200);border-radius:var(--r-12);box-shadow:var(--sh-inset);outline:none;transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.ak-json-editor:focus{border-color:var(--brand-500);box-shadow:var(--sh-focus),var(--sh-inset)}.ak-form-actions{display:flex;gap:var(--s-2);align-items:center}.ak-composer{padding:var(--s-5) var(--s-6);display:flex;flex-direction:column;gap:var(--s-4);flex-shrink:0;border-top:1px solid var(--gray-100);background:var(--violet-bg)}.ak-locale-pills{display:flex;flex-wrap:wrap;gap:var(--s-1);background:var(--sunken-bg);border-radius:var(--r-full);padding:3px;width:fit-content}.ak-locale-pill{border:none;background:transparent;color:var(--text-500);border-radius:var(--r-full);padding:var(--s-1) var(--s-3);font-size:var(--fs-12);font-weight:700;font-family:var(--font-body);cursor:pointer;transition:all var(--t-fast) var(--ease)}.ak-locale-pill:hover:not(:disabled){color:var(--text-900)}.ak-locale-pill--active{background:var(--card-bg);color:var(--brand-500);box-shadow:var(--sh-sm)}.ak-locale-pill:disabled{opacity:.5;cursor:not-allowed}.ak-locale-row{display:flex;gap:var(--s-2);align-items:flex-end}.ak-list{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto}.ak-empty{padding:var(--s-10) var(--s-6);text-align:center;color:var(--text-400);font-size:var(--fs-14);margin:0}.ak-item{padding:var(--s-5) var(--s-6);display:flex;flex-direction:column;gap:var(--s-2);transition:background var(--t-fast) var(--ease)}.ak-item:not(:last-child){border-bottom:1px solid var(--gray-100)}.ak-item:hover{background:var(--gray-50)}.ak-item-top{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.ak-item-number{font-family:var(--font-display);font-size:var(--fs-12);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-400)}.ak-item-actions{display:flex;gap:var(--s-1);opacity:0;transition:opacity var(--t-fast) var(--ease)}.ak-item:hover .ak-item-actions{opacity:1}.ak-item-locale-tags{display:flex;flex-wrap:wrap;gap:var(--s-1)}.ak-locale-tag{font-size:var(--fs-11);font-weight:600;padding:2px var(--s-2);border-radius:var(--r-full);letter-spacing:.02em}.ak-locale-tag--auto{color:var(--amber-600);background:var(--amber-bg)}.ak-locale-tag--manual{color:var(--green-600);background:var(--green-bg)}.ak-item-question{font-size:var(--fs-14);font-weight:600;color:var(--text-900);margin:0;line-height:1.5}.ak-item-answer{font-size:var(--fs-13);color:var(--text-500);margin:0;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:768px){.ak-toolbar{flex-direction:column;align-items:stretch}.ak-toolbar-actions{justify-content:stretch}.ak-toolbar-actions .ak-btn{flex:1}.ak-toolbar-search{flex-direction:column;align-items:stretch}.ak-search-input{width:100%}.ak-locale-row{flex-direction:column;align-items:stretch}.ak-item-actions{opacity:1}}.ao-section{display:flex;flex-direction:column;gap:var(--s-6);flex:1;overflow-y:auto;min-height:0}.ao-header{display:flex;flex-direction:column;gap:var(--s-2)}.ao-title{font-family:var(--font-display);font-size:var(--fs-28);font-weight:700;color:var(--text-900);margin:0;letter-spacing:-.01em}.ao-subtitle{font-size:var(--fs-15);color:var(--text-500);margin:0;line-height:1.5}.ao-features{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-4)}.ao-feature-card{background:var(--card-bg);border-radius:var(--r-16);box-shadow:var(--sh-card);padding:var(--s-6);display:flex;flex-direction:column;gap:var(--s-2);transition:transform var(--t-normal) var(--ease),box-shadow var(--t-normal) var(--ease)}.ao-feature-card:hover{transform:translateY(-2px);box-shadow:var(--sh-card-hover)}.ao-feature-card h3{font-family:var(--font-display);font-size:var(--fs-16);font-weight:600;color:var(--text-900);margin:0}.ao-feature-card p{font-size:var(--fs-14);color:var(--text-500);margin:0;line-height:1.6}.ao-metrics-heading{font-family:var(--font-display);font-size:var(--fs-18);font-weight:600;color:var(--text-900);margin:0}.ao-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-4)}.ao-metric{background:var(--card-bg);border-radius:var(--r-16);box-shadow:var(--sh-card);padding:var(--s-5) var(--s-6);display:flex;flex-direction:column;gap:var(--s-2);position:relative;overflow:hidden;transition:transform var(--t-normal) var(--ease),box-shadow var(--t-normal) var(--ease)}.ao-metric:hover{transform:translateY(-2px);box-shadow:var(--sh-card-hover)}.ao-metric:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.ao-metric--brand:before{background:var(--brand-500)}.ao-metric--blue:before{background:var(--blue-500)}.ao-metric--amber:before{background:var(--amber-500)}.ao-metric--green:before{background:var(--green-500)}.ao-metric-label{font-size:var(--fs-11);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-500)}.ao-metric-value{font-family:var(--font-display);font-size:var(--fs-32);font-weight:700;color:var(--text-900);line-height:1}.ao-conversations{background:var(--card-bg);border-radius:var(--r-16);box-shadow:var(--sh-card);overflow:hidden}.ao-conversations-header{padding:var(--s-5) var(--s-6);border-bottom:1px solid var(--gray-100)}.ao-conversations-header h3{font-family:var(--font-display);font-size:var(--fs-16);font-weight:600;color:var(--text-900);margin:0}.ao-conversations-list{display:flex;flex-direction:column}.ao-conversation-item{display:flex;align-items:center;justify-content:space-between;padding:var(--s-4) var(--s-6);transition:background var(--t-fast) var(--ease)}.ao-conversation-item:not(:last-child){border-bottom:1px solid var(--gray-100)}.ao-conversation-item:hover{background:var(--gray-50)}.ao-conversation-meta{display:flex;flex-direction:column;gap:2px}.ao-conversation-id{font-family:var(--font-mono);font-size:var(--fs-13);font-weight:600;color:var(--text-900)}.ao-conversation-date{font-size:var(--fs-12);color:var(--text-400)}.ao-conversation-status{font-size:var(--fs-12);color:var(--text-500);background:var(--amber-bg);padding:2px var(--s-2);border-radius:var(--r-full);white-space:nowrap}.ao-empty{padding:var(--s-8) var(--s-6);text-align:center;color:var(--text-400);font-size:var(--fs-14)}.ao-bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4)}.ao-invite-card{background:var(--card-bg);border-radius:var(--r-16);box-shadow:var(--sh-card);padding:var(--s-6);display:flex;flex-direction:column;gap:var(--s-4)}.ao-invite-card h3{font-family:var(--font-display);font-size:var(--fs-16);font-weight:600;color:var(--text-900);margin:0}.ao-invite-card>p{font-size:var(--fs-14);color:var(--text-500);margin:0;line-height:1.5}.ao-invite-form{display:flex;gap:var(--s-3);align-items:flex-end}.ao-invite-field{flex:1;display:flex;flex-direction:column;gap:var(--s-1)}.ao-invite-field label{font-size:var(--fs-12);font-weight:600;color:var(--text-600);text-transform:uppercase;letter-spacing:.04em}.ao-invite-field input{height:40px;padding:0 var(--s-4);border:1px solid var(--gray-200);border-radius:var(--r-10);font-size:var(--fs-14);font-family:var(--font-body);color:var(--text-900);background:var(--card-bg);outline:none;transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.ao-invite-field input:focus{border-color:var(--brand-500);box-shadow:var(--sh-focus)}.ao-invite-field input:disabled{opacity:.5;cursor:not-allowed}.ao-invite-btn{height:40px;padding:0 var(--s-5);background:var(--brand-500);color:var(--text-white);border:none;border-radius:var(--r-10);font-size:var(--fs-14);font-weight:600;font-family:var(--font-body);cursor:pointer;white-space:nowrap;transition:background var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.ao-invite-btn:hover:not(:disabled){background:var(--brand-600);box-shadow:var(--sh-brand)}.ao-invite-btn:disabled{opacity:.5;cursor:not-allowed}.ao-invite-message{font-size:var(--fs-13);color:var(--text-brand);margin:0}.ao-users-card{background:var(--card-bg);border-radius:var(--r-16);box-shadow:var(--sh-card);overflow:hidden;display:flex;flex-direction:column}.ao-users-card-header{padding:var(--s-5) var(--s-6);border-bottom:1px solid var(--gray-100)}.ao-users-card-header h3{font-family:var(--font-display);font-size:var(--fs-16);font-weight:600;color:var(--text-900);margin:0}.ao-users-list{display:flex;flex-direction:column;flex:1}.ao-user-item{display:flex;align-items:center;justify-content:space-between;padding:var(--s-4) var(--s-6);transition:background var(--t-fast) var(--ease)}.ao-user-item:not(:last-child){border-bottom:1px solid var(--gray-100)}.ao-user-item:hover{background:var(--gray-50)}.ao-user-meta{display:flex;flex-direction:column;gap:2px}.ao-user-email{font-size:var(--fs-14);font-weight:600;color:var(--text-900)}.ao-user-date{font-size:var(--fs-12);color:var(--text-400)}.ao-user-badge{font-size:var(--fs-12);font-weight:500;padding:2px var(--s-2);border-radius:var(--r-full)}.ao-user-badge--verified{color:var(--green-600);background:var(--green-bg)}.ao-user-badge--pending{color:var(--amber-600);background:var(--amber-bg)}@media(max-width:1024px){.ao-features{grid-template-columns:1fr}.ao-metrics{grid-template-columns:repeat(2,1fr)}.ao-bottom-row{grid-template-columns:1fr}}@media(max-width:640px){.ao-metrics{grid-template-columns:1fr 1fr}.ao-invite-form{flex-direction:column;align-items:stretch}}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}.sc-catalog{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--bg)}.sc-catalog__header{padding:24px 32px 16px;border-bottom:1px solid var(--card-border);background:var(--card-bg)}.sc-catalog__header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.sc-catalog__title{margin:0;font-size:22px;font-weight:700;color:var(--text-900)}.sc-catalog__header-actions{display:flex;gap:8px}.sc-catalog__btn{padding:8px 16px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,transform .1s}.sc-catalog__btn:active{transform:scale(.97)}.sc-catalog__btn--create{background:var(--brand-500);color:#fff}.sc-catalog__btn--create:hover{background:var(--brand-600, #5b4cc4)}.sc-catalog__btn--folder{background:var(--card-bg);color:var(--text-700);border:1px solid var(--card-border)}.sc-catalog__btn--folder:hover{background:var(--gray-100);border-color:var(--text-400)}[data-theme=dark] .sc-catalog__btn--folder{background:#ffffff14}[data-theme=dark] .sc-catalog__btn--folder:hover{background:#ffffff1f}.sc-catalog__search-row{display:flex}.sc-catalog__search{flex:1;padding:9px 14px;border:1px solid var(--card-border);border-radius:8px;background:var(--bg);color:var(--text-900);font-size:14px;outline:none;transition:border-color .15s}.sc-catalog__search:focus{border-color:var(--brand-500)}.sc-catalog__error{color:var(--error-text, #ef4444);font-size:13px;padding:8px 32px;margin:0}.sc-catalog__new-folder{padding:8px 32px}.sc-catalog__list{flex:1;overflow-y:auto;padding:16px 32px;display:flex;flex-direction:column;gap:8px}.sc-catalog__folder-group{margin-bottom:0}.sc-catalog__folder{display:flex;align-items:center;gap:10px;padding:14px 18px;cursor:pointer;position:relative;transition:background .12s,border-color .12s;background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px}.sc-catalog__folder:hover{border-color:var(--text-400);background:var(--card-bg)}[data-theme=dark] .sc-catalog__folder:hover{border-color:#ffffff26}.sc-catalog__folder--drag-over{background:#6c5ce714!important;outline:2px dashed var(--brand-500);outline-offset:-2px;border-radius:4px}.sc-catalog__folder-icon{font-size:18px;flex-shrink:0}.sc-catalog__folder-name{font-size:14px;font-weight:600;color:var(--text-900);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-catalog__folder-count,.sc-catalog__folder-date{font-size:12px;color:var(--text-400);white-space:nowrap}.sc-catalog__folder-children{padding-left:24px;display:flex;flex-direction:column;gap:6px;margin-top:6px}.sc-catalog__item{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;cursor:pointer;position:relative;transition:background .12s,border-color .12s;background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px}.sc-catalog__item:hover{border-color:var(--text-400);background:var(--card-bg)}[data-theme=dark] .sc-catalog__item:hover{border-color:#ffffff26}.sc-catalog__item-main{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.sc-catalog__item-name{font-size:14px;color:var(--text-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-catalog__item-meta{font-size:12px;color:var(--text-400);white-space:nowrap;flex-shrink:0}.sc-catalog__item-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:16px;position:relative}.sc-catalog__toggle{position:relative;display:inline-block;width:32px;height:18px;flex-shrink:0}.sc-catalog__toggle input{opacity:0;width:0;height:0}.sc-catalog__toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--gray-300);border-radius:18px;transition:background .2s}.sc-catalog__toggle-slider:before{content:"";position:absolute;height:14px;width:14px;left:2px;bottom:2px;background:#fff;border-radius:50%;transition:transform .2s}.sc-catalog__toggle input:checked+.sc-catalog__toggle-slider{background:#22c55e}.sc-catalog__toggle input:checked+.sc-catalog__toggle-slider:before{transform:translate(14px)}.sc-catalog__dots-btn{width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:var(--text-400);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sc-catalog__dots-btn:hover{background:var(--gray-200);color:var(--text-700)}[data-theme=dark] .sc-catalog__dots-btn:hover{background:#ffffff1a}.sc-catalog__context-menu{position:absolute;right:0;top:100%;z-index:50;min-width:160px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;box-shadow:0 4px 16px #0000001f;overflow:hidden}[data-theme=dark] .sc-catalog__context-menu{box-shadow:0 4px 16px #0006}.sc-catalog__context-menu button{display:block;width:100%;padding:10px 16px;border:none;background:none;color:var(--text-700);font-size:13px;text-align:left;cursor:pointer}.sc-catalog__context-menu button:hover{background:var(--gray-100)}[data-theme=dark] .sc-catalog__context-menu button:hover{background:#ffffff0f}.sc-catalog__context-danger{color:#ef4444!important}.sc-catalog__rename-input{padding:4px 8px;border:1px solid var(--brand-500);border-radius:4px;background:var(--bg);color:var(--text-900);font-size:14px;outline:none;width:200px}.sc-catalog__root-drop{min-height:40px;transition:background .15s;display:flex;flex-direction:column;gap:8px}.sc-catalog__root-drop--active{background:#6c5ce70d;border-radius:10px}.sc-catalog__empty{padding:48px 32px;text-align:center;color:var(--text-400);font-size:14px}.sc-editor-fullscreen{display:flex;flex-direction:column;height:100%;overflow:hidden}.sc-editor-fullscreen__header{display:flex;align-items:center;gap:16px;padding:10px 20px;border-bottom:1px solid var(--card-border);background:var(--card-bg)}.sc-editor-fullscreen__back{padding:6px 14px;border:1px solid var(--card-border);border-radius:8px;background:var(--bg);color:var(--text-700);font-size:13px;cursor:pointer;flex-shrink:0;transition:background .15s}.sc-editor-fullscreen__back:hover{background:var(--gray-100)}[data-theme=dark] .sc-editor-fullscreen__back:hover{background:#ffffff14}.sc-editor-fullscreen__breadcrumbs{display:flex;align-items:center;gap:0;flex-shrink:0}.sc-editor-fullscreen__crumb{font-size:13px;color:var(--text-400);font-weight:500}.sc-editor-fullscreen__crumb-sep{margin:0 6px;font-size:13px;color:var(--text-300)}.sc-editor-fullscreen__title{margin:0;font-size:16px;font-weight:600;color:var(--text-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;padding:2px 6px;border-radius:4px;transition:background .15s}.sc-editor-fullscreen__title:hover{background:var(--gray-100)}[data-theme=dark] .sc-editor-fullscreen__title:hover{background:#ffffff14}.sc-editor-fullscreen__name-input{font-size:16px;font-weight:600;color:var(--text-900);background:var(--bg);border:1px solid var(--brand-500);border-radius:6px;padding:4px 10px;outline:none;min-width:200px;max-width:400px}.sc-editor-fullscreen__spacer{flex:1}.sc-editor-fullscreen__publish{display:flex;align-items:center;gap:8px;cursor:pointer;flex-shrink:0;margin-right:8px}.sc-editor-fullscreen__publish-label{font-size:13px;font-weight:500;color:var(--text-600);white-space:nowrap}.sc-editor-fullscreen__save-btn{padding:7px 18px;border:none;border-radius:8px;background:var(--brand-500);color:#fff;font-size:13px;font-weight:500;cursor:pointer;flex-shrink:0;transition:background .15s}.sc-editor-fullscreen__save-btn:hover{background:var(--brand-600, #5b4cc4)}.sc-editor-fullscreen__save-btn:disabled{opacity:.5;cursor:default}.scenario-editor{flex:1;display:flex;overflow:hidden}.scenario-editor__canvas{flex:1;position:relative}.scenario-flow{background:var(--bg)!important}.scenario-flow .react-flow__minimap{background:var(--card-bg)!important;border:1px solid var(--card-border);border-radius:6px}.scenario-flow .react-flow__controls{display:none}.scenario-editor__zoom{position:absolute;left:16px;bottom:16px;display:flex;flex-direction:column;gap:2px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;padding:4px;box-shadow:0 2px 8px #00000014;z-index:5}.scenario-editor__zoom-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;background:transparent;color:var(--text-600);cursor:pointer;transition:background .12s,color .12s}.scenario-editor__zoom-btn:hover{background:var(--gray-100);color:var(--text-900)}[data-theme=dark] .scenario-editor__zoom-btn:hover{background:#ffffff1a}.scenario-editor__add-btn{position:absolute;top:16px;right:16px;width:40px;height:40px;border:none;border-radius:50%;background:var(--brand-500);transition:right .25s cubic-bezier(.4,0,.2,1),background .15s,transform .15s;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #6c5ce759;z-index:5;transition:background .15s,transform .15s}.scenario-editor__add-btn:hover{background:var(--brand-600, #5b4cc4);transform:scale(1.08)}.scenario-editor__add-btn--active{background:var(--text-600);transform:rotate(45deg)}.scenario-editor__add-btn--active:hover{background:var(--text-700)}.scenario-editor__add-btn--shifted{right:256px}.scenario-editor__drawer{position:absolute;top:0;right:0;width:240px;height:100%;background:var(--card-bg);border-left:1px solid var(--card-border);box-shadow:-4px 0 20px #00000014;z-index:4;transform:translate(100%);transition:transform .25s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden}.scenario-editor__drawer--open{transform:translate(0)}.scenario-editor__drawer-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--card-border);flex-shrink:0}.scenario-editor__drawer-title{font-size:14px;font-weight:600;color:var(--text-900)}.scenario-editor__drawer-close{width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:var(--text-400);cursor:pointer;display:flex;align-items:center;justify-content:center}.scenario-editor__drawer-close:hover{background:var(--gray-100);color:var(--text-700)}[data-theme=dark] .scenario-editor__drawer-close:hover{background:#ffffff1a}.scenario-editor__drawer-list{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:6px}.scenario-editor__drawer-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;background:var(--bg);border:1px solid var(--card-border);cursor:grab;-webkit-user-select:none;user-select:none;transition:border-color .15s,box-shadow .15s}.scenario-editor__drawer-item:hover{border-color:var(--node-color);box-shadow:0 0 0 1px var(--node-color)}.scenario-editor__drawer-item-icon{font-size:16px;flex-shrink:0}.scenario-editor__drawer-item-label{font-size:13px;font-weight:500;color:var(--text-700)}[data-theme=dark] .scenario-editor__drawer-item:hover{background:#ffffff0a}.scenario-node{min-width:180px;max-width:240px;background:var(--card-bg);border:2px solid var(--node-color, var(--card-border));border-radius:10px;box-shadow:0 2px 8px #0000000f;font-family:inherit;overflow:visible;position:relative}.scenario-node--selected{box-shadow:0 0 0 2px var(--node-color, var(--brand-500)),0 4px 12px #0000001a}.scenario-node__header{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--node-color);color:#fff;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:7px 7px 0 0}.scenario-node__icon{font-size:13px}.scenario-node__body{padding:8px 10px}.scenario-node__preview{font-size:12px;color:var(--text-500);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scenario-node__handle{width:10px!important;height:10px!important;background:var(--node-color, var(--brand-500))!important;border:2px solid var(--card-bg)!important}.scenario-node__handle--yes{background:#22c55e!important}.scenario-node__handle--no{background:#ef4444!important}.scenario-node__handle-labels{position:absolute;bottom:-18px;left:0;right:0;display:flex;justify-content:space-between;padding:0 10%}.scenario-node__handle-label{font-size:9px;font-weight:600;text-transform:uppercase}.scenario-node__handle-label--yes{color:#22c55e}.scenario-node__handle-label--no{color:#ef4444}.scenario-node__trigger-source{position:relative}.scenario-node__source-btn{display:flex;align-items:center;gap:6px;width:100%;padding:6px 8px;border:1px solid var(--card-border);border-radius:6px;background:var(--bg);color:var(--text-700);font-size:12px;cursor:pointer;transition:border-color .15s}.scenario-node__source-btn:hover{border-color:var(--text-400)}.scenario-node__source-label{flex:1;text-align:left}.scenario-node__source-arrow{font-size:10px;color:var(--text-400);transition:transform .15s}.scenario-node__source-arrow--open{transform:rotate(180deg)}.scenario-node__source-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;box-shadow:0 4px 16px #0000001f;z-index:50;overflow:hidden}.scenario-node__source-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;background:none;color:var(--text-700);font-size:12px;cursor:pointer;text-align:left;transition:background .1s}.scenario-node__source-option:hover{background:var(--gray-100)}.scenario-node__source-option--active{color:var(--brand-500);font-weight:600}[data-theme=dark] .scenario-node__source-dropdown{box-shadow:0 4px 16px #0006}[data-theme=dark] .scenario-node__source-option:hover{background:#ffffff0f}[data-theme=dark] .scenario-node{box-shadow:0 2px 8px #0000004d}[data-theme=dark] .scenario-node--selected{box-shadow:0 0 0 2px var(--node-color, var(--brand-500)),0 4px 12px #0006}.scenario-editor__drawer-settings{flex:1;overflow-y:auto;padding:0}.node-settings{display:flex;flex-direction:column}.node-settings__type{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--node-color);color:#fff;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.node-settings__type-icon{font-size:14px}.node-settings__fields{display:flex;flex-direction:column;gap:0;padding:4px 0}.node-settings__field{display:flex;flex-direction:column;gap:4px;padding:10px 16px;cursor:default}.node-settings__label{font-size:12px;font-weight:600;color:var(--text-700)}.node-settings__hint{font-size:11px;color:var(--text-400);margin-top:-2px}.node-settings__input{padding:7px 10px;border:1px solid var(--card-border);border-radius:6px;background:var(--bg);color:var(--text-900);font-size:13px;outline:none;transition:border-color .15s;font-family:inherit}.node-settings__input:focus{border-color:var(--brand-500)}.node-settings__textarea{padding:7px 10px;border:1px solid var(--card-border);border-radius:6px;background:var(--bg);color:var(--text-900);font-size:13px;outline:none;resize:vertical;min-height:60px;font-family:inherit;line-height:1.5;transition:border-color .15s}.node-settings__textarea:focus{border-color:var(--brand-500)}.node-settings__select{padding:7px 10px;border:1px solid var(--card-border);border-radius:6px;background:var(--bg);color:var(--text-900);font-size:13px;outline:none;cursor:pointer;font-family:inherit;transition:border-color .15s}.node-settings__select:focus{border-color:var(--brand-500)}[data-theme=dark] .node-settings__input,[data-theme=dark] .node-settings__textarea,[data-theme=dark] .node-settings__select{background:#ffffff0d}.as-section{display:flex;flex-direction:column;gap:var(--s-6);flex:1;overflow-y:auto;min-height:0}.as-header{display:flex;flex-direction:column;gap:var(--s-2);flex-shrink:0}.as-title{font-family:var(--font-display);font-size:var(--fs-28);font-weight:700;color:var(--text-900);margin:0;letter-spacing:-.02em}.as-subtitle{font-size:var(--fs-15);color:var(--text-500);margin:0;line-height:1.5}.as-body{display:flex;flex-direction:column;gap:var(--s-6);max-width:560px}.as-field{display:flex;flex-direction:column;gap:var(--s-2)}.as-label{font-size:var(--fs-13);font-weight:600;color:var(--text-600)}.as-segmented{display:inline-flex;background:var(--gray-100);border-radius:var(--r-full);padding:3px;gap:2px;align-self:flex-start}.as-segment{border:none;background:transparent;color:var(--text-500);font-family:var(--font-body);font-size:var(--fs-14);font-weight:500;padding:var(--s-2) var(--s-5);border-radius:var(--r-full);cursor:pointer;transition:all var(--t-fast) var(--ease);white-space:nowrap}.as-segment:hover:not(.as-segment--active){color:var(--text-700)}.as-segment--active{background:var(--card-bg);color:var(--brand-500);font-weight:600;box-shadow:var(--sh-sm)}.as-input-wrap{position:relative;display:flex;align-items:center}.as-input{width:100%;padding:var(--s-3) var(--s-4);padding-right:160px;font-family:var(--font-body);font-size:var(--fs-14);color:var(--text-900);background:var(--card-bg);border:1px solid var(--gray-200);border-radius:var(--r-8);outline:none;box-shadow:var(--sh-inset);transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.as-input::placeholder{color:var(--text-400)}.as-input:focus{border-color:var(--brand-500);box-shadow:var(--sh-focus),var(--sh-inset)}.as-input-actions{position:absolute;right:var(--s-2);display:flex;gap:var(--s-1);align-items:center}.as-input-btn{border:none;background:transparent;font-family:var(--font-body);font-size:var(--fs-12);font-weight:600;color:var(--brand-500);cursor:pointer;padding:var(--s-1) var(--s-2);border-radius:var(--r-4);transition:background var(--t-fast) var(--ease)}.as-input-btn:hover{background:var(--violet-bg)}.as-input-btn--ghost{color:var(--text-400)}.as-input-btn--ghost:hover{color:var(--red-500);background:var(--red-bg)}.as-key-hint{font-size:var(--fs-12);color:var(--text-400);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.as-banner{font-size:var(--fs-14);font-weight:500;padding:var(--s-3) var(--s-4);border-radius:var(--r-8);line-height:1.4}.as-banner--error{background:var(--red-bg);color:var(--red-500);border:1px solid var(--red-border)}.as-banner--success{background:var(--green-bg);color:var(--green-500);border:1px solid var(--green-border)}.as-banner--warning{background:var(--amber-bg);color:var(--amber-500);border:1px solid var(--amber-border)}.as-field-warning{margin:6px 0 0;padding:8px 12px;font-size:13px;line-height:1.4;color:var(--amber-500);background:var(--amber-bg);border:1px solid var(--amber-border);border-radius:8px}.as-save{align-self:flex-start;border:none;background:var(--brand-gradient);color:var(--text-white);font-family:var(--font-body);font-size:var(--fs-14);font-weight:600;padding:var(--s-3) var(--s-6);border-radius:var(--r-8);cursor:pointer;transition:box-shadow var(--t-normal) var(--ease),opacity var(--t-fast) var(--ease)}.as-save:hover:not(:disabled){box-shadow:var(--brand-glow)}.as-save:active:not(:disabled){opacity:.85}.as-save:disabled{opacity:.55;cursor:not-allowed}.ap-section{display:flex;flex-direction:column;gap:var(--s-6);flex:1;overflow-y:auto;min-height:0}.ap-header{display:flex;flex-direction:column;gap:var(--s-2)}.ap-title{font-family:var(--font-display);font-size:var(--fs-28);font-weight:700;color:var(--text-900);margin:0;letter-spacing:-.01em}.ap-subtitle{font-size:var(--fs-15);color:var(--text-500);margin:0;line-height:1.5}.ap-error{margin:0;padding:var(--s-3) var(--s-4);background:var(--red-bg);border:1px solid var(--red-border);border-radius:var(--r-10);color:var(--red-500);font-size:var(--fs-14);font-weight:500}.ap-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-6);align-items:start}.ap-controls-col{display:flex;flex-direction:column;gap:var(--s-5)}.ap-preview-col{position:sticky;top:var(--s-6)}.ap-card{background:var(--card-bg);border-radius:var(--r-16);box-shadow:var(--sh-card);padding:var(--s-6);display:flex;flex-direction:column;gap:var(--s-5);transition:box-shadow var(--t-normal) var(--ease)}.ap-card:hover{box-shadow:var(--sh-card-hover)}.ap-card--muted{background:var(--sunken-bg);box-shadow:none}.ap-card--muted:hover{box-shadow:none}.ap-card-title{font-family:var(--font-display);font-size:var(--fs-16);font-weight:600;color:var(--text-900);margin:0}.ap-field{display:flex;flex-direction:column;gap:var(--s-2)}.ap-field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4)}.ap-field--half{min-width:0}.ap-label{font-size:var(--fs-12);font-weight:600;color:var(--text-600);text-transform:uppercase;letter-spacing:.04em;font-family:var(--font-body)}.ap-input{height:42px;padding:0 var(--s-4);border:1px solid var(--gray-200);border-radius:var(--r-10);font-size:var(--fs-14);font-family:var(--font-body);color:var(--text-900);background:var(--card-bg);outline:none;transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.ap-input:focus{border-color:var(--brand-500);box-shadow:var(--sh-focus)}.ap-input::placeholder{color:var(--text-400)}.ap-file-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.ap-upload-zone{display:flex;flex-direction:row;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border:1.5px dashed var(--gray-200);border-radius:var(--r-10);background:var(--sunken-bg);cursor:pointer;transition:border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.ap-upload-zone:hover{border-color:var(--brand-500);background:var(--violet-bg)}.ap-upload-zone--compact{padding:var(--s-2) var(--s-3)}.ap-upload-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-full);background:var(--violet-bg);color:var(--brand-500);flex-shrink:0}.ap-upload-icon svg{width:16px;height:16px}.ap-upload-text{font-size:var(--fs-13);font-weight:600;color:var(--brand-500);font-family:var(--font-body)}.ap-upload-note{font-size:var(--fs-12);color:var(--text-400)}.ap-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4)}.ap-color-field{display:flex;flex-direction:column;gap:var(--s-2)}.ap-color-picker{position:relative;display:flex;align-items:center;gap:var(--s-3);height:42px;padding:0 var(--s-3);border:1px solid var(--gray-200);border-radius:var(--r-10);background:var(--card-bg);cursor:pointer;transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.ap-color-picker:hover{border-color:var(--gray-300)}.ap-color-picker:focus-within{border-color:var(--brand-500);box-shadow:var(--sh-focus)}.ap-color-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:none;padding:0}.ap-color-swatch{width:24px;height:24px;border-radius:var(--r-6);flex-shrink:0;box-shadow:inset 0 0 0 1px #0000001a;transition:transform var(--t-fast) var(--ease)}.ap-color-picker:hover .ap-color-swatch{transform:scale(1.1)}.ap-color-hex{font-size:var(--fs-13);font-family:var(--font-mono);color:var(--text-600);text-transform:uppercase}.ap-sliders{display:grid;gap:var(--s-4)}.ap-slider-field{display:flex;flex-direction:column;gap:var(--s-2)}.ap-slider-header{display:flex;align-items:center;justify-content:space-between}.ap-slider-value{font-size:var(--fs-13);font-family:var(--font-mono);font-weight:600;color:var(--brand-500);background:var(--violet-bg);padding:1px var(--s-2);border-radius:var(--r-4)}.ap-range{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:var(--gray-200);border-radius:var(--r-full);outline:none;transition:background var(--t-fast) var(--ease)}.ap-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:var(--r-full);background:var(--brand-500);border:3px solid var(--card-bg);box-shadow:var(--sh-sm);cursor:pointer;transition:transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.ap-range::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:var(--sh-md)}.ap-range::-moz-range-thumb{width:18px;height:18px;border-radius:var(--r-full);background:var(--brand-500);border:3px solid var(--card-bg);box-shadow:var(--sh-sm);cursor:pointer;transition:transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.ap-range::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:var(--sh-md)}.ap-range:focus-visible::-webkit-slider-thumb{box-shadow:var(--sh-focus)}.ap-tenant-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4)}.ap-tenant-item{display:flex;flex-direction:column;gap:var(--s-1)}.ap-tenant-label{font-size:var(--fs-11);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-500)}.ap-tenant-value{font-size:var(--fs-13);font-family:var(--font-mono);color:var(--text-600);word-break:break-all}.ap-preview-card{gap:var(--s-4)}.ap-preview-header{display:flex;flex-direction:column;gap:var(--s-1)}.ap-preview-hint{font-size:var(--fs-14);color:var(--text-500);margin:0;line-height:1.5}.ap-device-frame{border-radius:var(--r-20);overflow:hidden;background:var(--gray-900);box-shadow:var(--sh-lg);display:flex;flex-direction:column}.ap-device-notch{display:flex;align-items:center;justify-content:center;gap:var(--s-2);padding:var(--s-3);background:var(--gray-900)}.ap-device-dot{width:8px;height:8px;border-radius:var(--r-full);background:var(--gray-700)}.ap-device-dot:first-child{background:var(--red-500)}.ap-device-dot:nth-child(2){background:var(--amber-500)}.ap-device-dot:nth-child(3){background:var(--green-500)}.ap-iframe{width:100%;height:520px;border:none;background:var(--card-bg);display:block}.ap-preview-footer{display:flex;flex-direction:column;gap:var(--s-3);align-items:flex-start}.ap-open-btn{display:inline-flex;align-items:center;gap:var(--s-2);text-decoration:none;border:none;border-radius:var(--r-10);padding:var(--s-2) var(--s-5);color:var(--text-white);background:var(--brand-gradient);font-weight:600;font-size:var(--fs-14);font-family:var(--font-body);box-shadow:var(--sh-brand);transition:filter var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.ap-open-btn:hover{filter:brightness(1.1);box-shadow:0 6px 24px #4834d440;transform:translateY(-1px)}.ap-preview-note{font-size:var(--fs-12);color:var(--text-400);margin:0;line-height:1.5}.ap-card .custom-select-trigger{height:42px;border-radius:var(--r-10)}@media(max-width:1024px){.ap-layout{grid-template-columns:1fr}.ap-preview-col{position:static}}@media(max-width:640px){.ap-color-grid,.ap-field-row,.ap-tenant-row{grid-template-columns:1fr}.ap-title{font-size:var(--fs-24)}}.ho-section{display:flex;flex-direction:column;gap:var(--s-6);flex:1;overflow-y:auto;min-height:0}.ho-header{display:flex;flex-direction:column;gap:var(--s-2)}.ho-title{font-family:var(--font-display);font-size:var(--fs-28);font-weight:700;color:var(--text-900);margin:0;letter-spacing:-.01em}.ho-subtitle{font-size:var(--fs-15);color:var(--text-500);margin:0;line-height:1.5}.ho-invite-card{background:var(--card-bg);border-radius:var(--r-16);box-shadow:var(--sh-card);padding:var(--s-6);display:flex;flex-direction:column;gap:var(--s-4);max-width:600px}.ho-invite-heading{font-family:var(--font-display);font-size:var(--fs-16);font-weight:600;color:var(--text-900);margin:0}.ho-invite-form{display:flex;gap:var(--s-3);align-items:flex-end}.ho-invite-field{flex:1;display:flex;flex-direction:column;gap:var(--s-1)}.ho-invite-field label{font-size:var(--fs-12);font-weight:600;color:var(--text-600);text-transform:uppercase;letter-spacing:.04em}.ho-invite-field input{height:40px;padding:0 var(--s-4);border:1px solid var(--gray-200);border-radius:var(--r-10);font-size:var(--fs-14);font-family:var(--font-body);color:var(--text-900);background:var(--card-bg);outline:none;transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.ho-invite-field input:focus{border-color:var(--brand-500);box-shadow:var(--sh-focus)}.ho-invite-field input:disabled{opacity:.5;cursor:not-allowed}.ho-invite-btn{height:40px;padding:0 var(--s-5);background:var(--brand-500);color:var(--text-white);border:none;border-radius:var(--r-10);font-size:var(--fs-14);font-weight:600;font-family:var(--font-body);cursor:pointer;white-space:nowrap;transition:background var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.ho-invite-btn:hover:not(:disabled){background:var(--brand-600);box-shadow:var(--sh-brand);transform:translateY(-1px)}.ho-invite-btn:active:not(:disabled){transform:translateY(0)}.ho-invite-btn:disabled{opacity:.5;cursor:not-allowed}.ho-invite-message{font-size:var(--fs-13);color:var(--text-brand);margin:0}.ho-list-section{display:flex;flex-direction:column;gap:var(--s-4)}.ho-list-header{display:flex;align-items:center;gap:var(--s-3)}.ho-list-header h3{font-family:var(--font-display);font-size:var(--fs-18);font-weight:600;color:var(--text-900);margin:0}.ho-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 var(--s-2);border-radius:var(--r-full);background:var(--violet-bg-strong);color:var(--brand-500);font-size:var(--fs-12);font-weight:700;font-family:var(--font-body)}.ho-empty{padding:var(--s-10) var(--s-6);text-align:center;color:var(--text-400);font-size:var(--fs-14);background:var(--card-bg);border-radius:var(--r-16);box-shadow:var(--sh-card)}.ho-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--s-4)}.ho-card{background:var(--card-bg);border-radius:var(--r-16);box-shadow:var(--sh-card);padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-4);transition:transform var(--t-normal) var(--ease),box-shadow var(--t-normal) var(--ease)}.ho-card:hover{transform:translateY(-2px);box-shadow:var(--sh-card-hover)}.ho-card-top{display:flex;align-items:center;gap:var(--s-3)}.ho-avatar{position:relative;width:52px;height:52px;border-radius:var(--r-full);background:var(--brand-gradient);display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;flex-shrink:0;transition:box-shadow var(--t-normal) var(--ease),transform var(--t-fast) var(--ease)}.ho-avatar:hover{box-shadow:var(--sh-brand);transform:scale(1.05)}.ho-avatar:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}.ho-avatar img{width:100%;height:100%;object-fit:cover;display:block}.ho-avatar-initials{font-family:var(--font-display);font-size:var(--fs-16);font-weight:700;color:var(--text-white);letter-spacing:.02em;-webkit-user-select:none;user-select:none}.ho-avatar-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0006;color:#fff;opacity:0;transition:opacity var(--t-fast) var(--ease);border-radius:var(--r-full)}.ho-avatar:hover .ho-avatar-overlay{opacity:1}.ho-file-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ho-card-identity{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.ho-card-email{font-size:var(--fs-14);font-weight:600;color:var(--text-900);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ho-card-date{font-size:var(--fs-12);color:var(--text-400)}.ho-role-badge{font-size:var(--fs-11);font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:var(--s-1) var(--s-2);border-radius:var(--r-full);white-space:nowrap;flex-shrink:0}.ho-role-badge--owner{color:var(--brand-500);background:var(--violet-bg);border:1px solid var(--violet-border)}.ho-card-body{display:flex;flex-direction:column;gap:var(--s-3)}.ho-name-field{display:flex;flex-direction:column;gap:var(--s-1)}.ho-name-field label{font-size:var(--fs-12);font-weight:600;color:var(--text-600);text-transform:uppercase;letter-spacing:.04em}.ho-name-field input{height:38px;padding:0 var(--s-3);border:1px solid var(--gray-200);border-radius:var(--r-8);font-size:var(--fs-14);font-family:var(--font-body);color:var(--text-900);background:var(--sunken-bg);outline:none;transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.ho-name-field input:hover{border-color:var(--gray-300)}.ho-name-field input:focus{border-color:var(--brand-500);box-shadow:var(--sh-focus);background:var(--card-bg)}.ho-card-actions{display:flex;justify-content:flex-end;padding-top:var(--s-2);border-top:1px solid var(--gray-100)}.ho-btn-remove{display:inline-flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);border:none;border-radius:var(--r-8);background:transparent;color:var(--text-500);font-size:var(--fs-13);font-weight:500;font-family:var(--font-body);cursor:pointer;transition:color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.ho-btn-remove:hover{color:var(--red-600);background:var(--red-bg)}.ho-btn-remove:active{background:var(--red-border)}@media(max-width:768px){.ho-grid{grid-template-columns:1fr}.ho-invite-form{flex-direction:column;align-items:stretch}.ho-invite-card{max-width:none}}.ht-root{display:grid;grid-template-rows:auto auto 1fr;gap:var(--s-4);min-height:0;flex:1;overflow:hidden}.ht-header{display:grid;gap:var(--s-1)}.ht-title{margin:0;font-family:var(--font-display);font-size:var(--fs-24);font-weight:700;color:var(--text-primary)}.ht-subtitle{margin:0;font-size:var(--fs-14);color:var(--text-muted)}.ht-filters{display:flex;align-items:flex-end;gap:var(--s-3);flex-wrap:wrap;padding:var(--s-4);background:var(--card-bg);border-radius:var(--r-16);box-shadow:var(--sh-card)}.ht-filter-item{display:grid;gap:var(--s-1);min-width:140px;flex:1 1 140px}.ht-filter-label{font-size:var(--fs-11);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.ht-search-wrap{position:relative;flex:2 1 200px;display:grid;gap:var(--s-1)}.ht-search-icon{position:absolute;left:var(--s-3);bottom:12px;width:16px;height:16px;color:var(--text-muted);pointer-events:none}.ht-search-input{width:100%;min-height:40px;padding:var(--s-2) var(--s-3) var(--s-2) var(--s-8);border:1px solid var(--border-primary);border-radius:var(--r-10);background:var(--card-bg);color:var(--text-primary);font-family:var(--font-body);font-size:var(--fs-14);box-shadow:var(--sh-inset);transition:border-color var(--t-fast),box-shadow var(--t-fast)}.ht-search-input::placeholder{color:var(--text-placeholder)}.ht-search-input:focus{outline:none;border-color:var(--brand-500);box-shadow:var(--sh-focus),var(--sh-inset)}.ht-error{margin:0;padding:var(--s-3) var(--s-4);background:var(--red-bg);border:1px solid var(--red-border);border-radius:var(--r-8);color:var(--red-500);font-size:var(--fs-14);font-weight:600}.ht-workspace{display:grid;grid-template-columns:260px minmax(0,1fr);gap:var(--s-4);min-height:0}.ht-list-card{display:grid;grid-template-rows:auto 1fr auto;gap:0;background:var(--card-bg);border-radius:var(--r-16);box-shadow:var(--sh-card);overflow:hidden;min-height:0;max-width:380px}.ht-list-header{display:flex;align-items:center;justify-content:space-between;padding:var(--s-4) var(--s-4) var(--s-3)}.ht-list-header h3{margin:0;font-family:var(--font-display);font-size:var(--fs-16);font-weight:700;color:var(--text-primary)}.ht-refresh-btn{display:grid;place-items:center;width:32px;height:32px;border:none;border-radius:var(--r-8);background:transparent;color:var(--text-muted);font-size:var(--fs-16);cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}.ht-refresh-btn:hover:not(:disabled){background:var(--sunken-bg);color:var(--text-primary)}.ht-refresh-btn:disabled{opacity:.4;cursor:not-allowed}.ht-list-scroll{overflow-y:auto;padding:0 var(--s-2) var(--s-2);display:grid;gap:var(--s-1);align-content:start;min-height:0}.ht-empty{display:grid;place-items:center;padding:var(--s-10) var(--s-4);color:var(--text-muted);font-size:var(--fs-14);text-align:center}.ht-ticket{display:grid;gap:var(--s-1);padding:var(--s-3) var(--s-3);border:none;border-radius:var(--r-12);border-left:3px solid transparent;background:transparent;color:inherit;text-align:left;cursor:pointer;font-family:var(--font-body);transition:background var(--t-fast),border-color var(--t-fast)}.ht-ticket+.ht-ticket{border-top:1px solid rgba(0,0,0,.06)}.ht-ticket:hover{background:var(--sunken-bg)}.ht-ticket.ht-ticket--active{background:var(--violet-bg);border-left-color:var(--brand-500)}.ht-ticket-row1{display:flex;align-items:center;gap:var(--s-2)}.ht-ticket-num{font-size:var(--fs-14);font-weight:700;color:var(--text-primary)}.ht-channel-pill{display:inline-flex;align-items:center;padding:1px var(--s-2);border-radius:var(--r-full);font-size:var(--fs-11);font-weight:700;letter-spacing:.03em;line-height:1.4}.ht-channel-pill.ht-ch-tg{background:#0088cc1a;color:#08c}.ht-channel-pill.ht-ch-wa{background:#25d3661a;color:#25d366}.ht-channel-pill.ht-ch-web{background:var(--violet-bg);color:var(--brand-500)}.ht-ticket-time{margin-left:auto;font-size:var(--fs-11);color:var(--text-muted);white-space:nowrap}.ht-ticket-row2{display:flex;align-items:center;gap:var(--s-1);flex-wrap:wrap}.ht-ticket-customer{margin:0;font-size:var(--fs-13);color:var(--text-500);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ht-ticket-tags{display:flex;gap:var(--s-1);flex-wrap:wrap}.ht-ticket-tag-pill{padding:1px var(--s-2);border-radius:var(--r-full);background:var(--sunken-bg);color:var(--text-500);font-size:var(--fs-11);font-weight:600;line-height:1.3}.ht-status-pill{display:inline-flex;align-items:center;padding:2px var(--s-2);border-radius:var(--r-full);font-size:var(--fs-11);font-weight:700;line-height:1.3}.ht-status-pill.ht-st-bot_handling{background:var(--sunken-bg);color:var(--gray-400)}.ht-status-pill.ht-st-escalated{background:var(--error-bg, #fef2f2);color:var(--error-text, #ef4444);font-weight:600}.ht-status-pill.ht-st-open{background:var(--green-bg);color:var(--green-500)}.ht-status-pill.ht-st-pending_customer{background:var(--amber-bg);color:var(--amber-500)}.ht-status-pill.ht-st-resolved{background:var(--green-bg);color:var(--green-600)}.ht-status-pill.ht-st-closed{background:var(--sunken-bg);color:var(--gray-400)}.ht-priority-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.ht-priority-dot.ht-pr-low{background:var(--gray-400)}.ht-priority-dot.ht-pr-normal{background:var(--blue-500)}.ht-priority-dot.ht-pr-high{background:var(--amber-500)}.ht-priority-dot.ht-pr-urgent{background:var(--red-500)}.ht-priority-pill{display:inline-flex;align-items:center;gap:var(--s-1);padding:2px var(--s-2);border-radius:var(--r-full);font-size:var(--fs-11);font-weight:700;line-height:1.3}.ht-priority-pill.ht-pr-low{background:var(--sunken-bg);color:var(--gray-400)}.ht-priority-pill.ht-pr-normal{background:var(--blue-bg);color:var(--blue-500)}.ht-priority-pill.ht-pr-high{background:var(--amber-bg);color:var(--amber-500)}.ht-priority-pill.ht-pr-urgent{background:var(--red-bg);color:var(--red-500)}.ht-load-more{display:block;width:100%;padding:var(--s-3);border:none;border-top:1px solid var(--border-secondary);background:transparent;color:var(--brand-500);font-family:var(--font-body);font-size:var(--fs-13);font-weight:600;cursor:pointer;transition:background var(--t-fast)}.ht-load-more:hover:not(:disabled){background:var(--violet-bg)}.ht-load-more:disabled{opacity:.4;cursor:not-allowed}.ht-detail-card{display:grid;background:var(--card-bg);border-radius:var(--r-16);box-shadow:var(--sh-card);overflow:hidden;min-height:0}.ht-detail-inner{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);min-height:0;height:100%}.ht-chat-col{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;border-right:1px solid var(--border-secondary)}.ht-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-4);padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--border-secondary)}.ht-detail-header-left{display:grid;gap:var(--s-1);min-width:0}.ht-detail-ticket-title{margin:0;display:flex;align-items:center;gap:var(--s-2);font-family:var(--font-display);font-size:var(--fs-18);font-weight:700;color:var(--text-primary)}.ht-detail-customer{margin:0;font-size:var(--fs-13);color:var(--text-muted)}.ht-detail-header-right{display:flex;flex-direction:column;align-items:flex-end;gap:var(--s-1);flex-shrink:0}.ht-detail-badges{display:flex;gap:var(--s-2);align-items:center}.ht-detail-timestamp{font-size:var(--fs-11);color:var(--text-muted)}.ht-messages-area{overflow-y:auto;padding:var(--s-4) var(--s-5);display:grid;gap:var(--s-4);align-content:start;min-height:0;background:var(--sunken-bg)}.ht-msg{display:grid;grid-template-columns:36px minmax(0,1fr);gap:var(--s-3);align-items:start}.ht-msg-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:var(--fs-11);font-weight:800;flex-shrink:0;overflow:hidden;background:var(--gray-200);color:var(--text-500);border:2px solid var(--card-bg);box-shadow:var(--sh-xs)}.ht-msg-avatar img{width:100%;height:100%;object-fit:cover;display:block}.ht-msg--operator .ht-msg-avatar{background:var(--violet-bg-strong);color:var(--brand-500);border-color:var(--violet-bg)}.ht-msg--bot .ht-msg-avatar{background:linear-gradient(135deg,#6c5ce726,#6c5ce714);color:var(--brand-400);border-color:var(--violet-bg)}.ht-msg--operator,.ht-msg--bot{grid-template-columns:minmax(0,1fr) 36px;justify-self:end}.ht-msg--operator .ht-msg-avatar,.ht-msg--bot .ht-msg-avatar{order:1}.ht-msg--operator .ht-msg-body,.ht-msg--bot .ht-msg-body{justify-items:end}.ht-msg--operator .ht-msg-meta,.ht-msg--bot .ht-msg-meta{justify-content:flex-end}.ht-msg-body{display:grid;gap:var(--s-1);min-width:0;max-width:min(100%,48rem)}.ht-msg-meta{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap}.ht-msg-author{font-size:var(--fs-14);font-weight:700;color:var(--text-primary);max-width:38ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ht-msg-time{font-size:var(--fs-12);color:var(--text-muted)}.ht-msg-bot-badge{display:inline-flex;align-items:center;gap:3px;padding:1px var(--s-2);border-radius:var(--r-full);background:var(--violet-bg);color:var(--brand-500);font-size:var(--fs-11);font-weight:700}.ht-msg-bubble{width:fit-content;max-width:100%;padding:var(--s-3) var(--s-4);border-radius:var(--r-12);background:var(--card-bg);box-shadow:var(--sh-xs)}.ht-msg--operator .ht-msg-bubble{background:var(--violet-bg);box-shadow:none}.ht-msg--bot .ht-msg-bubble{background:linear-gradient(135deg,#6c5ce70f,#6c5ce705);box-shadow:none}.ht-msg-bubble p{margin:0;font-size:var(--fs-14);color:var(--text-600);line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.ht-photo-grid{margin-top:var(--s-2);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-2)}.ht-photo-grid.ht-photo-single{grid-template-columns:1fr;max-width:18rem}.ht-photo-tile{display:block;border-radius:var(--r-8);overflow:hidden;box-shadow:var(--sh-xs)}.ht-photo-tile img{width:100%;height:100%;display:block;object-fit:cover}.ht-file-chips{margin-top:var(--s-2);display:flex;gap:var(--s-2);flex-wrap:wrap}.ht-file-chip{display:inline-flex;align-items:center;gap:var(--s-1);padding:var(--s-1) var(--s-3);border-radius:var(--r-full);background:var(--gray-100);color:var(--text-600);font-size:var(--fs-13);text-decoration:none;transition:background var(--t-fast)}.ht-file-chip:hover{background:var(--gray-200)}.ht-file-chip:before{content:"";display:inline-block;width:14px;height:14px;background:currentColor;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48'%3E%3C/path%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48'%3E%3C/path%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;flex-shrink:0;opacity:.6}.ht-reply-box{display:flex;align-items:flex-end;gap:var(--s-2);padding:var(--s-3) var(--s-5);border-top:1px solid var(--border-secondary);background:var(--card-bg)}.ht-reply-textarea{flex:1;min-height:38px;max-height:120px;padding:var(--s-2) var(--s-3);border:1px solid var(--border-primary);border-radius:var(--r-8);background:var(--card-bg);color:var(--text-primary);font-family:var(--font-body);font-size:var(--fs-14);resize:none;box-shadow:var(--sh-inset);transition:border-color var(--t-fast),box-shadow var(--t-fast)}.ht-reply-textarea:focus{outline:none;border-color:var(--brand-500);box-shadow:var(--sh-focus),var(--sh-inset)}.ht-reply-textarea:disabled{opacity:.5;cursor:not-allowed}.ht-send-btn{display:grid;place-items:center;width:38px;height:38px;border:none;border-radius:var(--r-8);background:var(--brand-gradient);color:var(--text-white);cursor:pointer;flex-shrink:0;box-shadow:var(--sh-brand);transition:transform var(--t-fast),opacity var(--t-fast)}.ht-send-btn:hover:not(:disabled){transform:scale(1.05)}.ht-send-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.ht-send-btn svg{width:18px;height:18px}.ht-reply-hint{margin:0;padding:0 var(--s-5) var(--s-2);font-size:var(--fs-12);color:var(--text-muted)}.ht-info-col{display:grid;gap:0;align-content:start;min-height:0;overflow-y:auto;padding:var(--s-4)}.ht-info-section{display:grid;gap:var(--s-2);padding:var(--s-3) 0;border-bottom:1px solid var(--border-secondary)}.ht-info-section:first-child{padding-top:0}.ht-info-section:last-child{border-bottom:none}.ht-info-section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2)}.ht-info-section h4{margin:0;font-family:var(--font-display);font-size:var(--fs-13);font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em}.ht-claim-btn{padding:var(--s-1) var(--s-3);border:none;border-radius:var(--r-6);background:var(--brand-gradient);color:var(--text-white);font-family:var(--font-body);font-size:var(--fs-12);font-weight:600;cursor:pointer;box-shadow:var(--sh-brand);transition:transform var(--t-fast)}.ht-claim-btn:hover{transform:scale(1.03)}.ht-control-field{display:grid;gap:var(--s-1)}.ht-control-label{font-size:var(--fs-11);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.ht-tags-shell{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-1);min-height:36px;padding:var(--s-1) var(--s-2);border:1px solid var(--border-primary);border-radius:var(--r-8);background:var(--card-bg);cursor:text;box-shadow:var(--sh-inset);transition:border-color var(--t-fast),box-shadow var(--t-fast)}.ht-tags-shell:focus-within{border-color:var(--brand-500);box-shadow:var(--sh-focus),var(--sh-inset)}.ht-tags-shell.ht-tags-disabled{opacity:.5;cursor:not-allowed}.ht-tag-chip{display:inline-flex;align-items:center;gap:3px;padding:2px var(--s-2);border-radius:var(--r-full);background:var(--violet-bg);color:var(--brand-500);font-size:var(--fs-12);font-weight:600;line-height:1.3}.ht-tag-chip-x{border:none;background:none;color:var(--text-muted);font-size:var(--fs-14);line-height:1;padding:0;cursor:pointer;transition:color var(--t-fast)}.ht-tag-chip-x:hover{color:var(--red-500)}.ht-tag-chip-x:disabled{cursor:not-allowed;opacity:.4}.ht-tag-input{border:none;background:transparent;color:var(--text-primary);font-family:var(--font-body);font-size:var(--fs-13);min-width:60px;flex:1 1 60px;padding:var(--s-1) 0;outline:none;box-shadow:none}.ht-notes-list{display:grid;gap:var(--s-2);max-height:240px;overflow-y:auto}.ht-notes-list:has(>.ht-empty){gap:0}.ht-notes-list>.ht-empty{padding:0;font-size:var(--fs-13)}.ht-note-card{display:grid;gap:var(--s-1);padding:var(--s-3);border-radius:var(--r-8);background:var(--sunken-bg)}.ht-note-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2)}.ht-note-author{font-size:var(--fs-12);font-weight:700;color:var(--text-primary)}.ht-note-date{font-size:var(--fs-11);color:var(--text-muted)}.ht-note-body{margin:0;font-size:var(--fs-13);color:var(--text-600);line-height:1.5;white-space:pre-wrap}.ht-note-actions{display:flex;gap:var(--s-2)}.ht-note-action-btn{border:none;background:none;padding:0;font-family:var(--font-body);font-size:var(--fs-12);font-weight:600;color:var(--brand-500);cursor:pointer;transition:color var(--t-fast)}.ht-note-action-btn:hover{color:var(--brand-600)}.ht-note-action-btn.ht-note-action-delete{color:var(--red-500)}.ht-note-action-btn.ht-note-action-delete:hover{color:var(--red-600)}.ht-note-edit-textarea{width:100%;min-height:48px;padding:var(--s-2);border:1px solid var(--border-primary);border-radius:var(--r-6);background:var(--card-bg);color:var(--text-primary);font-family:var(--font-body);font-size:var(--fs-13);resize:vertical}.ht-note-compose{display:flex;gap:var(--s-2);align-items:stretch}.ht-note-compose textarea{flex:1;min-height:36px;max-height:100px;padding:var(--s-2);border:1px solid var(--border-primary);border-radius:var(--r-8);background:var(--card-bg);color:var(--text-primary);font-family:var(--font-body);font-size:var(--fs-13);resize:none}.ht-note-add-btn{padding:var(--s-2) var(--s-3);border:1px solid var(--border-primary);border-radius:var(--r-8);background:var(--card-bg);color:var(--text-600);font-family:var(--font-body);font-size:var(--fs-13);font-weight:600;cursor:pointer;white-space:nowrap;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast)}.ht-note-add-btn:hover:not(:disabled){background:var(--violet-bg);color:var(--brand-500)}.ht-note-add-btn:disabled{opacity:.4;cursor:not-allowed}.ht-meta-grid{display:grid;gap:var(--s-2)}.ht-meta-row{display:grid;grid-template-columns:110px minmax(0,1fr);gap:var(--s-2);align-items:baseline}.ht-meta-label{font-size:var(--fs-11);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.ht-meta-value{font-size:var(--fs-13);color:var(--text-600);overflow-wrap:anywhere}.ht-events-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;border:none;background:none;cursor:pointer;font-family:var(--font-display);font-size:var(--fs-13);font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em}.ht-events-toggle-arrow{font-size:var(--fs-12);color:var(--text-muted);transition:transform var(--t-normal)}.ht-events-toggle-arrow.ht-events-open{transform:rotate(180deg)}.ht-events-list{display:grid;gap:var(--s-2);max-height:200px;overflow-y:auto}.ht-event-card{display:grid;gap:var(--s-1);padding:var(--s-2) var(--s-3);border-radius:var(--r-6);background:var(--sunken-bg)}.ht-event-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2)}.ht-event-type{font-size:var(--fs-12);font-weight:700;color:var(--text-primary)}.ht-event-time{font-size:var(--fs-11);color:var(--text-muted)}.ht-event-payload{margin:0;font-family:var(--font-mono);font-size:var(--fs-11);color:var(--text-muted);overflow-wrap:anywhere}@media(max-width:960px){.ht-workspace,.ht-detail-inner{grid-template-columns:1fr}.ht-chat-col{border-right:none;border-bottom:1px solid var(--border-secondary)}}@media(max-width:640px){.ht-filters{flex-direction:column}.ht-filter-item,.ht-search-wrap{flex:1 1 100%;min-width:0}}@keyframes ht-spin{to{transform:rotate(360deg)}}.ht-spin{animation:ht-spin .8s linear infinite}.ig-section{display:flex;flex-direction:column;gap:var(--s-8);flex:1;overflow-y:auto;min-height:0}.ig-header{display:flex;flex-direction:column;gap:var(--s-2);flex-shrink:0}.ig-header h2{font-family:var(--font-display);font-size:var(--fs-28);font-weight:700;color:var(--text-900);margin:0;letter-spacing:-.02em}.ig-subtitle{font-size:var(--fs-15);color:var(--text-500);margin:0;line-height:1.5}.ig-snippet-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-5);flex-shrink:0}@media(max-width:768px){.ig-snippet-grid{grid-template-columns:1fr}}.ig-snippet-card{background:var(--card-bg);border-radius:var(--r-16);box-shadow:var(--sh-card);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow var(--t-normal) var(--ease)}.ig-snippet-card:hover{box-shadow:var(--sh-card-hover)}.ig-snippet-head{display:flex;align-items:center;justify-content:space-between;padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--border-secondary)}.ig-snippet-title{font-family:var(--font-display);font-size:var(--fs-15);font-weight:700;color:var(--text-900);margin:0}.ig-copy-btn{display:inline-flex;align-items:center;gap:var(--s-1);padding:6px var(--s-4);border:none;border-radius:var(--r-full);font-family:var(--font-body);font-size:var(--fs-12);font-weight:700;letter-spacing:.02em;cursor:pointer;background:var(--brand-gradient);color:var(--text-white);box-shadow:var(--sh-xs);transition:filter var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.ig-copy-btn:hover{filter:brightness(1.08);box-shadow:var(--sh-brand);transform:translateY(-1px)}.ig-copy-btn:active{transform:translateY(0)}.ig-copy-btn--copied{background:var(--green-500);box-shadow:none}.ig-copy-btn--copied:hover{filter:none;box-shadow:none;transform:none}.ig-code-block{margin:0;padding:var(--s-5);background:#1e1e22;color:#d4d4d8;font-family:var(--font-mono);font-size:var(--fs-13);line-height:1.7;overflow-x:auto;white-space:pre;border-radius:0 0 var(--r-16) var(--r-16);flex:1;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}.ig-code-block::-webkit-scrollbar{height:6px}.ig-code-block::-webkit-scrollbar-track{background:transparent}.ig-code-block::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:var(--r-full)}.ig-code-block::-webkit-scrollbar-thumb:hover{background:#fff3}.ig-code-block code{font-family:inherit}.ig-divider{flex-shrink:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--border-primary) 20%,var(--border-primary) 80%,transparent 100%);border:none;margin:0}.ig-channel-card{background:var(--card-bg);border-radius:var(--r-16);box-shadow:var(--sh-card);overflow:hidden;flex-shrink:0;transition:box-shadow var(--t-normal) var(--ease)}.ig-channel-card:hover{box-shadow:var(--sh-card-hover)}.ig-channel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:var(--s-5) var(--s-6);border-bottom:1px solid var(--border-secondary)}.ig-channel-head-info{display:flex;flex-direction:column;gap:var(--s-1)}.ig-channel-head-info h3{font-family:var(--font-display);font-size:var(--fs-18);font-weight:700;color:var(--text-900);margin:0}.ig-channel-head-info p{font-size:var(--fs-14);color:var(--text-500);margin:0}.ig-status-badge{display:inline-flex;align-items:center;gap:6px;padding:5px var(--s-3);border-radius:var(--r-full);font-size:var(--fs-12);font-weight:700;white-space:nowrap;letter-spacing:.01em;background:var(--gray-100);color:var(--text-500)}.ig-status-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gray-400);flex-shrink:0}.ig-status-badge--connected{background:var(--green-bg);color:var(--green-600)}.ig-status-badge--connected:before{background:var(--green-500);box-shadow:0 0 6px #22c55e66}.ig-channel-body{padding:var(--s-5) var(--s-6);display:flex;flex-direction:column;gap:var(--s-5)}.ig-toggle-row{display:flex;align-items:center;gap:var(--s-3)}.ig-toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.ig-toggle input{opacity:0;width:0;height:0;position:absolute}.ig-toggle-track{position:absolute;inset:0;background:var(--gray-300);border-radius:var(--r-full);cursor:pointer;transition:background var(--t-normal) var(--ease)}.ig-toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:var(--sh-xs);transition:transform var(--t-normal) var(--ease)}.ig-toggle input:checked+.ig-toggle-track{background:var(--brand-500)}.ig-toggle input:checked+.ig-toggle-track:after{transform:translate(20px)}.ig-toggle input:focus-visible+.ig-toggle-track{box-shadow:var(--sh-focus)}.ig-toggle input:disabled+.ig-toggle-track{opacity:.5;cursor:not-allowed}.ig-toggle-label{font-size:var(--fs-14);font-weight:600;color:var(--text-700)}.ig-field{display:flex;flex-direction:column;gap:6px}.ig-field-label{font-size:var(--fs-12);font-weight:700;color:var(--text-500);text-transform:uppercase;letter-spacing:.05em}.ig-field-input{padding:var(--s-2) var(--s-3);border:1px solid var(--border-primary);border-radius:var(--r-10);font-family:var(--font-body);font-size:var(--fs-14);color:var(--text-900);background:var(--card-bg);box-shadow:var(--sh-inset);transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.ig-field-input::placeholder{color:var(--text-400)}.ig-field-input:focus{outline:none;border-color:var(--brand-500);box-shadow:var(--sh-focus),var(--sh-inset)}.ig-field-input:disabled{opacity:.6;cursor:not-allowed}.ig-field-input--readonly{background:var(--sunken-bg);color:var(--text-500);font-family:var(--font-mono);font-size:var(--fs-13);border-style:dashed;cursor:default;-webkit-user-select:all;user-select:all;box-shadow:none}.ig-field-input--readonly:focus{box-shadow:none;border-color:var(--border-primary)}.ig-actions{display:flex;align-items:center;gap:var(--s-3);padding-top:var(--s-2)}.ig-btn-save{padding:var(--s-2) var(--s-6);border:none;border-radius:var(--r-10);font-family:var(--font-body);font-size:var(--fs-14);font-weight:700;color:var(--text-white);background:var(--brand-gradient);cursor:pointer;box-shadow:var(--sh-xs);transition:filter var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.ig-btn-save:hover:not(:disabled){filter:brightness(1.08);box-shadow:var(--sh-brand);transform:translateY(-1px)}.ig-btn-save:active:not(:disabled){transform:translateY(0)}.ig-btn-save:disabled{opacity:.45;cursor:not-allowed}.ig-btn-delete{padding:var(--s-2) var(--s-5);border:none;border-radius:var(--r-10);font-family:var(--font-body);font-size:var(--fs-14);font-weight:600;color:var(--red-500);background:transparent;cursor:pointer;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.ig-btn-delete:hover:not(:disabled){background:var(--red-bg);color:var(--red-600)}.ig-btn-delete:disabled{opacity:.45;cursor:not-allowed}.ig-banner{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-12);font-size:var(--fs-14);font-weight:600;line-height:1.4}.ig-banner--success{background:var(--green-bg);color:var(--green-600);border:1px solid var(--green-border)}.ig-banner--error{background:var(--red-bg);color:var(--red-600);border:1px solid var(--red-border)}.ig-banner-icon{flex-shrink:0;width:18px;height:18px}.nav-sidebar{width:var(--nav-width);height:100dvh;position:sticky;top:0;z-index:var(--z-sticky);display:flex;flex-direction:column;background:var(--nav-bg);border-right:1px solid var(--nav-divider);padding:var(--s-5);overflow:visible}.nav-brand{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-1) 0 var(--s-6);border-bottom:1px solid var(--nav-divider);margin-bottom:var(--s-5)}.nav-brand-icon{width:38px;height:38px;border-radius:var(--r-logo);flex-shrink:0;display:grid;place-items:center;background:var(--brand-gradient);box-shadow:var(--brand-glow);overflow:hidden}.nav-brand-icon span{color:#fff;font-family:var(--font-display);font-size:var(--fs-16);font-weight:800;letter-spacing:-.02em}.nav-brand-icon img{width:100%;height:100%;object-fit:cover;display:block}.nav-brand-text{display:flex;flex-direction:column;gap:1px;min-width:0}.nav-brand-text strong{font-family:var(--font-display);font-size:var(--fs-15);font-weight:700;color:var(--nav-brand-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-brand-text span{font-size:var(--fs-11);font-weight:500;color:var(--nav-brand-sub);letter-spacing:.05em;text-transform:uppercase}.nav-menu{display:flex;flex-direction:column;gap:var(--s-1);flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.nav-group{display:flex;flex-direction:column;gap:1px}.nav-group-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);padding:var(--s-2) var(--s-3);border:none;background:transparent;border-radius:var(--r-8);color:var(--nav-text);font-size:var(--fs-13);font-weight:600;cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}.nav-group-trigger:hover{background:var(--nav-item-bg-hover);color:var(--nav-text-hover)}.nav-group-trigger.active{color:var(--nav-text-hover)}.nav-group-label{display:flex;align-items:center;gap:var(--s-3)}.nav-group-label svg{opacity:.6;flex-shrink:0;color:currentColor}.nav-group-trigger.active .nav-group-label svg,.nav-group-trigger:hover .nav-group-label svg{opacity:.85}.nav-chevron{display:flex;transition:transform var(--t-normal) var(--ease);opacity:.35}.nav-chevron.open{transform:rotate(180deg)}.nav-submenu{display:flex;flex-direction:column;gap:1px;padding-left:calc(var(--s-3) + 18px);margin-top:2px;margin-bottom:var(--s-1)}.nav-link{display:block;width:100%;padding:var(--s-2) var(--s-3);border:none;background:transparent;border-radius:var(--r-6);color:var(--nav-text);font-size:var(--fs-13);font-weight:500;text-align:left;cursor:pointer;position:relative;transition:background var(--t-fast),color var(--t-fast)}.nav-link:hover{background:var(--nav-item-bg-hover);color:var(--nav-text-hover)}.nav-link.active{background:var(--nav-item-bg-active);color:var(--nav-text-active);font-weight:600}.nav-link.active:before{content:"";position:absolute;left:calc(var(--s-3) * -1 + 2px);top:50%;transform:translateY(-50%);width:3px;height:14px;border-radius:var(--r-full);background:var(--nav-accent)}.nav-item{width:100%;display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);border:none;background:transparent;border-radius:var(--r-8);color:var(--nav-text);font-size:var(--fs-13);font-weight:600;text-align:left;cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}.nav-item svg{opacity:.5;flex-shrink:0;transition:opacity var(--t-fast)}.nav-item:hover{background:var(--nav-item-bg-hover);color:var(--nav-text-hover)}.nav-item:hover svg{opacity:.75}.nav-item.active{background:var(--nav-item-bg-active);color:var(--nav-text-active)}.nav-item.active svg{opacity:1;color:var(--nav-accent)}.nav-bottom{margin-top:auto;padding-top:var(--s-4);border-top:1px solid var(--nav-divider);display:flex;flex-direction:column;gap:var(--s-3)}.nav-settings-anchor{position:relative}.nav-settings-trigger{width:100%}.nav-settings-flyout{position:absolute;left:calc(100% + 10px);bottom:0;z-index:var(--z-dropdown);width:max-content;min-width:180px;padding:var(--s-4);border-radius:var(--r-12);background:var(--card-bg);box-shadow:var(--sh-lg);display:flex;flex-direction:column;gap:var(--s-5)}.nav-flyout-section{display:flex;flex-direction:column;gap:var(--s-2)}.nav-flyout-label{font-size:var(--fs-11);font-weight:700;color:var(--text-400);text-transform:uppercase;letter-spacing:.06em;padding-left:var(--s-2)}.nav-flyout-options{display:flex;flex-direction:column;gap:2px}.nav-flyout-options--row{flex-direction:row;gap:var(--s-1)}.nav-flyout-btn{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);border:none;border-radius:var(--r-6);background:transparent;color:var(--text-600);font-size:var(--fs-13);font-weight:600;cursor:pointer;white-space:nowrap;transition:background var(--t-fast),color var(--t-fast)}.nav-flyout-btn:hover{background:var(--gray-100)}.nav-flyout-btn.active{background:var(--violet-bg-strong);color:var(--brand-500);font-weight:700}.nav-session{display:flex;flex-direction:column;gap:2px;padding:var(--s-2) var(--s-3);border-radius:var(--r-8);background:var(--nav-session-bg);border:1px solid var(--nav-divider)}.nav-session-label{font-size:9px;font-weight:600;color:var(--nav-session-label);text-transform:uppercase;letter-spacing:.08em}.nav-session-email{font-size:var(--fs-12);font-weight:500;color:var(--nav-session-email);line-height:1.3;word-break:break-word}.nav-logout{width:100%;display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);border:1px solid var(--nav-logout-border);border-radius:var(--r-8);background:transparent;color:var(--nav-logout-text);font-size:var(--fs-13);font-weight:600;cursor:pointer;transition:all var(--t-fast)}.nav-logout:hover{background:#ef44441a;border-color:#ef444433;color:#f87171}.nav-logout:disabled{opacity:.5;cursor:not-allowed}@media(max-width:940px){.nav-sidebar{width:100%;height:auto;position:static;flex-direction:row;flex-wrap:wrap;padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--nav-divider);gap:var(--s-3)}.nav-brand{border-bottom:none;margin-bottom:0;padding-bottom:0}.nav-menu{width:100%;flex-direction:row;flex-wrap:wrap;gap:var(--s-1)}.nav-group{flex-direction:row;flex-wrap:wrap}.nav-submenu{padding-left:0;flex-direction:row;margin:0}.nav-link.active:before{display:none}.nav-bottom{width:100%;flex-direction:row;flex-wrap:wrap;align-items:center;border-top:1px solid var(--nav-divider);padding-top:var(--s-3);gap:var(--s-2)}.nav-session{flex:1}.nav-settings-flyout{left:auto;right:0;bottom:auto;top:calc(100% + 8px)}}