.dashboard-transition{transition:margin-left .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1)}.sidebar-push{will-change:margin-left}@keyframes slideInLeft{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOutLeft{0%{transform:translateX(0);opacity:1}to{transform:translateX(-100%);opacity:0}}.nav-scrolled{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)}.search-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}@media (max-width:1024px){.dashboard-content{margin-left:0!important}}.smooth-scroll{scrollbar-color:#9ca3af #f3f4f6}.smooth-scroll::-webkit-scrollbar{width:8px;height:8px}.smooth-scroll::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.smooth-scroll::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:4px}.smooth-scroll::-webkit-scrollbar-thumb:hover{background:#6b7280}.dark .smooth-scroll{scrollbar-color:#4b5563 #111827}.dark .smooth-scroll::-webkit-scrollbar-track{background:#111827}.dark .smooth-scroll::-webkit-scrollbar-thumb{background:#4b5563}.dark .smooth-scroll::-webkit-scrollbar-thumb:hover{background:#6b7280}.skeleton-loading{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#e5e7eb 4%,#d1d5db 25%,#e5e7eb 36%);background-size:936px 100%}.dark .skeleton-loading{background:linear-gradient(90deg,#1f2937 4%,#374151 25%,#1f2937 36%)}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.sr-only:active,.sr-only:focus{position:static!important;width:auto!important;height:auto!important;padding:inherit!important;margin:inherit!important;overflow:visible!important;clip:auto!important;white-space:inherit!important}@media (prefers-contrast:high){.border-gray-200,.border-gray-300,.dark\\:border-gray-600,.dark\\:border-gray-700{border-color:currentColor!important}[role=button],button{border:2px solid!important}:focus{outline:3px solid currentColor!important;outline-offset:2px!important}.dark\\:text-gray-400,.dark\\:text-gray-500,.text-gray-500,.text-gray-600{color:currentColor!important;font-weight:600!important}.bg-gray-100,.bg-gray-50,.dark\\:bg-gray-800,.dark\\:bg-gray-900{background-color:Canvas!important;color:CanvasText!important}.note-card,[role=button],[role=checkbox]{border:2px solid!important}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.group:hover .group-hover\\:scale-105,.group:hover .group-hover\\:scale-110,.hover\\:scale-105:hover,.hover\\:scale-110:hover{transform:none!important}.hover\\:shadow-lg:hover,.hover\\:shadow-md:hover{box-shadow:0 0 0 2px currentColor!important}}.focus-visible{outline:2px solid #3b82f6!important;outline-offset:2px!important}:focus-visible{outline:2px solid #3b82f6!important;outline-offset:2px!important}@media (prefers-color-scheme:dark){:focus-visible{outline-color:#60a5fa!important}}[role=button]:focus-visible,button:focus-visible{outline:2px solid #3b82f6!important;outline-offset:2px!important;box-shadow:0 0 0 4px rgba(59,130,246,.1)!important}.skip-link{padding:8px}a{-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}a:focus{outline:2px solid currentColor;outline-offset:2px}[role=button],a,button,input,select,textarea{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}[role=button][aria-label],button[aria-label]{min-height:40px;min-width:40px}.live-region{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.status-indicator:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}.status-error:before{background:#ef4444}.status-success:before{background:#10b981}.status-warning:before{background:#f59e0b}@media (prefers-contrast:high){.status-error:before{background:currentColor;border:2px solid}.status-success:before{background:transparent;border:2px solid}.status-warning:before{background:currentColor;border:2px dashed}}@media screen and (-ms-high-contrast:active){.note-card,[role=button],a,button,input,select,textarea{border:1px solid ButtonText!important}:focus{outline:2px solid Highlight!important}.bg-gray-50,.bg-white,.dark\\:bg-gray-800,.dark\\:bg-gray-900{background:ButtonFace!important;color:ButtonText!important}}@media print{a[href]:after{content:" (" attr(href) ")";font-size:.8em;color:#666}[aria-hidden=true]{display:none!important}*{color:#000!important;background:#fff!important}}.motion-safe\\:transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (prefers-reduced-motion:reduce){.motion-safe\\:transition{transition:none!important}}.focus-ring-white:focus,.focus-ring:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px}.focus-ring-white:focus{--tw-ring-offset-color:#fff}.focus-ring-gray:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px;--tw-ring-offset-color:#f3f4f6}.dark .focus-ring:focus:is(.dark *){--tw-ring-offset-color:#111827}.dark .focus-ring-gray:focus:is(.dark *){--tw-ring-offset-color:#1f2937}.font-scale-sm{font-size:.875rem!important}.font-scale-base{font-size:1rem!important}.font-scale-lg{font-size:1.125rem!important}.font-scale-xl{font-size:1.25rem!important}.font-scale-2xl{font-size:1.5rem!important}:root{--font-scale:1}.font-scalable{font-size:calc(1rem * var(--font-scale))}.text-scalable-sm{font-size:calc(.875rem * var(--font-scale))}.text-scalable-lg{font-size:calc(1.125rem * var(--font-scale))}.text-scalable-xl{font-size:calc(1.25rem * var(--font-scale))}@media (prefers-contrast:high){.note-card{border:2px solid!important;background:Canvas!important;color:CanvasText!important}.note-card:focus{outline:3px solid Highlight!important;outline-offset:2px!important}.note-actions button{border:1px solid ButtonText!important;background:ButtonFace!important;color:ButtonText!important}.note-actions button:focus,.note-actions button:hover{background:Highlight!important;color:HighlightText!important;border-color:Highlight!important}.color-picker-option{border:2px solid ButtonText!important}.color-picker-option[aria-checked=true]{background:Highlight!important;border-color:Highlight!important}.note-label{border:1px solid!important;background:Canvas!important;color:CanvasText!important}.status-indicator:before{content:attr(data-status) " "!important;color:currentColor!important;background:transparent!important}}@media (forced-colors:active){.bg-gray-100,.bg-gray-50,.bg-white,.dark\:bg-gray-800,.dark\:bg-gray-900,.note-card{background:Canvas!important;color:CanvasText!important;border:1px solid CanvasText!important}[role=button],button,input,select,textarea{background:ButtonFace!important;color:ButtonText!important;border:1px solid ButtonText!important}[role=button]:focus,[role=button]:hover,button:focus,button:hover{background:Highlight!important;color:HighlightText!important;border-color:Highlight!important}a{color:LinkText!important}a:visited{color:VisitedText!important}:focus{outline:2px solid Highlight!important;outline-offset:2px!important}}.skip-link{position:absolute;top:-100px;left:0;background:#000;color:#fff;padding:12px 16px;text-decoration:none;z-index:9999;border-radius:0 0 4px 0;font-weight:600;font-size:16px;transition:top .3s}.skip-link:focus{top:0;outline:2px solid #fff;outline-offset:2px}@media (prefers-color-scheme:dark){.skip-link{background:#fff;color:#000}.skip-link:focus{outline-color:#000}}@media (forced-colors:active),(prefers-contrast:high){.skip-link{background:ButtonFace!important;color:ButtonText!important;border:2px solid ButtonText!important}.skip-link:focus{background:Highlight!important;color:HighlightText!important;outline:2px solid HighlightText!important}}.a11y-notes-grid{role:grid}.a11y-note-cell{role:gridcell}.a11y-status-live{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.a11y-focus-trap:focus{outline:none}.a11y-touch-target{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}@media (prefers-contrast:high){.a11y-pattern-solid:before{background:currentColor!important}.a11y-pattern-striped:before{background:repeating-linear-gradient(45deg,currentColor,currentColor 2px,transparent 0,transparent 4px)!important}.a11y-pattern-dotted:before{background:radial-gradient(circle,currentColor 1px,transparent 0)!important;background-size:4px 4px!important}}.theme-ocean-breeze,:root[data-theme=ocean-breeze]{--theme-primary:#5dade2;--theme-primary-light:#7bc2e8;--theme-primary-dark:#4a97cb;--theme-primary-rgb:93,173,226;--theme-secondary:#ff6b35;--theme-secondary-light:#ff8a56;--theme-secondary-dark:#e8571e;--theme-secondary-rgb:255,107,53;--theme-accent:#45b7d1;--theme-accent-light:#66c4dc;--theme-accent-dark:#3ba3c1;--theme-accent-rgb:69,183,209;--theme-background:#f8fdff;--theme-foreground:#1e293b;--theme-card:#fff;--theme-border:#e1f5fe;--theme-muted:#f1f9ff;--gradient-primary:linear-gradient(135deg,#5dade2,#45b7d1);--gradient-secondary:linear-gradient(135deg,#ff6b35,#ff8a50);--gradient-hero:linear-gradient(135deg,#5dade2,#ff6b35 50%,#45b7d1);--gradient-accent:linear-gradient(135deg,#45b7d1,#5dade2)}.theme-forest-sage,:root[data-theme=forest-sage]{--theme-primary:#27ae60;--theme-primary-light:#45c678;--theme-primary-dark:#1f8b4c;--theme-primary-rgb:39,174,96;--theme-secondary:#8e44ad;--theme-secondary-light:#a569bd;--theme-secondary-dark:#7d3c98;--theme-secondary-rgb:142,68,173;--theme-accent:#2ecc71;--theme-accent-light:#58d68d;--theme-accent-dark:#28b463;--theme-accent-rgb:46,204,113;--theme-background:#f8fff8;--theme-foreground:#1a2e1a;--theme-card:#fff;--theme-border:#e8f5e8;--theme-muted:#f0fbf0;--gradient-primary:linear-gradient(135deg,#27ae60,#2ecc71);--gradient-secondary:linear-gradient(135deg,#8e44ad,#9b59b6);--gradient-hero:linear-gradient(135deg,#27ae60,#8e44ad 50%,#2ecc71);--gradient-accent:linear-gradient(135deg,#2ecc71,#27ae60)}.theme-sunset-glow,:root[data-theme=sunset-glow]{--theme-primary:#e74c3c;--theme-primary-light:#ec7063;--theme-primary-dark:#c0392b;--theme-primary-rgb:231,76,60;--theme-secondary:#f39c12;--theme-secondary-light:#f7dc6f;--theme-secondary-dark:#d68910;--theme-secondary-rgb:243,156,18;--theme-accent:#e67e22;--theme-accent-light:#eb984e;--theme-accent-dark:#ca6f1e;--theme-accent-rgb:230,126,34;--theme-background:#fffaf7;--theme-foreground:#2c1810;--theme-card:#fff;--theme-border:#fef2ed;--theme-muted:#fdf7f0;--gradient-primary:linear-gradient(135deg,#e74c3c,#c0392b);--gradient-secondary:linear-gradient(135deg,#f39c12,#e67e22);--gradient-hero:linear-gradient(135deg,#e74c3c,#f39c12 50%,#e67e22);--gradient-accent:linear-gradient(135deg,#e67e22,#e74c3c)}.theme-default,:root[data-theme=default]{--theme-primary:#8b5cf6;--theme-primary-light:#a78bfa;--theme-primary-dark:#7c3aed;--theme-primary-rgb:139,92,246;--theme-secondary:#06b6d4;--theme-secondary-light:#22d3ee;--theme-secondary-dark:#0891b2;--theme-secondary-rgb:6,182,212;--theme-accent:#3b82f6;--theme-accent-light:#60a5fa;--theme-accent-dark:#2563eb;--theme-accent-rgb:59,130,246;--theme-background:#fafafa;--theme-foreground:#1a202c;--theme-card:#fff;--theme-border:#e2e8f0;--theme-muted:#f7fafc;--gradient-primary:linear-gradient(135deg,#8b5cf6,#7c3aed);--gradient-secondary:linear-gradient(135deg,#06b6d4,#0891b2);--gradient-hero:linear-gradient(135deg,#8b5cf6,#06b6d4 50%,#3b82f6);--gradient-accent:linear-gradient(135deg,#3b82f6,#8b5cf6)}.bg-theme-primary{background-color:var(--theme-primary)}.bg-theme-secondary{background-color:var(--theme-secondary)}.bg-theme-accent{background-color:var(--theme-accent)}.text-theme-primary{color:var(--theme-primary)}.text-theme-secondary{color:var(--theme-secondary)}.text-theme-accent{color:var(--theme-accent)}.border-theme-primary{border-color:var(--theme-primary)}.border-theme-secondary{border-color:var(--theme-secondary)}.border-theme-accent{border-color:var(--theme-accent)}.bg-gradient-primary{background:var(--gradient-primary)}.bg-gradient-secondary{background:var(--gradient-secondary)}.bg-gradient-hero{background:var(--gradient-hero)}.bg-gradient-accent{background:var(--gradient-accent)}.theme-transition{transition:background-color .3s ease,border-color .3s ease,color .3s ease}@media (prefers-contrast:high){:root[data-theme]{--theme-background:#fff;--theme-foreground:#000;--theme-border:#333}.dark[data-theme]{--theme-background:#000;--theme-foreground:#fff;--theme-border:#ccc}}@media (prefers-reduced-motion:reduce){.theme-transition{transition:none}}:root{--nav-glass-bg:hsla(0,0%,100%,.7);--nav-glass-bg-dark:rgba(31,39,54,.7);--nav-glass-blur:12px;--nav-glass-border:hsla(0,0%,100%,.18);--nav-glass-border-dark:hsla(0,0%,100%,.08);--nav-backdrop-blur:8px;--nav-backdrop-saturation:180%;--nav-backdrop-opacity:0.8;--nav-bg:hsla(0,0%,100%,.95);--nav-bg-dark:rgba(24,28,37,.95);--nav-border:rgba(226,232,240,.5);--nav-border-dark:rgba(45,54,80,.5);--nav-shadow:0 2px 8px rgba(0,0,0,.04);--nav-shadow-dark:0 2px 8px rgba(0,0,0,.2);--mobile-menu-bg:hsla(0,0%,100%,.98);--mobile-menu-bg-dark:rgba(24,28,37,.98);--mobile-menu-backdrop:rgba(0,0,0,.3);--mobile-menu-backdrop-dark:rgba(0,0,0,.5);--mobile-menu-width:280px;--nav-height:64px;--nav-height-mobile:56px;--z-nav-backdrop:40;--z-nav-menu:50;--z-nav-bar:60;--z-nav-dropdown:70;--z-nav-modal:80;--nav-transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--nav-transition-base:300ms cubic-bezier(0.4,0,0.2,1);--nav-transition-slow:500ms cubic-bezier(0.4,0,0.2,1);--nav-hover-bg:rgba(139,92,246,.08);--nav-hover-bg-dark:rgba(139,92,246,.15);--nav-active-bg:rgba(139,92,246,.12);--nav-active-bg-dark:rgba(139,92,246,.2)}.dark{--nav-glass-bg:var(--nav-glass-bg-dark);--nav-glass-border:var(--nav-glass-border-dark);--nav-bg:var(--nav-bg-dark);--nav-border:var(--nav-border-dark);--nav-shadow:var(--nav-shadow-dark);--mobile-menu-bg:var(--mobile-menu-bg-dark);--mobile-menu-backdrop:var(--mobile-menu-backdrop-dark);--nav-hover-bg:var(--nav-hover-bg-dark);--nav-active-bg:var(--nav-active-bg-dark)}.nav-glass{background-color:var(--nav-glass-bg);backdrop-filter:blur(var(--nav-glass-blur));-webkit-backdrop-filter:blur(var(--nav-glass-blur));border:1px solid var(--nav-glass-border);box-shadow:var(--nav-shadow);transition:all var(--nav-transition-base)}.nav-glass-strong{background-color:var(--nav-bg);backdrop-filter:blur(calc(var(--nav-glass-blur) * 1.5));-webkit-backdrop-filter:blur(calc(var(--nav-glass-blur) * 1.5))}.nav-item{position:relative;transition:all var(--nav-transition-fast);border-radius:.5rem;padding:.5rem 1rem}.nav-item:hover{background-color:var(--nav-hover-bg)}.nav-item.active{background-color:var(--nav-active-bg);color:var(--theme-primary,#8b5cf6)}.nav-item:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--gradient-primary,linear-gradient(135deg,#8b5cf6 0,#7c3aed 100%));transform:translateX(-50%);transition:width var(--nav-transition-fast)}.nav-item.active:after,.nav-item:hover:after{width:80%}@keyframes slide-in-left{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slide-out-left{0%{transform:translateX(0);opacity:1}to{transform:translateX(-100%);opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.mobile-menu{position:fixed;top:0;left:0;height:100dvh;width:var(--mobile-menu-width);background-color:var(--mobile-menu-bg);box-shadow:2px 0 12px rgba(0,0,0,.1);z-index:var(--z-nav-menu);transform:translateX(-100%);transition:transform var(--nav-transition-base)}.mobile-menu.open{transform:translateX(0)}.mobile-menu-backdrop{position:fixed;inset:0;background-color:var(--mobile-menu-backdrop);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--z-nav-backdrop);opacity:0;visibility:hidden;transition:opacity var(--nav-transition-base),visibility var(--nav-transition-base)}.mobile-menu-backdrop.visible{opacity:1;visibility:visible}.nav-dropdown{position:absolute;top:100%;min-width:200px;background-color:var(--nav-bg);border:1px solid var(--nav-border);border-radius:.75rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--nav-transition-fast);z-index:var(--z-nav-dropdown)}.nav-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}.nav-button{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:.5rem;font-weight:500;transition:all var(--nav-transition-fast);overflow:hidden}.nav-button:before{content:"";position:absolute;inset:0;background:var(--gradient-primary,linear-gradient(135deg,#8b5cf6 0,#7c3aed 100%));opacity:0;transition:opacity var(--nav-transition-fast)}.nav-button:hover:before{opacity:.1}.nav-button.primary{background:var(--gradient-primary,linear-gradient(135deg,#8b5cf6 0,#7c3aed 100%));color:#fff}.nav-button.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(139,92,246,.4)}.nav-icon{transition:transform var(--nav-transition-fast)}.nav-item:hover .nav-icon{transform:scale(1.1)}.nav-item.active .nav-icon{transform:scale(1.15)}.hamburger{width:24px;height:24px;position:relative;cursor:pointer}.hamburger span{position:absolute;left:0;width:100%;height:2px;background-color:currentColor;border-radius:1px;transition:all var(--nav-transition-fast)}.hamburger span:first-child{top:6px}.hamburger span:nth-child(2){top:11px}.hamburger span:nth-child(3){top:16px}.hamburger.active span:first-child{transform:rotate(45deg);top:11px}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg);top:11px}.nav-search{position:relative;width:100%;max-width:400px}.nav-search input{width:100%;padding:.5rem 1rem .5rem 2.5rem;background-color:var(--nav-glass-bg);border:1px solid var(--nav-border);border-radius:2rem;transition:all var(--nav-transition-fast)}.nav-search input:focus{background-color:var(--nav-bg);border-color:var(--theme-primary,#8b5cf6);box-shadow:0 0 0 3px rgba(139,92,246,.1)}.nav-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--muted-foreground);transition:color var(--nav-transition-fast)}.nav-search input:focus~.nav-search-icon{color:var(--theme-primary,#8b5cf6)}@media (max-width:768px){:root{--nav-height:var(--nav-height-mobile)}.nav-glass{backdrop-filter:blur(calc(var(--nav-glass-blur) * .8));-webkit-backdrop-filter:blur(calc(var(--nav-glass-blur) * .8))}}.nav-loading{position:relative;overflow:hidden}.nav-loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);animation:nav-shimmer 2s infinite}@keyframes nav-shimmer{to{left:100%}}.nav-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;background-color:var(--destructive,#ef4444);color:#fff;font-size:.625rem;font-weight:700;border-radius:9px;display:flex;align-items:center;justify-content:center;animation:nav-badge-pulse 2s ease-in-out infinite}@keyframes nav-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.nav-tooltip{bottom:calc(100% + 8px);padding:.25rem .75rem;background-color:var(--foreground);color:var(--background);font-size:.75rem;border-radius:.25rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--nav-transition-fast);pointer-events:none}.nav-tooltip,.nav-tooltip:after{position:absolute;left:50%;transform:translateX(-50%)}.nav-tooltip:after{content:"";top:100%;border:4px solid transparent;border-top:4px solid var(--foreground)}.nav-item:hover .nav-tooltip{opacity:1;visibility:visible}.nav-button:focus-visible,.nav-item:focus-visible{outline:2px solid var(--theme-primary,#8b5cf6);outline-offset:2px}.skip-nav{position:absolute;top:-40px;left:0;background-color:var(--nav-bg);color:var(--foreground);padding:.5rem 1rem;border-radius:.25rem;text-decoration:none;z-index:var(--z-nav-modal);transition:top var(--nav-transition-fast)}.skip-nav:focus{top:.5rem}.nav-item.theme-primary{color:var(--theme-primary)}.nav-item.theme-secondary{color:var(--theme-secondary)}.nav-item.theme-accent{color:var(--theme-accent)}:root{--gradient-primary:linear-gradient(135deg,#3b82f6,#10b981);--gradient-secondary:linear-gradient(135deg,#8b5cf6,#7c3aed);--gradient-accent:linear-gradient(135deg,#06b6d4,#10b981);--gradient-subtle:linear-gradient(135deg,rgba(59,130,246,.1),rgba(16,185,129,.1));--glass-bg:hsla(0,0%,100%,.01);--glass-bg-hover:hsla(0,0%,100%,.05);--glass-bg-active:rgba(59,130,246,.08);--glass-border:hsla(0,0%,100%,.08);--glass-border-gradient:linear-gradient(135deg,rgba(59,130,246,.1),rgba(16,185,129,.1));--glass-shadow:0 8px 32px rgba(59,130,246,.06);--glass-shadow-hover:0 12px 48px rgba(59,130,246,.12);--glass-bg-dark:rgba(17,24,39,.01);--glass-bg-hover-dark:rgba(17,24,39,.05);--glass-bg-active-dark:rgba(59,130,246,.12);--glass-border-dark:hsla(0,0%,100%,.06);--glass-shadow-dark:0 8px 32px rgba(0,0,0,.3);--blur-sm:8px;--blur-md:12px;--blur-lg:20px;--blur-xl:24px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:300ms cubic-bezier(0.4,0,0.2,1);--transition-slow:500ms cubic-bezier(0.4,0,0.2,1);--transition-spring:500ms cubic-bezier(0.68,-0.55,0.265,1.55)}.dark{--glass-bg:var(--glass-bg-dark);--glass-bg-hover:var(--glass-bg-hover-dark);--glass-bg-active:var(--glass-bg-active-dark);--glass-border:var(--glass-border-dark);--glass-shadow:var(--glass-shadow-dark)}.glass-nav{background:var(--glass-bg);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:1px solid var(--glass-border);position:relative;transition:all var(--transition-base)}.glass-nav:before{content:"";position:absolute;inset:0;background:var(--gradient-subtle);opacity:0;transition:opacity var(--transition-base);pointer-events:none;border-radius:inherit}.glass-nav:hover:before{opacity:1}.glass-sidebar{background:transparent;border-right:1px solid;-o-border-image:linear-gradient(180deg,rgba(59,130,246,.1),transparent 50%,rgba(16,185,129,.1)) 1;border-image:linear-gradient(180deg,rgba(59,130,246,.1),transparent 50%,rgba(16,185,129,.1)) 1;box-shadow:var(--glass-shadow)}.glass-sidebar,.glass-topnav{backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md))}.glass-topnav{background:hsla(0,0%,100%,.5);border-bottom:1px solid hsla(0,0%,100%,.2);box-shadow:0 1px 3px rgba(0,0,0,.05);transition:all var(--transition-base)}.dark .glass-topnav{background:rgba(17,24,39,.5);border-bottom:1px solid hsla(0,0%,100%,.1)}.glass-topnav.scrolled{backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));background:hsla(0,0%,100%,.8);box-shadow:var(--glass-shadow)}.dark .glass-topnav.scrolled{background:rgba(17,24,39,.8)}.glass-nav-item{position:relative;border-radius:.75rem;transition:all var(--transition-fast);overflow:hidden;border:1px solid transparent}.glass-nav-item:before{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-fast);border-radius:inherit}.glass-nav-item:hover{background:var(--glass-bg-hover);border-color:var(--glass-border);transform:translateX(2px)}.glass-nav-item:hover:before{opacity:.05}.glass-nav-item.active{background:var(--glass-bg-active);border:1px solid;-o-border-image:var(--glass-border-gradient) 1;border-image:var(--glass-border-gradient) 1;box-shadow:inset 0 1px 2px rgba(59,130,246,.1)}.glass-nav-item.active:before{opacity:.1}.glass-button{background:var(--glass-bg);backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(var(--blur-sm));border:1px solid var(--glass-border);border-radius:.75rem;transition:all var(--transition-fast);position:relative;overflow:hidden}.glass-button:before{content:"";position:absolute;inset:-50%;background:radial-gradient(circle,rgba(59,130,246,.4) 0,transparent 70%);opacity:0;transition:opacity var(--transition-base);pointer-events:none}.glass-button:hover{background:var(--glass-bg-hover);border-color:rgba(59,130,246,.2);transform:translateY(-1px);box-shadow:var(--glass-shadow-hover)}.glass-button:hover:before{opacity:1}.glass-button:active{transform:translateY(0)}.glass-button:active,.magnetic-hover{transition:transform var(--transition-fast)}.glass-dropdown{background:hsla(0,0%,100%,.9);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));border:1px solid var(--glass-border);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04),inset 0 1px 1px hsla(0,0%,100%,.1);border-radius:.75rem}.dark .glass-dropdown{background:rgba(17,24,39,.9);box-shadow:0 20px 25px -5px rgba(0,0,0,.3),0 10px 10px -5px rgba(0,0,0,.2),inset 0 1px 1px hsla(0,0%,100%,.05)}.glow-blue{box-shadow:0 0 20px rgba(59,130,246,.3),0 0 40px rgba(59,130,246,.2),0 0 60px rgba(59,130,246,.1)}.glow-emerald{box-shadow:0 0 20px rgba(16,185,129,.3),0 0 40px rgba(16,185,129,.2),0 0 60px rgba(16,185,129,.1)}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer-effect{position:relative;overflow:hidden}.shimmer-effect:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);animation:shimmer 3s infinite;pointer-events:none}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 rgba(59,130,246,.4),inset 0 1px 2px rgba(59,130,246,.1)}50%{box-shadow:0 0 0 4px rgba(59,130,246,0),inset 0 1px 2px rgba(59,130,246,.1)}}.pulse-active{animation:pulse-glow 2s infinite}.floating{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.edge-glow{position:absolute;right:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent,rgba(59,130,246,.5) 20%,rgba(16,185,129,.5) 80%,transparent);opacity:0;transition:opacity var(--transition-base)}.edge-glow.active{opacity:1}.smooth-scroll{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(59,130,246,.3) transparent}.smooth-scroll::-webkit-scrollbar{width:6px}.smooth-scroll::-webkit-scrollbar-track{background:transparent}.smooth-scroll::-webkit-scrollbar-thumb{background:rgba(59,130,246,.3);border-radius:3px}.smooth-scroll::-webkit-scrollbar-thumb:hover{background:rgba(59,130,246,.5)}.glass-button:focus-visible,.glass-nav-item:focus-visible{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 2px var(--background),0 0 0 4px rgba(59,130,246,.5)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width:768px){:root{--blur-sm:6px;--blur-md:10px;--blur-lg:16px;--blur-xl:20px}.glass-nav{backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(var(--blur-sm))}}.ripple{position:absolute;border-radius:50%;background:radial-gradient(circle,hsla(0,0%,100%,.5) 0,transparent 70%);transform:scale(0);animation:ripple-animation .6s ease-out;pointer-events:none}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}.stagger-item{opacity:0;transform:translateY(20px);animation:stagger-in .4s ease-out forwards}@keyframes stagger-in{to{opacity:1;transform:translateY(0)}}.typewriter-cursor{display:inline-block;width:2px;height:1em;background:currentColor;animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.glass-button,.glass-nav,.glass-nav-item{will-change:transform;contain:layout style paint}.glass-sidebar,.glass-topnav{contain:layout style}.nav-button,.nav-glass,.nav-glass-strong,.nav-item,[class*=nav-gradient]{transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;perspective:1000px;-webkit-perspective:1000px}.nav-button,.nav-item{will-change:transform,opacity;transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.z-nav-bar{contain:layout style paint}.scrollbar-thin{will-change:scroll-position;-webkit-overflow-scrolling:touch;overflow-scrolling:touch}.group:hover .group-hover\:opacity-100,.group:hover .group-hover\:scale-110{will-change:opacity,transform}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;will-change:opacity}.animate-bounce{animation:bounce 1s infinite;will-change:transform}.backdrop-blur-lg,.backdrop-blur-md,.backdrop-blur-sm{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);will-change:backdrop-filter}[data-framer-motion]{will-change:transform}.bg-gradient-to-br,.bg-gradient-to-l,.bg-gradient-to-r,.bg-gradient-to-tl{background-attachment:fixed;will-change:background-position}[role=tooltip]{will-change:opacity,transform;contain:layout style paint}[data-state=open]{will-change:opacity,transform;contain:layout style}.hover\:scale-105:hover{transform:scale(1.05) translateZ(0)}.hover\:scale-110:hover{transform:scale(1.1) translateZ(0)}.notification-badge{will-change:transform,opacity;contain:layout}.fixed{will-change:transform;transform:translateZ(0)}.nav-button.active,.nav-item.active{transform:scale(1.05) translateZ(0);will-change:auto}@media (hover:hover){.nav-button:hover,.nav-item:hover{transform:scale(1.05) translateZ(0)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;will-change:auto!important}}@media (max-width:640px){.backdrop-blur-lg,.backdrop-blur-md,.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.05)}}.note-card:has(.color-picker-option:focus-visible),.note-card:has(.note-actions:hover),.note-card:has([aria-expanded=true]),.note-card:hover{.note-actions{opacity:1}}.note-card:has(:focus-visible){--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1));--tw-ring-opacity:0.5}.task-list-item{will-change:background-color}.task-list-item:has(.task-menu-trigger[aria-expanded=true]) .task-menu-trigger,.task-list-item:hover .task-menu-trigger{opacity:1}.feature-list-item{will-change:background-color}.feature-list-item:has(.feature-menu-trigger[aria-expanded=true]) .feature-menu-trigger,.feature-list-item:hover .feature-menu-trigger{opacity:1}.card-container:has(input[type=checkbox]:checked){--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.card-container:has(input[type=checkbox]:checked):is(.dark *){--tw-border-opacity:1;border-color:rgb(30 64 175/var(--tw-border-opacity,1));background-color:rgba(30,58,138,.1)}.notes-grid:has(.note-card[data-pinned=true]){gap:1rem}.form-section:has(input:focus,textarea:focus,select:focus){border-radius:var(--radius);--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1));transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;border-radius:.75rem}.form-section:has(input:focus,textarea:focus,select:focus):is(.dark *){background-color:rgba(31,41,55,.5)}.input-wrapper:has(input:focus) .helper-text,.input-wrapper:has(textarea:focus) .helper-text{max-height:5rem;opacity:1;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.nav-section:has(.nav-link[aria-current=page]){border-radius:var(--radius);--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));border-radius:.75rem}.nav-section:has(.nav-link[aria-current=page]):is(.dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.nav-item:has(.nav-link:hover,.nav-link:focus,.submenu:hover) .submenu{pointer-events:auto;--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}.card-header:has(button:hover,button:focus,[aria-expanded=true]){.card-actions{gap:.5rem;opacity:1}.card-title{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.card-title:is(.dark *){--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}}.sticky-notes-grid:has(.note-card[data-editing=true]){gap:1.5rem;.note-card:not([data-editing=true]){--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:.6}}.dropdown-wrapper:has([role=menu]:not(.hidden)) .dropdown-trigger{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.dropdown-wrapper:has([role=menu]:not(.hidden)) .dropdown-trigger:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.notes-container:has(.note-card[aria-checked=true]){border-top-width:4px;--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1));padding-top:.5rem;.bulk-actions-bar{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}}.content-section:has(.content-item) .empty-state{display:none}.dropdown-wrapper:has([role=menu]:not(.content-section:has(.content-item) .empty-state)) .dropdown-trigger{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.dropdown-wrapper:has([role=menu]:not(.content-section:has(.content-item) .empty-state)) .dropdown-trigger:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.hover-show-child:has(.on-parent-hover:hover) .on-parent-hover,.hover-show-child:hover .on-parent-hover{opacity:1}.focus-parent:has(:focus-visible){--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1));--tw-ring-opacity:0.5}.focus-parent:has(:focus-visible):is(.dark *){background-color:rgba(30,58,138,.2)}.conditional-grid:has(.grid-item:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:768px){.conditional-grid:has(.grid-item:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}}.conditional-grid:not(:has(.grid-item:nth-child(4))){grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:768px){.conditional-grid:not(:has(.grid-item:nth-child(4))){grid-template-columns:repeat(3,minmax(0,1fr))}}.optimized-list{contain:layout style}.optimized-list:has(.list-item[data-active=true]){contain:layout}.note-item:has(.note-menu-trigger:hover),.note-item:has(.note-menu-trigger[aria-expanded=true]),.note-item:hover{.note-menu-trigger{opacity:1}}.note-item:has(.note-menu-trigger:focus-visible){--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.notes-grid:has(.note-card[data-pinned=true]){position:relative}.notes-grid:has(.note-card[data-pinned=true]):before{content:"";position:absolute;top:-.5rem;left:0;right:0;height:.125rem;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#60a5fa var(--tw-gradient-from-position);--tw-gradient-to:rgba(96,165,250,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:rgba(59,130,246,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#3b82f6 var(--tw-gradient-via-position),var(--tw-gradient-to);--tw-gradient-to:#60a5fa var(--tw-gradient-to-position)}.notes-grid:has(.note-card[data-editing=true]){gap:1.5rem}.notes-grid:has(.note-card[data-editing=true]) .note-card:not([data-editing=true]){pointer-events:none;opacity:.5}.notes-container:has(.note-card[aria-checked=true]) .bulk-actions-bar{pointer-events:auto;--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}@media (min-width:1024px){.notes-grid:not(:has(.note-card:nth-child(7))){grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.notes-grid:has(.note-card:nth-child(7)){grid-template-columns:repeat(4,minmax(0,1fr))}}.notes-section:has(.note-card[data-overdue=true]){border-left-width:4px;--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1));padding-left:1rem}