:root{--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--header-height: 3.5rem;--header-height-mobile: 3.5rem;--header-padding-x: 1rem;--header-padding-x-mobile: .75rem;--header-gap: .5rem;--header-gap-md: .75rem;--sidebar-width: 5rem;--sidebar-width-expanded: 16rem;--left-panel-width: 18rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--color-bg-primary: #ffffff;--color-bg-secondary: #f9fafb;--color-bg-tertiary: #f3f4f6;--color-bg-hover: #e5e7eb;--color-text-primary: #111827;--color-text-secondary: #6b7280;--color-text-tertiary: #9ca3af;--color-text-muted: #d1d5db;--color-border-primary: #e5e7eb;--color-border-secondary: #f3f4f6;--color-accent-primary: #2563eb;--color-accent-hover: #1d4ed8;--color-accent-light: #dbeafe;--color-accent-muted: #eff6ff;--color-success: #22c55e;--color-success-light: #dcfce7;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-error: #ef4444;--color-error-light: #fee2e2;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-dropdown: 10;--z-sticky: 20;--z-header: 30;--z-sidebar: 40;--z-modal: 50;--z-toast: 60;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--touch-target-min: 44px;--button-height-sm: 32px;--button-height-md: 40px;--button-height-lg: 48px;--icon-xs: 12px;--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px;--icon-xl: 32px}.dark{--color-bg-primary: #171717;--color-bg-secondary: #262626;--color-bg-tertiary: #404040;--color-bg-hover: #525252;--color-text-primary: #ffffff;--color-text-secondary: #a3a3a3;--color-text-tertiary: #737373;--color-text-muted: #525252;--color-border-primary: #404040;--color-border-secondary: #262626;--color-accent-light: rgba(37, 99, 235, .2);--color-accent-muted: rgba(37, 99, 235, .1)}.header-safe-area{padding-left:max(var(--header-padding-x-mobile),env(safe-area-inset-left));padding-right:max(var(--header-padding-x-mobile),env(safe-area-inset-right))}@media (min-width: 768px){.header-safe-area{padding-left:var(--header-padding-x);padding-right:var(--header-padding-x)}}.unified-header{height:var(--header-height);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-primary);position:sticky;top:0;z-index:var(--z-header)}.view-mode-switcher{display:flex;align-items:center;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:2px;gap:2px}.view-mode-btn{padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast);color:var(--color-text-secondary)}.view-mode-btn:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.view-mode-btn.active{background:var(--color-bg-primary);color:var(--color-accent-primary);box-shadow:var(--shadow-sm)}@media (min-width: 768px){.view-mode-switcher{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);box-shadow:var(--shadow-sm)}.view-mode-btn.active{background:var(--color-accent-light)}}.touch-target{min-width:var(--touch-target-min);min-height:var(--touch-target-min)}@media (min-width: 640px){.touch-target{min-width:auto;min-height:auto}}[data-headlessui-state=open]{z-index:999999!important}.search-backdrop{position:fixed!important;inset:0!important;background:#000000e6!important;backdrop-filter:blur(8px)!important;z-index:999998!important}.search-panel{position:relative!important;z-index:999999!important}body:has([data-headlessui-state=open]) .z-50,body:has([data-headlessui-state=open]) .z-40,body:has([data-headlessui-state=open]) .z-30{z-index:1!important}body:has([data-headlessui-state=open]) [data-component=sidebar],body:has([data-headlessui-state=open]) [data-component=header]{z-index:1!important}.search-panel{animation:searchFadeIn .2s ease-out}@keyframes searchFadeIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}body:has([data-headlessui-state=open]){overflow:hidden!important}@media (max-width: 640px){.search-panel{margin-top:1rem!important;margin-left:.5rem!important;margin-right:.5rem!important;max-width:calc(100vw - 1rem)!important}}.mobile-menu-open{position:fixed!important;inset:0!important;z-index:10000000!important}.mobile-menu-toggle{position:relative;z-index:40;background-color:#fffffff2!important;border-radius:8px;padding:8px}.dark .mobile-menu-toggle{background-color:#1f2937f2!important}.mobile-menu-no-scroll{overflow:hidden!important;position:fixed!important;width:100%!important}body:has(.mobile-menu-panel) .z-50,body:has(.mobile-menu-panel) .z-40,body:has(.mobile-menu-panel) .z-30,body:has(.mobile-menu-panel) header,body:has(.mobile-menu-panel) nav:not(.mobile-menu-panel *),body:has(.mobile-menu-panel) main{z-index:1!important}.mobile-menu-panel{position:fixed!important;inset:0!important;z-index:10000001!important;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);background:#fff!important}.mobile-menu-backdrop{position:fixed!important;inset:0!important;z-index:10000000!important;background:#000000b3!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}.mobile-menu-item{transition:all .2s cubic-bezier(.4,0,.2,1)}.mobile-menu-item:hover{transform:scale(1.02) translateY(-1px)}.mobile-menu-item:active{transform:scale(.98) translateY(0)}.mobile-menu-container{position:fixed;inset:0;z-index:9999;pointer-events:none}.mobile-menu-container.mobile-menu-open{pointer-events:auto}.mobile-menu-backdrop{opacity:0;transition:opacity .3s ease-out;background:#00000080}.mobile-menu-container.mobile-menu-open .mobile-menu-backdrop{opacity:1}.mobile-menu-panel{transform:translate(-100%);transition:transform .3s ease-out;will-change:transform}.mobile-menu-panel.open{transform:translate(0)}.mobile-menu-panel{background:#fff!important;border-color:#e5e7eb}.dark .mobile-menu-panel{background:#1f2937!important;border-color:#4b5563}.mobile-menu-no-scroll{overflow:hidden;position:fixed;width:100%;height:100%}.mobile-menu-panel{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.mobile-menu-panel .overflow-y-auto{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(156,163,175,.5) transparent}.mobile-menu-panel .overflow-y-auto::-webkit-scrollbar{width:4px}.mobile-menu-panel .overflow-y-auto::-webkit-scrollbar-track{background:transparent}.mobile-menu-panel .overflow-y-auto::-webkit-scrollbar-thumb{background-color:#9ca3af80;border-radius:2px}.mobile-menu-panel .overflow-y-auto::-webkit-scrollbar-thumb:hover{background-color:#9ca3afcc}.mobile-menu-primary{background:linear-gradient(135deg,#3b82f61a,#6366f11a);border:1px solid rgba(59,130,246,.2)}.mobile-menu-danger{background:linear-gradient(135deg,#ef44441a,#dc26261a);border:1px solid rgba(239,68,68,.2)}.notification-badge{animation:pulse-notification 2s infinite}@keyframes pulse-notification{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@media (max-width: 320px){.mobile-menu-panel{width:100vw!important;max-width:100vw!important}}.mobile-menu-container{pointer-events:auto!important;touch-action:manipulation!important}.mobile-menu-container *{pointer-events:auto!important}@supports (padding: max(0px)){.header-safe-area{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-top:max(.5rem,env(safe-area-inset-top))}}.mobile-logo{display:flex;align-items:center;gap:.5rem;flex-shrink:0;margin-left:0}.mobile-logo-icon{width:36px;height:36px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;box-shadow:0 2px 8px #3b82f640}.mobile-logo-text{font-size:1rem;font-weight:700;color:#1f2937;letter-spacing:.05em}.dark .mobile-logo-text{color:#f9fafb}body:has(.mobile-menu-panel) .mobile-logo{opacity:0;pointer-events:none}.mobile-nav-simplified{display:flex;align-items:center;gap:.5rem}.mobile-menu-toggle{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:1px solid rgba(226,232,240,.8);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0f172a14;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:relative;overflow:hidden}.dark .mobile-menu-toggle{background:linear-gradient(135deg,#1e293bf2,#0f172af2);border-color:#334155cc;box-shadow:0 2px 8px #0003}.mobile-menu-toggle:hover{transform:translateY(-1px);background:linear-gradient(135deg,#fff,#f1f5f9);border-color:#3b82f64d;box-shadow:0 4px 12px #3b82f626}.dark .mobile-menu-toggle:hover{background:linear-gradient(135deg,#334155f2,#1e293bf2);border-color:#3b82f666;box-shadow:0 4px 12px #3b82f633}.mobile-menu-toggle:active{transform:translateY(0) scale(.96);background:linear-gradient(135deg,#3b82f61a,#93c5fd1a);box-shadow:0 2px 6px #3b82f633}.mobile-menu-toggle .burger-icon{position:relative;width:20px;height:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}.mobile-menu-toggle .burger-line{width:100%;height:2px;background:#475569;border-radius:1px;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.dark .mobile-menu-toggle .burger-line{background:#cbd5e1}.mobile-menu-toggle .burger-line:nth-child(1){margin-bottom:4px}.mobile-menu-toggle .burger-line:nth-child(3){margin-top:4px}.mobile-menu-toggle.menu-open .burger-line:nth-child(1){transform:translateY(6px) rotate(45deg)}.mobile-menu-toggle.menu-open .burger-line:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-menu-toggle.menu-open .burger-line:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-menu-toggle:before{content:"";position:absolute;inset:-2px;border-radius:14px;background:linear-gradient(45deg,transparent,rgba(59,130,246,.1),transparent);opacity:0;transition:opacity .3s ease}.mobile-menu-toggle:hover:before{opacity:1}.mobile-search-btn{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:#3b82f6;cursor:pointer;transition:all .15s ease}.dark .mobile-search-btn{background:#3b82f626;border-color:#3b82f64d;color:#60a5fa}.mobile-search-btn:active{transform:scale(.95);background:#3b82f633}.touch-target{min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}@media (hover: none) and (pointer: coarse){.mobile-button{transition:all .12s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent}.mobile-button:active{transform:scale(.96);opacity:.8}}@media (max-width: 768px){.hide-on-mobile{display:none!important}.mobile-only{display:flex!important}}@media (min-width: 769px){.mobile-only{display:none!important}}@media (max-width: 360px){.mobile-logo-text{display:none}.mobile-nav-simplified{gap:.25rem}.mobile-menu-toggle,.mobile-search-btn{width:36px;height:36px}}.header-mobile{transform:translateZ(0);will-change:auto;contain:layout style}.mobile-add-btn{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;color:#fff;cursor:pointer;transition:all .15s ease;box-shadow:0 4px 12px #3b82f64d}.mobile-add-btn:active{transform:scale(.92);box-shadow:0 2px 8px #3b82f666}.mobile-add-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 6px 16px #3b82f666}.mobile-add-btn:before{content:"";position:absolute;width:100%;height:100%;border-radius:12px;background:#3b82f64d;animation:pulse 2s infinite;z-index:-1}@keyframes pulse{0%{transform:scale(1);opacity:.7}50%{transform:scale(1.1);opacity:.3}to{transform:scale(1);opacity:.7}}@media (prefers-reduced-motion: reduce){.mobile-button,.mobile-menu-toggle,.mobile-search-btn,.mobile-add-btn{transition:none!important;transform:none!important}.mobile-add-btn:before{animation:none!important}}.sticky-header-mobile{position:sticky;top:0;z-index:40;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@media (prefers-color-scheme: dark){.dark-mobile-optimize{background-color:#111827f2}}@media (prefers-reduced-motion: reduce){.mobile-button{transition:none}}.focus-visible-mobile:focus-visible{outline:2px solid #3B82F6;outline-offset:2px;border-radius:.375rem}@media (prefers-contrast: high){.high-contrast-mobile{border:2px solid currentColor}}