:root{color-scheme:light;--accent-rgb: 124 58 237;--accent-bright-rgb: 148 92 244;--accent-light-rgb: 180 142 245;--accent-deep-rgb: 97 21 228;--accent-ink-rgb: 124 58 237;--accent-contrast: #ffffff;--accent: rgb(var(--accent-rgb));--accent-bright: rgb(var(--accent-bright-rgb));--accent-light: rgb(var(--accent-light-rgb));--accent-deep: rgb(var(--accent-deep-rgb));--accent-text: rgb(var(--accent-ink-rgb));--accent-soft: rgb(var(--accent-rgb) / .1);--accent-softer: rgb(var(--accent-rgb) / .06);--accent-border: rgb(var(--accent-rgb) / .3);--accent-ring: 0 0 0 3px rgb(var(--accent-rgb) / .2);--accent-gradient: linear-gradient(135deg, rgb(var(--accent-bright-rgb)) 0%, rgb(var(--accent-deep-rgb)) 100%);--bg-base: #f6f7f9;--bg-surface: #ffffff;--bg-card: #ffffff;--bg-elevated: #f8f9fb;--bg-hover: #f1f3f7;--bg-subtle: #f3f4f7;--bg-overlay: rgb(15 23 42 / .45);--border: rgb(15 23 42 / .08);--border-strong: rgb(15 23 42 / .14);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-accent: var(--accent-text);--success: #16a34a;--success-bg: rgb(22 163 74 / .09);--error: #dc2626;--error-bg: rgb(220 38 38 / .08);--warning: #d97706;--warning-bg: rgb(217 119 6 / .09);--info: #2563eb;--pink: #ec4899;--blue: #3b82f6;--purple: var(--accent-bright);--purple-dark: var(--accent);--purple-light: var(--accent-light);--purple-bg: rgb(var(--accent-rgb) / .08);--primary: var(--accent);--primary-light: var(--accent-soft);--grad-primary: var(--accent-gradient);--grad-blue: linear-gradient(135deg, #3b82f6 0%, rgb(var(--accent-rgb)) 100%);--grad-glow: linear-gradient(135deg, rgb(var(--accent-rgb) / .1) 0%, rgb(var(--accent-bright-rgb) / .06) 100%);--text-danger: var(--error);--dark-invert: 0;--node-webhook: var(--accent);--node-fb: #1877f2;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgb(15 23 42 / .04), 0 1px 3px rgb(15 23 42 / .04);--shadow-md: 0 4px 14px -2px rgb(15 23 42 / .07), 0 2px 4px -2px rgb(15 23 42 / .04);--shadow-lg: 0 16px 36px -10px rgb(15 23 42 / .14), 0 4px 10px -4px rgb(15 23 42 / .05);--shadow-xl: 0 28px 56px -14px rgb(15 23 42 / .22), 0 8px 18px -8px rgb(15 23 42 / .08);--shadow-glow: 0 10px 28px -8px rgb(var(--accent-rgb) / .45);--shadow-glow-sm: 0 4px 14px -4px rgb(var(--accent-rgb) / .45);--tip-bg: #161b27;--tip-fg: #f8fafc;--tip-border: rgb(255 255 255 / .06);--tip-shadow: 0 10px 24px -8px rgb(15 23 42 / .35), 0 2px 6px -2px rgb(15 23 42 / .2);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--transition: all .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .4s cubic-bezier(.4, 0, .2, 1);--sidebar-width: 252px;--sidebar-collapsed-width: 72px;--header-height: 64px}:root[data-theme=dark]{color-scheme:dark;--border-strong: rgb(255 255 255 / .14)}body.dark-theme{color-scheme:dark;--bg-base: #0b0c10;--bg-surface: #111318;--bg-card: #14161c;--bg-elevated: #1a1d25;--bg-hover: #222632;--bg-subtle: #181b22;--bg-overlay: rgb(0 0 0 / .6);--border: rgb(255 255 255 / .07);--border-strong: rgb(255 255 255 / .14);--text-primary: #f1f5f9;--text-secondary: #a3abbb;--text-muted: #7a8293;--accent-text: rgb(var(--accent-light-rgb));--text-accent: var(--accent-text);--success: #22c55e;--success-bg: rgb(34 197 94 / .12);--error: #f87171;--error-bg: rgb(239 68 68 / .13);--warning: #fbbf24;--warning-bg: rgb(245 158 11 / .13);--accent-soft: rgb(var(--accent-rgb) / .18);--accent-softer: rgb(var(--accent-rgb) / .1);--accent-border: rgb(var(--accent-light-rgb) / .35);--purple-bg: rgb(var(--accent-light-rgb) / .12);--primary-light: rgb(var(--accent-light-rgb) / .14);--dark-invert: 1;--shadow-sm: 0 1px 2px rgb(0 0 0 / .4);--shadow-md: 0 6px 18px -4px rgb(0 0 0 / .55);--shadow-lg: 0 18px 40px -10px rgb(0 0 0 / .65);--shadow-xl: 0 28px 60px -12px rgb(0 0 0 / .75);--shadow-glow: 0 10px 30px -8px rgb(var(--accent-rgb) / .55);--shadow-glow-sm: 0 4px 16px -4px rgb(var(--accent-rgb) / .5);--tip-bg: #2a2f3b;--tip-fg: #f1f5f9;--tip-border: rgb(255 255 255 / .1);--tip-shadow: 0 12px 28px -8px rgb(0 0 0 / .75), 0 2px 6px rgb(0 0 0 / .4)}body.dark-theme .glass{background:#14161c99}body.dark-theme .gradient-text{background:linear-gradient(135deg,rgb(var(--accent-light-rgb)),rgb(var(--accent-bright-rgb)));-webkit-background-clip:text;background-clip:text}body.dark-theme .card-glass{background:#14161cb3}body.dark-theme .react-flow__background{background-color:var(--bg-base)!important;background-image:radial-gradient(circle at 35% 30%,rgb(var(--accent-rgb) / .12) 0%,transparent 45%),radial-gradient(circle at 65% 65%,rgb(var(--accent-bright-rgb) / .08) 0%,transparent 45%)!important}body.dark-theme .react-flow__controls button{background:var(--bg-surface)!important;color:var(--text-secondary)!important}body.dark-theme .react-flow__controls button:hover{background:var(--bg-hover)!important;color:var(--text-primary)!important}body.dark-theme .react-flow__minimap{background:var(--bg-surface)!important}body.dark-theme .react-flow__handle{background:#4b5563!important;border-color:var(--bg-card)!important}body.dark-theme .react-flow__edge-path{stroke:#3a4150}body.dark-theme .react-flow__connection-line{stroke:var(--accent)!important}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:2}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-y:scroll}body{font-family:var(--font-sans);font-feature-settings:"cv11","ss01","ss03";background:var(--bg-base);color:var(--text-primary);line-height:1.6;min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip;transition:background-color .25s ease,color .25s ease}::selection{background:rgb(var(--accent-rgb) / .22)}#root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--text-primary)}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,3vw,2.25rem)}h3{font-size:1.25rem}h4{font-size:1rem}a{color:var(--text-accent);text-decoration:none;transition:color .15s ease}a:hover{color:var(--accent-text)}a:where(:not([class])):hover{text-decoration:underline;text-underline-offset:3px}:where(a,button,[role=button],[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 4px rgb(var(--accent-rgb) / .16)}:where(button,input,textarea,select){font:inherit}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 18px;min-height:40px;border-radius:10px;font-family:var(--font-sans);font-size:.875rem;font-weight:600;letter-spacing:-.005em;cursor:pointer;border:1px solid transparent;transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .2s ease,transform .18s var(--ease-out),filter .18s ease;white-space:nowrap;text-decoration:none;position:relative;overflow:hidden;user-select:none}.btn:active:not(:disabled){transform:translateY(0) scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--accent);background-image:linear-gradient(180deg,#ffffff24,#fff0);color:var(--accent-contrast);border-color:rgb(var(--accent-deep-rgb) / .6);box-shadow:inset 0 1px #ffffff2e,var(--shadow-glow-sm)}.btn-primary:hover:not(:disabled){background-color:var(--accent-deep);color:var(--accent-contrast);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff2e,var(--shadow-glow)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-border);color:var(--text-primary)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:var(--border)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong)}.btn-danger{background:var(--error-bg);color:var(--error);border-color:#ef444438}.btn-danger:hover:not(:disabled){background:#ef44442e}.btn-sm{padding:6px 12px;min-height:34px;font-size:.8rem;border-radius:9px}.btn-lg{padding:13px 26px;min-height:48px;font-size:.95rem;border-radius:12px}.btn-icon{padding:8px;min-width:40px;min-height:40px;border-radius:10px}.icon-btn,.notification-bell-btn{width:40px;height:40px;border-radius:11px;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s var(--ease-out)}.icon-btn:hover,.notification-bell-btn:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.icon-btn:active,.notification-bell-btn:active{transform:scale(.94)}.input,.textarea,.select{width:100%;padding:10px 14px;min-height:42px;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:11px;color:var(--text-primary);font-family:var(--font-sans);font-size:.875rem;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;appearance:none}.input:hover,.textarea:hover,.select:hover{border-color:rgb(var(--accent-rgb) / .35)}:where(input:not([type=checkbox]):not([type=radio]):not([type=color]),textarea,select):focus,:where(input:not([type=checkbox]):not([type=radio]):not([type=color]),textarea,select):focus-visible,.input:focus,.textarea:focus,.select:focus,.input:focus-visible,.textarea:focus-visible,.select:focus-visible{outline:none;border-color:var(--accent);background:var(--bg-surface);box-shadow:var(--accent-ring)}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.textarea{resize:vertical;min-height:84px}.select{cursor:pointer}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:.75rem;font-weight:650;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.form-hint{font-size:.75rem;color:var(--text-muted)}.form-error{font-size:.75rem;color:var(--error)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);transition:border-color .2s ease,box-shadow .2s ease}.card:hover{border-color:var(--border-strong)}.select-card{transition:transform .25s var(--ease-out),box-shadow .25s ease,border-color .25s ease!important}.select-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),0 0 0 1px rgb(var(--accent-rgb) / .18);border-color:var(--accent-border)!important}.card-glass{background:#ffffffb8;backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border:1px solid var(--border);border-radius:var(--radius-lg)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:var(--radius-full);font-size:.68rem;font-weight:650;text-transform:uppercase;letter-spacing:.05em;border:1px solid transparent}.badge-success{background:var(--success-bg);color:var(--success);border-color:#16a34a2e}.badge-error{background:var(--error-bg);color:var(--error);border-color:#dc26262e}.badge-warning{background:var(--warning-bg);color:var(--warning);border-color:#d977062e}.badge-purple{background:var(--accent-soft);color:var(--accent-text);border-color:rgb(var(--accent-rgb) / .18)}.badge-blue{background:#3b82f61f;color:var(--blue);border-color:#3b82f62e}.container{max-width:1280px;margin:0 auto;padding:0 24px}.app-layout{display:flex;min-height:100vh;min-height:100dvh}.main-content{flex:1;margin-left:var(--sidebar-width);min-height:100vh;min-height:100dvh;min-width:0;display:flex;flex-direction:column;transition:margin-left .25s var(--ease-out)}@media (min-width: 769px){.main-content{padding-top:var(--header-height)}}.page-content{flex:1;padding:0 0 32px;width:100%;min-width:0;box-sizing:border-box;animation:pageEnter .35s var(--ease-out)}.page-body{padding:20px 32px 24px;display:flex;flex-direction:column;gap:20px;width:100%;box-sizing:border-box}@media (max-width: 1200px){.page-content{padding:0 0 20px}.page-body{padding:16px 20px 20px}}@media (max-width: 768px){.page-content{padding:0 0 12px}.page-body{padding:14px 16px 16px}}.desktop-header{display:flex;align-items:center;justify-content:space-between;gap:16px;height:var(--header-height);padding:0 28px;background:color-mix(in srgb,var(--bg-base) 78%,transparent);backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid var(--border);position:fixed;top:0;right:0;left:var(--sidebar-width);z-index:90;transition:left .25s var(--ease-out),background-color .25s ease}@media (max-width: 1200px){.desktop-header{padding:0 20px}}.app-layout.sidebar-collapsed .desktop-header{left:var(--sidebar-collapsed-width)}.header-context{display:flex;align-items:center;gap:12px;min-width:0}.header-context-icon{width:34px;height:34px;border-radius:10px;background:var(--accent-soft);color:var(--accent-text);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.header-context-text{display:flex;flex-direction:column;min-width:0;line-height:1.2}.header-crumb{font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.header-title{font-size:.95rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.desktop-header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.header-divider{width:1px;height:24px;background:var(--border-strong);margin:0 2px}.header-create{position:relative}.header-create-btn{height:40px;padding:0 14px 0 12px;gap:6px}.header-create-btn .chevron{transition:transform .2s ease;margin-left:2px;opacity:.85}.header-create-btn[aria-expanded=true] .chevron{transform:rotate(180deg)}.header-menu{position:absolute;top:calc(100% + 10px);right:0;width:270px;background:var(--bg-card);border:1px solid var(--border-strong);border-radius:16px;box-shadow:var(--shadow-xl);padding:6px;z-index:1000;display:flex;flex-direction:column;gap:2px;transform-origin:top right;animation:menuIn .18s var(--ease-out)}.header-menu-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:11px;border:none;background:transparent;color:var(--text-primary);cursor:pointer;text-align:left;width:100%;font-family:inherit;transition:background-color .15s ease}.header-menu-item:hover,.header-menu-item:focus-visible{background:var(--bg-hover)}.header-menu-icon{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.header-menu-title{display:block;font-size:.86rem;font-weight:650;color:var(--text-primary)}.header-menu-desc{display:block;font-size:.74rem;color:var(--text-muted);line-height:1.3}.header-menu-divider{height:1px;margin:4px 6px;background:var(--border)}.header-menu-item.is-danger .header-menu-title{color:var(--error)}.header-menu-item.is-danger .header-menu-icon{color:var(--error);background:var(--error-bg)}.header-menu-item.is-danger:hover,.header-menu-item.is-danger:focus-visible{background:var(--error-bg)}.header-menu-item:disabled{opacity:.6;cursor:default}a.header-menu-item{text-decoration:none}.profile-menu{position:relative;display:inline-flex}.profile-menu-panel{width:280px;max-width:calc(100vw - 24px)}.profile-menu .header-menu-icon{color:var(--text-secondary);background:var(--bg-hover)}.profile-menu-head{display:flex;align-items:center;gap:12px;padding:10px 10px 8px}.profile-menu-avatar{width:42px;height:42px;flex-shrink:0;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-size:.9rem;font-weight:700}.profile-menu-avatar img{width:100%;height:100%;object-fit:cover}.profile-menu-who{display:flex;flex-direction:column;gap:2px;min-width:0}.profile-menu-name{font-size:.9rem;font-weight:700;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-menu-email{font-size:.76rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-menu-plan{align-self:flex-start;display:inline-flex;align-items:center;gap:4px;margin-top:3px;padding:2px 8px;border-radius:var(--radius-full);font-size:.7rem;font-weight:650;color:var(--accent-text);background:var(--accent-soft);border:1px solid var(--accent-border)}.profile-menu-theme{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:4px 6px 2px;padding:3px;border-radius:11px;background:var(--bg-hover)}.profile-menu-theme-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:34px;border:none;border-radius:9px;background:transparent;color:var(--text-secondary);font-family:inherit;font-size:.78rem;font-weight:600;cursor:pointer}.profile-menu-theme-btn.is-active{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm)}.profile-menu-theme-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.notif,.notif-btn{position:relative}.notif-badge{position:absolute;top:3px;right:3px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;border:2px solid var(--bg-card);background:var(--error);color:#fff;font-size:.62rem;font-weight:700;line-height:13px;text-align:center;font-variant-numeric:tabular-nums}.notif-panel{position:absolute;top:calc(100% + 10px);right:0;z-index:1000;width:380px;max-height:min(560px,75vh);display:flex;flex-direction:column;overflow:hidden;background:var(--bg-card);border:1px solid var(--border-strong);border-radius:16px;box-shadow:var(--shadow-xl);transform-origin:top right;animation:menuIn .18s var(--ease-out)}.notif-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid var(--border)}.notif-title{font-size:.95rem;font-weight:700;color:var(--text-primary)}.notif-settings{width:32px;height:32px;margin:-4px -6px -4px 0;border-radius:9px;border:1px solid transparent;background:transparent;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease}.notif-settings:hover{background:var(--bg-hover);border-color:var(--border);color:var(--text-primary)}.notif-settings:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.notif-list{list-style:none;margin:0;padding:6px;overflow-y:auto}.notif-item{position:relative;display:flex;align-items:flex-start;gap:12px;width:100%;padding:10px;border:0;border-radius:11px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background-color .15s ease}.notif-item:hover,.notif-item:focus-visible{background:var(--bg-hover)}.notif-item.is-unread{background:rgb(var(--accent-rgb) / .06)}.notif-item.is-unread:hover{background:rgb(var(--accent-rgb) / .1)}.notif-icon{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:10px}.notif-icon.is-error{background:var(--error-bg);color:var(--error)}.notif-icon.is-warning{background:var(--warning-bg);color:var(--warning)}.notif-icon.is-success{background:var(--success-bg);color:var(--success)}.notif-icon.is-info{background:var(--accent-soft);color:var(--accent-text)}.notif-text{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.notif-item-title{font-size:.84rem;font-weight:650;line-height:1.35;color:var(--text-primary)}.notif-item-body{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.78rem;line-height:1.4;color:var(--text-secondary)}.notif-item-time{font-size:.72rem;color:var(--text-muted)}.notif-dot{flex:none;width:8px;height:8px;margin-top:6px;border-radius:50%;background:var(--accent)}.notif-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:32px 24px;text-align:center}.notif-empty-icon{display:grid;place-items:center;width:40px;height:40px;margin-bottom:4px;border-radius:12px;background:var(--success-bg);color:var(--success)}.notif-empty-title{font-size:.88rem;font-weight:650;color:var(--text-primary)}.notif-empty-desc{max-width:260px;font-size:.78rem;line-height:1.45;color:var(--text-muted)}@media (max-width: 768px){.notif-panel{position:fixed;top:64px;left:12px;right:12px;width:auto;max-height:calc(100dvh - 80px)}}.desktop-avatar-btn{width:38px;height:38px;border-radius:var(--radius-full);background:var(--accent-gradient);color:var(--accent-contrast);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;cursor:pointer;overflow:hidden;border:2px solid var(--bg-surface);box-shadow:0 0 0 1px var(--border-strong);transition:box-shadow .2s ease,transform .2s var(--ease-out);padding:0}.desktop-avatar-btn:hover{box-shadow:0 0 0 2px var(--accent);transform:scale(1.04)}.desktop-avatar-btn img{width:100%;height:100%;object-fit:cover}.theme-toggle{width:40px;height:40px;border-radius:11px;border:1px solid var(--border);background:var(--bg-surface);color:#f59e0b;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;position:relative;overflow:hidden;transition:background-color .25s ease,border-color .25s ease,color .4s ease,transform .18s var(--ease-out)}.theme-toggle:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 50% 50%,rgb(245 158 11 / .22),transparent 65%);opacity:0;transition:opacity .3s ease}.theme-toggle:hover{background:var(--bg-hover);border-color:var(--border-strong)}.theme-toggle:hover:before{opacity:1}.theme-toggle:active{transform:scale(.92)}.theme-toggle.is-dark{color:#c7d2fe}.theme-toggle.is-dark:before{background:radial-gradient(circle at 50% 50%,rgb(165 180 252 / .22),transparent 65%)}.theme-toggle-icon{width:21px;height:21px;overflow:visible;position:relative;transform:rotate(0);transition:transform .6s var(--ease-spring)}.theme-toggle.is-dark .theme-toggle-icon{transform:rotate(-25deg)}.theme-toggle-core,.theme-toggle-rays,.theme-toggle-cut,.theme-toggle-star{transform-box:fill-box;transform-origin:center}.theme-toggle-core{transition:transform .55s var(--ease-spring)}.theme-toggle.is-dark .theme-toggle-core{transform:scale(1.72)}.theme-toggle-cut{transition:transform .55s var(--ease-out)}.theme-toggle.is-dark .theme-toggle-cut{transform:translate(-8px,1.5px)}.theme-toggle-rays{transition:transform .55s var(--ease-out),opacity .3s ease}.theme-toggle.is-dark .theme-toggle-rays{transform:rotate(-90deg) scale(.3);opacity:0}.theme-toggle:not(.is-dark):hover .theme-toggle-rays{transform:rotate(45deg)}.theme-toggle-star{opacity:0;transform:scale(0);transition:transform .4s var(--ease-spring),opacity .25s ease}.theme-toggle.is-dark .theme-toggle-star{opacity:1;transform:scale(1)}.theme-toggle.is-dark .theme-toggle-star-1{transition-delay:.22s}.theme-toggle.is-dark .theme-toggle-star-2{transition-delay:.32s}.theme-toggle.is-dark:hover .theme-toggle-star-1{animation:twinkle 1.2s ease-in-out infinite}.sidebar{width:var(--sidebar-width);background:var(--bg-surface);border-right:1px solid var(--border);position:fixed;top:0;left:0;height:100vh;height:100dvh;display:flex;flex-direction:column;z-index:100;overflow:hidden;transition:width .25s var(--ease-out),transform .3s var(--ease-out),background-color .25s ease}.sidebar-logo{height:var(--header-height);display:flex;align-items:center;padding:0 20px;border-bottom:1px solid var(--border);color:var(--text-primary);flex-shrink:0}.sidebar-logo .logo-mark svg{color:var(--accent-text)}.sidebar.collapsed .sidebar-logo{justify-content:center;padding:0}.logo-mark{display:flex;align-items:center;gap:10px}.logo-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px}.logo-text{font-size:1.1rem;font-weight:800;color:var(--text-primary)}.sidebar-nav{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:14px 12px;display:flex;flex-direction:column;gap:2px}.nav-section-label{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:14px 12px 6px}.nav-section-label:first-child{padding-top:4px}.sidebar.collapsed .nav-section-label{font-size:0;padding:10px 0 6px;margin:0 18px;border-top:1px solid var(--border)}.sidebar.collapsed .nav-section-label:first-child{border-top:none;padding-top:0}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:10px;color:var(--text-secondary);font-size:.875rem;font-weight:550;text-decoration:none;transition:background-color .15s ease,color .15s ease;cursor:pointer;border:none;background:none;width:100%;text-align:left;font-family:inherit;position:relative}.nav-item svg{flex-shrink:0;transition:color .15s ease,transform .2s var(--ease-out)}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item:hover svg{transform:translate(1px)}.nav-item.active{background:var(--accent-soft);color:var(--accent-text);font-weight:650}.nav-item.active svg{color:var(--accent-text)}.nav-item.active:before{content:"";position:absolute;left:-12px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}.nav-count{margin-left:auto;min-width:20px;padding:1px 7px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--warning) 16%,transparent);color:var(--warning);font-size:.72rem;font-weight:700;line-height:1.5;text-align:center;font-variant-numeric:tabular-nums}.nav-count.is-dot{position:absolute;top:6px;right:6px;min-width:0;width:8px;height:8px;padding:0;background:var(--warning);box-shadow:0 0 0 2px var(--bg-sidebar, var(--bg-card))}.nav-item-chevron{margin-left:auto;color:var(--text-muted);transition:transform .2s ease;flex-shrink:0}.nav-item-chevron.open{transform:rotate(180deg)}.nav-sub{display:flex;flex-direction:column;gap:1px;margin:2px 0 6px 21px;padding-left:11px;border-left:1px solid var(--border-strong)}.nav-sub .nav-item{padding:6px 10px;font-size:.83rem;gap:8px}.nav-sub .nav-item.active:before{display:none}.sidebar-footer{margin-top:auto;border-top:1px solid var(--border);background:var(--bg-surface);flex-shrink:0}.sidebar-quota-wrap{padding:12px}.sidebar-quota-card{display:flex;flex-direction:column;gap:9px;width:100%;padding:13px 14px;border-radius:14px;border:1px solid var(--border);background:radial-gradient(120% 120% at 100% 0%,rgb(var(--accent-rgb) / .1) 0%,transparent 55%),var(--bg-card);box-shadow:var(--shadow-sm);cursor:pointer;font-family:inherit;text-align:left;color:var(--text-primary);transition:border-color .18s ease,box-shadow .18s ease,transform .18s var(--ease-out)}.sidebar-quota-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-md);transform:translateY(-1px)}.quota-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.quota-plan{display:inline-flex;align-items:center;gap:7px;min-width:0;font-weight:700;font-size:.86rem}.quota-plan span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quota-left{font-weight:700;font-size:.8rem;color:var(--accent-text);white-space:nowrap}.quota-bar{width:100%;height:6px;border-radius:99px;background:var(--bg-hover);overflow:hidden}.quota-bar-fill{height:100%;border-radius:99px;background:var(--accent-gradient);transition:width .5s var(--ease-out)}.quota-caption{font-size:.73rem;color:var(--text-muted);line-height:1.2}.sidebar-icon-btn{width:40px;height:40px;border-radius:11px;border:1px solid var(--border);background:var(--bg-card);color:var(--accent-text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .18s ease,background-color .18s ease}.sidebar-icon-btn:hover{border-color:var(--accent-border);background:var(--accent-softer)}.sidebar-collapse-btn{display:flex;align-items:center;gap:12px;width:100%;height:46px;padding:0 20px;border:none;border-top:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:550;transition:background-color .15s ease,color .15s ease}.sidebar-collapse-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar.collapsed .sidebar-collapse-btn{justify-content:center;padding:0}@media (min-width: 769px) and (max-height: 780px){.sidebar-nav{padding:10px 12px;gap:1px}.nav-section-label{padding:10px 12px 4px}.nav-section-label:first-child{padding-top:2px}.nav-item{padding:6px 12px}.sidebar-quota-wrap{padding:8px 12px}.sidebar-quota-card{padding:10px 12px;gap:7px}.quota-caption{display:none}.sidebar-collapse-btn{height:38px}.app-layout .sidebar.collapsed .nav-item{width:40px;height:38px;margin:1px auto}}@media (min-width: 769px){.app-layout.sidebar-collapsed .sidebar{width:var(--sidebar-collapsed-width)}.app-layout.sidebar-collapsed .main-content{margin-left:var(--sidebar-collapsed-width)}.sidebar.collapsed .nav-item{justify-content:center;padding:0;width:44px;height:44px;margin:2px auto}.sidebar.collapsed .nav-item.active:before{left:-14px}.sidebar.collapsed .sidebar-nav{padding:14px 0;align-items:center}}.theme-switcher{display:flex;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:3px;margin:4px 12px;gap:2px}.theme-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 4px;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-family:var(--font-sans);font-size:.75rem;font-weight:600;border:none;cursor:pointer;transition:var(--transition)}.theme-btn:hover{color:var(--text-primary)}.theme-btn.active{background:var(--bg-surface);color:var(--accent-text);box-shadow:var(--shadow-sm)}.sidebar-user{padding:16px 12px;border-top:1px solid var(--border)}.user-pill{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--radius-md);background:var(--bg-elevated);cursor:pointer;transition:var(--transition)}.user-pill:hover{background:var(--bg-hover)}.user-avatar{width:28px;height:28px;border-radius:var(--radius-full);background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:var(--accent-contrast);flex-shrink:0;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-info{flex:1;min-width:0}.user-name{font-size:.75rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:.65rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-header{display:flex;align-items:center;justify-content:space-between;background:transparent;border-bottom:none;margin-bottom:0!important;padding:24px 32px 4px;width:100%;border-radius:0;gap:16px;flex-wrap:wrap}.page-header>div:first-child{min-width:0;flex:1 1 auto}.page-header .btn{flex-shrink:0}.page-title{font-size:1.6rem;font-weight:750;letter-spacing:-.025em;margin:0;color:var(--text-primary)}.page-subtitle{font-size:.9rem;color:var(--text-secondary);margin-top:4px}.page-header p{font-size:.9rem;color:var(--text-secondary);margin-top:4px;margin-bottom:0}@media (max-width: 1200px){.page-header{padding:20px 20px 4px}}@media (min-width: 768px){.page-header{align-items:center;flex-wrap:nowrap}}@media (max-width: 768px){.page-header{padding:16px 16px 2px}.page-title{font-size:1.25rem}.page-subtitle,.page-header p{font-size:.8rem;margin-top:3px}.mobile-hide-text{display:none!important}.btn-icon-mobile{padding:8px!important;min-width:40px;min-height:40px;justify-content:center;gap:0!important}}.grid-2,.grid-3{display:grid;grid-template-columns:1fr;gap:16px}.grid-4{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width: 640px){.grid-2{grid-template-columns:repeat(2,1fr);gap:20px}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr);gap:16px}}@media (min-width: 1024px){.grid-3{grid-template-columns:repeat(3,1fr);gap:20px}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px}}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px;display:flex;flex-direction:column;gap:6px;min-height:132px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease,transform .2s var(--ease-out)}.stat-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.stat-value{font-size:1.8rem;font-weight:800;letter-spacing:-.03em;line-height:1.1;font-variant-numeric:tabular-nums}.stat-label{font-size:.8rem;color:var(--text-secondary);font-weight:500}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 24px;text-align:center;gap:12px}.empty-icon{width:60px;height:60px;border-radius:18px;background:var(--accent-softer);border:1px solid rgb(var(--accent-rgb) / .12);display:flex;align-items:center;justify-content:center;color:var(--accent-text);margin-bottom:4px}.empty-title{font-size:1.05rem;font-weight:700;letter-spacing:-.01em}.empty-desc{font-size:.875rem;color:var(--text-secondary);max-width:340px}.modal-overlay{position:fixed;inset:0;background:var(--bg-overlay);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .18s ease}.modal{background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-xl);padding:20px;width:100%;max-width:480px;box-shadow:var(--shadow-xl);animation:modalIn .24s var(--ease-out);max-height:90vh;max-height:90dvh;overflow-y:auto}@media (min-width: 480px){.modal{padding:28px}}@media (max-width: 479px){.modal-overlay{align-items:flex-end;padding:0}.modal{border-bottom-left-radius:0;border-bottom-right-radius:0;max-height:92vh;max-height:92dvh;animation:slideUp .24s var(--ease-out)}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-title{font-size:1.1rem;font-weight:700;letter-spacing:-.01em}.skip-link{position:fixed;top:10px;left:10px;z-index:2000;padding:10px 16px;border-radius:10px;background:var(--accent);color:#fff;font-weight:600;text-decoration:none;transform:translateY(-160%);transition:transform .15s ease}.skip-link:focus{transform:translateY(0)}#main-content:focus{outline:none}.confirm-overlay{z-index:1100}.confirm-dialog{max-width:440px}.confirm-head{display:flex;align-items:center;gap:12px}.confirm-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:11px;background:var(--accent-soft);color:var(--accent-text)}.confirm-dialog.is-danger .confirm-icon{background:var(--error-bg);color:var(--error)}.confirm-title{margin:0;font-size:1.05rem;font-weight:700;letter-spacing:-.01em;color:var(--text-primary)}.confirm-body{margin-top:12px;font-size:.9rem;line-height:1.55;color:var(--text-secondary)}.confirm-message{margin:0;white-space:pre-line}.confirm-details{margin:10px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:4px}.confirm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}@media (max-width: 479px){.confirm-actions{flex-direction:column-reverse}.confirm-actions .btn{width:100%}}.btn-danger-solid{background:var(--error);color:#fff;border-color:var(--error)}.btn-danger-solid:hover:not(:disabled){filter:brightness(1.08)}body.dark-theme .btn-danger-solid{background:#dc2626;border-color:#dc2626}.code-block{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px;font-family:var(--font-mono);font-size:.8rem;color:var(--accent-text);word-break:break-all;position:relative}.copy-btn{position:absolute;top:8px;right:8px}.toggle{position:relative;width:44px;height:24px;cursor:pointer;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background:var(--bg-hover);border:1px solid var(--border-strong);border-radius:var(--radius-full);transition:background-color .2s ease,border-color .2s ease}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;border-radius:var(--radius-full);background:#fff;box-shadow:0 1px 3px #00000040;top:2px;left:2px;transition:transform .25s var(--ease-spring)}.toggle input:checked+.toggle-slider{background:var(--accent);border-color:var(--accent)}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}.toggle input:focus-visible+.toggle-slider{box-shadow:var(--accent-ring)}.spinner{width:20px;height:20px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.spinner-lg{width:40px;height:40px;border-width:3px}.page-loader{display:flex;align-items:center;justify-content:center;min-height:50vh;animation:fadeIn .2s ease .15s both}.page-loader-full{min-height:100dvh;background:var(--bg-base)}.connection-error{padding:24px 16px}.connection-error-card{max-width:420px;padding:28px 24px;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-card);box-shadow:var(--shadow-md);text-align:center}.connection-error-title{margin:0 0 8px;font-size:1.15rem;font-weight:700;color:var(--text-primary)}.connection-error-desc{margin:0 0 18px;font-size:.9rem;line-height:1.55;color:var(--text-secondary)}.alert{padding:12px 14px;border-radius:var(--radius-md);font-size:.875rem;display:flex;align-items:flex-start;gap:10px;line-height:1.5}.alert-error{background:var(--error-bg);border:1px solid rgb(239 68 68 / .22);color:var(--error)}.alert-success{background:var(--success-bg);border:1px solid rgb(34 197 94 / .22);color:var(--success)}.alert-info{background:var(--accent-softer);border:1px solid rgb(var(--accent-rgb) / .22);color:var(--accent-text)}.divider{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:.75rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pageEnter{0%{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes menuIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.6)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.gradient-text{background:linear-gradient(135deg,rgb(var(--accent-ink-rgb)),rgb(var(--accent-deep-rgb)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:#fff9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border)}.auth-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(60% 50% at 15% 0%,rgb(var(--accent-rgb) / .14) 0%,transparent 60%),radial-gradient(50% 45% at 100% 100%,rgb(var(--accent-bright-rgb) / .12) 0%,transparent 60%),var(--bg-base);position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,var(--border) 1px,transparent 1px),linear-gradient(to bottom,var(--border) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 30%,transparent 75%);pointer-events:none}.auth-page-toggle{position:absolute;top:16px;right:16px;z-index:2}.auth-bg-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.14;pointer-events:none}.auth-card{width:100%;max-width:440px;background:color-mix(in srgb,var(--bg-card) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-strong);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow-xl);position:relative;z-index:1;animation:modalIn .4s var(--ease-out)}@media (min-width: 480px){.auth-card{padding:40px}}.accent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px}.accent-swatch{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 6px 10px;border-radius:14px;border:1px solid var(--border);background:var(--bg-card);cursor:pointer;font-family:inherit;font-size:.76rem;font-weight:600;color:var(--text-secondary);transition:border-color .18s ease,transform .18s var(--ease-out),box-shadow .18s ease}.accent-swatch:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.accent-swatch.active{border-color:var(--swatch);color:var(--text-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--swatch) 22%,transparent)}.accent-dot{width:30px;height:30px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #00000014,0 4px 10px -3px var(--swatch);display:inline-flex;align-items:center;justify-content:center;color:#fff;transition:transform .25s var(--ease-spring)}.accent-swatch.active .accent-dot{transform:scale(1.08)}.accent-dot{position:relative}.accent-custom{background:conic-gradient(from 0deg,#ef4444,#f59e0b,#eab308,#22c55e,#06b6d4,#3b82f6,#8b5cf6,#ec4899,#ef4444)}.accent-color-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:none;padding:0}.theme-preview{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--bg-base);display:grid;grid-template-columns:72px 1fr;min-height:150px}.theme-preview-nav{background:var(--bg-surface);border-right:1px solid var(--border);padding:12px 10px;display:flex;flex-direction:column;gap:7px}.theme-preview-nav span{height:8px;border-radius:6px;background:var(--bg-hover)}.theme-preview-nav span.on{background:var(--accent)}.theme-preview-main{padding:14px;display:flex;flex-direction:column;gap:10px}.theme-preview-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow-sm)}.theme-preview-line{height:8px;border-radius:6px;background:var(--bg-hover)}.theme-preview-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.react-flow__background{background-color:#f8fafc!important;background-image:radial-gradient(circle at 35% 30%,rgb(var(--accent-rgb) / .08) 0%,transparent 45%),radial-gradient(circle at 65% 65%,rgba(236,72,153,.06) 0%,transparent 45%),radial-gradient(circle at 50% 45%,rgba(59,130,246,.05) 0%,transparent 40%)!important}.react-flow__controls{border:1px solid var(--border-strong)!important;border-radius:8px!important;overflow:hidden;box-shadow:var(--shadow-sm)!important;display:flex;flex-direction:column}.react-flow__controls button{background:var(--bg-surface)!important;border:none!important;border-bottom:1px solid var(--border)!important;color:var(--text-secondary)!important;width:28px!important;height:28px!important;padding:6px!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:var(--transition)!important}.react-flow__controls button:last-child{border-bottom:none!important}.react-flow__controls button:hover{background:var(--bg-hover)!important;color:var(--accent-text)!important}.react-flow__controls button svg{fill:currentColor!important;stroke:currentColor;width:13px!important;height:13px!important;transition:var(--transition)!important}.react-flow__minimap{background:var(--bg-surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-sm)!important}.react-flow__handle{background:#94a3b8!important;border:2px solid #ffffff!important;width:10px!important;height:10px!important;border-radius:50%!important;transition:background .15s ease,transform .15s ease!important;box-shadow:0 1px 3px #0000001a!important}.react-flow__handle:hover{background:var(--purple-dark)!important;transform:scale(1.2)!important}.react-flow__handle-right{right:-5px!important}.react-flow__handle-left{left:-5px!important}.react-flow__edge-path{stroke:#cbd5e1;stroke-width:1.5;stroke-dasharray:4 4;transition:stroke .15s ease,stroke-width .15s ease}.react-flow__edge.selected .react-flow__edge-path{stroke:var(--purple-dark)!important;stroke-width:2!important;stroke-dasharray:none!important}.react-flow__connection-line{stroke:var(--purple-dark)!important;stroke-width:1.5!important;stroke-dasharray:4 4}.react-flow__attribution{display:none!important}.mobile-header{display:none}@media (max-width: 768px){.desktop-header{display:none}.mobile-header{display:flex;align-items:center;justify-content:space-between;gap:10px;height:60px;padding:0 12px;background:color-mix(in srgb,var(--bg-base) 82%,transparent);backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:900;color:var(--text-primary)}.mobile-header .logo-mark svg{color:var(--accent-text)}.mobile-header-actions{display:flex;align-items:center;gap:8px}.menu-toggle-btn{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:11px}.menu-toggle-btn:hover{background:var(--bg-hover)}.mobile-user-avatar{width:38px;height:38px;border-radius:var(--radius-full);background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:var(--accent-contrast);cursor:pointer;overflow:hidden;border:2px solid var(--bg-surface);box-shadow:0 0 0 1px var(--border-strong);padding:0}.mobile-user-avatar img{width:100%;height:100%;object-fit:cover}.app-layout{max-width:100vw;overflow-x:clip}.main-content{margin-left:0;min-width:0;width:100%;overflow-x:clip}.sidebar{transform:translate(-100%);top:60px;height:calc(100vh - 60px);height:calc(100dvh - 60px);width:min(300px,86vw);box-shadow:none}.sidebar.mobile-open{transform:translate(0);z-index:1000;box-shadow:var(--shadow-xl)}.sidebar-logo,.sidebar-user,.sidebar-collapse-btn{display:none}.sidebar-overlay{position:fixed;inset:60px 0 0;background:var(--bg-overlay);z-index:999;backdrop-filter:blur(3px);animation:fadeIn .2s ease}.page-content{padding:0 0 12px}.btn{padding:10px 14px;min-height:44px;font-size:.8rem}.btn-sm{padding:9px 12px;min-height:40px;font-size:.75rem}.settings-nav-item{width:auto!important;white-space:nowrap!important;padding:8px 14px!important}.editor-main-layout{flex-direction:column!important}.editor-left-sidebar{width:100%!important;height:120px!important;border-right:none!important;border-bottom:1px solid var(--border)!important;padding:10px 16px!important}.node-config-panel-container,.editor-right-sidebar{position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;height:70vh!important;height:70dvh!important;max-height:80vh!important;max-height:80dvh!important;z-index:1000!important;border-left:none!important;border-top:1px solid var(--border)!important;box-shadow:0 -8px 24px #00000026!important;border-top-left-radius:var(--radius-lg)!important;border-top-right-radius:var(--radius-lg)!important}}.bulk-schedule-grid{display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:20px}@media (max-width: 768px){.bulk-schedule-grid{grid-template-columns:1fr!important;gap:16px!important}}.user-popover{position:absolute;bottom:calc(100% - 6px);left:12px;right:12px;border-radius:var(--radius-lg);border:1px solid var(--border-strong);padding:10px;z-index:200;display:flex;flex-direction:column;gap:2px;box-shadow:var(--shadow-lg);background:var(--bg-card);animation:popoverSlideUp .22s cubic-bezier(.16,1,.3,1)}body.dark-theme .user-popover.glass{background:#161926f2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.user-popover.glass{background:#fffffff2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}@keyframes popoverSlideUp{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.popover-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-md);color:var(--text-primary);font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition);width:100%;border:none;background:none;text-align:left;text-decoration:none}.popover-item:hover{background:var(--bg-hover)}.popover-header{font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:8px 12px 4px;display:flex;align-items:center;gap:8px}.popover-sub-items{display:flex;flex-direction:column;padding-left:28px;gap:2px;position:relative;margin-bottom:4px}.popover-sub-items:before{content:"";position:absolute;left:17px;top:0;bottom:12px;width:1px;background:var(--border-strong)}.popover-sub-item{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:var(--transition);text-decoration:none;position:relative}.popover-sub-item:before{content:"";position:absolute;left:-11px;top:50%;width:8px;height:1px;background:var(--border-strong)}.popover-icon-custom{flex-shrink:0;color:var(--text-secondary);transition:var(--transition)}.popover-item:hover .popover-icon-custom,.popover-sub-item:hover .popover-icon-custom{color:var(--text-primary)}.popover-item.popover-logout .popover-icon-custom{color:var(--error)}.popover-sub-item:hover{background:var(--bg-hover);color:var(--text-primary)}.popover-divider{height:1px;background:var(--border);margin:6px 4px}.popover-logout{color:var(--error)}.popover-logout:hover{background:var(--error-bg)}.settings-nav-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;font-weight:600;background:transparent;border:none;cursor:pointer;width:100%;text-align:left;transition:var(--transition)}.settings-nav-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.settings-nav-item.active{background:var(--accent-soft);color:var(--accent-text)}.theme-selector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.theme-card{font-family:inherit;border:2px solid var(--border);border-radius:var(--radius-lg);padding:16px;background:var(--bg-card);cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.theme-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.theme-card.active{border-color:var(--purple-dark);background:rgb(var(--accent-rgb) / .03);box-shadow:var(--shadow-glow-sm)}.theme-preview-box{width:100%;height:60px;border-radius:var(--radius-md);border:1px solid var(--border);display:flex;gap:6px;padding:6px}.theme-preview-sidebar{width:20px;border-radius:var(--radius-sm)}.theme-preview-content{flex:1;border-radius:var(--radius-sm)}.flex-wrap-mobile{flex-wrap:wrap}.mobile-stack{display:flex;flex-direction:column;gap:12px}.hide-mobile{display:none!important}.show-mobile{display:flex!important}@media (min-width: 768px){.mobile-stack{flex-direction:row}.hide-mobile{display:flex!important}.show-mobile{display:none!important}}a.stat-card.is-link{color:inherit;text-decoration:none}a.stat-card.is-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.stat-card:after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgb(var(--accent-rgb) / .08),transparent 70%);pointer-events:none}.create-post-layout{display:grid;grid-template-columns:1fr;gap:20px;align-items:flex-start}@media (min-width: 900px){.create-post-layout{grid-template-columns:1fr 1fr}}.create-post-schedule-row{display:flex;gap:12px;flex-wrap:wrap}.create-post-schedule-row>*{flex:1 1 140px;min-width:0}.create-post-actions{display:flex;gap:10px;flex-wrap:wrap}.create-post-actions .btn{flex:1 1 140px}.analytics-filter-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.analytics-chart-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.analytics-chart-wrap>*{min-width:300px}.workflow-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);flex-wrap:wrap;text-decoration:none}.workflow-item:hover{border-color:var(--border-strong)}.workflow-item-main{display:flex;align-items:center;gap:12px;flex:1 1 200px;min-width:0}.workflow-item-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;flex-wrap:wrap}@media (max-width: 639px){.workflow-item-actions{width:100%;justify-content:flex-end}}.bulk-schedule-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.bulk-schedule-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-md)}@media (max-width: 520px){.media-links-modal{max-width:100vw!important;width:100vw!important;margin:0!important;border-radius:16px 16px 0 0!important;position:fixed!important;bottom:0!important;top:auto!important;max-height:90vh!important;max-height:90dvh!important}}@media (max-width: 639px){.theme-selector-grid{grid-template-columns:1fr!important}}.connect-modal-options{display:flex;gap:14px;flex-wrap:wrap}.connect-modal-options>*{flex:1 1 200px;min-width:0}@media (max-width: 480px){.auth-page{align-items:flex-start;padding-top:24px}.auth-bg-orb{opacity:.08}.divider{margin:8px 0}}@media (max-width: 360px){.page-content{padding:0 0 12px}.btn-lg{padding:12px 20px;font-size:.9rem}.card{padding:16px}.stat-value{font-size:1.4rem}}.bottom-sheet-backdrop{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease}.bottom-sheet-panel{background:var(--bg-card);border-top:1px solid var(--border-strong);border-top-left-radius:20px;border-top-right-radius:20px;width:100%;max-width:600px;box-shadow:0 -8px 32px #00000040;display:flex;flex-direction:column;animation:sheetSlideUp .28s cubic-bezier(.16,1,.3,1) forwards;overflow:hidden;box-sizing:border-box}.bottom-sheet-panel.closing{animation:sheetSlideDown .22s cubic-bezier(.16,1,.3,1) forwards}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheetSlideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}.bottom-sheet-panel.small{height:35vh;height:35dvh;max-height:40vh;max-height:40dvh}.bottom-sheet-panel.medium{height:60vh;height:60dvh;max-height:70vh;max-height:70dvh}.bottom-sheet-panel.large{height:92vh;height:92dvh;max-height:96vh;max-height:96dvh}.bottom-sheet-handle-container{display:flex;justify-content:center;padding:10px 0;cursor:grab;flex-shrink:0;touch-action:none}.bottom-sheet-handle{width:36px;height:4px;background:var(--border-strong);border-radius:2px}.bottom-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.bottom-sheet-title{font-size:.95rem;font-weight:700;color:var(--text-primary)}.bottom-sheet-content{flex:1;overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch}.bottom-sheet-footer{padding:16px;border-top:1px solid var(--border);background:var(--bg-card);position:sticky;bottom:0;z-index:10;flex-shrink:0}.picker-dialog{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;border-radius:12px!important;box-shadow:var(--shadow-lg)!important;border:1px solid var(--border-strong)!important;overflow:hidden!important;z-index:20001!important}.picker-dialog-bg{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;background:#00000003!important;opacity:1!important;z-index:20000!important}body.picker-active,body.picker-active .main-content,body.picker-active .page-content{overflow:hidden!important}@media (max-width: 768px){.card{padding:12px!important}.card>div[style*="padding:"]{padding:12px 10px!important}.card>div[style*="margin:"]{margin:12px 10px 0!important}.composer-actions{padding:12px 6px!important;gap:8px!important}}.post-type-selector{display:flex;gap:2px;padding:3px;background:var(--bg-hover);border-radius:10px;border:1px solid var(--border)}.post-type-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;background:transparent;border:none;border-radius:7px;cursor:pointer;transition:all .15s ease;color:var(--text-secondary);min-width:0;flex:1}.post-type-btn .icon{color:var(--text-muted);transition:color .15s ease}.post-type-btn .label{font-size:.62rem;font-weight:500;line-height:1}.post-type-btn.active{background:var(--bg-surface);color:var(--text-accent);box-shadow:var(--shadow-sm)}.post-type-btn.active .icon{color:var(--text-accent)}.post-type-btn.active .label{font-weight:700}.post-type-btn:hover:not(.active){background:rgb(var(--accent-rgb) / .04)}.composer-actions{padding:12px 16px;display:flex;gap:10px}.composer-actions button{flex:1}.skeleton{background:linear-gradient(90deg,var(--bg-hover) 25%,var(--bg-elevated) 50%,var(--bg-hover) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite;border-radius:var(--radius-sm);display:inline-block;width:100%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.spinner{animation-duration:1.2s!important;animation-iteration-count:infinite!important}}.cf-tip{position:fixed;top:0;left:0;z-index:1000000;max-width:min(280px,calc(100vw - 16px));padding:6px 10px;border-radius:8px;background:var(--tip-bg);color:var(--tip-fg);border:1px solid var(--tip-border);box-shadow:var(--tip-shadow);font-family:var(--font-sans);font-size:.75rem;font-weight:500;line-height:1.4;letter-spacing:.005em;white-space:pre-line;overflow-wrap:anywhere;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(var(--tip-shift, 3px)) scale(.97);transform-origin:var(--arrow-x, 50%) 100%;transition:opacity .12s ease,transform .16s var(--ease-out),visibility 0s linear .12s}.cf-tip[data-side=bottom]{--tip-shift: -3px;transform-origin:var(--arrow-x, 50%) 0}.cf-tip[data-show]{opacity:1;visibility:visible;transform:none;transition:opacity .12s ease,transform .16s var(--ease-out),visibility 0s}.cf-tip[data-instant]{transition:none}.cf-tip-arrow{position:absolute;width:8px;height:8px;background:var(--tip-bg);border-right:1px solid var(--tip-border);border-bottom:1px solid var(--tip-border);border-bottom-right-radius:2px;top:100%;left:var(--arrow-x, 50%);transform:translate(-50%,-4.5px) rotate(45deg)}.cf-tip[data-side=bottom] .cf-tip-arrow{top:auto;bottom:100%;transform:translate(-50%,4.5px) rotate(225deg)}.sync-tooltip-wrapper{position:relative;display:inline-block}.sync-tooltip-content{position:absolute;bottom:calc(100% + 8px);left:50%;z-index:110;padding:6px 10px;border-radius:8px;background:var(--tip-bg);color:var(--tip-fg);border:1px solid var(--tip-border);box-shadow:var(--tip-shadow);font-size:.75rem;font-weight:500;line-height:1.4;text-align:center;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transform:translate(-50%,3px) scale(.97);transform-origin:50% 100%;transition:opacity .12s ease,transform .16s var(--ease-out),visibility 0s linear .12s}.sync-tooltip-content:after{content:"";position:absolute;top:100%;left:50%;width:8px;height:8px;background:var(--tip-bg);border-right:1px solid var(--tip-border);border-bottom:1px solid var(--tip-border);border-bottom-right-radius:2px;transform:translate(-50%,-4.5px) rotate(45deg)}.sync-tooltip-wrapper:hover .sync-tooltip-content,.sync-tooltip-wrapper:focus-within .sync-tooltip-content{opacity:1;visibility:visible;transform:translate(-50%);transition:opacity .12s ease .15s,transform .16s var(--ease-out) .15s,visibility 0s .15s}@media (prefers-reduced-motion: reduce){.cf-tip,.cf-tip[data-show]{transform:none}.sync-tooltip-content,.sync-tooltip-wrapper:hover .sync-tooltip-content,.sync-tooltip-wrapper:focus-within .sync-tooltip-content{transform:translate(-50%)}}.auth-page.auth-shell{padding:72px 24px}.auth-shell>.auth-card{margin:auto}.auth-card.auth-card-wide{max-width:560px}.auth-card.auth-card-consent{max-width:540px}.auth-card.auth-card-center{max-width:500px;text-align:center}@media (min-width: 481px){.auth-card.auth-card-wide{padding:36px 36px 32px}}.auth-view{animation:authViewIn .32s var(--ease-out) both}@keyframes authViewIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.auth-brand{display:flex;align-items:center;margin-bottom:28px;color:var(--text-primary)}.auth-brand-center{justify-content:center}.auth-brand .logo-mark svg,.auth-topbar .logo-mark svg{color:var(--accent-text)}.auth-head{margin-bottom:24px}.auth-title{font-size:1.5rem;font-weight:750;line-height:1.25;letter-spacing:-.025em;color:var(--text-primary);margin:0 0 6px}.auth-title-center{text-align:center}.auth-title.auth-title-lg{font-size:1.7rem;margin-bottom:10px}.auth-subtitle{font-size:.9rem;line-height:1.55;color:var(--text-secondary);margin:0}.auth-subtitle strong{color:var(--text-primary);font-weight:650;overflow-wrap:anywhere}.auth-card .auth-alert{margin-bottom:20px;text-align:left}.auth-alert>svg{flex-shrink:0;margin-top:2px}.auth-alert>span{min-width:0;overflow-wrap:anywhere}.auth-card .auth-oauth-btn{width:100%;min-height:46px;border-radius:var(--radius-md);font-size:.9rem;gap:10px}.auth-card .auth-divider{margin:22px 0;font-size:.7rem;font-weight:650;text-transform:uppercase;letter-spacing:.1em}.auth-form{display:flex;flex-direction:column;gap:18px}.auth-actions{display:flex;flex-direction:column;gap:10px}.auth-btn-row{display:flex;gap:10px}.auth-btn-row>.btn{flex:1}.auth-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.auth-field{position:relative;flex:1;min-width:0}.auth-field-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;transition:color .15s ease}.auth-field:focus-within .auth-field-icon{color:var(--accent-text)}.auth-field .input{min-height:46px;padding-left:42px;border-radius:var(--radius-md);font-size:.9rem}.auth-field .input.auth-input-action{padding-right:50px}.auth-field .input.auth-code-input{font-family:var(--font-mono);font-size:1.02rem;font-weight:600;letter-spacing:.3em}.auth-field .input.auth-code-input::placeholder{font-weight:400}.auth-reveal-btn{position:absolute;right:6px;top:50%;margin-top:-17px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;border:1px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s var(--ease-out)}.auth-reveal-btn:hover{background:var(--bg-hover);border-color:var(--border);color:var(--text-primary)}.auth-reveal-btn:active{transform:scale(.92)}.auth-card .auth-textarea{min-height:120px;border-radius:var(--radius-md);padding:12px 14px;font-size:.92rem;line-height:1.55}.auth-link-btn{background:none;border:none;padding:0;border-radius:4px;font-family:inherit;font-size:.8rem;font-weight:650;color:var(--accent-text);cursor:pointer;text-underline-offset:3px}.auth-link-btn:hover{text-decoration:underline}.auth-card .auth-submit{width:100%}.auth-card .btn .spinner{width:18px;height:18px;border-color:color-mix(in srgb,currentColor 28%,transparent);border-top-color:currentColor}.auth-card .btn[aria-busy=true]:disabled{opacity:.85;cursor:progress}.auth-hint{margin:6px 0 0}.auth-strength{display:flex;align-items:center;gap:6px;margin-top:4px}.auth-strength-seg{flex:1;height:4px;border-radius:var(--radius-full);background:var(--border-strong);transition:background-color .3s ease}.auth-strength-label{min-width:48px;text-align:right;font-size:.7rem;font-weight:650}.auth-switch{margin-top:24px;text-align:center;font-size:.875rem;color:var(--text-secondary)}.auth-switch a{font-weight:650;color:var(--accent-text);text-underline-offset:3px}.auth-switch a:hover{color:var(--accent-text);text-decoration:underline}.auth-legal{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 12px;margin-top:24px;padding-top:18px;border-top:1px solid var(--border);font-size:.75rem;color:var(--text-muted)}.auth-legal a{color:var(--text-muted)}.auth-legal a:hover{color:var(--text-secondary)}.auth-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px;color:var(--text-primary)}.auth-progress{margin-bottom:28px}.auth-progress-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:.78rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.auth-progress-step{font-weight:700;color:var(--accent-text)}.auth-progress-track{height:6px;border-radius:var(--radius-full);background:rgb(var(--accent-rgb) / .13);overflow:hidden}.auth-progress-fill{height:100%;border-radius:inherit;background:var(--accent-gradient);box-shadow:0 0 12px rgb(var(--accent-rgb) / .45);transition:width .45s var(--ease-out)}.auth-step{min-height:250px}.auth-step-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.auth-eyebrow{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);background:var(--accent-soft);border:1px solid rgb(var(--accent-rgb) / .18);color:var(--accent-text);font-size:.72rem;font-weight:650;letter-spacing:.01em}.auth-optional{display:inline-flex;align-items:center;padding:3px 9px;border-radius:var(--radius-full);background:var(--bg-subtle);border:1px solid var(--border-strong);color:var(--text-muted);font-size:.66rem;font-weight:700;letter-spacing:.08em}.auth-step-title{font-size:1.35rem;font-weight:750;line-height:1.3;letter-spacing:-.02em;color:var(--text-primary);margin:0 0 8px}.auth-required{color:var(--error)}.auth-step-desc{font-size:.9rem;line-height:1.55;color:var(--text-secondary);margin:0 0 20px}.auth-step-nav{display:flex;gap:12px;margin-top:28px;padding-top:20px;border-top:1px solid var(--border)}.auth-step-nav .auth-nav-back{flex:1}.auth-step-nav .auth-nav-next{flex:2}.auth-phone-row{display:flex;gap:8px}.auth-dial{position:relative;flex-shrink:0}.auth-dial-btn{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100px;height:46px;padding:0 10px 0 12px;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-primary);font-size:.86rem;font-weight:600;white-space:nowrap;cursor:pointer;user-select:none;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.auth-dial-btn:hover{border-color:rgb(var(--accent-rgb) / .35)}.auth-dial-btn[aria-expanded=true]{border-color:var(--accent);background:var(--bg-surface);box-shadow:var(--accent-ring)}.auth-dial-value{display:flex;align-items:center;gap:6px;overflow:hidden}.auth-dial-flag{font-size:1.1rem;line-height:1;flex-shrink:0}.auth-dial-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .2s ease}.auth-dial-btn[aria-expanded=true] .auth-dial-chevron{transform:rotate(180deg)}.auth-dial-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:60;width:min(290px,calc(100vw - 48px));display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-strong);border-radius:14px;box-shadow:var(--shadow-xl);overflow:hidden;text-align:left;transform-origin:top left;animation:menuIn .18s var(--ease-out)}.auth-dial-search{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border);color:var(--text-muted)}.auth-dial-search input,.auth-dial-search input:focus{flex:1;min-width:0;padding:0;background:transparent;border:none;outline:none;box-shadow:none;font-size:.84rem;color:var(--text-primary)}.auth-dial-search input::placeholder{color:var(--text-muted)}.auth-dial-list{max-height:200px;overflow-y:auto;padding:4px}.auth-dial-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px 10px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);font-size:.84rem;text-align:left;cursor:pointer;transition:background-color .12s ease}.auth-dial-item:hover{background:var(--bg-hover)}.auth-dial-item.is-selected{background:var(--accent-soft);color:var(--accent-text);font-weight:600}.auth-dial-name{display:flex;align-items:center;gap:8px;min-width:0}.auth-dial-name>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-dial-code{flex-shrink:0;font-size:.78rem;font-weight:600;color:var(--text-muted);font-variant-numeric:tabular-nums}.auth-dial-item.is-selected .auth-dial-code{color:var(--accent-text)}.auth-dial-empty{padding:14px;text-align:center;font-size:.8rem;color:var(--text-muted)}.auth-chip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;max-height:288px;overflow-y:auto;padding:2px 4px 6px 2px;scrollbar-gutter:stable}.auth-chip{display:flex;align-items:center;gap:9px;height:44px;padding:0 12px;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--text-primary);font-size:.82rem;font-weight:550;text-align:left;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.auth-chip:hover{background:var(--bg-hover);border-color:rgb(var(--accent-rgb) / .35)}.auth-chip.is-selected{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent-text)}.auth-chip.is-selected:hover{border-color:var(--accent)}.auth-chip-logo{width:16px;height:16px;flex-shrink:0}.auth-chip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-check{width:17px;height:17px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;border:1.5px solid color-mix(in srgb,var(--text-muted) 70%,transparent);background:var(--bg-surface);color:var(--accent-contrast);transition:background-color .15s ease,border-color .15s ease}.auth-chip.is-selected .auth-check{background:var(--accent);border-color:var(--accent)}.auth-option-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.auth-option-card{display:flex;flex-direction:column;gap:4px;padding:14px 14px 14px 16px;border-radius:14px;border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--text-primary);text-align:left;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.auth-option-card:hover{background:var(--bg-hover);border-color:rgb(var(--accent-rgb) / .35)}.auth-option-card.is-selected{background:var(--accent-soft);border-color:var(--accent-border);box-shadow:inset 0 0 0 1px var(--accent-border)}.auth-option-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.auth-option-title{font-size:.98rem;font-weight:700;letter-spacing:-.01em}.auth-option-card.is-selected .auth-option-title{color:var(--accent-text)}.auth-option-sub{font-size:.76rem;line-height:1.35;color:var(--text-muted)}.auth-radio{width:20px;height:20px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);border:1.5px solid color-mix(in srgb,var(--text-muted) 70%,transparent);color:var(--accent-contrast);transition:background-color .15s ease,border-color .15s ease}.auth-option-card.is-selected .auth-radio{background:var(--accent);border-color:var(--accent)}.auth-status-icon{position:relative;width:84px;height:84px;margin:0 auto 22px}.auth-status-emoji{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:2.4rem;background:radial-gradient(circle at 30% 25%,rgb(var(--accent-light-rgb) / .35),rgb(var(--accent-rgb) / .12) 70%);border:1px solid var(--accent-border);box-shadow:var(--shadow-glow)}.auth-status-badge{position:absolute;right:-2px;bottom:-2px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent-gradient);color:var(--accent-contrast);border:3px solid var(--bg-card)}.auth-lead{font-size:1.02rem;font-weight:650;line-height:1.4;color:var(--accent-text);margin:0 0 10px}.auth-body{max-width:400px;margin:0 auto 28px;font-size:.92rem;line-height:1.6;color:var(--text-secondary)}.auth-summary{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;padding:16px 18px 18px;text-align:left;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-lg)}.auth-summary-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--border)}.auth-summary-label{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.auth-summary-rows{display:flex;flex-direction:column;justify-content:center;gap:10px;min-height:48px;padding-top:14px;border-top:1px solid var(--border);font-size:.86rem}.auth-summary-row{display:flex;align-items:center;gap:10px;min-width:0;min-height:20px;color:var(--text-secondary)}.auth-summary-row>svg{color:var(--text-muted);flex-shrink:0}.auth-summary-row>span:not(.skeleton){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-track{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0}.auth-track-step{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.auth-track-step+.auth-track-step:before{content:"";position:absolute;top:10px;left:calc(-50% + 15px);right:calc(50% + 15px);height:2px;border-radius:2px;background:var(--border-strong)}.auth-track-step.is-done:before,.auth-track-step.is-current:before{background:var(--accent-gradient)}.auth-track-dot{position:relative;z-index:1;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-card);border:2px solid var(--border-strong);color:var(--accent-contrast)}.auth-track-step.is-done .auth-track-dot{background:var(--accent-gradient);border-color:transparent}.auth-track-step.is-current .auth-track-dot{border-color:var(--accent);box-shadow:0 0 0 4px rgb(var(--accent-rgb) / .16)}.auth-track-step.is-current .auth-track-dot:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse 1.6s ease-in-out infinite}.auth-track-label{font-size:.72rem;font-weight:600;line-height:1.25;color:var(--text-muted)}.auth-track-step.is-done .auth-track-label{color:var(--text-secondary)}.auth-track-step.is-current .auth-track-label{color:var(--accent-text);font-weight:700}.auth-card .auth-support-btn{width:100%;white-space:normal;text-align:center}.auth-card .btn.is-copied,.auth-card .btn.is-copied:hover:not(:disabled){background:var(--success-bg);border-color:var(--success);color:var(--success)}.auth-card .auth-quiet-btn{width:100%;background:transparent;border-color:transparent;color:var(--text-muted)}.auth-card .auth-quiet-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.auth-connect{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px}.auth-app-tile{width:56px;height:56px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:16px}.auth-app-tile-client{overflow:hidden;background:var(--bg-card);border:1px solid var(--border-strong);box-shadow:var(--shadow-md)}.auth-app-tile-client img{width:72%;height:72%;display:block;object-fit:contain}.auth-app-tile-client.is-generic{background:var(--bg-subtle)}.auth-app-initial{font-size:1.4rem;font-weight:750;color:var(--text-secondary)}.auth-app-tile-brand{background:var(--accent-gradient);color:var(--accent-contrast);box-shadow:inset 0 1px #fff3,var(--shadow-glow-sm)}.auth-connect-link{display:flex;align-items:center;gap:6px;color:var(--text-muted)}.auth-connect-line{width:20px;border-top:2px dashed var(--border-strong)}.auth-connect-pill{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--border-strong);background:var(--bg-elevated)}.auth-account{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:4px 0 22px;font-size:.875rem;color:var(--text-secondary)}.auth-account-chip{display:inline-flex;align-items:center;gap:8px;max-width:100%;min-width:0;padding:4px 12px 4px 4px;border-radius:var(--radius-full);background:var(--bg-subtle);border:1px solid var(--border)}.auth-avatar{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent-gradient);color:var(--accent-contrast);font-size:.72rem;font-weight:700}.auth-account-email{font-weight:550;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-account-hint{margin:4px 0 22px;text-align:center;font-size:.875rem;color:var(--text-secondary)}.auth-panel{display:flex;flex-direction:column;gap:14px;margin-bottom:20px;padding:18px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:left}.auth-perms{margin-bottom:18px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.auth-perms-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--bg-subtle);border-bottom:1px solid var(--border)}.auth-perms-title{font-size:.875rem;font-weight:700;letter-spacing:-.01em;color:var(--text-primary)}.auth-perm+.auth-perm{border-top:1px solid var(--border)}.auth-perm-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;border:none;background:transparent;color:var(--text-primary);text-align:left;cursor:pointer;transition:background-color .15s ease}.auth-perm-row:hover{background:var(--bg-hover)}.auth-perm-icon{width:30px;height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:9px;background:var(--accent-soft);color:var(--accent-text)}.auth-perm-title{flex:1;min-width:0;font-size:.875rem;font-weight:550}.auth-perm-chevron{flex-shrink:0;color:var(--text-muted);transition:transform .2s ease,color .2s ease}.auth-perm.is-open .auth-perm-chevron{transform:rotate(90deg);color:var(--accent-text)}.auth-perm-desc{padding:0 16px 12px 58px;font-size:.8rem;line-height:1.5;color:var(--text-secondary);animation:fadeIn .18s ease}.auth-fineprint{margin:0 0 22px;font-size:.8rem;line-height:1.55;color:var(--text-muted)}.auth-fineprint strong{color:var(--text-secondary);font-weight:650}.auth-fineprint a{display:inline-flex;align-items:center;gap:3px;font-weight:650;color:var(--accent-text);text-decoration:underline;text-underline-offset:2px}.auth-consent-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:18px;border-top:1px solid var(--border)}.auth-consent-help{font-size:.875rem;font-weight:550;color:var(--text-muted)}.auth-consent-help:hover{color:var(--text-primary)}.auth-consent-buttons{display:flex;align-items:center;gap:10px}.auth-card .btn-primary.auth-btn-inactive,.auth-card .btn-primary.auth-btn-inactive:disabled{opacity:1;background:var(--bg-hover);background-image:none;border-color:var(--border);color:var(--text-muted);box-shadow:none}.auth-callback{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:18px;margin:auto;text-align:center;animation:fadeIn .3s ease both}.auth-callback-mark{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:var(--accent-gradient);color:var(--accent-contrast);box-shadow:var(--shadow-glow)}.auth-callback-text{font-size:.92rem;font-weight:550;color:var(--text-secondary)}@media (max-width: 480px){.auth-page.auth-shell{padding:68px 12px 24px;align-items:flex-start}.auth-shell>.auth-page-toggle{top:12px;right:12px}.auth-shell>.auth-card,.auth-shell>.auth-card.auth-card-wide{padding:28px 20px 24px;border-radius:20px}.auth-brand{margin-bottom:22px}.auth-title{font-size:1.35rem}.auth-title.auth-title-lg{font-size:1.5rem}.auth-step-title{font-size:1.2rem}.auth-card .auth-divider{margin:18px 0}.auth-consent-actions{flex-direction:column-reverse;align-items:stretch}.auth-consent-buttons>.btn{flex:1;white-space:normal}.auth-consent-buttons>.btn-primary{flex:2}.auth-step-nav{flex-direction:column-reverse;gap:10px}.auth-step-nav .auth-nav-back,.auth-step-nav .auth-nav-next{flex:none;width:100%}.auth-consent-help{text-align:center}.auth-perm-desc{padding-left:16px}}@media (max-width: 400px){.auth-option-grid{grid-template-columns:1fr}.auth-track-label{font-size:.68rem}}@media (max-width: 360px){.auth-shell>.auth-card,.auth-shell>.auth-card.auth-card-wide{padding:24px 16px 20px}}@media (max-width: 340px){.auth-card .turnstile-frame{transform:scale(.88)}}@keyframes cfFadeOut{0%{opacity:1}to{opacity:0}}.icon-btn.cf-overlay-btn{width:34px;height:34px;border-radius:10px;flex-shrink:0}.cf-toast-viewport{position:fixed;z-index:99999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.cf-toast-viewport.desktop{top:24px;right:24px;width:372px;max-width:calc(100vw - 32px);align-items:flex-end}.cf-toast-viewport.mobile{top:72px;left:50%;transform:translate(-50%);width:340px;max-width:calc(100vw - 24px);align-items:center}.cf-toast{--toast-tone: var(--accent);--toast-ink: var(--accent-text);--toast-tint: var(--accent-soft);position:relative;width:100%;display:flex;align-items:flex-start;gap:11px;padding:12px 10px 12px 16px;border-radius:14px;border:1px solid var(--border-strong);background:var(--bg-card);box-shadow:var(--shadow-xl);overflow:hidden;pointer-events:auto;box-sizing:border-box}.cf-toast:before{content:"";position:absolute;top:0;bottom:0;left:0;width:4px;background:var(--toast-tone)}.cf-toast.success{--toast-tone: var(--success);--toast-ink: var(--success);--toast-tint: var(--success-bg)}.cf-toast.error{--toast-tone: var(--error);--toast-ink: var(--error);--toast-tint: var(--error-bg)}.cf-toast.warning{--toast-tone: var(--warning);--toast-ink: var(--warning);--toast-tint: var(--warning-bg)}.cf-toast.info{--toast-tone: var(--accent);--toast-ink: var(--accent-text);--toast-tint: var(--accent-soft)}.cf-toast-viewport.desktop .cf-toast{animation:cfToastInDesktop .28s var(--ease-out) both}.cf-toast-viewport.mobile .cf-toast{animation:cfToastInMobile .28s var(--ease-out) both}@keyframes cfToastInDesktop{0%{opacity:0;transform:translate(14px) scale(.98)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes cfToastInMobile{0%{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.cf-toast-icon{width:28px;height:28px;border-radius:9px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--toast-tint);color:var(--toast-ink)}.cf-toast-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;padding-top:4px}.cf-toast-message{font-size:.85rem;font-weight:600;line-height:1.4;color:var(--text-primary);overflow-wrap:anywhere}.cf-toast-details{font-size:.76rem;line-height:1.45;color:var(--text-secondary);overflow-wrap:anywhere}.icon-btn.cf-toast-close{width:28px;height:28px;border-radius:8px;flex-shrink:0;border-color:transparent;background:transparent;color:var(--text-muted)}.icon-btn.cf-toast-close:hover{border-color:var(--border);background:var(--bg-hover);color:var(--text-primary)}.cf-toast-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--toast-tone);opacity:.35;transform-origin:left center;animation-name:cfToastProgress;animation-timing-function:linear;animation-fill-mode:forwards}.cf-toast:hover .cf-toast-progress{animation-play-state:paused}@keyframes cfToastProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.cf-sheet-backdrop{position:fixed;inset:0;z-index:2000;display:flex;align-items:flex-end;justify-content:center;background:var(--bg-overlay);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fadeIn .2s ease}.cf-sheet-backdrop.closing{animation:cfFadeOut .22s ease forwards}.cf-sheet{width:100%;max-width:600px;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;background:var(--bg-card);border:1px solid var(--border-strong);border-bottom:none;border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-xl);animation:cfSheetUp .3s var(--ease-out) backwards}.cf-sheet.closing{animation:cfSheetDown .22s var(--ease-out) forwards}@keyframes cfSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes cfSheetDown{to{transform:translateY(100%)}}.cf-sheet.small{height:35vh;height:35dvh;max-height:40vh;max-height:40dvh}.cf-sheet.medium{height:60vh;height:60dvh;max-height:70vh;max-height:70dvh}.cf-sheet.large{height:92vh;height:92dvh;max-height:96vh;max-height:96dvh}.cf-sheet.auto{height:auto;max-height:92vh;max-height:92dvh}.cf-sheet.auto .cf-sheet-content{min-height:0}.cf-sheet-handle-area{display:flex;justify-content:center;flex-shrink:0;padding:10px 0 6px;cursor:grab;touch-action:none}.cf-sheet-handle-area:active{cursor:grabbing}.cf-sheet-handle{width:40px;height:5px;border-radius:var(--radius-full);background:var(--border-strong);transition:width .2s var(--ease-out),background-color .15s ease}.cf-sheet-handle-area:active .cf-sheet-handle{width:48px;background:var(--text-muted)}.cf-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;padding:2px 12px 12px 18px;border-bottom:1px solid var(--border)}.cf-sheet-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:700;letter-spacing:-.01em;color:var(--text-primary)}.cf-sheet-content{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:16px;-webkit-overflow-scrolling:touch}.cf-sheet-content:last-child{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}.cf-sheet-footer{position:sticky;bottom:0;z-index:10;flex-shrink:0;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);background:var(--bg-card)}.modal-overlay.cf-sheet-overlay.closing{animation:cfFadeOut .2s ease forwards}.modal.cf-sheet-modal{display:flex;flex-direction:column;padding:0;overflow:hidden}.modal.cf-sheet-modal.closing{animation:cfModalOut .2s ease forwards}@keyframes cfModalOut{to{opacity:0;transform:translateY(8px) scale(.98)}}.cf-sheet-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;padding:16px 16px 14px 24px;border-bottom:1px solid var(--border)}.cf-sheet-modal-title{margin:0;font-size:1.05rem;font-weight:700;letter-spacing:-.01em;color:var(--text-primary)}.cf-sheet-modal-body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:20px 24px}.cf-sheet-modal-footer{display:flex;justify-content:flex-end;gap:8px;flex-shrink:0;padding:14px 24px;border-top:1px solid var(--border);background:var(--bg-subtle)}.cf-drawer-overlay{position:fixed;inset:0;z-index:2000;display:flex;justify-content:flex-end;background:var(--bg-overlay);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fadeIn .24s ease both}.cf-drawer-overlay.closing{animation:cfFadeOut .22s ease forwards}.cf-drawer{width:100%;height:100%;height:100dvh;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;background:var(--bg-card);border-left:1px solid var(--border-strong);border-radius:var(--radius-xl) 0 0 var(--radius-xl);box-shadow:var(--shadow-xl);animation:cfDrawerIn .3s var(--ease-out) both}.cf-drawer.closing{animation:cfDrawerOut .22s var(--ease-out) forwards}@keyframes cfDrawerIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes cfDrawerOut{0%{transform:translate(0)}to{transform:translate(100%)}}.cf-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;padding:16px 16px 16px 20px;border-bottom:1px solid var(--border);background:var(--bg-card)}.cf-drawer-heading{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.cf-drawer-titles{flex:1;min-width:0}.cf-drawer-title{margin:0;font-size:1.05rem;font-weight:700;letter-spacing:-.01em;color:var(--text-primary)}.cf-drawer-subtitle{margin:3px 0 0;font-size:.78rem;color:var(--text-muted)}.cf-drawer-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.cf-drawer-body{flex:1;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:14px;padding:16px 20px}.cf-drawer-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-shrink:0;padding:14px 20px;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);background:var(--bg-card)}@media (max-width: 520px){.cf-drawer{border-left:none;border-radius:0}}