*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{line-height:1.5}img,svg,video{display:block;max-width:100%}button,input,textarea,select{font:inherit;color:inherit}button{background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none}hr{border:0;border-top:1px solid var(--border)}:root{color-scheme:light;--bg:#ffffff;--bg-soft:#fafaf9;--bg-muted:#f4f4f5;--bg-hover:#f1edf9;--bg-elev:#ffffff;--text:#0a0a0a;--text-soft:#525252;--text-mute:#a3a3a3;--text-on-accent:#ffffff;--border:#e7e5ea;--border-strong:#d6d3da;--border-focus:#7c3aed;--accent:#7c3aed;--accent-hover:#6d28d9;--accent-soft:#f3e8ff;--accent-soft-strong:#e9d5ff;--accent-text:#ffffff;--accent-ring:rgba(124,58,237,0.18);--success:#16a34a;--success-soft:#dcfce7;--warning:#d97706;--warning-soft:#fef3c7;--error:#dc2626;--error-soft:#fee2e2;--info:#0284c7;--info-soft:#e0f2fe;--shadow-sm:0 1px 2px rgba(48,27,100,0.05);--shadow:0 1px 3px rgba(48,27,100,0.06),0 1px 2px rgba(48,27,100,0.04);--shadow-md:0 6px 16px rgba(48,27,100,0.08);--shadow-lg:0 16px 40px rgba(48,27,100,0.12);--bg-primary:var(--bg);--bg-secondary:var(--bg-soft);--bg-tertiary:var(--bg-muted);--text-primary:var(--text);--text-secondary:var(--text-soft);--text-muted:var(--text-mute);--accent-primary:var(--accent);--accent-glow:var(--accent-ring);--gradient-1:linear-gradient(135deg,var(--accent),var(--accent-hover));--gradient-2:linear-gradient(135deg,#6d28d9,#a855f7);--sp-1:0.25rem;--sp-2:0.5rem;--sp-3:0.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;--sp-7:3rem;--r-sm:4px;--r:6px;--r-md:8px;--r-lg:12px;--r-full:9999px;--t:120ms ease;--z-nav:50;--z-dropdown:100;--z-modal:1000;--z-tooltip:1500;--z-notification:2000;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace}[data-theme="dark"]{color-scheme:dark;--bg:#0b0b10;--bg-soft:#111118;--bg-muted:#18181f;--bg-hover:#21202a;--bg-elev:#15151c;--text:#f5f4f7;--text-soft:#b4b1bd;--text-mute:#76737e;--border:#28262e;--border-strong:#3a3742;--border-focus:#a78bfa;--accent:#a78bfa;--accent-hover:#c4b5fd;--accent-soft:#2a1f4d;--accent-soft-strong:#3b2d6b;--accent-ring:rgba(167,139,250,0.30);--shadow-sm:0 1px 2px rgba(0,0,0,0.50);--shadow:0 1px 3px rgba(0,0,0,0.60);--shadow-md:0 8px 22px rgba(0,0,0,0.55);--shadow-lg:0 20px 48px rgba(0,0,0,0.70)}[data-theme="midnight"]{color-scheme:dark;--bg:#07101e;--bg-soft:#0c1729;--bg-muted:#112038;--bg-hover:#1a2c4f;--bg-elev:#0f1b30;--text:#ecf3ff;--text-soft:#a3b8db;--text-mute:#6783ad;--border:#1c2c47;--border-strong:#2c4471;--border-focus:#38bdf8;--accent:#38bdf8;--accent-hover:#7dd3fc;--accent-soft:#0c2540;--accent-soft-strong:#16365e;--accent-ring:rgba(56,189,248,0.28);--shadow-sm:0 1px 2px rgba(0,0,0,0.45);--shadow:0 1px 3px rgba(0,0,0,0.55);--shadow-md:0 6px 18px rgba(0,0,0,0.55);--shadow-lg:0 16px 40px rgba(0,0,0,0.65)}[data-theme="sand"]{color-scheme:light;--bg:#faf6ee;--bg-soft:#f4ecdc;--bg-muted:#ece2cc;--bg-hover:#ece2cc;--bg-elev:#fffbf3;--text:#221c12;--text-soft:#5e5240;--text-mute:#998a6c;--border:#ddd0ae;--border-strong:#c5b78a;--border-focus:#b45309;--accent:#b45309;--accent-hover:#92400e;--accent-soft:#fef3c7;--accent-soft-strong:#fde68a;--accent-ring:rgba(180,83,9,0.22);--shadow-sm:0 1px 2px rgba(120,60,0,0.06);--shadow:0 1px 3px rgba(120,60,0,0.08);--shadow-md:0 6px 16px rgba(120,60,0,0.10);--shadow-lg:0 18px 40px rgba(120,60,0,0.14)}[data-theme="forest"]{color-scheme:dark;--bg:#081814;--bg-soft:#0d201b;--bg-muted:#142b25;--bg-hover:#1d3d34;--bg-elev:#122723;--text:#ecfdf5;--text-soft:#a3c2b6;--text-mute:#6f8f83;--border:#213c35;--border-strong:#325349;--border-focus:#34d399;--accent:#34d399;--accent-hover:#6ee7b7;--accent-soft:#053e2f;--accent-soft-strong:#075f48;--accent-ring:rgba(52,211,153,0.26);--shadow-sm:0 1px 2px rgba(0,0,0,0.45);--shadow:0 1px 3px rgba(0,0,0,0.55);--shadow-md:0 6px 18px rgba(0,0,0,0.55);--shadow-lg:0 16px 40px rgba(0,0,0,0.65)}[data-theme="rose"]{color-scheme:light;--bg:#fdf6f8;--bg-soft:#f9eaf0;--bg-muted:#f3dde6;--bg-hover:#f3dde6;--bg-elev:#fffafc;--text:#211322;--text-soft:#80596d;--text-mute:#b793a5;--border:#efd6df;--border-strong:#d8b1bb;--border-focus:#be185d;--accent:#be185d;--accent-hover:#9d174d;--accent-soft:#fce7f3;--accent-soft-strong:#fbcfe8;--accent-ring:rgba(190,24,93,0.22);--shadow-sm:0 1px 2px rgba(120,20,60,0.05);--shadow:0 1px 3px rgba(120,20,60,0.07);--shadow-md:0 6px 16px rgba(120,20,60,0.08);--shadow-lg:0 16px 40px rgba(120,20,60,0.12)}[data-theme="purple"]{color-scheme:dark;--bg:#110a1f;--bg-soft:#170e2a;--bg-muted:#1d1338;--bg-hover:#281b50;--bg-elev:#1a1031;--text:#f3e8ff;--text-soft:#c4b5fd;--text-mute:#8b7bba;--border:#2a1f4d;--border-strong:#3f306d;--border-focus:#c4b5fd;--accent:#c4b5fd;--accent-hover:#ddd6fe;--accent-soft:#2e1065;--accent-soft-strong:#4c1d95;--accent-ring:rgba(196,181,253,0.30);--shadow-sm:0 1px 2px rgba(0,0,0,0.45);--shadow:0 1px 3px rgba(0,0,0,0.55);--shadow-md:0 6px 18px rgba(0,0,0,0.55);--shadow-lg:0 16px 40px rgba(0,0,0,0.65)}[data-theme="blue"]{--bg:#07101e;--bg-soft:#0c1729;--bg-muted:#112038;--bg-hover:#1a2c4f;--bg-elev:#0f1b30;--text:#ecf3ff;--text-soft:#a3b8db;--text-mute:#6783ad;--border:#1c2c47;--border-strong:#2c4471;--border-focus:#38bdf8;--accent:#38bdf8;--accent-hover:#7dd3fc;--accent-soft:#0c2540;--accent-soft-strong:#16365e;--accent-ring:rgba(56,189,248,.28);color-scheme:dark}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);font-size:14px;line-height:1.55;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;letter-spacing:-0.01em;color:var(--text)}h1{font-size:1.75rem}h2{font-size:1.375rem}h3{font-size:1.125rem}h4{font-size:1rem}h5{font-size:0.9375rem}p{color:var(--text)}small{font-size:0.8125rem;color:var(--text-soft)}code,pre,kbd{font-family:var(--font-mono);font-size:0.9em}::selection{background:var(--accent-soft-strong);color:var(--accent-hover)}::-moz-selection{background:var(--accent-soft-strong);color:var(--accent-hover)}.bg-animation,.grid-bg,.floating-orbs,.orb,.performance-indicator{display:none !important}:root{--sidebar-w:248px}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}body.not-authed .app-sidebar,body.not-authed .app-topbar,body.not-authed .sidebar-overlay{display:none !important}body.not-authed .app-shell{grid-template-columns:1fr}body.not-authed .main-content{padding:0;max-width:none}.app-main{min-width:0;display:flex;flex-direction:column}.main-content{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:var(--sp-6) var(--sp-5)}.container{width:100%;max-width:1200px;margin:0 auto}.page-section{display:none}.page-section.active{display:block}.app-sidebar{position:sticky;top:0;align-self:start;height:100vh;width:var(--sidebar-w);display:flex;flex-direction:column;background:var(--bg-soft);border-right:1px solid var(--border);padding:var(--sp-3) var(--sp-3) var(--sp-3);z-index:var(--z-nav)}.sidebar-brand{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-2) var(--sp-2) var(--sp-3)}.brand-link{display:inline-flex;align-items:center;gap:var(--sp-2);color:var(--text);font-weight:700;font-size:0.9375rem;letter-spacing:-.015em;padding:4px 6px;border-radius:var(--r);transition:background var(--t)}.brand-link:hover{background:var(--bg-hover)}.brand-mark{display:inline-flex;color:var(--accent)}.sidebar-close{display:none;color:var(--text-soft);width:32px;height:32px;align-items:center;justify-content:center;border-radius:var(--r)}.sidebar-close:hover{background:var(--bg-hover);color:var(--text)}.ws-switcher{position:relative;padding:var(--sp-1) 0 var(--sp-3);border-bottom:1px solid var(--border);margin-bottom:var(--sp-3)}.ws-trigger{display:flex;align-items:center;gap:var(--sp-2);width:100%;padding:8px 10px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);text-align:left;transition:background var(--t),border-color var(--t)}.ws-trigger:hover{background:var(--bg-hover);border-color:var(--border-strong)}.ws-trigger[aria-expanded="true"]{background:var(--bg-hover);border-color:var(--border-strong)}.ws-icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent);border-radius:8px;font-size:1rem;flex-shrink:0}.ws-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.ws-name{font-size:0.8125rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ws-role{font-size:0.6875rem;color:var(--text-mute);text-transform:uppercase;letter-spacing:0.06em;white-space:nowrap}.ws-caret{color:var(--text-mute);flex-shrink:0;transition:transform var(--t)}.ws-trigger[aria-expanded="true"] .ws-caret{transform:rotate(180deg)}.ws-menu{position:absolute;top:calc(100% - 6px);left:0;right:0;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:var(--sp-1);z-index:var(--z-dropdown);max-height:70vh;overflow-y:auto}.ws-menu[hidden]{display:none}.ws-menu-section{display:flex;flex-direction:column;gap:2px}.ws-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:var(--r);font-size:0.8125rem;color:var(--text);text-align:left;transition:background var(--t)}.ws-menu-item:hover{background:var(--bg-hover)}.ws-menu-item.is-active{background:var(--accent-soft);color:var(--accent)}.ws-menu-icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-muted);color:var(--text-soft);border-radius:6px;font-size:0.875rem;flex-shrink:0}.ws-menu-item.is-active .ws-menu-icon{background:var(--accent-soft-strong);color:var(--accent)}.ws-menu-divider{height:1px;background:var(--border);margin:4px 4px}.ws-menu-danger{color:var(--error)}.ws-menu-danger:hover{background:var(--error-soft)}.sidebar-nav{display:flex;flex-direction:column;gap:2px;padding:var(--sp-1) 0}.sidebar-link{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r);font-size:0.8125rem;font-weight:500;color:var(--text-soft);transition:background var(--t),color var(--t)}.sidebar-link:hover{background:var(--bg-hover);color:var(--text)}.sidebar-link.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.sidebar-link.active .sidebar-link-icon{color:var(--accent)}.sidebar-link-icon{color:var(--text-mute);flex-shrink:0}.sidebar-link:hover .sidebar-link-icon{color:var(--text)}.sidebar-spacer{flex:1}.sidebar-footer{border-top:1px solid var(--border);padding-top:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-2)}.theme-selector{position:relative}.theme-btn{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;background:transparent;border:1px solid transparent;border-radius:var(--r);color:var(--text-soft);font-size:0.8125rem;transition:background var(--t),color var(--t),border-color var(--t)}.theme-btn:hover{background:var(--bg-hover);color:var(--text)}.theme-btn[aria-expanded="true"]{background:var(--bg-hover);border-color:var(--border);color:var(--text)}.theme-swatch{width:18px;height:18px;border-radius:var(--r-full);background:var(--accent);border:1px solid var(--border);flex-shrink:0;box-shadow:inset 0 0 0 2px var(--bg-elev)}.theme-btn-label{flex:1;text-align:left;font-weight:500}.theme-dropdown{position:absolute;bottom:calc(100% + 6px);left:0;right:0;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:var(--sp-1);z-index:var(--z-dropdown);display:none}.theme-dropdown.show{display:block}.theme-option{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r);font-size:0.8125rem;cursor:pointer;transition:background var(--t);color:var(--text)}.theme-option:hover{background:var(--bg-hover)}.theme-option.is-active{background:var(--accent-soft);color:var(--accent);font-weight:600}.theme-option-swatch{width:16px;height:16px;border-radius:var(--r-full);border:1px solid var(--border);flex-shrink:0}.user-pod{display:flex;align-items:center;gap:10px;width:100%;padding:6px 8px;background:transparent;border:1px solid transparent;border-radius:var(--r);color:var(--text);text-align:left;transition:background var(--t),border-color var(--t)}.user-pod:hover{background:var(--bg-hover);border-color:var(--border)}.user-pod[aria-expanded="true"]{background:var(--bg-hover);border-color:var(--border)}.user-avatar{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;border-radius:var(--r-full);font-size:0.75rem;font-weight:600;flex-shrink:0}.user-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:0}.user-name{font-size:0.8125rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-secondary{font-size:0.6875rem;color:var(--text-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-pop{position:absolute;bottom:calc(100% + 6px);left:var(--sp-3);right:var(--sp-3);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:var(--sp-1);z-index:var(--z-dropdown)}.user-menu-pop[hidden]{display:none}.app-topbar{display:none;position:sticky;top:0;z-index:var(--z-nav);background:var(--bg);border-bottom:1px solid var(--border);height:52px;align-items:center;gap:var(--sp-3);padding:0 var(--sp-4);backdrop-filter:saturate(180%) blur(8px);-webkit-backdrop-filter:saturate(180%) blur(8px)}.hamburger{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r);color:var(--text);transition:background var(--t)}.hamburger:hover{background:var(--bg-hover)}.topbar-brand{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.topbar-ws-icon{font-size:1.125rem}.topbar-ws-name{font-size:0.875rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-action{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-full)}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:calc(var(--z-nav) - 1);border:0;padding:0;cursor:pointer}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.app-topbar{display:flex}.app-sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;height:100vh;transform:translateX(-100%);transition:transform 200ms ease;background:var(--bg-elev);border-right:1px solid var(--border);box-shadow:var(--shadow-lg)}.app-shell[data-sidebar-open="true"] .app-sidebar{transform:translateX(0)}.app-shell[data-sidebar-open="true"] .sidebar-overlay{display:block}.sidebar-close{display:inline-flex}.main-content{padding:var(--sp-5) var(--sp-4)}.user-menu-pop{left:12px;right:12px}}.ws-page{max-width:720px;margin:var(--sp-7) auto;padding:0 var(--sp-4)}.ws-page-header{text-align:center;margin-bottom:var(--sp-6)}.ws-page-title{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin-bottom:var(--sp-2)}.ws-page-sub{color:var(--text-soft);font-size:0.9375rem}.ws-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--sp-3);margin-bottom:var(--sp-5)}.ws-card{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);cursor:pointer;transition:border-color var(--t),box-shadow var(--t),transform var(--t);text-align:left}.ws-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.ws-card-icon{width:40px;height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent);font-size:1.25rem}.ws-card-name{font-size:1rem;font-weight:600;color:var(--text)}.ws-card-meta{font-size:0.75rem;color:var(--text-mute);display:flex;gap:var(--sp-2)}.ws-card-meta-pill{padding:2px 8px;background:var(--bg-muted);color:var(--text-soft);border-radius:var(--r-full);text-transform:uppercase;letter-spacing:0.05em;font-weight:600;font-size:0.6875rem}.ws-actions{display:flex;gap:var(--sp-2);justify-content:center;flex-wrap:wrap}.form-row{display:grid;grid-template-columns:1fr auto;gap:var(--sp-3);align-items:end}.form-help{display:block;margin-top:6px;font-size:0.75rem;color:var(--text-mute)}.copy-row{display:flex;gap:var(--sp-2)}.copy-row input{flex:1}.modal-actions{display:flex;gap:var(--sp-3);margin-top:var(--sp-5)}.modal-actions>.btn{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);background:var(--accent);color:var(--accent-text);border:1px solid var(--accent);border-radius:var(--r);font-size:0.8125rem;font-weight:500;cursor:pointer;transition:background var(--t),border-color var(--t),opacity var(--t);white-space:nowrap}.btn:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn:active:not(:disabled){opacity:0.9}.btn:disabled{opacity:0.55;cursor:not-allowed}.btn-secondary{background:var(--bg);color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong)}.btn-sm{padding:var(--sp-1) var(--sp-3);font-size:0.75rem}.btn-full{width:100%}.btn-icon{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-2) var(--sp-3);background:var(--bg);color:var(--text-soft);border:1px solid var(--border);border-radius:var(--r);font-size:0.75rem;cursor:pointer;transition:background var(--t),color var(--t),border-color var(--t)}.btn-icon:hover{background:var(--bg-hover);color:var(--text);border-color:var(--border-strong)}.btn-icon.active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.form-group{margin-bottom:var(--sp-4)}.form-group label{display:block;margin-bottom:var(--sp-2);font-size:0.8125rem;font-weight:500;color:var(--text)}.label-hint{font-weight:400;color:var(--text-mute);margin-left:var(--sp-1)}.required{color:var(--error)}.form-group input,.form-group textarea,.form-group select,input:not([type="checkbox"]):not([type="radio"]),textarea,select{width:100%;padding:var(--sp-2) var(--sp-3);background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--r);font-size:0.875rem;transition:border-color var(--t),box-shadow var(--t)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus,input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.form-group input::placeholder,.form-group textarea::placeholder,input::placeholder,textarea::placeholder{color:var(--text-mute)}textarea{resize:vertical;min-height:96px}.input-secondary{font-size:0.8125rem}.input-mono{font-family:var(--font-mono);font-size:0.8125rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);margin-bottom:var(--sp-4)}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-5);transition:border-color var(--t)}.card:hover{border-color:var(--border-strong)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-4)}.card h2{font-size:1.125rem;margin-bottom:var(--sp-3)}.card h3{font-size:1rem;margin-bottom:var(--sp-3)}.modal{position:fixed;inset:0;background:rgba(15,15,17,0.5);z-index:var(--z-modal);display:none;align-items:center;justify-content:center;padding:var(--sp-4)}.modal.active{display:flex}.modal-content{width:100%;max-width:560px;max-height:90vh;overflow-y:auto;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:var(--sp-5)}.modal-md{max-width:600px}.modal-lg{max-width:800px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-4);padding-bottom:var(--sp-3);border-bottom:1px solid var(--border)}.modal-title,.modal-header h2,.modal-header h3{font-size:1.0625rem;font-weight:600}.close-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r);color:var(--text-soft);font-size:1.125rem;transition:background var(--t),color var(--t)}.close-btn:hover{background:var(--bg-hover);color:var(--text)}.modal-form{display:block}.modal-actions{display:flex;gap:var(--sp-3);justify-content:flex-end;margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px solid var(--border)}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--sp-5)}.login-card{width:100%;max-width:420px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:var(--sp-7)}.login-form h2{font-size:1.5rem;text-align:center;margin-bottom:var(--sp-2)}.login-subtitle{text-align:center;font-size:0.875rem;color:var(--text-soft);margin-bottom:var(--sp-5)}.email-info{padding:var(--sp-3);background:var(--accent-soft);color:var(--accent-hover);border:1px solid var(--accent-soft-strong);border-radius:var(--r);font-size:0.8125rem;margin-bottom:var(--sp-4)}.email-info strong{font-weight:600}.pin-setup,.pin-login{display:none}.pin-setup.active{display:block}.pin-container{display:flex;gap:var(--sp-2);justify-content:center;margin-bottom:var(--sp-2)}.pin-input{width:48px;height:56px;text-align:center;font-size:1.25rem;font-weight:600;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--r-md);transition:border-color var(--t),box-shadow var(--t);-moz-appearance:textfield}.pin-input::-webkit-outer-spin-button,.pin-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pin-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}#loginBtn{width:100%;padding:var(--sp-3);font-size:0.875rem}.editor-page-container{display:flex;flex-direction:column;gap:var(--sp-5)}.path-converter-section{width:100%}.path-converter-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-5);align-items:start}.input-wrapper{position:relative}.path-input{width:100%;min-height:320px;padding:var(--sp-4);background:var(--bg-soft);color:var(--text);border:1px solid var(--border);border-radius:var(--r-md);font-family:var(--font-mono);font-size:0.8125rem;resize:vertical}.path-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.clear-button{position:absolute;top:var(--sp-3);right:var(--sp-3);width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-full);background:var(--bg);border:1px solid var(--border);color:var(--text-soft);font-size:0.75rem;cursor:pointer;opacity:0;transition:opacity var(--t),color var(--t),border-color var(--t)}.input-wrapper:hover .clear-button,.clear-button:focus{opacity:1}.clear-button:hover{color:var(--error);border-color:var(--error)}.path-output{position:relative;min-height:320px;padding:var(--sp-4);background:var(--bg-soft);color:var(--text);border:1px solid var(--border);border-radius:var(--r-md);font-family:var(--font-mono);font-size:0.8125rem;white-space:pre-wrap;word-break:break-all;overflow-y:auto}.path-output:hover{border-color:var(--border-strong)}.auto-copy-label{margin-left:var(--sp-2);font-size:0.75rem;font-weight:500;color:var(--text-mute)}.auto-copy-indicator{position:absolute;top:var(--sp-3);right:var(--sp-3);display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2);background:var(--success-soft);color:var(--success);border-radius:var(--r-sm);font-size:0.75rem;font-weight:500;opacity:0;transition:opacity var(--t)}.auto-copy-indicator.show{opacity:1}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3);margin-top:var(--sp-4)}.stat-card{padding:var(--sp-3);background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--r);text-align:center;transition:border-color var(--t)}.stat-card:hover{border-color:var(--border-strong)}.stat-number{font-size:1.25rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text)}.stat-label{font-size:0.6875rem;text-transform:uppercase;letter-spacing:0.04em;color:var(--text-mute);margin-top:var(--sp-1)}.command-header{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-3)}.command-header h3{margin:0}.ordering-controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--r)}.order-label{font-size:0.75rem;color:var(--text-soft)}.order-mode-indicator{font-size:0.75rem;color:var(--accent);padding:2px var(--sp-2);background:var(--accent-soft);border-radius:var(--r-sm)}.order-buttons{display:flex;gap:var(--sp-1)}.order-btn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg);border:1px solid var(--border);border-radius:var(--r);font-size:0.875rem;cursor:pointer;transition:background var(--t),border-color var(--t),color var(--t)}.order-btn:hover{background:var(--bg-hover);border-color:var(--border-strong)}.order-btn.active{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.copy-buttons{display:flex;gap:var(--sp-2);margin-left:auto}.text-editor-section{display:grid;grid-template-columns:280px 1fr;gap:var(--sp-5);align-items:start;min-height:70vh;margin-top:var(--sp-5)}.left-sidebar{display:flex;flex-direction:column;gap:var(--sp-4)}.docs-sidebar,.quick-copy-panel{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-4)}.sidebar-header,.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-3)}.sidebar-header h3,.panel-header h3{font-size:0.875rem}.panel-actions{display:flex;gap:var(--sp-1)}.panel-description{font-size:0.75rem;color:var(--text-mute);margin-bottom:var(--sp-2)}.panel-footer{margin-top:var(--sp-3)}.editor-main{display:flex;flex-direction:column;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;min-height:70vh}.editor-toolbar{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);background:var(--bg-soft)}.document-title-input{flex:1;padding:var(--sp-1) var(--sp-2);background:transparent;border:1px solid transparent;border-radius:var(--r);font-size:0.9375rem;font-weight:500;color:var(--text)}.document-title-input:focus{outline:none;border-color:var(--border);background:var(--bg);box-shadow:none}.editor-stats{display:flex;gap:var(--sp-3);font-size:0.75rem;color:var(--text-mute);font-variant-numeric:tabular-nums}.stat-item{white-space:nowrap}.auto-save-indicator{font-size:0.75rem;color:var(--text-mute);transition:color var(--t),opacity var(--t)}.auto-save-indicator.saving{color:var(--warning)}.auto-save-indicator.saved{color:var(--success)}.auto-save-indicator.dirty{color:var(--accent)}.auto-save-indicator.error{color:var(--error)}.editor-textarea{flex:1;width:100%;padding:var(--sp-5) var(--sp-6);background:var(--bg);color:var(--text);border:none;font-family:var(--font-mono);font-size:0.875rem;line-height:1.7;resize:none;min-height:60vh}.editor-textarea:focus{outline:none;box-shadow:none}.documents-list{display:flex;flex-direction:column;gap:2px;max-height:360px;overflow-y:auto}.documents-list .doc-item,.documents-list .document-item{display:flex;align-items:flex-start;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border:1px solid transparent;border-radius:var(--r);cursor:pointer;transition:background var(--t),border-color var(--t);font-size:0.8125rem}.documents-list .doc-item:hover,.documents-list .document-item:hover{background:var(--bg-hover)}.documents-list .doc-item.active,.documents-list .document-item.active{background:var(--accent-soft);border-color:var(--accent-soft-strong)}.documents-list .doc-item.active>div>div:first-child,.documents-list .document-item.active>div>div:first-child{color:var(--accent)}.doc-link-btn{margin-left:var(--sp-1);padding:0 4px;color:var(--text-mute);font-size:0.75rem;border-radius:3px;transition:color var(--t),background var(--t)}.doc-link-btn:hover{color:var(--accent);background:var(--accent-soft)}.pin-icon{flex:none;font-size:0.875rem;cursor:pointer;opacity:0.45;transition:opacity var(--t)}.pin-icon:hover{opacity:1}.pin-icon.pinned{opacity:1}.phrases-list{display:flex;flex-direction:column;gap:var(--sp-1);max-height:360px;overflow-y:auto}.phrases-list .phrase-item{padding:var(--sp-2) var(--sp-3);background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--r);cursor:pointer;transition:background var(--t),border-color var(--t)}.phrases-list .phrase-item:hover{background:var(--bg-hover);border-color:var(--accent-soft-strong)}#texteditorPage.page-section.active{display:block}#texteditorPage{margin:calc(var(--sp-6) * -1) calc(var(--sp-5) * -1)}@media (max-width:768px){#texteditorPage{margin:calc(var(--sp-4) * -1) calc(var(--sp-3) * -1)}}.writer-shell{position:relative;min-height:calc(100vh - 56px);display:flex;flex-direction:column;background:var(--bg)}.writer-toggle{position:absolute;top:var(--sp-3);right:var(--sp-4);z-index:5;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--text-soft);border:1px solid transparent;border-radius:var(--r);transition:background var(--t),border-color var(--t),color var(--t)}.writer-toggle:hover{background:var(--bg-hover);color:var(--text);border-color:var(--border)}.writer-toggle-bars{display:inline-flex;flex-direction:column;gap:4px;width:18px}.writer-toggle-bars span{height:2px;background:currentColor;border-radius:1px}.writer-canvas{flex:1;overflow-y:auto;padding:var(--sp-7) var(--sp-5) var(--sp-7);display:flex;justify-content:center}.writer-paper{width:100%;max-width:720px;display:flex;flex-direction:column;gap:var(--sp-4)}.writer-title{width:100%;padding:var(--sp-2) 0;background:transparent;border:none;border-radius:0;color:var(--text);font-family:var(--font-sans);font-size:2rem;font-weight:700;line-height:1.2;letter-spacing:-0.02em}.writer-title::placeholder{color:var(--text-mute);font-weight:700}.writer-title:focus{outline:none;box-shadow:none}.writer-prose{width:100%;min-height:60vh;padding:0;background:transparent;border:none;border-radius:0;color:var(--text);font-family:var(--font-sans);font-size:17px;line-height:1.75;resize:none;-webkit-font-smoothing:antialiased}.writer-prose::placeholder{color:var(--text-mute)}.writer-prose:focus{outline:none;box-shadow:none}.writer-status{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-2) var(--sp-5);background:var(--bg);border-top:1px solid var(--border);color:var(--text-mute);font-size:0.75rem;font-variant-numeric:tabular-nums}.writer-save-state{display:inline-flex;align-items:center;gap:var(--sp-2);color:var(--text-soft)}.writer-save-dot{width:6px;height:6px;border-radius:var(--r-full);background:var(--text-mute);transition:background var(--t)}.writer-save-state.saving .writer-save-dot{background:var(--warning)}.writer-save-state.saved .writer-save-dot{background:var(--success)}.writer-save-state.dirty .writer-save-dot{background:var(--accent)}.writer-save-state.error .writer-save-dot{background:var(--error)}.writer-stats{display:inline-flex;align-items:center;gap:var(--sp-2);color:var(--text-mute)}.writer-dot{color:var(--text-mute)}.writer-status-toggle{padding:var(--sp-1) var(--sp-3);background:transparent;color:var(--text-soft);border:1px solid var(--border);border-radius:var(--r);font-size:0.75rem;transition:background var(--t),color var(--t),border-color var(--t)}.writer-status-toggle:hover{background:var(--bg-hover);color:var(--text);border-color:var(--border-strong)}.writer-drawer{position:fixed;inset:0;z-index:var(--z-modal);pointer-events:none;visibility:hidden}.writer-drawer.open{pointer-events:auto;visibility:visible}.writer-drawer-scrim{position:absolute;inset:0;background:rgba(0,0,0,0.32);opacity:0;transition:opacity 180ms ease}.writer-drawer.open .writer-drawer-scrim{opacity:1}.writer-drawer-panel{position:absolute;top:0;right:0;bottom:0;width:min(380px,90vw);background:var(--bg-elev);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;transform:translateX(100%);transition:transform 200ms cubic-bezier(0.32,0.72,0.24,1)}.writer-drawer.open .writer-drawer-panel{transform:translateX(0)}.writer-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border)}.writer-drawer-head h2{font-size:0.9375rem}.writer-drawer-close{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r);color:var(--text-soft);font-size:1.25rem}.writer-drawer-close:hover{background:var(--bg-hover);color:var(--text)}.drawer-section{padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border)}.drawer-section:last-child{border-bottom:0}.drawer-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-3)}.drawer-section-head h3{font-size:0.6875rem;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-mute);font-weight:600}.drawer-section-actions{display:flex;gap:var(--sp-1)}.writer-search-wrapper{margin-bottom:var(--sp-3)}.writer-search{width:100%;padding:var(--sp-2) var(--sp-3);background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--r);font-size:0.8125rem;transition:border-color var(--t),box-shadow var(--t)}.writer-search:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.writer-search::placeholder{color:var(--text-mute)}.writer-search::-webkit-search-cancel-button{cursor:pointer}.writer-docs-list{display:flex;flex-direction:column;gap:var(--sp-1);max-height:64vh;overflow-y:auto}.writer-doc-item{display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-3);background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--r-md);text-align:left;cursor:pointer;transition:background var(--t),border-color var(--t),transform var(--t)}.writer-doc-item:hover{background:var(--bg-hover);border-color:var(--border-strong)}.writer-doc-item.active{background:var(--accent-soft);border-color:var(--accent)}.writer-doc-item.active .writer-doc-title{color:var(--accent)}.writer-doc-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-2)}.writer-doc-title{font-size:0.875rem;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.writer-doc-when{flex:none;font-size:0.6875rem;color:var(--text-mute);font-variant-numeric:tabular-nums}.writer-doc-preview{font-size:0.75rem;color:var(--text-soft);line-height:1.45;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.writer-docs-empty{padding:var(--sp-5) var(--sp-3);text-align:center;color:var(--text-mute);font-size:0.8125rem}@media (max-width:768px){.writer-canvas{padding:var(--sp-6) var(--sp-4)}.writer-title{font-size:1.625rem}.writer-prose{font-size:16px;line-height:1.7}.writer-status{padding:var(--sp-2) var(--sp-3);flex-wrap:wrap;gap:var(--sp-2)}.writer-line-dot,.writer-line{display:none}.writer-drawer-panel{width:86vw}.text-editor-section{grid-template-columns:1fr}.editor-toolbar{flex-wrap:wrap;gap:var(--sp-2)}.editor-stats{font-size:0.6875rem;gap:var(--sp-2)}}.jobs-layout{width:100%}.jobs-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--sp-3);margin-bottom:var(--sp-5)}.jobs-overview>div{padding:var(--sp-4);background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--r)}#jobsList{display:flex;flex-direction:column;gap:var(--sp-3)}.job-card{padding:var(--sp-4);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);transition:border-color var(--t)}.job-card:hover{border-color:var(--border-strong)}.job-title{font-size:1rem;font-weight:600;margin-bottom:var(--sp-1)}.job-meta{display:flex;flex-wrap:wrap;gap:var(--sp-3);font-size:0.8125rem;color:var(--text-soft);margin-bottom:var(--sp-2)}.job-description{font-size:0.875rem;color:var(--text-soft);margin-bottom:var(--sp-3)}.job-actions{display:flex;gap:var(--sp-2)}.task-lists-container{display:grid;grid-template-columns:280px 1fr;gap:var(--sp-5);align-items:start}.task-lists-sidebar,.task-lists-main{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-4)}.task-list-item{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3);margin-bottom:2px;background:transparent;border:1px solid transparent;border-radius:var(--r);cursor:pointer;transition:background var(--t),border-color var(--t)}.task-list-item:hover{background:var(--bg-hover)}.task-list-item.active{background:var(--accent-soft);border-color:var(--accent-soft-strong)}.task-list-info{}.task-list-name{font-size:0.875rem;font-weight:500;color:var(--text)}.task-list-count{font-size:0.75rem;color:var(--text-mute);margin-top:2px}.task-list-progress{font-size:0.75rem;font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums}.add-task-list-btn,.create-channel-btn{width:100%;margin-top:var(--sp-3);padding:var(--sp-2) var(--sp-3);background:transparent;color:var(--text-soft);border:1px dashed var(--border-strong);border-radius:var(--r);font-size:0.8125rem;cursor:pointer;transition:background var(--t),color var(--t),border-color var(--t)}.add-task-list-btn:hover,.create-channel-btn:hover{background:var(--bg-hover);color:var(--text);border-color:var(--accent)}.create-channel-btn{width:auto;margin-top:0;padding:var(--sp-1) var(--sp-2);border-style:solid}.shared-users-section{padding:var(--sp-3);background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--r);margin-bottom:var(--sp-4)}.shared-users-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-2)}.shared-users-list{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.shared-user-badge{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2);background:var(--bg);border:1px solid var(--border);border-radius:var(--r-full);font-size:0.75rem}.shared-user-avatar{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-muted);border-radius:var(--r-full);font-size:0.6875rem;font-weight:600;color:var(--text)}.permission-badge{padding:1px var(--sp-2);font-size:0.625rem;text-transform:uppercase;letter-spacing:0.04em;background:var(--accent-soft);color:var(--accent);border-radius:var(--r-sm)}.add-task-form{display:none;padding:var(--sp-4);background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--r);margin-bottom:var(--sp-4)}.add-task-form.active{display:block}.add-task-form input,.add-task-form textarea,.add-task-form select{margin-bottom:var(--sp-2)}.tasks-container{display:flex;flex-direction:column;gap:var(--sp-2)}.task-item{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;transition:border-color var(--t)}.task-item:hover{border-color:var(--border-strong)}.task-header{display:flex;align-items:flex-start;padding:var(--sp-3);cursor:pointer}.task-content{flex:1}.task-title{font-size:0.9375rem;font-weight:500}.task-description{font-size:0.8125rem;color:var(--text-soft);margin-top:var(--sp-1)}.task-meta{display:flex;align-items:center;justify-content:space-between;margin-top:var(--sp-3)}.task-status-info{display:flex;gap:var(--sp-2);align-items:center}.task-status{display:inline-flex;align-items:center;gap:var(--sp-1);padding:2px var(--sp-2);border-radius:var(--r-sm);font-size:0.6875rem;font-weight:500}.status-progress{background:var(--info-soft);color:var(--info)}.status-done{background:var(--success-soft);color:var(--success)}.status-pending{background:var(--bg-muted);color:var(--text-soft)}.task-actions{display:flex;gap:var(--sp-1)}.task-action-btn{padding:var(--sp-1) var(--sp-2);background:transparent;color:var(--text-soft);border:1px solid transparent;border-radius:var(--r-sm);font-size:0.75rem;cursor:pointer;transition:background var(--t),color var(--t),border-color var(--t)}.task-action-btn:hover{background:var(--bg-hover);color:var(--text);border-color:var(--border)}.task-comments{display:none;padding:var(--sp-3);background:var(--bg-soft);border-top:1px solid var(--border)}.task-comments.active{display:block}.comments-header{display:flex;justify-content:space-between;margin-bottom:var(--sp-2)}.comment-form{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-3)}.comment-input{flex:1;min-height:38px}.comment-submit{padding:var(--sp-1) var(--sp-3)}.comments-list{display:flex;flex-direction:column;gap:var(--sp-2)}.comment-item{padding:var(--sp-2) var(--sp-3);background:var(--bg);border:1px solid var(--border);border-radius:var(--r)}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-1)}.comment-author{display:flex;align-items:center;gap:var(--sp-2);font-size:0.8125rem;font-weight:500}.comment-time{font-size:0.6875rem;color:var(--text-mute)}.comment-text{font-size:0.8125rem;color:var(--text)}.chat-container{display:grid;grid-template-columns:240px 1fr;gap:0;height:70vh;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}.chat-sidebar{padding:var(--sp-4);border-right:1px solid var(--border);background:var(--bg-soft);overflow-y:auto}.channel-list{display:flex;flex-direction:column;gap:2px}.channel-item{display:flex;align-items:center;padding:var(--sp-2) var(--sp-3);border-radius:var(--r);font-size:0.8125rem;color:var(--text);cursor:pointer;transition:background var(--t)}.channel-item:hover{background:var(--bg-hover)}.channel-item.active{background:var(--accent-soft);color:var(--accent);font-weight:500}.chat-main{display:flex;flex-direction:column;overflow:hidden}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-4);border-bottom:1px solid var(--border)}.ai-chat-wrapper{display:grid;grid-template-columns:280px 1fr;gap:0;height:80vh;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}.ai-sidebar{display:flex;flex-direction:column;border-right:1px solid var(--border);background:var(--bg-soft)}.ai-sidebar.collapsed{display:none}.ai-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4);border-bottom:1px solid var(--border)}.ai-sidebar-header h3{font-size:0.875rem}.ai-conversations-list{flex:1;overflow-y:auto;padding:var(--sp-2);display:flex;flex-direction:column;gap:2px}.ai-conversation-item{padding:var(--sp-2) var(--sp-3);border-radius:var(--r);font-size:0.8125rem;color:var(--text);cursor:pointer;transition:background var(--t)}.ai-conversation-item:hover{background:var(--bg-hover)}.ai-conversation-item.active{background:var(--accent-soft);color:var(--accent)}.ai-conversation-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-sidebar-footer{padding:var(--sp-3);border-top:1px solid var(--border)}.ai-chat-main{display:flex;flex-direction:column;min-width:0}.ai-chat-header{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border)}.ai-sidebar-toggle{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--text-soft);border-radius:var(--r)}.ai-sidebar-toggle:hover{background:var(--bg-hover);color:var(--text)}.ai-chat-header-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.ai-chat-header-info h2{font-size:0.9375rem}.ai-model-badge{font-size:0.6875rem;color:var(--text-mute);text-transform:uppercase;letter-spacing:0.04em}.ai-model-select{padding:var(--sp-1) var(--sp-2);font-size:0.75rem;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--r)}.ai-messages-container{flex:1;overflow-y:auto;padding:var(--sp-5) var(--sp-6)}.ai-welcome{max-width:640px;margin:var(--sp-7) auto;text-align:center}.ai-welcome-icon{font-size:2rem;margin-bottom:var(--sp-3)}.ai-welcome h2{font-size:1.25rem;margin-bottom:var(--sp-2)}.ai-welcome p{color:var(--text-soft);margin-bottom:var(--sp-5)}.ai-suggestions{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--sp-2)}.ai-suggestion-chip{padding:var(--sp-3);background:var(--bg);border:1px solid var(--border);border-radius:var(--r);font-size:0.8125rem;color:var(--text);text-align:left;cursor:pointer;transition:background var(--t),border-color var(--t)}.ai-suggestion-chip:hover{background:var(--bg-hover);border-color:var(--accent)}.ai-messages{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:var(--sp-4)}.ai-message{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);font-size:0.875rem;line-height:1.6}.ai-message.user{align-self:flex-end;max-width:80%;background:var(--accent-soft);color:var(--accent-hover);border:1px solid var(--accent-soft-strong)}.ai-message.assistant{background:var(--bg-soft);border:1px solid var(--border)}.ai-message pre{background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--r);padding:var(--sp-3);overflow-x:auto;margin:var(--sp-2) 0}.ai-message code{background:var(--bg-muted);padding:0 4px;border-radius:3px}.ai-input-area{border-top:1px solid var(--border);padding:var(--sp-4);background:var(--bg-soft)}.ai-input-wrapper{position:relative;display:flex;align-items:flex-end;gap:var(--sp-2);max-width:760px;margin:0 auto}.ai-input{flex:1;padding:var(--sp-3);padding-right:56px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--r-md);font-family:var(--font-sans);font-size:0.875rem;resize:none;min-height:44px;max-height:240px;line-height:1.5}.ai-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.ai-send-btn,.ai-stop-btn{position:absolute;right:var(--sp-2);bottom:var(--sp-2);width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:var(--accent-text);border-radius:var(--r);transition:background var(--t)}.ai-send-btn:hover{background:var(--accent-hover)}.ai-stop-btn{background:var(--error)}.ai-stop-btn.hidden,.ai-send-btn.hidden,.hidden{display:none !important}.ai-input-footer{display:flex;justify-content:space-between;align-items:center;max-width:760px;margin:var(--sp-2) auto 0;font-size:0.6875rem;color:var(--text-mute)}.phrases-list{padding:var(--sp-1) 0}.phrase-item{padding:var(--sp-2) var(--sp-3);background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--r);margin-bottom:var(--sp-1);cursor:pointer;transition:background var(--t),border-color var(--t)}.phrase-item:hover{background:var(--bg-hover);border-color:var(--accent-soft-strong)}.phrase-item.editing{background:var(--accent-soft);border-color:var(--accent)}.phrase-title{font-size:0.8125rem;font-weight:500}.phrase-description{font-size:0.6875rem;color:var(--text-mute);margin-top:2px}.phrases-edit-mode-btn.active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.notification{position:fixed;bottom:var(--sp-5);right:var(--sp-5);z-index:var(--z-notification);padding:var(--sp-3) var(--sp-4);background:var(--bg-elev);color:var(--text);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);font-size:0.8125rem;transform:translateY(20px);opacity:0;pointer-events:none;transition:opacity var(--t),transform var(--t)}.notification.show{transform:translateY(0);opacity:1;pointer-events:auto}.notification.success{border-color:var(--success)}.notification.error{border-color:var(--error)}.notification.warning{border-color:var(--warning)}.loading{display:inline-block;width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 0.8s linear infinite}.loading-lg{width:28px;height:28px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.loading-placeholder{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-6);color:var(--text-mute);font-size:0.8125rem}.text-center{text-align:center}.text-soft{color:var(--text-soft)}.text-mute{color:var(--text-mute)}.mono{font-family:var(--font-mono)}.flex{display:flex}.flex-col{flex-direction:column}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.mt-3{margin-top:var(--sp-3)}.mt-4{margin-top:var(--sp-4)}.w-full{width:100%}.hidden,[hidden]{display:none !important}@media (max-width:1024px){.path-converter-content{grid-template-columns:1fr}.task-lists-container{grid-template-columns:1fr}.chat-container{grid-template-columns:1fr;height:auto}.chat-sidebar{border-right:0;border-bottom:1px solid var(--border)}.ai-chat-wrapper{grid-template-columns:1fr;height:80vh}.ai-sidebar{display:none}.ai-sidebar.show{display:flex;position:absolute;inset:0;z-index:5}}@media (max-width:768px){.main-content{padding:var(--sp-4) var(--sp-3)}.stats-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.ordering-controls{flex-direction:column;align-items:stretch}.copy-buttons{margin-left:0}.login-card{padding:var(--sp-5)}.pin-input{width:40px;height:48px}.modal-content{max-width:100%;padding:var(--sp-4)}}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[role="button"]:focus-visible,[role="menuitem"]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r)}@supports (scrollbar-width:thin){*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--r-full);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--border-strong);background-clip:padding-box}.btn{transition:background var(--t),border-color var(--t),opacity var(--t),transform 80ms ease,box-shadow var(--t)}.btn:active:not(:disabled){transform:translateY(0.5px)}.btn:not(:disabled):hover{box-shadow:var(--shadow-sm)}.ws-card{will-change:transform}.ws-card:focus-visible{outline-offset:4px}.modal{transition:opacity 120ms ease}@media (prefers-reduced-motion:reduce){*{animation-duration:0.001ms !important;transition-duration:0.001ms !important}.btn:not(:disabled):hover{box-shadow:none}.ws-card:hover{transform:none}}.notification{background:var(--bg-elev);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-md);border-left:3px solid var(--accent)}.notification.error{border-left-color:var(--error)}.notification.success{border-left-color:var(--success)}.login-card{border:1px solid var(--border);box-shadow:var(--shadow-md)}.sidebar-link:focus-visible{background:var(--bg-hover);color:var(--text)}.brand-mark{color:var(--accent);filter:drop-shadow(0 1px 0 var(--accent-soft))}.sidebar-link{position:relative}.sidebar-link.active::before{content:"";position:absolute;left:-3px;top:6px;bottom:6px;width:3px;border-radius:var(--r-full);background:var(--accent)}.ws-icon{background:linear-gradient(135deg,var(--accent-soft),var(--accent-soft-strong));color:var(--accent);border:1px solid var(--accent-soft-strong)}.user-avatar{background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:var(--accent-text);box-shadow:0 1px 2px rgba(0,0,0,0.10)}.theme-swatch{background:var(--accent);box-shadow:inset 0 0 0 2px var(--bg-elev),0 0 0 1px var(--border)}input:focus,textarea:focus,select:focus,.form-group input:focus,.form-group textarea:focus,.form-group select:focus{background:var(--bg)}.btn{box-shadow:0 1px 0 rgba(0,0,0,0.04),inset 0 1px 0 rgba(255,255,255,0.06)}[data-theme="dark"],[data-theme="midnight"],[data-theme="forest"],[data-theme="purple"]{--accent-text:#0a0a0a}[data-theme="dark"] .btn,[data-theme="midnight"] .btn,[data-theme="forest"] .btn,[data-theme="purple"] .btn{box-shadow:0 1px 0 rgba(0,0,0,0.30),inset 0 1px 0 rgba(255,255,255,0.10)}.card{transition:border-color var(--t),box-shadow var(--t)}.card:hover{box-shadow:var(--shadow-sm)}.modal{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}button:focus-visible,a:focus-visible,[role="button"]:focus-visible,[role="menuitem"]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r);box-shadow:0 0 0 4px var(--accent-ring)}.notification{border-left-color:var(--accent)}.loading{border:2px solid var(--border);border-top-color:var(--accent)}.sidebar-link.active .sidebar-link-icon{color:var(--accent)}.theme-option.is-active{box-shadow:inset 2px 0 0 var(--accent)}.ai-message.user{color:var(--text)}[data-theme="dark"] .ai-message.user,[data-theme="midnight"] .ai-message.user,[data-theme="forest"] .ai-message.user,[data-theme="purple"] .ai-message.user{color:var(--accent-hover)}.pin-input:hover:not(:focus){border-color:var(--border-strong)}.documents-list .doc-item:hover,.documents-list .document-item:hover{border-color:var(--border-strong)}html[data-boot="authed"] body.not-authed{visibility:hidden}html[data-boot="authed"] #loginPage{display:none !important}html[data-boot="unauthed"] body.is-authed{visibility:hidden}html[data-boot="authed"] body:not(.is-authed) .app-shell::after{content:"";position:fixed;inset:0;background:var(--bg);z-index:9999;pointer-events:none}html[data-boot="authed"] body:not(.is-authed) .app-shell::before{content:"";position:fixed;top:50%;left:50%;width:24px;height:24px;margin:-12px 0 0 -12px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 0.8s linear infinite;z-index:10000}