:root{--bg-body:transparent;--bg-surface:#1c1c268c;--bg-elevated:#24243099;--bg-input:#2a2a38a6;--bg-hover:#32323e80;--text-primary:#eaeaf2;--text-secondary:#a8a8be;--text-muted:#76768a;--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23a8a8be' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4.5l3 3 3-3'/%3E%3C/svg%3E");--border:#ffffff14;--border-input:#ffffff1f;--border-focus:#818cf8;--divider:#ffffff0f;--glass-border-highlight:#ffffff1a;--glass-blur:12px;--accent:#6366f1;--accent-hover:#4f46e5;--accent-light:#6366f126;--accent-text:#fff;--accent-gradient:linear-gradient(135deg, #6366f1 0%, #818cf8 100%);--success:#22c55e;--success-hover:#16a34a;--success-light:#22c55e26;--danger:#ef4444;--danger-hover:#dc2626;--danger-bg:#ef44441f;--danger-light:#ef444426;--warning:#f59e0b;--warning-hover:#d97706;--info:#38bdf8;--hue-list:#a78bfa;--hue-reminders:#facc15;--hue-calendar:#60a5fa;--hue-chat:#e879f9;--hue-pomodoro:#f87171;--hue-processes:#4ade80;--hue-people:#f472b6;--hue-workorders:#fb923c;--hue-diagrams:#2dd4bf;--hue-whiteboard:#a3e635;--hue-github:#22d3ee;--hue-drive:#fbbf24;--hue-transport:#a3e635;--hue-notifications:#94a3b8;--surface-accent:#6366f124;--surface-success:#22c55e1f;--surface-warning:#f59e0b24;--surface-danger:#ef44441f;--surface-info:#38bdf81f;--priority-1:#ef4444;--priority-2:#f97316;--priority-3:#eab308;--priority-4:#22c55e;--shadow:0 1px 2px #0000001f, 0 4px 16px #0003;--shadow-sm:0 1px 3px #0000001a, 0 1px 2px #00000014;--shadow-lg:0 4px 6px #0000001a, 0 10px 40px #0000004d;--shadow-btn:0 1px 3px #00000026, 0 1px 2px #0000001a;--shadow-btn-hover:0 4px 12px #6366f140, 0 2px 4px #00000026;--transition-fast:.15s ease;--transition-base:.2s ease;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-full:9999px;--toggle-off:#4a4a5a99;--toggle-on:#22c55e;--btn-secondary-bg:#2a2a3899;--btn-secondary-text:#c0c0d0;--btn-secondary-hover:#343442b3;--overlay-subtle:#ffffff0a;--overlay-light:#ffffff0f;--overlay-medium:#ffffff14;--overlay-strong:#ffffff1a;--overlay-stronger:#ffffff1f;--overlay-heavy:#ffffff26;--overlay-text-faint:#ffffff4d;--overlay-text-medium:#ffffff80;--overlay-text-strong:#ffffffb3;--overlay-text-bright:#ffffffd9;--overlay-text-full:#ffffffe6;--backdrop-overlay:#00000080}:root.no-glass{--bg-body:#121218;--bg-surface:#1c1c26;--bg-elevated:#242430;--bg-input:#2a2a38;--bg-hover:#32323e;--text-primary:#e4e4ec;--text-secondary:#a0a0b4;--text-muted:#6c6c80;--border:#2e2e3e;--border-input:#3a3a4c;--border-focus:#818cf8;--divider:#262636;--glass-border-highlight:transparent;--glass-blur:0px;--accent-light:#6366f11f;--accent-gradient:linear-gradient(135deg, #6366f1 0%, #818cf8 100%);--success-light:#22c55e1f;--danger-light:#ef44441f;--surface-accent:#6366f11f;--surface-success:#22c55e1f;--surface-warning:#f59e0b1f;--surface-danger:#ef44441f;--surface-info:#38bdf81f;--shadow:0 1px 3px #0003, 0 4px 16px #00000040;--shadow-sm:0 1px 2px #00000026, 0 2px 4px #0000001f;--shadow-lg:0 4px 6px #00000026, 0 10px 40px #00000059;--shadow-btn:0 1px 3px #0003, 0 1px 2px #0000001f;--shadow-btn-hover:0 4px 12px #6366f133, 0 2px 4px #0003;--toggle-off:#4a4a5a;--toggle-on:#22c55e;--btn-secondary-bg:#2a2a38;--btn-secondary-hover:#343442}:root.light-mode{--bg-body:#f8f7f6;--bg-surface:#fff;--bg-elevated:#f0efed;--bg-input:#fff;--bg-hover:#eceae7;--text-primary:#1c1c1e;--text-secondary:#636366;--text-muted:#aeaeb2;--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23636366' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4.5l3 3 3-3'/%3E%3C/svg%3E");--border:#d5d3d0;--border-input:#c7c5c2;--border-focus:#6366f1;--divider:#e0dfdc;--glass-border-highlight:transparent;--glass-blur:0px;--accent:#4f46e5;--accent-hover:#4338ca;--accent-light:#4f46e51a;--accent-text:#fff;--accent-gradient:linear-gradient(135deg, #4f46e5 0%, #6366f1 100%);--success:#16a34a;--success-hover:#15803d;--success-light:#16a34a1a;--danger:#dc2626;--danger-hover:#b91c1c;--danger-bg:#dc262614;--danger-light:#dc26261a;--warning:#d97706;--warning-hover:#b45309;--info:#0284c7;--hue-list:#7c3aed;--hue-reminders:#a16207;--hue-calendar:#2563eb;--hue-chat:#c026d3;--hue-pomodoro:#dc2626;--hue-processes:#15803d;--hue-people:#db2777;--hue-workorders:#c2410c;--hue-diagrams:#0f766e;--hue-whiteboard:#4d7c0f;--hue-github:#0e7490;--hue-drive:#b45309;--hue-transport:#4d7c0f;--hue-notifications:#475569;--surface-accent:#4f46e51a;--surface-success:#16a34a1a;--surface-warning:#d977061a;--surface-danger:#dc262614;--surface-info:#0284c714;--priority-1:#dc2626;--priority-2:#ea580c;--priority-3:#ca8a04;--priority-4:#16a34a;--shadow:0 1px 3px #0000000f, 0 2px 8px #0000000a;--shadow-sm:0 1px 2px #0000000a, 0 1px 4px #00000008;--shadow-lg:0 4px 12px #00000014, 0 8px 24px #0000000f;--shadow-btn:0 1px 2px #0000000f, 0 1px 3px #0000000a;--shadow-btn-hover:0 2px 8px #4f46e526, 0 1px 3px #0000000f;--toggle-off:#c7c5c2;--toggle-on:#16a34a;--btn-secondary-bg:#e8e6e3;--btn-secondary-text:#636366;--btn-secondary-hover:#dcdad7;--overlay-subtle:#00000005;--overlay-light:#00000008;--overlay-medium:#0000000d;--overlay-strong:#0000000f;--overlay-stronger:#00000014;--overlay-heavy:#0000001a;--overlay-text-faint:#00000040;--overlay-text-medium:#00000073;--overlay-text-strong:#000000a6;--overlay-text-bright:#000c;--overlay-text-full:#000000d9;--backdrop-overlay:#0000004d}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg-body)}body{background-color:var(--bg-body);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5}.app{height:var(--app-height,calc(100vh / var(--ui-scale,1)));background-color:var(--bg-body);flex-direction:column;display:flex;overflow:hidden}.app-spotlight{background:0 0;height:100vh;overflow:hidden}.nav{z-index:20;background:var(--bg-surface);box-shadow:var(--shadow-sm);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));align-items:stretch;gap:4px;padding:0 12px;display:flex;position:relative}.nav-brand{color:var(--text-muted);transition:color var(--transition-base), background var(--transition-fast);border-bottom:2px solid #0000;flex-shrink:0;align-items:center;padding:8px 12px;text-decoration:none;display:flex}.nav-brand:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-brand[data-active=true]{color:var(--accent);border-bottom-color:var(--accent)}.nav-brand .nav-brand-symbol,.nav[data-compact-brand=true] .nav-brand-wordmark{display:none}.nav[data-compact-brand=true] .nav-brand-symbol{display:inline-flex}.nav-link{white-space:nowrap;-webkit-touch-callout:none;color:var(--text-muted);border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:color var(--transition-base), border-color var(--transition-base), background var(--transition-base);border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:6px;padding:14px 16px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-link[data-active=true]{color:var(--accent);border-bottom-color:var(--accent)}.nav-icon{flex-shrink:0;width:16px;height:16px}[data-hue=list]{--hue:var(--hue-list)}[data-hue=reminders]{--hue:var(--hue-reminders)}[data-hue=calendar]{--hue:var(--hue-calendar)}[data-hue=chat]{--hue:var(--hue-chat)}[data-hue=pomodoro]{--hue:var(--hue-pomodoro)}[data-hue=processes]{--hue:var(--hue-processes)}[data-hue=people]{--hue:var(--hue-people)}[data-hue=workorders]{--hue:var(--hue-workorders)}[data-hue=diagrams]{--hue:var(--hue-diagrams)}[data-hue=whiteboard]{--hue:var(--hue-whiteboard)}[data-hue=github]{--hue:var(--hue-github)}[data-hue=drive]{--hue:var(--hue-drive)}[data-hue=transport]{--hue:var(--hue-transport)}[data-hue=notifications]{--hue:var(--hue-notifications)}.nav-link[data-hue] .nav-icon{color:var(--hue)}.nav-link[data-compact=true]{padding:14px 12px}.nav-link[data-compact=true] .nav-label{display:none}.nav-grip{opacity:.7;pointer-events:none;width:6px;height:14px;display:none;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.nav-link[data-compact=true] .nav-grip{left:3px}.nav[data-reorder=true][data-can-reorder=true] .nav-link,.nav-link[data-dragging=true]{position:relative}.nav[data-reorder=true][data-can-reorder=true] .nav-link{cursor:grab;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.nav[data-reorder=true][data-can-reorder=true]:not([data-reorder-drag=true]) .nav-link:hover .nav-grip,.nav-link[data-dragging=true] .nav-grip{display:block}.nav[data-reorder-drag=true],.nav[data-reorder-drag=true] .nav-link{cursor:grabbing}.nav-link[data-dragging=true]{opacity:.5}.nav-link[data-drop=before]{box-shadow:inset 3px 0 0 var(--accent)}.nav-link[data-drop=after]{box-shadow:inset -3px 0 0 var(--accent)}.nav-reorder{flex:0 0 0;align-self:stretch;width:0;margin-left:-4px;position:relative}.nav-reorder-tools{z-index:1;visibility:hidden;align-items:center;gap:4px;display:flex;position:absolute;top:calc(100% + 4px);right:0}.nav[data-reorder=true] .nav-reorder-tools,.nav-reorder-tools:focus-within{visibility:visible}.nav-reorder-tools:has(.nav-reorder-org[data-open=true]){visibility:visible}.nav[data-drawer=true] .nav-reorder{display:none}.nav-reorder-btn{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);width:28px;height:28px;box-shadow:var(--shadow-sm);color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast);justify-content:center;align-items:center;padding:0;display:flex}.nav-reorder-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-reorder-btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:1px}.nav-reorder-org{position:relative}.nav-reorder-org[data-open=true] .nav-reorder-btn{color:var(--accent)}.nav-reorder-panel{width:340px;color:var(--text-primary);cursor:default;flex-direction:column;align-items:stretch;gap:10px;padding:14px;font-size:13px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.nav-reorder-panel-title{font-size:14px;font-weight:600}.nav-reorder-panel-status,.nav-reorder-panel-hint{color:var(--text-secondary)}.nav-reorder-panel-hint{font-size:12px}.nav-reorder-panel-force{cursor:pointer;align-items:center;gap:8px;display:flex}.nav-reorder-panel-error{color:var(--danger)}.main{background-color:var(--bg-body);flex:1;min-height:0;overflow:hidden}.nav-links{scrollbar-width:none;flex:0 auto;gap:4px;min-width:0;display:flex;overflow:auto hidden}.nav-links::-webkit-scrollbar{display:none}.nav-actions{flex-shrink:0;align-items:center;gap:4px;margin-left:auto;padding-left:8px;display:flex}.nav-burger{width:36px;height:36px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin:auto 0;padding:0;display:none}.nav-burger:hover{color:var(--text-primary);background:var(--bg-hover)}.nav[data-drawer=true] .nav-burger{display:flex}.nav[data-drawer=true] .nav-links{visibility:hidden}@media (max-width:780px){.nav-burger{display:flex}.nav-links,.nav-reorder,.nav .nav-brand-wordmark{display:none}.nav .nav-brand-symbol{display:inline-flex}}@media (max-width:720px){.nav-org-label{display:none}}.nav-search{width:36px;height:36px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-md);transition:color var(--transition-base), background var(--transition-base);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.nav-search:hover{color:var(--text-primary);background:var(--bg-hover)}input[type=text],input[type=password],input[type=number],input[type=date],input[type=time],textarea,select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root.light-mode input[type=text],:root.light-mode input[type=password],:root.light-mode input[type=number],:root.light-mode input[type=date],:root.light-mode input[type=time],:root.light-mode textarea,:root.light-mode select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}:root.light-mode ::-webkit-scrollbar-thumb{background:#00000026}:root.light-mode ::-webkit-scrollbar-thumb:hover{background:#00000040}[data-flash]{animation:1.4s cubic-bezier(.23,1,.32,1) settings-flash}@keyframes settings-flash{0%,25%{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 55%, transparent)}to{box-shadow:0 0 0 3px #0000}}@media (prefers-reduced-motion:reduce){[data-flash]{outline:2px solid var(--accent);outline-offset:2px;animation-duration:10ms}}
.ui-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.ui-panel--subtle{background:var(--bg-elevated)}.ui-button{border-radius:var(--radius-md);background:var(--btn-secondary-bg);min-height:36px;color:var(--btn-secondary-text);cursor:pointer;box-shadow:var(--shadow-btn);transition:background var(--transition-base), border-color var(--transition-base), color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.ui-button--sm{gap:6px;min-height:32px;padding:0 10px;font-size:12px}.ui-button:hover:not(:disabled){background:var(--btn-secondary-hover);color:var(--text-primary);transform:translateY(-1px)}.ui-button:active:not(:disabled){box-shadow:var(--shadow-sm);transform:scale(.97)}.ui-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.ui-button--primary{background:var(--accent-gradient);background-color:var(--accent);border-color:var(--overlay-strong);color:var(--accent-text)}.ui-button--primary:hover:not(:disabled){background:var(--accent-hover);color:var(--accent-text);box-shadow:var(--shadow-btn-hover)}.ui-button--ghost{border-color:var(--border);color:var(--text-secondary);box-shadow:none;background:0 0}.ui-button--ghost:hover:not(:disabled){background:var(--bg-hover);border-color:var(--overlay-heavy)}.ui-button--danger{background:var(--surface-danger);border-color:var(--danger-light);color:var(--danger);box-shadow:none}.ui-button--danger:hover:not(:disabled){background:var(--danger);border-color:var(--danger);color:#fff}.ui-input,.ui-select{border:1px solid var(--border-input);border-radius:var(--radius-md);background:var(--bg-input);width:100%;min-width:0;min-height:38px;color:var(--text-primary);transition:border-color var(--transition-base), box-shadow var(--transition-base);padding:10px 12px;font-family:inherit;font-size:14px}.ui-input:focus,.ui-select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-light);outline:none}:where(select){border:1px solid var(--border-input);border-radius:var(--radius-md);background-color:var(--bg-input);color:var(--text-primary);font:inherit;padding:10px 12px;font-size:14px;line-height:normal}select:not([multiple]):not([size]):not([data-plain]){appearance:none;background-image:var(--select-chevron);text-overflow:ellipsis;cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background-position:right 12px center;background-repeat:no-repeat;background-size:10px 10px;padding-right:30px}select:not([multiple]):not([size]):not([data-plain]):hover:not(:disabled):not(:focus){border-color:var(--border-focus)}select:not([multiple]):not([size]):not([data-plain]):focus-visible,select:not([multiple]):not([size]):not([data-plain]):focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-light);outline:none}select:not([multiple]):not([size]):not([data-plain]):disabled{opacity:.55;cursor:not-allowed}.ui-empty-state{border-radius:calc(var(--radius-lg) + 4px);border:1px solid var(--border);background:radial-gradient(circle at top left, var(--surface-accent), transparent 52%), linear-gradient(180deg, var(--bg-surface), var(--bg-elevated));width:min(760px,100%);box-shadow:var(--shadow);flex-direction:column;justify-content:center;align-items:stretch;gap:16px;margin:0 auto;padding:28px;display:flex}.ui-empty-state__header{flex-direction:column;gap:8px;display:flex}.ui-empty-state__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:700}.ui-empty-state__title{color:var(--text-primary);font-size:28px;line-height:1.1}.ui-empty-state__description{color:var(--text-secondary);max-width:60ch;font-size:14px;line-height:1.6}.ui-status{border-radius:var(--radius-md);border:1px solid var(--border);align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.ui-status--info{background:var(--surface-info);color:var(--text-secondary)}.ui-status--success{background:var(--surface-success);color:var(--success)}.ui-status--error{background:var(--surface-danger);color:var(--danger)}.ui-chip{border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-elevated);min-height:24px;color:var(--text-secondary);align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex}.ui-field-meta{color:var(--text-muted);font-size:12px;line-height:1.5}.ui-modal-shell{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}@media (max-width:760px){.ui-empty-state{padding:20px}.ui-empty-state__title{font-size:24px}}
html.zen body{--hue-list:var(--text-secondary);--hue-reminders:var(--text-secondary);--hue-calendar:var(--text-secondary);--hue-chat:var(--text-secondary);--hue-pomodoro:var(--text-secondary);--hue-processes:var(--text-secondary);--hue-people:var(--text-secondary);--hue-workorders:var(--text-secondary);--hue-diagrams:var(--text-secondary);--hue-whiteboard:var(--text-secondary);--hue-github:var(--text-secondary);--hue-transport:var(--text-secondary);--hue-notifications:var(--text-secondary);--accent-gradient:var(--accent);--shadow-btn-hover:none;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--transition-fast:.16s cubic-bezier(.22, .7, .2, 1);--transition-base:.24s cubic-bezier(.22, .7, .2, 1);--dock-bg:color-mix(in srgb, var(--bg-surface) 92%, transparent);--dock-border:color-mix(in srgb, var(--text-primary) 8%, transparent);--dock-shadow:0 10px 30px #00000059, 0 1px 0 #ffffff08 inset;--hover-soft:color-mix(in srgb, var(--text-primary) 6%, transparent)}html.zen.light-mode body{--dock-shadow:0 10px 30px #1c1c1e1a, 0 1px 2px #1c1c1e0f}html.zen .nav{display:none}html.zen .main{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}html.zen .ui-button:hover{transform:none}
