:root{--spacing-3xl:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--transition-base:200ms ease;--transition-slow:300ms ease;--transition-slowest:500ms ease;--z-base:0;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-notification:1080;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2}:root,[data-theme=dark]{--color-primary-50:#faf5ff;--color-primary-100:#f3e8ff;--color-primary-200:#e9d5ff;--color-primary-300:#d8b4fe;--color-primary-400:#c084fc;--color-primary-500:#a855f7;--color-primary-600:#9333ea;--color-primary-700:#7e22ce;--color-primary-800:#6b21a8;--color-primary-900:#581c87;--bg-primary:#0a0b0d;--bg-secondary:#13151a;--bg-tertiary:#1a1d24;--bg-elevated:#21252e;--bg-overlay:rgba(10,11,13,.8);--glass:hsla(0,0%,100%,.05);--glass-hover:hsla(0,0%,100%,.08);--glass-active:hsla(0,0%,100%,.1);--glass-border:hsla(0,0%,100%,.1);--glass-strong:hsla(0,0%,100%,.12);--glass-subtle:hsla(0,0%,100%,.03);--text-primary:hsla(0,0%,100%,.95);--text-secondary:hsla(0,0%,100%,.7);--text-tertiary:hsla(0,0%,100%,.5);--text-disabled:hsla(0,0%,100%,.3);--text-inverse:rgba(0,0,0,.9);--accent-primary:#8b5cf6;--accent-primary-hover:#7c3aed;--accent-primary-active:#6d28d9;--accent-secondary:#3b82f6;--accent-secondary-hover:#2563eb;--accent-secondary-active:#1d4ed8;--accent-success:#10b981;--accent-success-hover:#059669;--accent-success-active:#047857;--accent-warning:#f59e0b;--accent-warning-hover:#d97706;--accent-warning-active:#b45309;--accent-danger:#ef4444;--accent-danger-hover:#dc2626;--accent-danger-active:#b91c1c;--accent-info:#06b6d4;--accent-info-hover:#0891b2;--accent-info-active:#0e7490;--accent-primary-bg:rgba(139,92,246,.1);--accent-primary-border:rgba(139,92,246,.3);--accent-success-bg:rgba(16,185,129,.1);--accent-success-border:rgba(16,185,129,.3);--accent-warning-bg:rgba(245,158,11,.1);--accent-warning-border:rgba(245,158,11,.3);--accent-danger-bg:rgba(239,68,68,.1);--accent-danger-border:rgba(239,68,68,.3);--accent-info-bg:rgba(6,182,212,.1);--accent-info-border:rgba(6,182,212,.3);--border-primary:hsla(0,0%,100%,.1);--border-secondary:hsla(0,0%,100%,.08);--border-tertiary:hsla(0,0%,100%,.05);--border-focus:rgba(139,92,246,.5);--border-error:rgba(239,68,68,.5);--hover-overlay:hsla(0,0%,100%,.05);--active-overlay:hsla(0,0%,100%,.1);--focus-ring:rgba(139,92,246,.3);--focus-ring-offset:rgba(0,0,0,.1);--shadow-sm:0 1px 2px 0 rgba(0,0,0,.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,.4);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.5);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.6);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.7);--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-success:linear-gradient(135deg,#10b981,#059669);--gradient-danger:linear-gradient(135deg,#ef4444,#dc2626);--gradient-glass:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));--scrollbar-track:hsla(0,0%,100%,.05);--scrollbar-thumb:hsla(0,0%,100%,.2);--scrollbar-thumb-hover:hsla(0,0%,100%,.3);--input-bg:hsla(0,0%,100%,.08);--input-bg-focus:hsla(0,0%,100%,.12);--input-bg-hover:hsla(0,0%,100%,.1);--input-border:hsla(0,0%,100%,.2);--input-border-focus:#3b82f6;--input-text:#fff;--input-placeholder:hsla(0,0%,100%,.5);--btn-cancel-bg:hsla(0,0%,100%,.1);--btn-cancel-border:hsla(0,0%,100%,.2);--btn-cancel-text:hsla(0,0%,100%,.9);--btn-cancel-hover:hsla(0,0%,100%,.15)}[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-elevated:#fff;--bg-overlay:hsla(0,0%,100%,.95);--glass:hsla(0,0%,100%,.8);--glass-hover:hsla(0,0%,100%,.9);--glass-active:hsla(0,0%,100%,.95);--glass-border:rgba(0,0,0,.1);--glass-strong:hsla(0,0%,100%,.95);--glass-subtle:rgba(0,0,0,.02);--text-primary:rgba(0,0,0,.9);--text-secondary:rgba(0,0,0,.7);--text-tertiary:rgba(0,0,0,.5);--text-disabled:rgba(0,0,0,.3);--text-inverse:hsla(0,0%,100%,.95);--accent-primary:#7c3aed;--accent-primary-hover:#6d28d9;--accent-primary-active:#5b21b6;--accent-secondary:#2563eb;--accent-secondary-hover:#1d4ed8;--accent-secondary-active:#1e40af;--accent-success-hover:#047857;--accent-success-active:#065f46;--accent-warning:#d97706;--accent-warning-hover:#b45309;--accent-warning-active:#92400e;--accent-danger-hover:#b91c1c;--accent-danger-active:#991b1b;--accent-info:#0891b2;--accent-info-hover:#0e7490;--accent-info-active:#155e75;--accent-primary-bg:rgba(124,58,237,.1);--accent-primary-border:rgba(124,58,237,.3);--accent-success-bg:rgba(5,150,105,.1);--accent-success-border:rgba(5,150,105,.3);--accent-warning-bg:rgba(217,119,6,.1);--accent-warning-border:rgba(217,119,6,.3);--accent-danger-bg:rgba(220,38,38,.1);--accent-danger-border:rgba(220,38,38,.3);--accent-info-bg:rgba(8,145,178,.1);--accent-info-border:rgba(8,145,178,.3);--border-primary:rgba(0,0,0,.1);--border-secondary:rgba(0,0,0,.05);--border-tertiary:rgba(0,0,0,.03);--border-focus:rgba(124,58,237,.5);--border-error:rgba(220,38,38,.5);--hover-overlay:rgba(0,0,0,.03);--active-overlay:rgba(0,0,0,.05);--focus-ring:rgba(124,58,237,.3);--focus-ring-offset:hsla(0,0%,100%,.1);--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.15);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.2);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-success:linear-gradient(135deg,#059669,#047857);--gradient-danger:linear-gradient(135deg,#dc2626,#b91c1c);--gradient-glass:linear-gradient(135deg,hsla(0,0%,100%,.95),rgba(248,250,252,.9));--scrollbar-track:rgba(0,0,0,.05);--scrollbar-thumb:rgba(0,0,0,.2);--scrollbar-thumb-hover:rgba(0,0,0,.3);--input-bg:rgba(0,0,0,.04);--input-bg-focus:rgba(0,0,0,.06);--input-bg-hover:rgba(0,0,0,.05);--input-border:rgba(0,0,0,.15);--input-border-focus:#3b82f6;--input-text:rgba(0,0,0,.9);--input-placeholder:rgba(0,0,0,.4);--btn-cancel-bg:rgba(0,0,0,.05);--btn-cancel-border:rgba(0,0,0,.15);--btn-cancel-text:rgba(0,0,0,.85);--btn-cancel-hover:rgba(0,0,0,.1)}.glass-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--glass)}.glass-card-strong{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,100%,.12);background:var(--glass-strong);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--glass-border)}:focus-visible{outline:2px solid rgba(139,92,246,.5);outline:2px solid var(--border-focus)}::selection{background:#8b5cf6;background:var(--accent-primary);color:rgba(0,0,0,.9);color:var(--text-inverse)}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);background:var(--scrollbar-thumb)}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3);background:var(--scrollbar-thumb-hover)}*{transition-duration:.2s ease;transition-duration:var(--transition-base);transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:ease}[data-theme-transitioning] *,[data-theme-transitioning] :after,[data-theme-transitioning] :before{transition:none!important}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh}button,input,select,textarea{font-family:inherit}button{background:none;border:none;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@media (prefers-reduced-motion:no-preference){*{scroll-behavior:smooth}}@media print{*{background:#fff!important;color:#000!important}}.sidebar-animated{background:linear-gradient(180deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:width .3s cubic-bezier(.4,0,.2,1);width:80px;will-change:width;z-index:100}.sidebar-animated:hover{box-shadow:4px 0 20px rgba(0,0,0,.1);width:280px}.sidebar-animated:before{background:linear-gradient(90deg,transparent,rgba(var(--accent-primary-rgb),.1));content:"";height:100px;opacity:0;pointer-events:none;position:absolute;right:-20px;top:50%;transform:translateY(-50%);transition:opacity .3s ease;width:20px}.sidebar-animated:not(:hover):before{opacity:1}.sidebar-animated .sidebar-header{padding:var(--spacing-lg);transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-animated .logo-container{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);min-width:40px}.sidebar-animated .logo{align-items:center;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:var(--radius-md);color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:40px;justify-content:center;transition:transform .3s cubic-bezier(.4,0,.2,1);width:40px}.sidebar-animated:hover .logo{transform:scale(1.05)}.sidebar-animated .sidebar-text{opacity:0;overflow:hidden;transform:translateX(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.sidebar-animated:hover .sidebar-text{opacity:1;transform:translateX(0)}.sidebar-animated .search-container{margin-bottom:var(--spacing-md);opacity:0;pointer-events:none;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1) .1s}.sidebar-animated:hover .search-container{opacity:1;pointer-events:auto;transform:translateY(0)}.sidebar-animated .nav-item{align-items:center;border-radius:var(--radius-md);color:inherit;display:flex;margin:0 var(--spacing-xs) var(--spacing-xs) var(--spacing-xs);min-height:44px;overflow:hidden;padding:var(--spacing-sm) var(--spacing-md);position:relative;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.sidebar-animated .nav-item:hover{background:var(--glass-hover);transform:translateX(2px)}.sidebar-animated .nav-item.active{background:var(--glass-hover)}.sidebar-animated .nav-item.active,.sidebar-animated .nav-item.active .icon-active{color:var(--accent-primary)!important}.sidebar-animated .nav-item-icon{align-items:center;display:flex;flex-shrink:0;height:40px;justify-content:center;min-width:40px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:40px}.sidebar-animated .nav-item-icon svg{stroke-width:1.5!important}.sidebar-animated .nav-item:hover .nav-item-icon{transform:scale(1.1)}.sidebar-animated .nav-item-text{font-size:.925rem;font-weight:400;margin-left:var(--spacing-sm);opacity:0;transform:translateX(-20px);transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.sidebar-animated:hover .nav-item-text{opacity:1;transform:translateX(0)}.sidebar-animated .nav-item.active .nav-item-text{font-weight:500}.sidebar-animated .nav-item-badge{background:var(--accent-primary);border-radius:var(--radius-full);color:#fff!important;font-size:.7rem;font-weight:600;margin-left:auto;opacity:0;padding:2px 8px;text-shadow:0 1px 2px rgba(0,0,0,.2);transform:scale(.8);transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-animated:hover .nav-item-badge{opacity:1;transform:scale(1)}.sidebar-animated .active-indicator{background:var(--accent-primary);border-radius:var(--radius-full);height:70%;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);width:3px}.sidebar-animated:hover .active-indicator{height:80%;width:4px}.sidebar-animated .sidebar-footer{border-top:1px solid var(--glass-border);margin-top:auto;padding:var(--spacing-md)}.sidebar-animated .active-users{bottom:100px;left:var(--spacing-md);opacity:0;position:absolute;right:var(--spacing-md);transform:translateY(10px);transition:all .3s cubic-bezier(.4,0,.2,1) .2s}.sidebar-animated:hover .active-users{opacity:1;transform:translateY(0)}.sidebar-animated:not(:hover) .nav-item{position:relative}.sidebar-animated:not(:hover) .nav-item:after{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:0 4px 12px rgba(0,0,0,.1);color:var(--text-primary);content:attr(data-tooltip);font-size:.875rem;left:100%;margin-left:10px;opacity:0;padding:6px 12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s ease;white-space:nowrap;z-index:1000}.sidebar-animated:not(:hover) .nav-item:hover:after{animation:tooltipPulse .3s ease;opacity:1}@keyframes tooltipPulse{0%{opacity:0;transform:translateY(-50%) translateX(-5px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.sidebar-animated:hover .nav-item-text,.sidebar-animated:hover .search-container,.sidebar-animated:hover .sidebar-text{animation:slideInFromLeft .3s ease forwards}.sidebar-animated:hover .nav-item:first-child .nav-item-text{animation-delay:.05s}.sidebar-animated:hover .nav-item:nth-child(2) .nav-item-text{animation-delay:.1s}.sidebar-animated:hover .nav-item:nth-child(3) .nav-item-text{animation-delay:.15s}.sidebar-animated:hover .nav-item:nth-child(4) .nav-item-text{animation-delay:.2s}.sidebar-animated:hover .nav-item:nth-child(5) .nav-item-text{animation-delay:.25s}.sidebar-animated:hover .nav-item:nth-child(6) .nav-item-text{animation-delay:.3s}.sidebar-animated:hover .nav-item:nth-child(7) .nav-item-text{animation-delay:.35s}.sidebar-animated:hover .nav-item:nth-child(8) .nav-item-text{animation-delay:.4s}.sidebar-animated:hover .nav-item:nth-child(9) .nav-item-text{animation-delay:.45s}@media (max-width:768px){.sidebar-animated{transform:translateX(-100%);width:0}.sidebar-animated.mobile-open{box-shadow:4px 0 20px rgba(0,0,0,.2);transform:translateX(0);width:280px}.sidebar-animated.mobile-open .active-users,.sidebar-animated.mobile-open .nav-item-badge,.sidebar-animated.mobile-open .nav-item-text,.sidebar-animated.mobile-open .search-container,.sidebar-animated.mobile-open .sidebar-text{opacity:1;pointer-events:auto;transform:none}.mobile-menu-toggle,.mobile-overlay{display:block!important}}.sidebar-animated *{-webkit-font-smoothing:antialiased;-webkit-backface-visibility:hidden;backface-visibility:hidden}.user-profile{display:inline-flex;position:relative}.user-profile__button{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;justify-content:center;outline:none;padding:0;position:relative;transition:transform var(--transition-fast)}.user-profile__button:hover{transform:scale(1.05)}.user-profile__button:focus-visible{border-radius:var(--radius-full);outline:2px solid var(--accent-primary);outline-offset:2px}.user-profile__avatar{align-items:center;border:2px solid var(--bg-secondary);border-radius:var(--radius-full);box-shadow:0 2px 8px rgba(0,0,0,.15);color:#fff;display:flex;font-size:.875rem;font-weight:600;height:36px;justify-content:center;position:relative;transition:all var(--transition-fast);width:36px}.user-profile__button:hover .user-profile__avatar{border-color:var(--accent-primary);box-shadow:0 4px 12px rgba(99,102,241,.3)}.user-profile__initials{-webkit-user-select:none;user-select:none}.user-profile__status{border:2px solid var(--bg-secondary);border-radius:var(--radius-full);bottom:0;height:10px;position:absolute;right:0;width:10px;z-index:1}.user-profile__status--online{animation:status-pulse 2s infinite;background:var(--accent-success)}.user-profile__status--offline{background:var(--text-tertiary)}.user-profile__status--busy{background:var(--accent-danger)}.user-profile__status--away{background:var(--accent-warning)}@keyframes status-pulse{0%,to{box-shadow:0 0 0 0 rgba(16,185,129,.4)}50%{box-shadow:0 0 0 4px rgba(16,185,129,0)}}.user-profile__backdrop{display:none}@media (max-width:768px){.user-profile__backdrop{background:rgba(0,0,0,.5);bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:999}}.user-profile__dropdown{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 10px 40px rgba(0,0,0,.2);overflow:hidden;position:absolute;right:0;top:calc(100% + 12px);width:320px;z-index:1000}.user-profile__header{align-items:center;background:var(--glass);border-bottom:1px solid var(--glass-border);display:flex;gap:1rem;padding:1.25rem}.user-profile__header-avatar{align-items:center;border-radius:var(--radius-full);box-shadow:0 4px 12px rgba(0,0,0,.15);color:#fff;display:flex;flex-shrink:0;font-size:1.125rem;font-weight:600;height:48px;justify-content:center;width:48px}.user-profile__header-info{flex:1 1;min-width:0}.user-profile__name{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.125rem}.user-profile__email,.user-profile__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-profile__email{color:var(--text-secondary);font-size:.8125rem;margin-bottom:.25rem}.user-profile__role{background:rgba(99,102,241,.1);border-radius:var(--radius-sm);color:var(--accent-primary);display:inline-block;font-size:.75rem;font-weight:500;padding:.125rem .5rem}.user-profile__menu{padding:.5rem}.user-profile__menu-item{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.875rem;gap:.75rem;outline:none;padding:.625rem .75rem;position:relative;text-align:left;transition:all var(--transition-fast);width:100%}.user-profile__menu-item:hover{background:var(--glass-hover);color:var(--text-primary);transform:translateX(2px)}.user-profile__menu-item:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}.user-profile__menu-item--danger{color:var(--accent-danger)}.user-profile__menu-item--danger:hover{background:rgba(239,68,68,.1);color:var(--accent-danger)}.user-profile__menu-icon{flex-shrink:0;opacity:.7;transition:opacity var(--transition-fast)}.user-profile__menu-item:hover .user-profile__menu-icon{opacity:1}.user-profile__menu-label{flex:1 1}.user-profile__menu-badge{background:var(--accent-danger);border-radius:var(--radius-full);color:#fff;font-size:.7rem;font-weight:600;min-width:1.25rem;padding:.125rem .375rem;text-align:center}.user-profile__menu-arrow{opacity:.4;transition:all var(--transition-fast)}.user-profile__menu-item:hover .user-profile__menu-arrow{opacity:.7;transform:translateX(2px)}.user-profile__divider{background:var(--glass-border);height:1px;margin:.5rem .75rem}.user-profile__footer{align-items:center;background:var(--glass);border-top:1px solid var(--glass-border);color:var(--text-tertiary);display:flex;font-size:.75rem;justify-content:space-between;padding:.75rem 1.25rem}.user-profile__footer-theme{align-items:center;display:flex;gap:.375rem}[data-theme=light] .user-profile__avatar{border-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}[data-theme=light] .user-profile__button:hover .user-profile__avatar{border-color:var(--accent-primary);box-shadow:0 4px 12px rgba(59,130,246,.3)}[data-theme=light] .user-profile__status{border-color:#fff}[data-theme=light] .user-profile__dropdown{background:#fff;border-color:rgba(147,197,253,.2);box-shadow:0 10px 40px rgba(0,0,0,.1)}[data-theme=light] .user-profile__header{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:rgba(147,197,253,.2)}[data-theme=light] .user-profile__role{background:rgba(59,130,246,.1);color:#2563eb}[data-theme=light] .user-profile__menu-item{color:#475569}[data-theme=light] .user-profile__menu-item:hover{background:rgba(219,234,254,.5);color:#1e293b}[data-theme=light] .user-profile__menu-item--danger{color:#dc2626}[data-theme=light] .user-profile__menu-item--danger:hover{background:hsla(0,93%,94%,.5);color:#b91c1c}[data-theme=light] .user-profile__divider{background:rgba(147,197,253,.2)}[data-theme=light] .user-profile__footer{background:linear-gradient(135deg,#f8fafc,#f0f9ff);border-color:rgba(147,197,253,.2);color:#64748b}@media (max-width:640px){.user-profile__dropdown{border-radius:var(--radius-lg) var(--radius-lg) 0 0;bottom:0;left:0;max-height:80vh;overflow-y:auto;position:fixed;right:0;top:auto;width:100%}}@media (prefers-reduced-motion:reduce){.user-profile__avatar,.user-profile__button,.user-profile__menu-arrow,.user-profile__menu-item{transition:none}.user-profile__status--online{animation:none}}.theme-toggle-container{display:inline-flex;position:relative}.theme-toggle{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-full);cursor:pointer;display:flex;justify-content:center;outline:none;overflow:hidden;position:relative;transition:all var(--transition-fast)}.theme-toggle--small{height:32px;width:32px}.theme-toggle--medium{height:40px;width:40px}.theme-toggle--large{height:48px;width:48px}.theme-toggle:hover{background:var(--glass-hover);box-shadow:0 4px 12px rgba(99,102,241,.2);transform:scale(1.05)}.theme-toggle:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.theme-toggle:active{transform:scale(.95)}.theme-toggle__icon-wrapper{height:100%;width:100%}.theme-toggle__icon,.theme-toggle__icon-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.theme-toggle__icon{color:var(--text-primary)}.theme-toggle--animating{pointer-events:none}.theme-toggle--animating .theme-toggle__icon{animation:theme-toggle-spin .5s ease}@keyframes theme-toggle-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.theme-toggle__rays{height:150%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:150%}.theme-toggle__ray{background:linear-gradient(180deg,transparent,#f59e0b,transparent);background:linear-gradient(to bottom,transparent,var(--accent-warning,#f59e0b),transparent);height:20%;left:50%;opacity:.6;position:absolute;top:-40%;transform-origin:bottom center;width:2px}.theme-toggle__stars{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.theme-toggle__star{background:#fff;border-radius:50%;box-shadow:0 0 4px hsla(0,0%,100%,.8);height:2px;position:absolute;width:2px}.theme-toggle__ripple{background:radial-gradient(circle,var(--accent-primary),transparent);border-radius:50%;height:100%;top:50%;transform:translate(-50%,-50%);width:100%}.theme-toggle__ripple,.theme-toggle__tooltip{left:50%;pointer-events:none;position:absolute}.theme-toggle__tooltip{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);bottom:calc(100% + 12px);box-shadow:0 4px 8px rgba(0,0,0,.2);color:var(--text-secondary);font-size:.75rem;padding:6px 12px;transform:translateX(-50%);white-space:nowrap;z-index:10000}.theme-toggle__tooltip-arrow{border-color:var(--bg-secondary) transparent transparent transparent;border-style:solid;border-width:4px 4px 0;height:0;left:50%;position:absolute;top:100%;transform:translateX(-50%);width:0}[data-theme=light] .theme-toggle{background:hsla(0,0%,100%,.8);border-color:rgba(147,197,253,.3);box-shadow:0 2px 8px rgba(147,197,253,.2)}[data-theme=light] .theme-toggle:hover{background:hsla(0,0%,100%,.9);box-shadow:0 4px 12px rgba(59,130,246,.3)}[data-theme=light] .theme-toggle__icon{color:#3b82f6}[data-theme=light] .theme-toggle__ray{background:linear-gradient(180deg,transparent,#fbbf24,transparent)}[data-theme=light] .theme-toggle__tooltip{background:#fff;border-color:rgba(147,197,253,.3);box-shadow:0 4px 12px rgba(0,0,0,.1);color:#475569}[data-theme=light] .theme-toggle__tooltip-arrow{border-color:#fff transparent transparent}@media (max-width:768px){.theme-toggle--large{height:40px;width:40px}.theme-toggle__tooltip{display:none}}@media (prefers-reduced-motion:reduce){.theme-toggle,.theme-toggle__icon,.theme-toggle__rays,.theme-toggle__star{animation:none!important;transition:none!important}}:root{--bg-primary:#0a0b0d;--bg-secondary:#141519;--bg-tertiary:#1c1d24;--accent-primary:#6366f1;--accent-secondary:#8b5cf6;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-danger:#ef4444;--text-primary:#fff;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--glass:hsla(0,0%,100%,.02);--glass-hover:hsla(0,0%,100%,.04);--glass-border:hsla(0,0%,100%,.06);--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:350ms ease;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 6px rgba(0,0,0,.4);--shadow-lg:0 10px 15px rgba(0,0,0,.5);--shadow-glow:0 0 20px rgba(99,102,241,.15)}body{background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Inter,SF Pro Display,Segoe UI,sans-serif;line-height:1.6}.container{padding:0 1.5rem;padding:0 var(--spacing-lg)}.modern-card{background:hsla(0,0%,100%,.02);background:var(--glass);border:1px solid hsla(0,0%,100%,.06);border:1px solid var(--glass-border);border-radius:1rem;border-radius:var(--radius-lg);overflow:hidden;padding:1.5rem;padding:var(--spacing-lg);position:relative;transition:all .25s ease;transition:all var(--transition-base)}.modern-card:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);content:"";height:1px;left:0;opacity:.5;position:absolute;right:0;top:0}.modern-card:hover{background:hsla(0,0%,100%,.04);background:var(--glass-hover);box-shadow:0 10px 15px rgba(0,0,0,.5);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;gap:var(--spacing-sm);outline:none;overflow:hidden;padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);position:relative;transition:all .15s ease;transition:all var(--transition-fast)}.btn-primary{background:var(--accent-primary)}.btn-primary:hover{background:#5558e3;box-shadow:0 4px 12px rgba(99,102,241,.3)}.btn-secondary{background:hsla(0,0%,100%,.02);background:var(--glass);border:1px solid hsla(0,0%,100%,.06);border:1px solid var(--glass-border);color:#a1a1aa;color:var(--text-secondary)}.btn-secondary:hover{background:hsla(0,0%,100%,.04);background:var(--glass-hover);border-color:hsla(0,0%,100%,.1);color:#fff;color:var(--text-primary)}.btn-ghost{background:transparent;color:#a1a1aa;color:var(--text-secondary)}.btn-ghost:hover{color:#fff}.btn-ghost:hover,.input-field{background:hsla(0,0%,100%,.02);background:var(--glass);color:var(--text-primary)}.input-field{border:1px solid hsla(0,0%,100%,.06);border:1px solid var(--glass-border);border-radius:.75rem;border-radius:var(--radius-md);font-size:.925rem;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast);width:100%}.input-field:focus{background:hsla(0,0%,100%,.04);background:var(--glass-hover);border-color:#6366f1;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(99,102,241,.1);outline:none}.input-field::placeholder{color:#71717a;color:var(--text-tertiary)}.heading-1{font-size:2.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.2}.heading-2{font-size:2rem;font-weight:600;letter-spacing:-.01em;line-height:1.3}.heading-3{font-size:1.5rem;font-weight:600;line-height:1.4}.text-subtitle{color:#a1a1aa;color:var(--text-secondary);font-size:1rem;font-weight:400}.text-caption{color:#71717a;color:var(--text-tertiary);font-size:.875rem}.badge{align-items:center;background:hsla(0,0%,100%,.02);background:var(--glass);border:1px solid hsla(0,0%,100%,.06);border:1px solid var(--glass-border);border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.badge-success{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.2);color:#10b981;color:var(--accent-success)}.badge-warning{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.2);color:#f59e0b;color:var(--accent-warning)}.badge-danger{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.2);color:#ef4444;color:var(--accent-danger)}::-webkit-scrollbar-track{background:#141519;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.06);background:var(--glass-border);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.1)}:focus-visible{outline:2px solid var(--accent-primary)}.animate-fadeIn{animation:fadeIn ease-out .35s ease;animation:fadeIn var(--transition-slow) ease-out}.animate-slideIn{animation:slideIn ease-out .25s ease;animation:slideIn var(--transition-base) ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media (max-width:768px){.heading-1{font-size:2rem}.heading-2{font-size:1.5rem}.container{padding:0 1rem;padding:0 var(--spacing-md)}}:root{--msn-bg-primary:linear-gradient(135deg,#1a1b2e,#16213e);--msn-bg-secondary:hsla(0,0%,100%,.05);--msn-border:hsla(0,0%,100%,.1);--msn-text-primary:#fff;--msn-text-secondary:hsla(0,0%,100%,.7);--msn-text-muted:hsla(0,0%,100%,.4);--msn-header-bg:linear-gradient(90deg,#4a5fc1,#6d83d6);--msn-message-bg:hsla(0,0%,100%,.1);--msn-message-border:hsla(0,0%,100%,.15);--msn-message-sent-bg:rgba(139,92,246,.2);--msn-message-sent-border:rgba(139,92,246,.3);--msn-input-bg:hsla(0,0%,100%,.08);--msn-shadow:0 20px 60px rgba(0,0,0,.5)}@media (prefers-color-scheme:light){:root{--msn-bg-primary:linear-gradient(135deg,#f8fafc,#e2e8f0);--msn-bg-secondary:rgba(0,0,0,.03);--msn-border:rgba(0,0,0,.12);--msn-text-primary:#1e293b;--msn-text-secondary:#475569;--msn-text-muted:#94a3b8;--msn-header-bg:linear-gradient(90deg,#6366f1,#8b5cf6);--msn-message-bg:rgba(0,0,0,.05);--msn-message-border:rgba(0,0,0,.1);--msn-message-sent-bg:rgba(139,92,246,.15);--msn-message-sent-border:rgba(139,92,246,.3);--msn-input-bg:rgba(0,0,0,.05);--msn-shadow:0 20px 60px rgba(0,0,0,.15)}}.msn-messenger-container{background:linear-gradient(135deg,#1a1b2e,#16213e);background:var(--msn-bg-primary);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--msn-border);border-radius:12px;bottom:20px;box-shadow:0 20px 60px rgba(0,0,0,.5);box-shadow:var(--msn-shadow);display:flex;flex-direction:column;height:600px;max-height:calc(100vh - 60px);overflow:hidden;pointer-events:auto;position:fixed;right:20px;width:380px;z-index:10001}.messenger-header{align-items:center;background:linear-gradient(90deg,#4a5fc1,#6d83d6);background:var(--msn-header-bg);border-bottom:2px solid hsla(0,0%,100%,.1);border-bottom:2px solid var(--msn-border);cursor:move;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.messenger-title{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px}.messenger-status{animation:pulse-status 2s infinite;background:#10b981;border-radius:50%;height:8px;width:8px}@keyframes pulse-status{0%{box-shadow:0 0 0 0 rgba(16,185,129,.6)}70%{box-shadow:0 0 0 6px rgba(16,185,129,0)}to{box-shadow:0 0 0 0 rgba(16,185,129,0)}}.messenger-controls{display:flex;gap:8px}.control-btn{align-items:center;background:hsla(0,0%,100%,.1);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .2s ease;width:24px}.control-btn:hover{background:hsla(0,0%,100%,.2)}.chat-tabs{background:hsla(0,0%,100%,.05);background:var(--msn-bg-secondary);border-bottom:1px solid hsla(0,0%,100%,.1);border-bottom:1px solid var(--msn-border);display:flex;flex-shrink:0;overflow-x:auto}.chat-tab{align-items:center;background:transparent;border:none;color:hsla(0,0%,100%,.7);color:var(--msn-text-secondary);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 16px;position:relative;transition:all .2s ease;white-space:nowrap}.chat-tab:hover{background:hsla(0,0%,100%,.05);background:var(--msn-bg-secondary)}.chat-tab.active,.chat-tab:hover{color:#fff;color:var(--msn-text-primary)}.chat-tab.active{background:rgba(139,92,246,.2);border-bottom:2px solid #8b5cf6}.tab-status-dot{border-radius:50%;height:6px;width:6px}.tab-status-dot.online{background:#10b981}.tab-status-dot.away{background:#fbbf24}.tab-status-dot.busy{background:#ef4444}.tab-close{cursor:pointer;margin-left:8px;opacity:.5}.tab-close:hover{opacity:1}.chat-content{flex:1 1 auto;flex-direction:column;max-height:100%;min-height:0;overflow:hidden}.chat-content,.contact-info-bar{background:hsla(0,0%,100%,.05);background:var(--msn-bg-secondary);display:flex}.contact-info-bar{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);border-bottom:1px solid var(--msn-border);flex-shrink:0;justify-content:space-between;padding:10px 16px}.contact-info{align-items:center;display:flex;gap:10px}.contact-avatar{background:hsla(0,0%,100%,.1);border-radius:50%;height:32px;object-fit:cover;width:32px}.contact-details{display:flex;flex-direction:column}.contact-name{color:#fff;color:var(--msn-text-primary);font-size:13px;font-weight:600}.contact-status{color:hsla(0,0%,100%,.4);color:var(--msn-text-muted);font-size:11px;font-style:italic}.chat-actions{display:flex;gap:4px}.action-btn{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.8)}.action-btn:hover{background:hsla(0,0%,100%,.1);color:#fff}.messages-container{-webkit-overflow-scrolling:touch;display:flex;flex:1 1 auto;flex-direction:column;gap:12px;height:0;min-height:0;overflow-x:hidden;overflow-y:scroll!important;padding:16px;pointer-events:auto;position:relative}.message{animation:slideIn .3s ease;display:flex;gap:8px;max-width:80%}.message.sent{align-self:flex-end;flex-direction:row-reverse}.message-avatar{border-radius:50%;flex-shrink:0;height:28px;width:28px}.message-bubble{background:hsla(0,0%,100%,.1);background:var(--msn-message-bg);border:1px solid hsla(0,0%,100%,.15);border:1px solid var(--msn-message-border);border-radius:12px;padding:8px 12px;position:relative}.message.sent .message-bubble{background:rgba(139,92,246,.2);background:var(--msn-message-sent-bg);border-color:rgba(139,92,246,.3);border-color:var(--msn-message-sent-border)}.message-text{word-wrap:break-word;color:#fff;color:var(--msn-text-primary);font-size:13px;line-height:1.4}.message-time{color:hsla(0,0%,100%,.4);color:var(--msn-text-muted);font-size:10px;margin-top:4px}.typing-indicator{align-items:center;background:hsla(0,0%,100%,.1);background:var(--msn-message-bg);border-radius:12px;display:flex;gap:8px;padding:8px 12px;width:-webkit-fit-content;width:fit-content}.typing-dots{display:flex;gap:4px}.typing-dot{animation:typing 1.4s infinite;background:hsla(0,0%,100%,.7);background:var(--msn-text-secondary);border-radius:50%;height:6px;width:6px}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.messenger-input-area{background:hsla(0,0%,100%,.05);background:var(--msn-bg-secondary);border-top:1px solid hsla(0,0%,100%,.1);border-top:1px solid var(--msn-border);flex-shrink:0;padding:12px}.emoji-bar{background:hsla(0,0%,100%,.03);border-radius:8px;display:flex;gap:4px;margin-bottom:8px;padding:4px}.emoji-btn{background:transparent;border:none;border-radius:4px;cursor:pointer;font-size:16px;height:28px;transition:transform .2s ease;width:28px}.emoji-btn:hover{background:hsla(0,0%,100%,.1);transform:scale(1.2)}.input-container{align-items:flex-end;display:flex;gap:8px}.message-input-wrapper{flex:1 1;position:relative}.message-input{background:hsla(0,0%,100%,.08);background:var(--msn-input-bg);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--msn-border);border-radius:20px;color:#fff;color:var(--msn-text-primary);font-size:13px;max-height:100px;min-height:40px;outline:none;padding:10px 12px;resize:none;transition:all .2s ease;width:100%}.message-input::placeholder{color:hsla(0,0%,100%,.4);color:var(--msn-text-muted)}.message-input:focus{background:hsla(0,0%,100%,.08);background:var(--msn-input-bg);border-color:rgba(139,92,246,.5);box-shadow:0 0 0 2px rgba(139,92,246,.1)}.input-actions{display:flex;gap:4px}.input-action-btn{align-items:center;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;color:hsla(0,0%,100%,.8);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.input-action-btn:hover{background:hsla(0,0%,100%,.15);color:#fff;transform:scale(1.05)}.input-action-btn.send{background:rgba(139,92,246,.2);border-color:rgba(139,92,246,.3);color:#8b5cf6}.input-action-btn.send:hover{background:rgba(139,92,246,.3);color:#a78bfa}.nudge-btn{animation:none;background:linear-gradient(135deg,#f59e0b,#ef4444);border:none;color:#fff;font-weight:600}.nudge-btn:hover{animation:shake .5s}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-2px)}20%,40%,60%,80%{transform:translateX(2px)}}.messenger-nudge{animation:nudge .5s ease-in-out 3}@keyframes nudge{0%,to{transform:translateX(0) rotate(0)}25%{transform:translateX(-10px) rotate(-2deg)}75%{transform:translateX(10px) rotate(2deg)}}.contact-sidebar{background:linear-gradient(135deg,#1a1b2e,#16213e);background:var(--msn-bg-primary);border-left:1px solid hsla(0,0%,100%,.1);border-left:1px solid var(--msn-border);bottom:0;overflow-y:auto;position:absolute;right:-200px;top:0;transition:right .3s ease;width:200px;z-index:10}.contact-sidebar.open{right:0}.contact-list{padding:8px}.contact-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:8px;transition:all .2s ease}.contact-item:hover{background:hsla(0,0%,100%,.05)}.contact-item-avatar{border-radius:50%;height:28px;position:relative;width:28px}.contact-item-status{border:2px solid #1a1b2e;border-radius:50%;bottom:-2px;height:8px;position:absolute;right:-2px;width:8px}.contact-item-name{color:#fff;color:var(--msn-text-primary);flex:1 1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-tabs::-webkit-scrollbar,.contact-sidebar::-webkit-scrollbar,.messages-container::-webkit-scrollbar{height:6px;width:6px}.chat-tabs::-webkit-scrollbar-track,.contact-sidebar::-webkit-scrollbar-track,.messages-container::-webkit-scrollbar-track{background:transparent}.chat-tabs::-webkit-scrollbar-thumb,.contact-sidebar::-webkit-scrollbar-thumb,.messages-container::-webkit-scrollbar-thumb{background:rgba(139,92,246,.4);border-radius:3px;-webkit-transition:background .2s;transition:background .2s}.chat-tabs::-webkit-scrollbar-thumb:hover,.contact-sidebar::-webkit-scrollbar-thumb:hover,.messages-container::-webkit-scrollbar-thumb:hover{background:rgba(139,92,246,.6)}@media (max-width:480px){.msn-messenger-container{border-radius:0;bottom:0;height:100%;right:0;width:100%}}.dashboard-container{background:transparent;min-height:100vh;overflow-x:hidden;padding:24px;position:relative}.dashboard-bg{display:none}.dashboard-header{margin-bottom:32px;padding:0 20px}.header-content{align-items:center;display:flex;justify-content:space-between}.header-title h1{color:var(--text-primary);font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.header-title p{color:var(--text-secondary);font-size:14px;letter-spacing:.2px;margin:0}.layout-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass);border-radius:.75rem;display:flex;gap:.5rem;padding:.25rem}.toggle-btn{background:transparent;border:none;border-radius:.5rem;color:#9ca3af;cursor:pointer;padding:.75rem;transition:all .3s ease}.toggle-btn:hover{background:var(--glass-border);color:var(--text-primary)}.toggle-btn.active{background:var(--accent-primary-hover);color:var(--text-primary)}.toggle-btn .icon{height:1.25rem;width:1.25rem}.widgets-container{grid-gap:24px;background:transparent;display:grid;gap:24px;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:1440px;padding:0 20px}.widgets-container.grid{grid-auto-rows:auto;grid-template-columns:1fr}@media (min-width:768px){.widgets-container.grid{gap:20px;grid-template-columns:repeat(2,minmax(400px,1fr))}}@media (min-width:1920px){.widgets-container.grid{grid-template-columns:repeat(2,minmax(600px,1fr))}.widget-box.large{grid-row:span 1}.widget-box.large,.widget-box.wide{grid-column:span 2}.widget-box.tall{grid-row:span 2}}.widgets-container.list{grid-template-columns:1fr;margin:0 auto;max-width:1200px}.col-span-full{grid-column:1/-1;height:360px;max-height:380px;min-height:320px}.widget-box{border-radius:24px;height:480px;max-height:480px;min-height:380px;overflow:hidden}.widget-box>*{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;width:100%}.stats-bar{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--gradient-glass);border:1px solid var(--glass-strong);border-radius:1.5rem;display:flex;justify-content:space-around;padding:1rem}.stat-item{text-align:center}.stat-value{color:var(--text-primary);font-size:1.5rem;margin:0 0 .25rem}.stat-value.green{color:var(--accent-success)}.stat-value.purple{color:var(--accent-primary)}.stat-value.blue{color:var(--accent-secondary)}.stat-label{font-size:.75rem;margin:0}.stat-divider{background:#374151;height:2rem}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:var(--scrollbar-track)}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--accent-primary-border);border-radius:2px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}@keyframes blob{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}.animate-blob{animation:blob 7s infinite}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}@keyframes action-pulse{0%{box-shadow:0 0 0 0 var(--accent-primary)}70%{box-shadow:0 0 0 10px transparent}to{box-shadow:0 0 0 0 transparent}}.action-pulse{animation:action-pulse .6s ease-out}.glass-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--gradient-glass);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:100%;padding:var(--spacing-lg);transition:all var(--transition-slow)}.glass-card:hover{border-color:var(--accent-primary-border);box-shadow:0 8px 32px var(--accent-primary-bg);transform:translateY(-2px)}.widget-header{flex-shrink:0;margin-bottom:var(--spacing-md)}.widget-title{color:var(--text-primary);font-size:1.125rem;font-weight:var(--font-semibold)}.widget-subtitle{color:var(--text-tertiary);font-size:.875rem;margin-top:var(--spacing-xs)}.widget-content{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-color:var(--scrollbar-thumb) transparent;scrollbar-width:thin}.widget-content::-webkit-scrollbar{width:6px}.widget-content::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:3px}.widget-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px;-webkit-transition:background var(--transition-base);transition:background var(--transition-base)}.widget-content::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.widget-item{background:var(--glass-subtle);border:1px solid transparent;border-radius:var(--radius-lg);margin-bottom:var(--spacing-sm);padding:.75rem;transition:all var(--transition-slow)}.widget-item:hover{background:var(--accent-primary-bg);border-color:var(--accent-primary-border)}.widget-stat{gap:.75rem}.widget-stat,.widget-stat-icon{align-items:center;display:flex}.widget-stat-icon{background:var(--accent-primary-bg);border-radius:var(--radius-lg);color:var(--accent-primary);height:40px;justify-content:center;width:40px}.widget-stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:var(--font-bold)}.widget-stat-label{color:var(--text-tertiary);font-size:.875rem}.widget-actions{border-top:1px solid var(--border-primary);display:flex;flex-shrink:0;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.widget-btn{border:1px solid var(--accent-primary-border);border-radius:var(--radius-lg);color:var(--accent-primary);cursor:pointer;flex:1 1;font-size:.875rem;font-weight:var(--font-medium);padding:.625rem;text-align:center;transition:all var(--transition-slow)}.widget-btn,.widget-btn:hover{background:var(--accent-primary-bg)}.widget-btn:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md);color:var(--text-primary);transform:translateY(-1px)}.widget-btn:active{transform:translateY(0)}@media (max-height:800px){.widget-content{max-height:280px}}@media (min-height:900px){.widget-content{max-height:320px}}@media (min-height:1080px){.widget-content{max-height:380px}}.widget-compact .widget-content{max-height:200px}.widget-medium .widget-content{max-height:320px}.widget-tall .widget-content{max-height:420px}.widget-container{display:flex;flex-direction:column;height:100%;max-height:480px;min-height:380px;position:relative}.widget-list-scrollable{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:8px 12px;scrollbar-color:var(--scrollbar-thumb) transparent;scrollbar-width:thin}.widget-list-scrollable::-webkit-scrollbar{width:6px}.widget-list-scrollable::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:3px}.widget-list-scrollable::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px;-webkit-transition:background var(--transition-base);transition:background var(--transition-base)}.widget-list-scrollable::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.widget-header-fixed{border-bottom:1px solid var(--border-secondary);padding:18px 20px}.widget-footer-fixed,.widget-header-fixed{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--glass-subtle);flex-shrink:0;position:relative;z-index:var(--z-sticky)}.widget-footer-fixed{border-top:1px solid var(--border-secondary);padding:14px 18px}.glass-card svg,.widget-content svg,.widget-header svg{stroke-width:1.5!important}.widget-empty-state{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-xl);text-align:center}.widget-empty-state svg{height:48px;opacity:.3;width:48px}.widget-loading{display:flex;justify-content:center;padding:var(--spacing-xl)}.widget-badge,.widget-loading{align-items:center;color:var(--text-secondary)}.widget-badge{background:var(--glass);border:1px solid var(--border-secondary);border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:var(--font-medium);padding:.25rem .625rem}.widget-badge-success{background:var(--accent-success-bg);border-color:var(--accent-success-border);color:var(--accent-success)}.widget-badge-warning{background:var(--accent-warning-bg);border-color:var(--accent-warning-border);color:var(--accent-warning)}.widget-badge-danger{background:var(--accent-danger-bg);border-color:var(--accent-danger-border);color:var(--accent-danger)}.widget-badge-info{background:var(--accent-info-bg);border-color:var(--accent-info-border);color:var(--accent-info)}.widget-badge-primary{background:var(--accent-primary-bg);border-color:var(--accent-primary-border);color:var(--accent-primary)}.liquid-glass{backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.18);overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.liquid-glass:before{background:linear-gradient(135deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,.05) 40%,hsla(0,0%,100%,.01));content:"";inset:0;pointer-events:none;position:absolute}.liquid-glass:after{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transform:rotate(45deg);transition:all .6s;width:200%}.liquid-glass:hover:after{animation:shimmer .6s ease-in-out}.glass-button{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:rgba(139,92,246,.15);border:1px solid rgba(139,92,246,.25);border-radius:24px;padding:12px 24px;transform-style:preserve-3d;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-button:hover{background:rgba(139,92,246,.25);border-color:rgba(139,92,246,.4);box-shadow:0 10px 30px rgba(139,92,246,.3),inset 0 1px 0 hsla(0,0%,100%,.2);transform:translateY(-2px) scale(1.02)}.glass-button:active{background:rgba(139,92,246,.3);transform:translateY(0) scale(.98)}.glass-fab{align-items:center;backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);background:rgba(139,92,246,.2);border:1px solid rgba(139,92,246,.3);border-radius:50%;cursor:pointer;display:flex;height:56px;justify-content:center;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:56px}.glass-fab:hover{background:rgba(139,92,246,.3);box-shadow:0 10px 40px rgba(139,92,246,.4),inset 0 0 20px hsla(0,0%,100%,.1);transform:scale(1.1) rotate(90deg)}.glass-container{filter:url(#liquid-filter);position:relative}.liquid-merge{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(139,92,246,.2);border:1px solid rgba(139,92,246,.3);border-radius:50%;position:absolute;transition:all .6s cubic-bezier(.68,-.55,.265,1.55)}.widget-glass{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));border:1px solid hsla(0,0%,100%,.18);border-radius:24px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.widget-glass:hover{border-color:rgba(139,92,246,.3);box-shadow:0 20px 40px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.2);transform:translateY(-4px)}.morph-glass{backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);background:hsla(0,0%,100%,.07);border:1px solid hsla(0,0%,100%,.125);border-radius:32px;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1)}.morph-glass:before{background:linear-gradient(135deg,rgba(139,92,246,.4),rgba(168,85,247,.4),rgba(139,92,246,.4));border-radius:inherit;content:"";inset:-1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1px;position:absolute;transition:opacity .4s}.morph-glass:hover:before{opacity:1}@keyframes gradient-border{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.glass-gradient-border{animation:gradient-border 4s ease infinite;background:linear-gradient(90deg,rgba(139,92,246,.3),rgba(168,85,247,.3),rgba(236,72,153,.3),rgba(139,92,246,.3));background-size:300% 300%}.glass-depth{box-shadow:0 1px 2px rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.07),0 4px 8px rgba(0,0,0,.07),0 8px 16px rgba(0,0,0,.07),0 16px 32px rgba(0,0,0,.07),0 32px 64px rgba(0,0,0,.07)}@media (prefers-reduced-motion:reduce){.glass-button,.glass-fab,.liquid-glass,.morph-glass,.widget-glass{transition:none}.liquid-glass:after{animation:none}}.widget-box{display:flex;flex-direction:column;height:100%;min-height:400px;overflow:visible!important;position:relative}.widget-box>*{position:relative;z-index:1}.activity-list,.candidates-list,.document-list,.task-list,.widget-scrollable{margin-right:-8px;max-height:300px;overflow-x:hidden!important;overflow-y:auto!important;padding-right:8px!important;scrollbar-color:rgba(139,92,246,.3) transparent;scrollbar-width:thin}.activity-list::-webkit-scrollbar,.candidates-list::-webkit-scrollbar,.document-list::-webkit-scrollbar,.task-list::-webkit-scrollbar,.widget-scrollable::-webkit-scrollbar{height:8px!important;width:8px!important}.activity-list::-webkit-scrollbar-track,.candidates-list::-webkit-scrollbar-track,.document-list::-webkit-scrollbar-track,.task-list::-webkit-scrollbar-track,.widget-scrollable::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05)!important;border-radius:4px!important}.activity-list::-webkit-scrollbar-thumb,.candidates-list::-webkit-scrollbar-thumb,.document-list::-webkit-scrollbar-thumb,.task-list::-webkit-scrollbar-thumb,.widget-scrollable::-webkit-scrollbar-thumb{background:rgba(139,92,246,.3)!important;border:1px solid hsla(0,0%,100%,.1)!important;border-radius:4px!important}.activity-list::-webkit-scrollbar-thumb:hover,.candidates-list::-webkit-scrollbar-thumb:hover,.document-list::-webkit-scrollbar-thumb:hover,.task-list::-webkit-scrollbar-thumb:hover,.widget-scrollable::-webkit-scrollbar-thumb:hover{background:rgba(139,92,246,.5)!important}.calendar-day-cell{-webkit-tap-highlight-color:transparent!important;cursor:pointer!important;isolation:isolate!important;touch-action:manipulation!important;user-select:none!important;-webkit-user-select:none!important}.calendar-day-cell:after{border-radius:9px;bottom:1px;content:"";left:1px;pointer-events:none;position:absolute;right:1px;top:1px;z-index:-1}.calendar-day-cell:not(.other-month):hover{position:relative;z-index:10!important}.calendar-day-cell:not(.other-month):hover:after{background:hsla(0,0%,100%,.03)}.calendar-day-cell .day-number{pointer-events:none;position:relative;z-index:3}.calendar-day-cell .event-dots{bottom:4px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:3}.calendar-day-cell.other-month{opacity:.3}.calendar-day-cell.other-month:after{display:none}.widget-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.03);border-bottom:1px solid hsla(0,0%,100%,.1);margin-bottom:12px;padding:16px 20px!important;position:relative;z-index:10}.widget-header h3{line-height:1.2!important;margin:0!important;padding:0!important}.badge,.count-badge,.notification-badge{display:inline-block!important;max-width:100px!important;overflow:hidden!important;position:relative!important;text-overflow:ellipsis!important;white-space:nowrap!important;z-index:5!important}.activity-item{display:flex!important;flex-direction:column!important;gap:8px!important;margin-bottom:8px!important;min-height:auto!important;padding:12px 16px!important;position:relative!important}.activity-item-header{align-items:flex-start!important;display:flex!important;gap:12px!important;justify-content:space-between!important}.activity-item-content{display:flex!important;flex-direction:column!important;gap:4px!important}.activity-time{color:hsla(0,0%,100%,.5)!important;flex-shrink:0!important;font-size:.75rem!important;white-space:nowrap!important}.candidate-item{grid-gap:12px!important;align-items:center!important;display:grid!important;gap:12px!important;grid-template-columns:48px 1fr auto!important;padding:12px!important;position:relative!important}.candidate-avatar{flex-shrink:0!important;height:48px!important;width:48px!important}.candidate-info{display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0!important}.candidate-name{font-weight:500!important}.candidate-name,.candidate-role{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.candidate-role{color:hsla(0,0%,100%,.6)!important;font-size:.875rem!important}.task-item{align-items:flex-start!important;display:flex!important;gap:12px!important;padding:12px 16px!important;position:relative!important}.task-checkbox{flex-shrink:0!important;margin-top:2px!important}.task-content{flex:1 1!important;min-width:0!important}.task-title{word-wrap:break-word!important;display:block!important;line-height:1.4!important;margin-bottom:4px!important}.task-meta{color:hsla(0,0%,100%,.5)!important;flex-wrap:wrap!important;font-size:.75rem!important}.document-item,.task-meta{display:flex!important;gap:12px!important}.document-item{align-items:center!important;cursor:pointer!important;padding:12px 16px!important;position:relative!important;transition:all .2s ease!important}.document-item:hover{background:hsla(0,0%,100%,.05)!important;transform:translateX(4px)!important}.document-icon{align-items:center!important;background:rgba(139,92,246,.1)!important;border-radius:10px!important;display:flex!important;flex-shrink:0!important;height:40px!important;justify-content:center!important;width:40px!important}.document-info{flex:1 1!important;min-width:0!important}.document-name{display:block!important;font-weight:500!important;margin-bottom:2px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.document-meta{color:hsla(0,0%,100%,.5)!important;font-size:.75rem!important}.activity-item,.calendar-day-cell:not(.other-month),.candidate-item,.document-item,.task-item,.widget-clickable{cursor:pointer!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.activity-item:hover,.candidate-item:hover,.task-item:hover,.widget-clickable:hover{background:hsla(0,0%,100%,.05)!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important}.activity-item:active,.calendar-day-cell:active,.candidate-item:active,.document-item:active,.task-item:active,.widget-clickable:active{transform:scale(.98)!important}.widget-header{z-index:20!important}.widget-dropdown{z-index:30!important}.widget-modal{z-index:40!important}.widget-tooltip{z-index:50!important}.floating-action{z-index:60!important}@media (max-width:768px){.widget-box{min-height:350px}.activity-list,.candidates-list,.document-list,.task-list,.widget-scrollable{max-height:250px}.calendar-day-cell{font-size:12px!important;min-height:32px!important}.candidate-item{grid-template-columns:40px 1fr auto!important}.candidate-avatar{height:40px!important;width:40px!important}}.activity-list,.candidates-list,.document-list,.task-list,.widget-scrollable{scroll-behavior:smooth!important}.widget-box{-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;transform-style:preserve-3d!important}:root[data-theme=light]{.activity-item,.calendar-day-cell .day-number,.candidate-item,.document-item,.task-item,.widget-header h3{color:var(--text-primary)!important}.activity-item:hover,.candidate-item:hover,.document-item:hover,.task-item:hover,.widget-clickable:hover{background:rgba(0,0,0,.05)!important}.activity-list::-webkit-scrollbar-thumb,.candidates-list::-webkit-scrollbar-thumb,.document-list::-webkit-scrollbar-thumb,.task-list::-webkit-scrollbar-thumb,.widget-scrollable::-webkit-scrollbar-thumb{background:rgba(139,92,246,.5)!important}}.candidate-card,.candidate-item,.document-card,.document-item,.document-row,.notification-item,.task-item{backface-visibility:hidden;-webkit-backface-visibility:hidden;opacity:1;position:relative;transform:translateX(0) translateZ(0);transition:transform .2s cubic-bezier(.4,0,.2,1),background-color .2s ease}.candidate-card:first-child,.document-card:first-child,.document-row:first-child,.notification-item:first-child,.task-item:first-child{animation:slideIn .3s ease-out 0s backwards}.candidate-card:nth-child(2),.document-card:nth-child(2),.document-row:nth-child(2),.notification-item:nth-child(2),.task-item:nth-child(2){animation:slideIn .3s ease-out .05s backwards}.candidate-card:nth-child(3),.document-card:nth-child(3),.document-row:nth-child(3),.notification-item:nth-child(3),.task-item:nth-child(3){animation:slideIn .3s ease-out .1s backwards}.candidate-card:nth-child(4),.document-card:nth-child(4),.document-row:nth-child(4),.notification-item:nth-child(4),.task-item:nth-child(4){animation:slideIn .3s ease-out .15s backwards}.candidate-card:nth-child(5),.document-card:nth-child(5),.document-row:nth-child(5),.notification-item:nth-child(5),.task-item:nth-child(5){animation:slideIn .3s ease-out .2s backwards}.candidate-card:nth-child(n+6),.document-card:nth-child(n+6),.document-row:nth-child(n+6),.notification-item:nth-child(n+6),.task-item:nth-child(n+6){animation:slideIn .3s ease-out .25s backwards}.candidate-card:hover,.candidate-item:hover,.document-card:hover,.document-item:hover,.document-row:hover,.notification-item:hover,.task-item:hover{background-color:hsla(0,0%,100%,.05);transform:translateX(4px) translateZ(0);z-index:2}.candidate-item:active,.document-item:active,.notification-item:active,.task-item:active{transform:translateX(2px) translateZ(0)}.candidates-list,.document-list,.notifications-list,.task-list{position:relative;will-change:auto}.calendar-days-grid{grid-gap:6px!important;box-sizing:border-box!important;display:grid!important;gap:6px!important;grid-template-columns:repeat(7,1fr)!important;grid-template-rows:repeat(6,minmax(40px,1fr))!important;isolation:isolate!important;padding:8px!important}.calendar-day-cell,.calendar-days-grid{position:relative!important;width:100%!important}.calendar-day-cell{align-items:center!important;contain:layout style paint!important;display:flex!important;flex-direction:column!important;height:100%!important;justify-content:center!important;min-height:40px!important}.calendar-day-cell .day-number{font-size:14px!important;line-height:1!important;margin-bottom:4px!important;pointer-events:none!important;position:relative!important;z-index:1!important}.calendar-day-cell .event-dots{bottom:4px!important;display:flex!important;gap:2px!important;left:50%!important;pointer-events:none!important;position:absolute!important;transform:translateX(-50%)!important;z-index:1!important}.calendar-day-cell.other-month{background:transparent!important;opacity:.3!important;pointer-events:none!important}[data-animation-complete=true]{animation:none!important}.notifications-list{max-height:320px!important;overflow-x:hidden!important;overflow-y:auto!important;padding-right:6px!important;scroll-behavior:smooth!important}.notifications-list .notification-item{margin-bottom:8px!important;transition:all .2s ease!important}.candidates-list{max-height:320px!important;overflow-x:hidden!important;overflow-y:auto!important;padding-right:6px!important}.candidates-list .candidate-item{margin-bottom:8px!important;transition:all .2s ease!important}.task-list{max-height:320px!important;overflow-x:hidden!important;overflow-y:auto!important;padding-right:6px!important}.task-list .task-item{margin-bottom:8px!important;transition:all .2s ease!important}.document-list{max-height:320px!important;overflow-x:hidden!important;overflow-y:auto!important;padding-right:6px!important}.document-list .document-item{margin-bottom:8px!important;transition:all .2s ease!important}.candidates-list::-webkit-scrollbar,.document-list::-webkit-scrollbar,.notifications-list::-webkit-scrollbar,.task-list::-webkit-scrollbar{background:transparent!important;width:10px!important}.candidates-list::-webkit-scrollbar-track,.document-list::-webkit-scrollbar-track,.notifications-list::-webkit-scrollbar-track,.task-list::-webkit-scrollbar-track{background:hsla(0,0%,100%,.02)!important;border-radius:5px!important;margin:4px 0!important}.candidates-list::-webkit-scrollbar-thumb,.document-list::-webkit-scrollbar-thumb,.notifications-list::-webkit-scrollbar-thumb,.task-list::-webkit-scrollbar-thumb{background:rgba(139,92,246,.3)!important;background-clip:padding-box!important;border:2px solid transparent!important;border-radius:5px!important}.candidates-list::-webkit-scrollbar-thumb:hover,.document-list::-webkit-scrollbar-thumb:hover,.notifications-list::-webkit-scrollbar-thumb:hover,.task-list::-webkit-scrollbar-thumb:hover{background:rgba(139,92,246,.5)!important}.calendar-header,.notification-header,.widget-header{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:hsla(0,0%,100%,.03)!important;border-bottom:1px solid hsla(0,0%,100%,.1)!important;margin-bottom:0!important;padding:16px 20px!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:20!important}@media (max-width:768px){.calendar-days-grid{gap:4px!important;padding:4px!important}.calendar-day-cell{border-radius:6px!important;min-height:32px!important}.calendar-day-cell .day-number{font-size:12px!important}}@media (max-width:480px){.calendar-days-grid{gap:2px!important;padding:2px!important}.calendar-day-cell{border-radius:4px!important;min-height:28px!important}.calendar-day-cell .day-number{font-size:11px!important}.event-dots{bottom:2px!important}.event-dot{height:3px!important;width:3px!important}}:root[data-theme=light] .calendar-day-cell{background:rgba(0,0,0,.02)!important;color:var(--text-primary)!important}:root[data-theme=light] .calendar-day-cell:not(.other-month):hover{background:rgba(0,0,0,.05)!important;border-color:rgba(0,0,0,.1)!important}:root[data-theme=light] .calendar-day-cell.selected{background:rgba(139,92,246,.15)!important;border-color:rgba(139,92,246,.3)!important}:root[data-theme=light] .calendar-day-cell.today{background:rgba(139,92,246,.08)!important;border-color:rgba(139,92,246,.25)!important}.widget-box{contain:layout style!important}.calendar-day-cell,.candidate-card,.candidate-item,.document-card,.document-item,.document-row,.notification-item,.task-item{animation:none!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;opacity:1!important;transform:translateX(0) translateZ(0)!important;transition:transform .15s ease,background-color .15s ease,border-color .15s ease!important;will-change:auto!important}.candidate-card:hover,.candidate-item:hover,.document-card:hover,.document-item:hover,.document-row:hover,.notification-item:hover,.task-item:hover{background-color:hsla(0,0%,100%,.08)!important;transform:translateX(4px) translateZ(0)!important}.calendar-day-cell:not(.other-month):hover{background:hsla(0,0%,100%,.08)!important;border-color:hsla(0,0%,100%,.15)!important;transform:scale(1.05) translateZ(0)!important}.candidate-card:active,.candidate-item:active,.document-card:active,.document-item:active,.document-row:active,.notification-item:active,.task-item:active{transform:translateX(2px) translateZ(0)!important}.calendar-day-cell:not(.other-month):active{transform:scale(.97) translateZ(0)!important}.fadeIn,.slideIn,[class*=animate-]{animation:none!important}.calendar-day-cell>*,.candidate-card>*,.document-card>*,.document-row>*,.notification-item>*,.task-item>*{transform:none!important}.candidates-widget-clean{background:#fff;background:var(--widget-bg,#fff);border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.06);display:flex;flex-direction:column;height:100%;overflow:hidden}.widget-header{align-items:center;background:#fafafa;background:var(--header-bg,#fafafa);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;padding:20px 24px}.header-title-section{align-items:center;display:flex;gap:12px}.widget-title{color:#111827;color:var(--text-primary,#111827);font-weight:600}.candidate-count{background:#eef2ff;background:var(--primary-bg-light,#eef2ff);border-radius:8px;color:#6366f1;color:var(--primary-color,#6366f1);font-size:12px;font-weight:600;padding:4px 10px}.filter-pills{display:flex;gap:8px}.filter-pill{background:transparent;border:none;border-radius:6px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s ease}.filter-pill:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6);color:#111827;color:var(--text-primary,#111827)}.filter-pill.active{background:#eef2ff;background:var(--primary-bg-light,#eef2ff);color:#6366f1;color:var(--primary-color,#6366f1);font-weight:600}.candidates-list{display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:16px 20px}.candidate-card{align-items:center;background:#fafafa;background:var(--card-bg,#fafafa);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;cursor:pointer;display:flex;gap:14px;padding:14px 16px;transition:all .2s ease}.candidate-card:hover{background:#f3f4f6;background:var(--card-hover-bg,#f3f4f6);box-shadow:0 2px 6px rgba(0,0,0,.04);transform:translateX(2px)}.candidate-card.selected,.candidate-card:hover{border-color:#6366f1;border-color:var(--primary-color,#6366f1)}.candidate-card.selected{background:#eef2ff;background:var(--primary-bg-light,#eef2ff)}.candidate-avatar-section{flex-shrink:0;position:relative}.avatar-container{position:relative}.candidate-avatar{background:#f3f4f6;background:var(--bg-hover,#f3f4f6);border-radius:50%;height:42px;object-fit:cover;width:42px}.status-indicator{border:2px solid #fff;border:2px solid var(--widget-bg,#fff);border-radius:50%;bottom:0;height:11px;position:absolute;right:0;width:11px}.status-blue{background:#3b82f6}.status-yellow{background:#fbbf24}.status-purple{background:#8b5cf6}.status-green{background:#10b981}.status-red{background:#ef4444}.status-gray{background:#6b7280}.candidate-info{flex:1 1;min-width:0}.info-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.candidate-name{color:#111827;color:var(--text-primary,#111827);font-size:14px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.applied-time{color:#9ca3af;color:var(--text-tertiary,#9ca3af);flex-shrink:0;font-size:11px}.candidate-position{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.candidate-meta{display:flex;gap:10px;margin-bottom:6px}.meta-item{align-items:center;color:#9ca3af;color:var(--text-tertiary,#9ca3af);display:flex;font-size:11px;gap:4px}.skills-row{display:flex;flex-wrap:wrap;gap:5px}.skill-tag{border-radius:5px;color:#6b7280;color:var(--text-secondary,#6b7280);font-size:10px;font-weight:500;padding:3px 8px}.skill-tag,.skill-tag.more{background:#f3f4f6;background:var(--bg-hover,#f3f4f6)}.skill-tag.more{border-color:#e5e7eb;border-color:var(--border-color,#e5e7eb);color:#9ca3af;color:var(--text-tertiary,#9ca3af)}.candidate-actions{flex-shrink:0;gap:8px}.candidate-actions,.match-score-container{align-items:center;display:flex;flex-direction:column}.match-score-container{gap:4px}.match-score-circle{align-items:center;background:#eef2ff;background:var(--primary-bg-light,#eef2ff);border:2px solid #6366f1;border:2px solid var(--primary-color,#6366f1);border-radius:50%;display:flex;font-size:13px;font-weight:700;height:40px;justify-content:center;width:40px}.score-high{background:#d1fae5;border-color:#059669}.score-high,.score-high .score-text{color:#065f46}.score-medium{background:#fef3c7;border-color:#d97706;color:#92400e}.score-medium .score-text{color:#92400e}.score-low{background:#fee2e2;border-color:#dc2626}.score-low,.score-low .score-text{color:#991b1b}.score-text{color:#6366f1;color:var(--primary-color,#6366f1);font-size:13px}.match-label{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:9px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.quick-actions{display:flex;gap:6px;opacity:0;transition:opacity .2s ease}.candidate-card.selected .quick-actions{opacity:1}.action-btn{background:transparent;border:1px solid;border-radius:6px;height:28px;transition:all .2s ease;width:28px}.action-btn.accept{background:#d1fae5;border-color:#059669}.action-btn.accept .action-icon{color:#059669}.action-btn.star{background:#fef3c7;border-color:#d97706}.action-btn.star .action-icon{color:#d97706}.action-btn.reject{background:#fee2e2;border-color:#dc2626}.action-btn.reject .action-icon{color:#dc2626}.action-icon{height:14px;width:14px}.widget-footer{background:#fafafa;background:var(--footer-bg,#fafafa);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;flex-direction:column;gap:12px;padding:12px 24px}.stats-row{gap:16px;justify-content:space-around}.stat-item,.stats-row{align-items:center;display:flex}.stat-item{flex:1 1;flex-direction:column}.stat-value{color:#111827;color:var(--text-primary,#111827);font-size:20px;font-weight:700;line-height:1.2}.stat-label{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:11px;margin-top:2px;white-space:nowrap}.stat-divider{background:#e5e7eb;background:var(--border-color,#e5e7eb);height:32px;width:1px}.view-all-btn{background:#eef2ff;background:var(--primary-bg-light,#eef2ff);border:none;border-radius:8px;color:#6366f1;color:var(--primary-color,#6366f1);cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease;width:100%}.view-all-btn:hover{background:#6366f1;background:var(--primary-color,#6366f1);box-shadow:0 4px 12px rgba(99,102,241,.3);color:#fff;transform:translateY(-1px)}.candidates-widget-body::-webkit-scrollbar{width:4px}.candidates-widget-body::-webkit-scrollbar-track{background:transparent}.candidates-widget-body::-webkit-scrollbar-thumb{background:#e5e7eb;background:var(--border-color,#e5e7eb);border-radius:2px}.candidates-widget-body::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--text-tertiary,#9ca3af)}@media (prefers-color-scheme:dark){.candidates-widget-clean{--widget-bg:#1f2937;--header-bg:#111827;--footer-bg:#111827;--border-color:#374151;--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-tertiary:#9ca3af;--card-bg:#111827;--card-hover-bg:#374151;--bg-hover:#374151;--primary-bg-light:#1e1b4b;--primary-color:#818cf8}.status-indicator{border-color:var(--widget-bg)}.skill-tag{background:#374151}.view-all-button-modern:hover{background:var(--primary-color)}}[data-theme=dark] .candidates-widget-clean{--widget-bg:#1f2937;--header-bg:#111827;--footer-bg:#111827;--border-color:#374151;--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-tertiary:#9ca3af;--card-bg:#111827;--card-hover-bg:#374151;--bg-hover:#374151;--primary-bg-light:#1e1b4b;--primary-color:#818cf8}[data-theme=dark] .status-indicator{border-color:var(--widget-bg)}[data-theme=dark] .skill-tag{background:#374151}[data-theme=dark] .view-all-button-modern:hover{background:var(--primary-color)}.calendar-widget-modern{background:#fff;background:var(--widget-bg,#fff);border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.06);display:flex;flex-direction:column;height:100%;overflow:hidden}.calendar-widget-header{align-items:center;background:#fafafa;background:var(--header-bg,#fafafa);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;padding:20px 24px}.calendar-month-info{align-items:center;display:flex;gap:12px}.calendar-header-icon{color:#6366f1;color:var(--primary-color,#6366f1);flex-shrink:0}.calendar-month-title{color:#111827;color:var(--text-primary,#111827);font-size:18px;font-weight:600;margin:0}.calendar-header-actions{align-items:center;display:flex;gap:6px}.calendar-nav-button,.calendar-today-button{align-items:center;background:transparent;border:none;border-radius:6px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;justify-content:center;transition:all .2s ease}.calendar-nav-button{height:32px;width:32px}.calendar-nav-button:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6);color:#111827;color:var(--text-primary,#111827)}.calendar-today-button{font-size:13px;font-weight:500;padding:6px 12px}.calendar-today-button:hover{background:#eef2ff;background:var(--primary-bg-light,#eef2ff);color:#6366f1;color:var(--primary-color,#6366f1)}.calendar-widget-body{flex:1 1;overflow-y:auto;padding:16px 20px}.calendar-weekdays-row{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.calendar-weekday-cell{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;font-weight:600;letter-spacing:.5px;padding:8px 4px;text-align:center;text-transform:uppercase}.calendar-days-container{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.calendar-day-tile{align-items:center;aspect-ratio:1;background:transparent;background:var(--day-bg,transparent);border:1px solid transparent;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:4px;justify-content:center;padding:6px 4px;position:relative;transition:all .2s ease}.calendar-day-tile:hover{background:#f3f4f6;background:var(--day-hover-bg,#f3f4f6);border-color:#e5e7eb;border-color:var(--border-color,#e5e7eb)}.calendar-day-tile.other-month{cursor:default;opacity:.3}.calendar-day-tile.other-month:hover{background:transparent;border-color:transparent}.calendar-day-tile.empty-slot{cursor:default;pointer-events:none;visibility:hidden}.calendar-day-tile.empty-slot:hover{background:transparent;border-color:transparent}.calendar-day-tile.is-today{background:#eef2ff;background:var(--today-bg,#eef2ff);border-color:#6366f1;border-color:var(--primary-color,#6366f1)}.calendar-day-tile.is-today .day-number-text{color:#4338ca;color:var(--today-text,#4338ca);font-weight:700}.calendar-day-tile.has-events{background:#fef3c7;background:var(--event-day-bg,#fef3c7)}.calendar-day-tile.has-events .day-number-text{color:#92400e;color:var(--event-text,#92400e)}.calendar-day-tile.has-events:hover{background:#fde68a;background:var(--event-day-hover,#fde68a)}.calendar-day-tile.is-today.has-events{background:linear-gradient(135deg,#eef2ff,#fef3c7);background:var(--today-event-bg,linear-gradient(135deg,#eef2ff 0,#fef3c7 100%))}.calendar-day-tile.is-today.has-events .day-number-text{color:#4338ca;color:var(--today-text,#4338ca)}.day-number-text{color:#111827;color:var(--text-primary,#111827);font-size:14px;font-weight:500;line-height:1}.event-indicators{align-items:center;display:flex;flex-wrap:wrap;gap:3px;justify-content:center;max-width:100%}.event-dot{background:#6366f1;background:var(--primary-color,#6366f1);border-radius:50%;box-shadow:0 0 0 1px hsla(0,0%,100%,.5);flex-shrink:0;height:6px;width:6px}.more-events-count{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:9px;font-weight:600;margin-left:2px}.calendar-widget-footer{background:#fafafa;background:var(--footer-bg,#fafafa);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;gap:8px;padding:16px 20px}.btn-create-appointment,.btn-view-full-calendar{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease}.btn-create-appointment{background:#6366f1;background:var(--primary-color,#6366f1);color:#fff}.btn-create-appointment:hover{background:#4f46e5;background:var(--primary-hover,#4f46e5);box-shadow:0 4px 12px rgba(99,102,241,.3);transform:translateY(-1px)}.btn-view-full-calendar{background:transparent;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);color:#111827;color:var(--text-primary,#111827)}.btn-view-full-calendar:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6);border-color:#6366f1;border-color:var(--primary-color,#6366f1);color:#6366f1;color:var(--primary-color,#6366f1)}.appointment-list-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.appointment-list-card{background:#fff;background:var(--modal-bg,#fff);border-radius:16px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);display:flex;flex-direction:column;max-height:80vh;max-width:500px;width:100%}.appointment-list-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);padding:20px 24px}.appointment-list-header h4{color:#111827;color:var(--text-primary,#111827);font-size:18px;font-weight:600;margin:0}.btn-close-list{align-items:center;background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border:none;border-radius:6px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.btn-close-list:hover{background:#e5e7eb;background:var(--bg-hover,#e5e7eb);color:#111827;color:var(--text-primary,#111827)}.appointment-list-items{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px 24px}.appointment-list-item{background:#f9fafb;background:var(--item-bg,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;display:flex;gap:12px;padding:16px;transition:all .2s ease}.appointment-list-item:hover{background:#fff;background:var(--item-hover-bg,#fff);border-color:#6366f1;border-color:var(--primary-color,#6366f1);box-shadow:0 2px 8px rgba(99,102,241,.1)}.appointment-time-badge{background:#6366f1;background:var(--primary-color,#6366f1);border-radius:6px;color:#fff;flex-shrink:0;font-size:12px;font-weight:600;height:-webkit-fit-content;height:fit-content;padding:4px 12px}.appointment-details{flex:1 1;min-width:0}.appointment-title{color:#111827;color:var(--text-primary,#111827);font-size:15px;margin:0 0 6px}.appointment-description{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:13px;line-height:1.4;margin:0 0 6px}.appointment-location{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:12px}.appointment-actions{align-items:stretch;min-width:110px}.btn-delete-appointment,.btn-edit-appointment{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;justify-content:center;padding:8px 14px;transition:all .2s ease;white-space:nowrap}.btn-edit-appointment{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);color:#111827;color:var(--text-primary,#111827)}.btn-edit-appointment:hover{background:#6366f1;background:var(--primary-color,#6366f1);color:#fff}.btn-delete-appointment{background:transparent;border:1px solid #dc2626;border:1px solid var(--danger-color,#dc2626);color:#dc2626;color:var(--danger-color,#dc2626)}.btn-delete-appointment:hover{background:#dc2626;background:var(--danger-color,#dc2626);color:#fff}.appointment-list-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);padding:16px 24px}.btn-add-more{align-items:center;background:transparent;border:1px dashed #d1d5db;border:1px dashed var(--border-color,#d1d5db);border-radius:8px;color:#111827;color:var(--text-primary,#111827);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease;width:100%}.btn-add-more:hover{background:#eef2ff;background:var(--primary-bg-light,#eef2ff);border-color:#6366f1;border-color:var(--primary-color,#6366f1);color:#6366f1;color:var(--primary-color,#6366f1)}@media (prefers-color-scheme:dark){.calendar-widget-modern{--widget-bg:#1f2937;--header-bg:#111827;--footer-bg:#111827;--border-color:#374151;--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-tertiary:#9ca3af;--day-bg:transparent;--day-hover-bg:#374151;--event-day-bg:#422006;--event-day-hover:#713f12;--bg-secondary:#374151;--bg-hover:#4b5563;--primary-bg-light:#1e1b4b;--modal-bg:#1f2937;--item-bg:#111827;--item-hover-bg:#374151;--today-bg:#fef3c7;--today-text:#92400e;--event-text:#92400e;--today-event-bg:#fde68a}.day-number-text{color:#f9fafb}.calendar-day-tile.has-events .day-number-text,.calendar-day-tile.is-today .day-number-text,.calendar-day-tile.is-today.has-events .day-number-text{color:#92400e!important}.event-dot{box-shadow:0 0 0 1px rgba(0,0,0,.5)}}[data-theme=dark] .calendar-widget-modern{--widget-bg:#1f2937;--header-bg:#111827;--footer-bg:#111827;--border-color:#374151;--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-tertiary:#9ca3af;--day-bg:transparent;--day-hover-bg:#374151;--event-day-bg:#422006;--event-day-hover:#713f12;--bg-secondary:#374151;--bg-hover:#4b5563;--primary-bg-light:#1e1b4b;--modal-bg:#1f2937;--item-bg:#111827;--item-hover-bg:#374151;--today-bg:#1e3a8a;--today-text:#93c5fd;--event-text:#fbbf24;--today-event-bg:#1e40af}[data-theme=dark] .day-number-text{color:#f9fafb}[data-theme=dark] .calendar-day-tile.is-today .day-number-text,[data-theme=dark] .calendar-day-tile.is-today.has-events .day-number-text{color:#93c5fd!important}[data-theme=dark] .calendar-day-tile.has-events .day-number-text{color:#fbbf24!important}[data-theme=dark] .event-dot{box-shadow:0 0 0 1px rgba(0,0,0,.5)}@media (max-width:768px){.calendar-widget-header{padding:16px 20px}.calendar-month-title{font-size:16px}.calendar-widget-body{padding:12px 16px}.calendar-day-tile{padding:4px 2px}.day-number-text{font-size:13px}.event-dot{height:5px;width:5px}.calendar-widget-footer{flex-direction:column;padding:12px 16px}.appointment-list-card{margin:10px}.appointment-list-item{flex-direction:column;gap:12px}.appointment-actions{flex-direction:row}}.appointment-list-card-modern{animation:slideInUp .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,hsla(0,0%,100%,.98),rgba(250,250,255,.95));border-radius:24px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25),0 0 0 1px rgba(99,102,241,.1);max-height:85vh;max-width:600px;overflow:hidden;padding:0;width:90%}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.appointment-list-header-modern{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-bottom:1px solid hsla(0,0%,100%,.2);display:flex;justify-content:space-between;padding:24px 28px}.header-date-section{align-items:center;display:flex;gap:16px}.date-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.25);border-radius:12px;display:flex;flex-direction:column;justify-content:center;min-width:60px;padding:12px}.date-number{color:#fff;font-size:24px;font-weight:700;line-height:1}.date-month{color:hsla(0,0%,100%,.9);font-size:12px;font-weight:600;letter-spacing:.5px;margin-top:2px;text-transform:uppercase}.header-info{flex:1 1}.header-title{color:#fff;font-size:20px;font-weight:700;margin:0 0 4px}.header-subtitle{color:hsla(0,0%,100%,.85);font-size:14px;margin:0}.btn-close-modern{align-items:center;background:hsla(0,0%,100%,.2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.btn-close-modern:hover{background:hsla(0,0%,100%,.3);transform:scale(1.1)}.appointment-cards-container{display:flex;flex-direction:column;gap:16px;max-height:calc(85vh - 220px);overflow-y:auto;padding:20px 28px}.appointment-card-modern{animation:fadeInCard .4s ease-out forwards;background:var(--glass);border:1px solid rgba(99,102,241,.15);border-radius:16px;opacity:0;padding:20px;transition:all .3s ease}@keyframes fadeInCard{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.appointment-card-modern:hover{border-color:rgba(99,102,241,.3);box-shadow:0 8px 24px rgba(99,102,241,.15);transform:translateY(-2px)}.appointment-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.appointment-time-section{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;font-weight:600;gap:8px}.time-icon{color:#6366f1}.time-text{color:var(--text-primary)}.appointment-type-badge{background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(139,92,246,.1));border:1px solid rgba(99,102,241,.2);border-radius:8px;color:#6366f1;font-size:12px;font-weight:600;padding:4px 12px}.appointment-card-title{color:var(--text-primary);font-size:18px;font-weight:700;line-height:1.3;margin:0 0 8px}.appointment-card-description{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 12px}.appointment-card-location,.appointment-card-participants{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:8px;margin-top:8px}.appointment-card-location svg,.appointment-card-participants svg{color:#6366f1}.appointment-card-actions{border-top:1px solid rgba(99,102,241,.1);display:flex;gap:10px;margin-top:16px;padding-top:16px}.btn-card-delete,.btn-card-edit{align-items:center;border:1px solid transparent;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s ease}.btn-card-edit{background:rgba(99,102,241,.08);border-color:rgba(99,102,241,.2);color:#6366f1}.btn-card-edit:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 12px rgba(99,102,241,.3);color:#fff;transform:translateY(-1px)}.btn-card-delete{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.2);color:#ef4444;flex:0 0 auto;padding:10px 14px}.btn-card-delete:hover{background:#ef4444;box-shadow:0 4px 12px rgba(239,68,68,.3);color:#fff;transform:translateY(-1px)}.appointment-list-footer-modern{background:rgba(99,102,241,.03);border-top:1px solid rgba(99,102,241,.1);padding:20px 28px 24px}.btn-add-modern{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;box-shadow:0 4px 12px rgba(99,102,241,.3);color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:14px 24px;transition:all .3s ease;width:100%}.btn-add-modern:hover{background:linear-gradient(135deg,#5558e3,#7c3aed);box-shadow:0 6px 20px rgba(99,102,241,.4);transform:translateY(-2px)}[data-theme=dark] .appointment-list-card-modern{background:linear-gradient(135deg,rgba(30,30,40,.98),rgba(20,20,30,.95));border-color:rgba(99,102,241,.2)}[data-theme=dark] .appointment-card-modern{background:hsla(0,0%,100%,.05);border-color:rgba(99,102,241,.2)}[data-theme=dark] .appointment-card-modern:hover{background:hsla(0,0%,100%,.08);border-color:rgba(99,102,241,.4)}[data-theme=dark] .appointment-card-title,[data-theme=dark] .header-title{color:#f9fafb}[data-theme=dark] .appointment-card-description,[data-theme=dark] .appointment-card-location,[data-theme=dark] .appointment-card-participants,[data-theme=dark] .header-subtitle,[data-theme=dark] .time-text{color:#d1d5db}[data-theme=dark] .appointment-list-footer-modern{background:rgba(99,102,241,.05);border-color:rgba(99,102,241,.2)}@media (max-width:768px){.appointment-list-card-modern{max-height:90vh;width:95%}.appointment-list-header-modern{padding:20px}.appointment-cards-container{max-height:calc(90vh - 200px);padding:16px 20px}.appointment-card-modern{padding:16px}.appointment-card-actions{flex-direction:column}.btn-card-delete,.btn-card-edit{width:100%}.appointment-list-footer-modern{padding:16px 20px 20px}}.appointment-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(0,0,0,.75);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.appointment-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,.05));border:1px solid hsla(0,0%,100%,.2);border-radius:20px;box-shadow:0 25px 50px -12px rgba(0,0,0,.5),0 0 0 1px hsla(0,0%,100%,.1);max-height:90vh;max-width:600px;overflow:hidden;padding:0;width:90vw}.appointment-modal-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;padding:24px 28px 20px}.modal-title-section{flex:1 1}.modal-title{align-items:center;color:var(--text-primary);display:flex;font-size:20px;font-weight:600;gap:10px;margin:0 0 4px}.modal-subtitle{color:var(--text-secondary);font-size:14px;margin:0}.modal-close-btn{align-items:center;background:var(--glass);border:1px solid var(--border-primary);border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.modal-close-btn:hover{background:var(--glass-hover);transform:scale(1.05)}.appointment-modal-content{max-height:60vh;overflow-y:auto;padding:24px 28px}.form-section{margin-bottom:28px}.form-section:last-child{margin-bottom:0}.section-title{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.form-group{margin-bottom:16px}.form-label{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:500;gap:6px;margin-bottom:6px}.form-input,.form-select,.form-textarea{background:var(--input-bg);border:1px solid var(--input-border);border-radius:10px;color:var(--input-text);transition:all .3s ease}.form-input:hover,.form-select:hover,.form-textarea:hover{background:var(--input-bg-hover)}.form-input:focus,.form-select:focus,.form-textarea:focus{background:var(--input-bg-focus);border-color:var(--input-border-focus);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.form-input.error,.form-select.error,.form-textarea.error{border-color:#ef4444}.form-input::placeholder,.form-textarea::placeholder{color:var(--input-placeholder)}.form-row{display:flex}.form-row .form-group{flex:1 1}.participants-list{margin-bottom:16px}.participant-item{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px 16px}.participant-info{display:flex;flex-direction:column;gap:2px}.participant-name{color:var(--text-primary);font-size:14px}.participant-email,.participant-role{color:var(--text-tertiary);font-size:12px}.remove-participant-btn{align-items:center;background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#ef4444;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .3s ease;width:28px}.remove-participant-btn:hover{background:rgba(239,68,68,.3);transform:scale(1.1)}.add-participant-form{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:16px}.add-participant-btn{align-items:center;background:rgba(59,130,246,.2);border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#3b82f6;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .3s ease;width:40px}.add-participant-btn:hover{background:rgba(59,130,246,.3);transform:scale(1.05)}.add-participant-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.error-message,.warning-message{align-items:center;border-radius:10px;display:flex;font-size:14px;gap:8px;margin-bottom:16px;padding:12px 16px}.error-message{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#fca5a5}.warning-message{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);color:#fcd34d}.field-error{color:#fca5a5;display:block;font-size:12px;margin-top:4px}.appointment-modal-footer{align-items:center;border-top:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;padding:20px 28px 24px}.footer-actions{align-items:center;display:flex;gap:12px}.cancel-btn,.delete-btn,.save-btn{align-items:center;border:1px solid transparent;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.delete-btn{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.3);color:#ef4444}.delete-btn:hover{background:rgba(239,68,68,.3);transform:translateY(-1px)}.cancel-btn{background:var(--btn-cancel-bg);border-color:var(--btn-cancel-border);color:var(--btn-cancel-text)}.cancel-btn:hover{background:var(--btn-cancel-hover);transform:translateY(-1px)}.save-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#3b82f6;color:#fff}.save-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 4px 12px rgba(59,130,246,.3);transform:translateY(-1px)}.cancel-btn:disabled,.delete-btn:disabled,.save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.appointment-list-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,.05));border:1px solid hsla(0,0%,100%,.2);border-radius:20px;box-shadow:0 25px 50px -12px rgba(0,0,0,.5),0 0 0 1px hsla(0,0%,100%,.1);max-height:90vh;max-width:700px;overflow:hidden;padding:0;width:90vw}.appointment-list-modal-header{display:flex;justify-content:flex-end;padding:20px 24px 0}.appointment-list-modal-footer{border-top:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:center;padding:20px 24px 24px}.add-appointment-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:1px solid #3b82f6;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.add-appointment-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 4px 12px rgba(59,130,246,.3);transform:translateY(-1px)}.calendar-footer-actions{align-items:center;display:flex;gap:8px}.view-appointments-btn{align-items:center;background:var(--glass);border:1px solid var(--border-primary);border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.view-appointments-btn:hover{background:var(--glass-hover);transform:scale(1.05)}[data-theme=light] .appointment-modal-overlay{background:rgba(0,0,0,.3)}[data-theme=light] .appointment-list-modal,[data-theme=light] .appointment-modal{background:linear-gradient(135deg,hsla(0,0%,100%,.98),rgba(240,240,245,.95));border-color:var(--border-primary);box-shadow:0 25px 50px -12px rgba(0,0,0,.25),0 0 0 1px rgba(0,0,0,.05)}@media (max-width:768px){.appointment-list-modal,.appointment-modal{margin:20px;width:95vw}.appointment-modal-header{padding:20px 20px 16px}.appointment-modal-content{padding:20px}.appointment-modal-footer{flex-direction:column;gap:12px;padding:16px 20px 20px}.footer-actions{justify-content:center;width:100%}.form-row{flex-direction:column;gap:12px}}.tasks-widget-clean{background:#fff;background:var(--widget-bg,#fff);border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.06);display:flex;flex-direction:column;height:100%;overflow:hidden}.tasks-header{background:#fafafa;background:var(--header-bg,#fafafa);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);padding:20px 24px}.header-top{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.widget-title{color:#111827!important;color:var(--text-primary,#111827)!important;font-size:18px;font-weight:600!important;margin:0}.header-actions{align-items:center;display:flex;gap:12px}.priority-indicator{align-items:center;background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;display:flex;gap:6px;padding:6px 10px}.priority-icon{color:#dc2626;height:14px;width:14px}.priority-indicator span{color:#dc2626;font-size:12px;font-weight:600}.add-task-btn{align-items:center;background:#eef2ff;background:var(--primary-bg-light,#eef2ff);border:1px solid #6366f1;border:1px solid var(--primary-color,#6366f1);border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.add-task-btn:hover{background:#6366f1;background:var(--primary-color,#6366f1);transform:scale(1.1)}.add-task-btn:hover .add-icon{color:#fff}.add-task-btn:active{transform:scale(.95)}.add-icon{color:#6366f1;color:var(--primary-color,#6366f1);height:18px;transition:color .2s ease;width:18px}.view-tabs{display:flex;gap:8px}.view-tab{align-items:center;background:transparent;border:none;border-radius:6px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.view-tab:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6);color:#111827;color:var(--text-primary,#111827)}.view-tab.active{background:#eef2ff;background:var(--primary-bg-light,#eef2ff);color:#6366f1;color:var(--primary-color,#6366f1);font-weight:600}.tab-count{background:#f3f4f6;background:var(--bg-hover,#f3f4f6);border-radius:4px;font-size:11px;font-weight:600;padding:2px 6px}.tab-count.urgent{background:#fee2e2;color:#dc2626}.tasks-list{display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:16px 20px}.task-item{align-items:flex-start;background:#fafafa;background:var(--card-bg,#fafafa);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:14px 16px;position:relative;transition:all .2s ease}.task-item:hover{background:#f3f4f6;background:var(--card-hover-bg,#f3f4f6);box-shadow:0 2px 6px rgba(0,0,0,.04);transform:translateX(2px)}.task-item.selected,.task-item:hover{border-color:#6366f1;border-color:var(--primary-color,#6366f1)}.task-item.selected{background:#eef2ff;background:var(--primary-bg-light,#eef2ff)}.task-item.completed{opacity:.6}.task-item.completed:hover{opacity:.8}.task-item.category-interview{border-left:3px solid #3b82f6}.task-item.category-onboarding{border-left:3px solid #10b981}.task-item.category-review{border-left:3px solid #f59e0b}.task-item.category-admin{border-left:3px solid #8b5cf6}.task-item.category-general{border-left:3px solid #6b7280}.task-checkbox{align-items:center;background:transparent;border:2px solid #9ca3af;border:2px solid var(--text-disabled,#9ca3af);border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-top:2px;transition:all .2s ease;width:20px}.task-checkbox:hover{border-color:#6366f1;border-color:var(--primary-color,#6366f1);transform:scale(1.1)}.task-checkbox:active{transform:scale(.95)}.task-checkbox.checked{background:#d1fae5;border-color:#10b981}.checkbox-icon{color:#9ca3af;color:var(--text-disabled,#9ca3af);height:16px;width:16px}.task-checkbox.checked .checkbox-icon{color:#10b981}.task-content{flex:1 1;min-width:0}.task-main{margin-bottom:8px}.task-title{color:#111827!important;color:var(--text-primary,#111827)!important;font-size:14px;font-weight:600!important;margin:0 0 4px;transition:all .2s ease}.task-title.completed{color:#9ca3af!important;color:var(--text-tertiary,#9ca3af)!important;text-decoration:line-through}.task-description{color:#6b7280!important;color:var(--text-secondary,#6b7280)!important;font-size:12px;margin:0}.task-meta{flex-wrap:wrap;gap:10px}.priority-badge,.task-meta{align-items:center;display:flex}.priority-badge{border-radius:6px;height:24px;justify-content:center;width:24px}.priority-badge.priority-high{background:#fee2e2;border:1px solid #fca5a5}.priority-badge.priority-high .badge-icon{color:#dc2626}.priority-badge.priority-medium{background:#fef3c7;border:1px solid #fcd34d}.priority-badge.priority-medium .badge-icon{color:#f59e0b}.priority-badge.priority-low{background:#dbeafe;border:1px solid #93c5fd}.priority-badge.priority-low .badge-icon{color:#3b82f6}.priority-badge.priority-none{background:#f3f4f6;background:var(--bg-hover,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb)}.priority-badge.priority-none .badge-icon{color:#9ca3af;color:var(--text-disabled,#9ca3af)}.badge-icon{height:12px;width:12px}.assignee,.due-date{align-items:center;color:#9ca3af!important;color:var(--text-tertiary,#9ca3af)!important;display:flex;font-size:11px;gap:4px}.meta-icon{color:#9ca3af;color:var(--text-disabled,#9ca3af);height:12px;width:12px}.task-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;gap:8px;margin-top:12px;max-height:0;opacity:0;overflow:hidden;padding-top:12px;transition:all .3s ease}.task-item.selected .task-actions{max-height:50px;opacity:1}.task-action-btn{background:#fafafa;background:var(--card-bg,#fafafa);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.task-action-btn:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6);color:#111827;color:var(--text-primary,#111827);transform:translateY(-1px)}.task-action-btn.delete{border-color:#fca5a5;color:#dc2626}.task-action-btn.delete:hover{background:#fee2e2}.task-more-btn{align-items:center;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;display:flex;height:28px;justify-content:center;opacity:0;transition:all .2s ease;width:28px}.task-item:hover .task-more-btn{opacity:1}.task-more-btn:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6);border-color:#e5e7eb;border-color:var(--border-color,#e5e7eb);transform:scale(1.1)}.task-more-btn:active{transform:scale(.95)}.more-icon{color:#6b7280;color:var(--text-secondary,#6b7280);height:16px;width:16px}.empty-state{opacity:.5;padding:48px 20px}.empty-icon{color:#9ca3af;color:var(--text-disabled,#9ca3af);height:48px;margin-bottom:16px;width:48px}.empty-text{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:14px;margin:0}.tasks-footer{background:#fafafa;background:var(--footer-bg,#fafafa);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);margin-top:auto;padding:16px 24px}.progress-section{margin-bottom:12px}.progress-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.progress-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px}.progress-percentage{color:#111827;color:var(--text-primary,#111827);font-size:12px;font-weight:600}.progress-bar{background:#f3f4f6;background:var(--bg-hover,#f3f4f6);border-radius:3px;height:6px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#6366f1,#818cf8);background:linear-gradient(90deg,var(--primary-color,#6366f1) 0,#818cf8 100%);border-radius:3px;height:100%;transition:width .6s ease}.view-all-tasks-btn{background:#eef2ff;background:var(--primary-bg-light,#eef2ff);border:none;border-radius:8px;color:#6366f1;color:var(--primary-color,#6366f1);cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease;width:100%}.view-all-tasks-btn:hover{background:#6366f1;background:var(--primary-color,#6366f1);box-shadow:0 4px 12px rgba(99,102,241,.3);color:#fff;transform:translateY(-1px)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.5)}.modal-content{background:#fff;background:var(--widget-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.15);max-width:500px;padding:24px;width:90%}.modal-content h3{color:#111827;color:var(--text-primary,#111827);font-size:18px;font-weight:600;margin:0 0 20px}.task-input,.task-select,.task-textarea{background:#fafafa;background:var(--card-bg,#fafafa);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;color:#111827;color:var(--text-primary,#111827);font-family:inherit;font-size:14px;margin-bottom:12px;padding:10px 12px;transition:all .2s ease;width:100%}.task-input:hover,.task-select:hover,.task-textarea:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6)}.task-input:focus,.task-select:focus,.task-textarea:focus{background:#fff;background:var(--widget-bg,#fff);border-color:#6366f1;border-color:var(--primary-color,#6366f1);box-shadow:0 0 0 3px rgba(99,102,241,.1);outline:none}.task-textarea{min-height:80px;resize:vertical}.task-input::placeholder,.task-textarea::placeholder{color:#9ca3af;color:var(--text-tertiary,#9ca3af)}.task-select option{background:#fff;background:var(--widget-bg,#fff);color:#111827;color:var(--text-primary,#111827)}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.btn-cancel,.btn-primary{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease}.btn-cancel{background:#fafafa;background:var(--card-bg,#fafafa);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);color:#6b7280;color:var(--text-secondary,#6b7280)}.btn-cancel:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6);color:#111827;color:var(--text-primary,#111827);transform:translateY(-1px)}.btn-primary{background:#6366f1;background:var(--primary-color,#6366f1);color:#fff}.btn-primary:hover{background:#4f46e5;box-shadow:0 4px 12px rgba(99,102,241,.4);transform:translateY(-1px)}.tasks-list::-webkit-scrollbar{width:4px}.tasks-list::-webkit-scrollbar-track{background:transparent}.tasks-list::-webkit-scrollbar-thumb{background:#e5e7eb;background:var(--border-color,#e5e7eb);border-radius:2px}.tasks-list::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--text-tertiary,#9ca3af)}@media (prefers-color-scheme:dark){.tasks-widget-clean{--widget-bg:#1f2937;--header-bg:#111827;--footer-bg:#111827;--border-color:#374151;--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-tertiary:#9ca3af;--text-disabled:#6b7280;--card-bg:#111827;--card-hover-bg:#374151;--bg-hover:#374151;--primary-bg-light:#1e1b4b;--primary-color:#818cf8}}[data-theme=dark] .tasks-widget-clean{--widget-bg:#1f2937;--header-bg:#111827;--footer-bg:#111827;--border-color:#374151;--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-tertiary:#9ca3af;--text-disabled:#6b7280;--card-bg:#111827;--card-hover-bg:#374151;--bg-hover:#374151;--primary-bg-light:#1e1b4b;--primary-color:#818cf8}.mesh-gradient-background{background:radial-gradient(ellipse at bottom,#1b2735 0,#090a0f 100%);height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:0}.mesh-gradient-background:before{animation:stars 200s linear infinite;background-image:radial-gradient(2px 2px at 20px 30px,hsla(0,0%,100%,.9),transparent),radial-gradient(2px 2px at 60px 70px,hsla(0,0%,100%,.7),transparent),radial-gradient(1px 1px at 50px 50px,hsla(0,0%,100%,.8),transparent),radial-gradient(1px 1px at 130px 80px,hsla(0,0%,100%,.6),transparent),radial-gradient(2px 2px at 90px 10px,hsla(0,0%,100%,.9),transparent);background-repeat:repeat;background-size:200px 200px,300px 300px,250px 250px,280px 280px,220px 220px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes stars{0%{transform:translateY(0)}to{transform:translateY(-2000px)}}.gradient-orb{border-radius:50%;filter:blur(100px);mix-blend-mode:screen;opacity:.6;transform:translate(-50%,-50%);will-change:transform,opacity}.gradient-orb,.mesh-gradient-overlay{pointer-events:none;position:absolute}.mesh-gradient-overlay{background:radial-gradient(circle at 50% 50%,transparent 0,rgba(10,11,13,.4) 100%);height:100%;left:0;top:0;width:100%}@media (prefers-reduced-motion:reduce){.gradient-orb{animation:none!important;filter:blur(80px)}}@media (max-width:768px){.gradient-orb{filter:blur(80px)}}.particle-background{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.particle{background:radial-gradient(circle,hsla(0,0%,100%,.8) 0,hsla(0,0%,100%,0) 70%);border-radius:50%;pointer-events:none;position:absolute;will-change:transform,opacity}@media (prefers-reduced-motion:reduce){.particle{animation:none!important}}@media (max-width:768px){.particle:nth-child(n+21){display:none}}.clean-input-container{margin-bottom:1.25rem;width:100%}.input-label{color:#fff;display:block;font-size:.875rem;font-weight:600;letter-spacing:.01em;margin-bottom:.5rem;text-shadow:0 1px 3px rgba(0,0,0,.3)}.input-box{align-items:center;border:1.5px solid hsla(0,0%,100%,.15);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;gap:.75rem;height:52px;padding:0 1rem;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.input-box,.input-box:hover{background:hsla(0,0%,100%,.08)}.input-box:hover{border-color:hsla(0,0%,100%,.2)}.input-box.focused{background:hsla(0,0%,100%,.1);border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.15)}.input-box.error{border-color:#ef4444}.input-box.error.focused{box-shadow:0 0 0 3px rgba(239,68,68,.15)}.field-icon{color:hsla(0,0%,100%,.4);flex-shrink:0;transition:color .2s}.input-box.focused .field-icon{color:#667eea}.input-field{background:transparent;border:none;color:#fff;flex:1 1;font-size:1rem;font-weight:400;height:100%;line-height:1;outline:none;padding:0}.input-field::placeholder{color:hsla(0,0%,100%,.3)}.input-field:-webkit-autofill,.input-field:-webkit-autofill:focus,.input-field:-webkit-autofill:hover{-webkit-text-fill-color:hsla(0,0%,100%,.95);-webkit-box-shadow:inset 0 0 0 1000px rgba(102,126,234,.1);-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.password-toggle-btn{align-items:center;background:transparent;border:none;border-radius:4px;color:hsla(0,0%,100%,.4);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:.25rem;transition:all .2s}.password-toggle-btn:hover{background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.7)}.input-error{align-items:center;color:#ef4444;display:flex;font-size:.8125rem;gap:.375rem;margin-top:.5rem}@media (max-width:768px){.input-box{height:44px}.input-field{font-size:16px}}.login-page-container{background:radial-gradient(ellipse at bottom,#1b2735 0,#090a0f 100%);justify-content:center;min-height:100vh;overflow:hidden}.login-content,.login-page-container{align-items:center;display:flex;position:relative;width:100%}.login-content{flex-direction:column;gap:2rem;max-width:420px;padding:2rem;z-index:10}.login-logo{margin-bottom:1rem}.login-logo,.logo-icon{align-items:center;display:flex;justify-content:center}.logo-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 32px rgba(102,126,234,.3);color:#fff;font-size:1.75rem;font-weight:700;height:64px;width:64px}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.3);padding:2.5rem 2rem;width:100%}.card-header{margin-bottom:2rem;text-align:center}.card-title{color:#fff;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .5rem;text-shadow:0 2px 10px hsla(0,0%,100%,.2)}.card-subtitle{color:#e0e0e0;font-size:.9375rem;font-weight:400;margin:0}.login-form{display:flex;flex-direction:column;gap:.5rem}.error-banner{align-items:center;background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#fca5a5;display:flex;font-size:.875rem;gap:.75rem;margin-bottom:.75rem;padding:.875rem 1rem}.error-banner svg{flex-shrink:0}.form-options{font-size:.875rem;justify-content:space-between;margin:.5rem 0 1.5rem}.checkbox-label,.form-options{align-items:center;display:flex}.checkbox-label{color:#fff;cursor:pointer;gap:.5rem;-webkit-user-select:none;user-select:none}.checkbox-input{accent-color:#667eea;cursor:pointer;height:16px;width:16px}.forgot-link{color:#a0b4ff;font-weight:500;text-decoration:none;transition:color .2s}.forgot-link:hover{color:#c0d0ff;text-decoration:underline}.submit-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 16px rgba(102,126,234,.4);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;height:48px;justify-content:center;transition:all .2s;width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 6px 24px rgba(102,126,234,.5);transform:translateY(-1px)}.submit-btn:disabled{cursor:not-allowed;opacity:.7}.submit-btn .spinner{animation:spin 1s linear infinite}.login-footer{color:hsla(0,0%,100%,.5);font-size:.8125rem;text-align:center}.login-footer p{margin:0}@media (max-width:480px){.login-content{padding:1rem}.login-card{padding:2rem 1.5rem}.card-title,.logo-icon{font-size:1.5rem}.logo-icon{height:56px;width:56px}}.glass-tab-bar{align-items:center;backdrop-filter:saturate(200%) blur(30px);-webkit-backdrop-filter:saturate(200%) blur(30px);background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:1rem;box-shadow:0 4px 24px rgba(0,0,0,.12),inset 0 1px 1px hsla(0,0%,100%,.1),inset 0 -1px 1px rgba(0,0,0,.1);contain:layout style;display:flex;gap:.5rem;overflow:hidden;padding:.375rem;position:relative;will-change:transform}.glass-tab-bar--compact{gap:.25rem;padding:.25rem}.glass-tab-bar--fluid{width:100%}.glass-tab-bar--fluid .glass-tab-bar__tab{flex:1 1}.glass-tab-bar__indicator{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(139,92,246,.15) 50%,rgba(99,102,241,.15));border:1px solid hsla(0,0%,100%,.1);border-radius:.625rem;box-shadow:0 2px 8px rgba(99,102,241,.2),inset 0 1px 1px hsla(0,0%,100%,.2);height:calc(100% - .75rem);pointer-events:none;position:absolute;transform:translateZ(0);z-index:0}.glass-tab-bar__indicator:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.15),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%,to{transform:translateX(0)}50%{transform:translateX(200%)}}.glass-tab-bar__tab{-webkit-tap-highlight-color:transparent;align-items:center;background:transparent;border:none;border-radius:.625rem;color:#a1a1aa;color:var(--text-secondary,#a1a1aa);cursor:pointer;display:flex;font-family:inherit;font-size:.925rem;font-weight:500;gap:.5rem;outline:none;padding:.625rem 1rem;position:relative;transform:translateZ(0);transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;z-index:1}.glass-tab-bar__tab:hover:not(.glass-tab-bar__tab--active){background:hsla(0,0%,100%,.03);color:#fff;color:var(--text-primary,#fff)}.glass-tab-bar__tab:focus-visible{outline:2px solid rgba(99,102,241,.5);outline-offset:2px}.glass-tab-bar__tab--active{color:#fff;color:var(--text-primary,#fff);text-shadow:0 1px 2px rgba(0,0,0,.1)}.glass-tab-bar__icon{height:1.125rem;transition:transform .2s ease;width:1.125rem}.glass-tab-bar__tab--active .glass-tab-bar__icon{transform:scale(1.1)}.glass-tab-bar__label{transition:all .2s ease;white-space:nowrap}.glass-tab-bar__badge{align-items:center;animation:badge-pulse 2s infinite;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:999px;box-shadow:0 2px 4px rgba(239,68,68,.3);color:#fff;display:inline-flex;font-size:.7rem;font-weight:600;height:1.25rem;justify-content:center;min-width:1.25rem;padding:0 .375rem}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.glass-tab-bar__overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:rgba(0,0,0,.5);bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}.glass-tab-bar__dialog{backdrop-filter:saturate(200%) blur(30px);-webkit-backdrop-filter:saturate(200%) blur(30px);background:rgba(20,21,25,.95);border:1px solid hsla(0,0%,100%,.1);border-radius:1.25rem;box-shadow:0 24px 48px rgba(0,0,0,.4),inset 0 1px 1px hsla(0,0%,100%,.1);left:50%;max-width:420px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:9999}.glass-tab-bar__dialog-content{padding:1.5rem}.glass-tab-bar__dialog-title{color:#fff;color:var(--text-primary,#fff);font-size:1.125rem;font-weight:600;margin:0 0 .75rem}.glass-tab-bar__dialog-message{color:#a1a1aa;color:var(--text-secondary,#a1a1aa);font-size:.925rem;line-height:1.5;margin:0 0 1.5rem}.glass-tab-bar__dialog-actions{display:flex;gap:.75rem;justify-content:flex-end}.glass-tab-bar__dialog-button{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.625rem;color:#fff;color:var(--text-primary,#fff);cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:500;outline:none;padding:.625rem 1.25rem;transition:all .2s ease}.glass-tab-bar__dialog-button:hover{background:hsla(0,0%,100%,.1);transform:translateY(-1px)}.glass-tab-bar__dialog-button:focus-visible{outline:2px solid rgba(99,102,241,.5);outline-offset:2px}.glass-tab-bar__dialog-button--cancel{background:transparent;border-color:hsla(0,0%,100%,.2);color:#a1a1aa;color:var(--text-secondary,#a1a1aa)}.glass-tab-bar__dialog-button--cancel:hover{background:hsla(0,0%,100%,.05);color:#fff;color:var(--text-primary,#fff)}.glass-tab-bar__dialog-button--confirm{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:transparent;color:#fff}.glass-tab-bar__dialog-button--confirm:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px rgba(239,68,68,.3)}@media (max-width:768px){.glass-tab-bar{gap:.25rem;padding:.25rem}.glass-tab-bar__tab{font-size:.875rem;padding:.5rem .75rem}.glass-tab-bar__label{display:none}.glass-tab-bar--compact .glass-tab-bar__label{display:inline}.glass-tab-bar__icon{height:1.25rem;width:1.25rem}}@media (prefers-reduced-motion:reduce){.glass-tab-bar__badge,.glass-tab-bar__icon,.glass-tab-bar__indicator,.glass-tab-bar__tab{animation:none;transition:none}.glass-tab-bar__indicator:before{animation:none}}[data-theme=light] .glass-tab-bar{background:hsla(0,0%,100%,.6);border-color:rgba(147,197,253,.3);box-shadow:0 4px 24px rgba(147,197,253,.15),inset 0 1px 1px hsla(0,0%,100%,.9),inset 0 -1px 1px rgba(147,197,253,.1)}[data-theme=light] .glass-tab-bar__indicator{background:linear-gradient(135deg,rgba(147,197,253,.3),rgba(196,181,253,.3) 50%,rgba(147,197,253,.3));border-color:rgba(147,197,253,.4);box-shadow:0 2px 8px rgba(59,130,246,.2),inset 0 1px 1px hsla(0,0%,100%,.5)}[data-theme=light] .glass-tab-bar__tab{color:#64748b}[data-theme=light] .glass-tab-bar__tab:hover:not(.glass-tab-bar__tab--active){background:rgba(147,197,253,.1);color:#1e293b}[data-theme=light] .glass-tab-bar__tab--active{color:#1e293b}[data-theme=light] .glass-tab-bar__dialog{background:hsla(0,0%,100%,.95);border-color:rgba(147,197,253,.3)}[data-theme=light] .glass-tab-bar__dialog-title{color:#1e293b}[data-theme=light] .glass-tab-bar__dialog-message{color:#64748b}[data-theme=light] .glass-tab-bar__dialog-button{background:rgba(147,197,253,.1);border-color:rgba(147,197,253,.3);color:#1e293b}[data-theme=light] .glass-tab-bar__dialog-button:hover{background:rgba(147,197,253,.2)}[data-theme=light] .glass-tab-bar__dialog-button--cancel{background:transparent;border-color:rgba(148,163,184,.3);color:#64748b}[data-theme=light] .glass-tab-bar__dialog-button--cancel:hover{background:rgba(148,163,184,.1);color:#1e293b}.calendar-tasks-container{background:transparent;display:flex;flex-direction:column;gap:24px;min-height:100vh;padding:24px}.calendar-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--gradient-glass);border:1px solid var(--glass-border);border-radius:16px;padding:24px}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.calendar-title{align-items:center;display:flex;gap:12px}.calendar-title .title-icon{color:var(--text-primary);height:24px;width:24px}.calendar-title h2{color:var(--text-primary);font-size:24px;font-weight:600;margin:0}.calendar-nav{align-items:center;display:flex;gap:8px}.nav-btn,.today-btn{align-items:center;background:var(--glass);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;padding:8px 16px;transition:all .2s ease}.nav-btn{padding:8px}.nav-btn:hover,.today-btn:hover{background:var(--glass-hover);border-color:var(--glass-strong)}.calendar-grid{grid-gap:1px;background:var(--glass);border-radius:12px;display:grid;gap:1px;grid-template-columns:repeat(7,1fr);overflow:hidden;padding:1px}.weekday-header{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px;text-align:center;text-transform:uppercase}.calendar-day,.weekday-header{background:var(--glass-subtle)}.calendar-day{cursor:pointer;display:flex;flex-direction:column;min-height:120px;padding:10px;position:relative;transition:all .2s ease}.calendar-day.empty{background:var(--bg-secondary);cursor:default}.calendar-day:not(.empty):hover{background:var(--glass-hover)}.calendar-day.today{background:var(--accent-primary-bg);border:2px solid var(--accent-primary)}.calendar-day.selected{background:var(--accent-primary-bg);border:2px solid var(--accent-primary-hover)}.day-number{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:4px}.day-events{display:flex;flex-direction:column;gap:4px;margin-top:auto}.event-dot{align-items:center;border-radius:4px;display:flex;font-size:11px;font-weight:500;gap:6px;padding:4px 8px}.event-dot:before{border-radius:50%;content:"";flex-shrink:0;height:6px;width:6px}.event-blue{background:var(--accent-secondary-bg);color:#60a5fa}.event-blue:before{background:#60a5fa}.event-purple{background:var(--accent-primary-bg);color:#a78bfa}.event-purple:before{background:#a78bfa}.event-green{background:var(--accent-success-bg);color:#4ade80}.event-green:before{background:#4ade80}.event-orange{background:var(--accent-warning-bg);color:#fb923c}.event-orange:before{background:#fb923c}.event-pink{background:rgba(236,72,153,.2);color:#f472b6}.event-pink:before{background:#f472b6}.event-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.more-events{color:var(--text-tertiary);font-size:10px;font-weight:600;margin-top:2px}.tasks-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--gradient-glass);border:1px solid var(--glass-border);border-radius:16px;padding:24px}.tasks-header{justify-content:space-between;margin-bottom:24px}.tasks-header,.tasks-title{align-items:center;display:flex}.tasks-title{gap:12px}.tasks-title .title-icon{color:var(--text-primary);height:24px;width:24px}.tasks-title h2{color:var(--text-primary);font-size:24px;font-weight:600;margin:0}.new-task-btn{align-items:center;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border:1px solid var(--glass-strong);border-radius:8px;color:var(--text-inverse);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.new-task-btn:hover{background:linear-gradient(135deg,var(--accent-primary-hover) 0,var(--accent-secondary-hover) 100%);box-shadow:0 4px 12px var(--accent-primary-border);transform:translateY(-2px)}.plus-icon{height:16px;width:16px}.kanban-board{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.kanban-column{display:flex;flex-direction:column;gap:12px}.column-header{align-items:center;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:4px;padding:12px 16px}.column-gray{background:rgba(148,163,184,.15)}.column-blue{background:var(--accent-secondary-bg)}.column-yellow{background:var(--accent-warning-bg)}.column-green{background:var(--accent-success-bg)}.column-header h3{font-size:14px;margin:0}.column-header h3,.task-count{color:var(--text-primary);font-weight:600}.task-count{align-items:center;background:var(--glass-border);border-radius:12px;display:flex;font-size:12px;height:24px;justify-content:center;min-width:24px;padding:0 8px}.column-tasks{display:flex;flex-direction:column;gap:12px}.task-card{background:var(--glass);border:1px solid var(--glass-hover);border-radius:8px;cursor:pointer;padding:16px;transition:all .2s ease}.task-card:hover{background:var(--glass-hover);border-color:var(--border-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.task-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.priority-badge{border-radius:4px;font-size:11px;font-weight:600;padding:4px 10px;text-transform:capitalize}.priority-red{background:var(--accent-danger-bg);color:var(--accent-danger)}.priority-orange{color:#fb923c}.priority-orange,.priority-yellow{background:var(--accent-warning-bg)}.priority-yellow{color:#facc15}.priority-blue{background:var(--accent-secondary-bg);color:#60a5fa}.priority-gray{background:rgba(148,163,184,.2);color:#94a3b8}.task-due{color:var(--text-secondary);font-size:12px;font-weight:500}.task-title{color:var(--text-primary);font-size:15px;font-weight:600;line-height:1.4;margin:0 0 8px}.task-description{color:var(--text-secondary);font-size:13px;line-height:1.5;margin:0 0 12px}.task-footer{align-items:center;border-top:1px solid var(--glass);display:flex;justify-content:space-between;margin-top:12px;padding-top:12px}.task-tags{display:flex;flex-wrap:wrap;gap:6px}.task-tag{background:var(--accent-primary-bg);border-radius:4px;color:#a78bfa;font-size:11px;font-weight:500;padding:3px 8px}.assignee-avatar,.task-assignee{align-items:center;display:flex}.assignee-avatar{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border-radius:50%;color:var(--text-inverse);font-size:12px;font-weight:600;height:28px;justify-content:center;width:28px}@media (max-width:1280px){.kanban-board{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.calendar-tasks-container{gap:16px;padding:16px}.calendar-section,.tasks-section{padding:16px}.calendar-header,.tasks-header{align-items:flex-start;flex-direction:column;gap:16px}.calendar-nav{justify-content:space-between;width:100%}.calendar-day{min-height:80px;padding:6px}.day-number{font-size:12px}.event-dot{font-size:10px;padding:2px 6px}.kanban-board{grid-template-columns:1fr}}@media (max-width:480px){.calendar-title h2,.tasks-title h2{font-size:20px}.calendar-day{min-height:60px;padding:4px}.event-title{display:none}}.modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-overlay);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.event-modal{animation:slideUp .3s ease;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:var(--gradient-glass);border:1px solid var(--glass-strong);border-radius:16px;box-shadow:var(--shadow-2xl);max-height:90vh;max-width:600px;overflow:hidden;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;padding:24px}.modal-header h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.close-btn{align-items:center;background:var(--glass-hover);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;line-height:1;transition:all .2s ease;width:32px}.close-btn:hover{background:var(--glass-active);border-color:var(--glass-strong)}.modal-body{max-height:calc(90vh - 180px);overflow-y:auto;padding:24px}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:var(--accent-primary-border);border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.form-group{margin-bottom:20px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-group label{color:var(--text-primary);display:block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.form-input,.form-select,.form-textarea{background:var(--glass);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{background:var(--glass-hover);border-color:var(--border-focus);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-disabled)}.form-select{cursor:pointer}.form-select option{background:var(--bg-elevated);color:var(--text-primary)}.form-textarea{min-height:80px;resize:vertical}.modal-footer{border-top:1px solid var(--glass-border);display:flex;gap:12px;justify-content:flex-end;padding:24px}.cancel-btn,.save-btn{border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.cancel-btn{background:var(--glass);border:1px solid var(--glass-border);color:var(--text-primary)}.cancel-btn:hover{background:var(--glass-hover);border-color:var(--glass-strong)}.save-btn{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border:1px solid var(--glass-strong);color:var(--text-inverse)}.save-btn:hover{background:linear-gradient(135deg,var(--accent-primary-hover) 0,var(--accent-secondary-hover) 100%);box-shadow:0 4px 16px var(--accent-primary-border);transform:translateY(-2px)}@media (max-width:768px){.event-modal{max-height:95vh;width:95%}.modal-body,.modal-footer,.modal-header{padding:16px}.form-row{grid-template-columns:1fr}.modal-footer{flex-direction:column}.cancel-btn,.save-btn{width:100%}}[data-theme=dark] .column-tasks,[data-theme=dark] .kanban-column{background:rgba(30,30,40,.6);border:1px solid hsla(0,0%,100%,.1)}[data-theme=dark] .kanban-column h3{border-bottom:2px solid hsla(0,0%,100%,.1);color:var(--text-primary)}[data-theme=dark] .column-header{background:hsla(0,0%,100%,.05)}[data-theme=dark] .task-card{background:var(--glass);border:1px solid hsla(0,0%,100%,.1)}[data-theme=dark] .task-card:hover{background:rgba(40,40,50,.8);border-color:var(--accent-primary-border)}.appointment-list{color:#fff;padding:24px}.appointment-list-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 24px;text-align:center}.appointment-list-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.list-title{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:600;gap:10px;margin:0}.appointment-count{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;color:hsla(0,0%,100%,.8);font-size:12px;font-weight:500;padding:4px 12px}.appointments-container{display:flex;flex-direction:column;gap:16px;max-height:50vh;overflow-y:auto}.appointment-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);border-radius:16px;padding:20px;position:relative;transition:all .3s ease}.appointment-item:hover{background:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.25);box-shadow:0 8px 25px rgba(0,0,0,.3);transform:translateY(-2px)}.appointment-main{align-items:flex-start;display:flex;gap:16px}.appointment-type-indicator{align-items:center;background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.2);border-radius:10px;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.appointment-content{flex:1 1;min-width:0}.appointment-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.appointment-title{color:#fff;flex:1 1;font-size:16px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appointment-type-label{background:rgba(59,130,246,.2);border:1px solid rgba(59,130,246,.3);border-radius:6px;color:#60a5fa;flex-shrink:0;font-size:11px;font-weight:500;letter-spacing:.05em;padding:2px 8px;text-transform:uppercase}.appointment-details{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.appointment-location,.appointment-participants,.appointment-time{align-items:center;color:hsla(0,0%,100%,.8);display:flex;font-size:14px;gap:8px}.appointment-location svg,.appointment-participants svg,.appointment-time svg{color:hsla(0,0%,100%,.6);flex-shrink:0;height:16px;width:16px}.appointment-description{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:hsla(0,0%,100%,.7);font-size:14px;line-height:1.5;margin-bottom:12px;padding:12px}.participants-list{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.participant-badge{align-items:center;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;display:flex;font-size:12px;gap:4px;padding:4px 10px}.participant-name{color:#fff;font-weight:500}.more-participants,.participant-role{color:hsla(0,0%,100%,.6);font-style:italic}.more-participants{font-size:12px}.appointment-actions{display:flex;flex-direction:column;flex-shrink:0;gap:8px}.action-btn{align-items:center;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.action-btn:hover{transform:scale(1.1)}.edit-btn{color:#60a5fa}.edit-btn:hover{background:rgba(59,130,246,.2);border-color:rgba(59,130,246,.3)}.delete-btn{color:#f87171}.delete-btn:hover{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.3)}.appointment-status{border-radius:12px;font-size:10px;font-weight:600;letter-spacing:.05em;padding:4px 8px;position:absolute;right:16px;text-transform:uppercase;top:16px}.appointment-status.scheduled{background:rgba(34,197,94,.2);border:1px solid rgba(34,197,94,.3);color:#4ade80}.appointment-status.completed{background:rgba(156,163,175,.2);border:1px solid rgba(156,163,175,.3);color:#9ca3af}.appointment-status.cancelled{background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.3);color:#f87171}.appointment-item.bg-blue-500 .appointment-type-indicator{background:rgba(59,130,246,.2);border-color:rgba(59,130,246,.3);color:#60a5fa}.appointment-item.bg-purple-500 .appointment-type-indicator{background:rgba(168,85,247,.2);border-color:rgba(168,85,247,.3);color:#c084fc}.appointment-item.bg-green-500 .appointment-type-indicator{background:rgba(34,197,94,.2);border-color:rgba(34,197,94,.3);color:#4ade80}.appointment-item.bg-orange-500 .appointment-type-indicator{background:rgba(249,115,22,.2);border-color:rgba(249,115,22,.3);color:#fb923c}.appointment-item.bg-cyan-500 .appointment-type-indicator{background:rgba(6,182,212,.2);border-color:rgba(6,182,212,.3);color:#22d3ee}.appointment-item.bg-pink-500 .appointment-type-indicator{background:rgba(236,72,153,.2);border-color:rgba(236,72,153,.3);color:#f472b6}.appointment-item.bg-yellow-500 .appointment-type-indicator{background:rgba(234,179,8,.2);border-color:rgba(234,179,8,.3);color:#facc15}.appointment-item.bg-gray-500 .appointment-type-indicator{background:hsla(220,9%,46%,.2);border-color:hsla(220,9%,46%,.3);color:#9ca3af}.appointments-container::-webkit-scrollbar{width:6px}.appointments-container::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:3px}.appointments-container::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:3px}.appointments-container::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}@media (max-width:768px){.appointment-list{padding:16px}.appointment-main{flex-direction:column;gap:12px}.appointment-type-indicator{align-self:flex-start}.appointment-header{align-items:flex-start;flex-direction:column;gap:8px}.appointment-actions{flex-direction:row;justify-content:flex-end;position:absolute;right:16px;top:16px}.appointment-status{align-self:flex-start;margin-top:8px;position:relative;right:auto;top:auto}.appointment-details,.participants-list{gap:6px}}.octoai-textarea-container{position:relative;width:100%}.octoai-label{align-items:center;color:var(--text-primary);display:flex;font-size:.875rem;font-weight:500;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.octoai-badge{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:var(--radius-full);color:#fff;display:inline-flex;font-size:.625rem;font-weight:600;letter-spacing:.5px;padding:2px 8px}.octoai-input-wrapper{display:flex;flex-direction:column;position:relative}.octoai-textarea{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-lg);color:var(--text-primary);font-family:inherit;font-size:.875rem;line-height:1.5;padding:var(--spacing-md);padding-right:60px;transition:all .2s ease;width:100%}.octoai-textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(99,102,241,.1);outline:none}.octoai-textarea.octoai-highlight{animation:octoai-glow .5s ease;border-color:#10b981}@keyframes octoai-glow{0%{box-shadow:0 0 0 0 rgba(16,185,129,.4)}50%{box-shadow:0 0 20px 5px rgba(16,185,129,.2)}to{box-shadow:0 0 0 0 rgba(16,185,129,0)}}.octoai-button{align-items:center;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:var(--spacing-md);top:var(--spacing-md);transition:all .2s ease;width:36px}.octoai-button:hover:not(:disabled){background:var(--accent-primary);box-shadow:0 4px 12px rgba(99,102,241,.3);color:#fff;transform:translateY(-1px)}.octoai-button:disabled{cursor:not-allowed;opacity:.5}.octoai-icon.octoai-animated .tentacle-1,.octoai-icon.octoai-animated .tentacle-2,.octoai-icon.octoai-animated .tentacle-3,.octoai-icon.octoai-animated .tentacle-4,.octoai-icon.octoai-animated .tentacle-5{animation:tentacle-wave 2s ease-in-out infinite}.octoai-icon.octoai-animated .tentacle-1{animation-delay:0s}.octoai-icon.octoai-animated .tentacle-2{animation-delay:.2s}.octoai-icon.octoai-animated .tentacle-3{animation-delay:.4s}.octoai-icon.octoai-animated .tentacle-4{animation-delay:.6s}.octoai-icon.octoai-animated .tentacle-5{animation-delay:.8s}@keyframes tentacle-wave{0%,to{transform:translateX(0)}50%{transform:translateX(2px)}}.octoai-tooltip{background:var(--bg-tertiary);border-radius:var(--radius-md);box-shadow:0 2px 8px rgba(0,0,0,.1);color:var(--text-primary);font-size:.75rem;padding:6px 12px;pointer-events:none;position:absolute;right:0;top:-35px;white-space:nowrap;z-index:1000}.octoai-tooltip:after{border:6px solid transparent;border-top:6px solid var(--bg-tertiary);content:"";position:absolute;right:18px;top:100%}.octoai-actions{display:flex;gap:var(--spacing-xs);position:absolute;right:60px;top:var(--spacing-md)}.octoai-action-btn{align-items:center;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.octoai-action-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.octoai-char-count{align-items:center;background:var(--glass);border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;font-size:.75rem;justify-content:flex-end;margin-top:var(--spacing-xs);padding:4px 8px;position:relative}.octoai-char-bar{border-radius:var(--radius-sm);height:100%;left:0;opacity:.2;position:absolute;top:0;transition:width .3s ease,background-color .3s ease}.octoai-char-count span{position:relative;z-index:1}.octoai-char-count .text-danger{color:#ef4444;font-weight:600}.octoai-alternatives{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-lg);margin-top:var(--spacing-md);padding:var(--spacing-md)}.octoai-alternatives-header{color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:var(--spacing-sm);text-transform:uppercase}.octoai-alternatives-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.octoai-alternative{align-items:center;background:var(--bg-secondary);border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:all .2s ease}.octoai-alternative:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.octoai-alternative.selected{background:var(--accent-primary);color:#fff}.octoai-alternative-preview{flex:1 1;font-size:.875rem}.octoai-alternative-check{opacity:0;transition:opacity .2s ease}.octoai-alternative.selected .octoai-alternative-check{opacity:1}.octoai-helper{color:var(--text-secondary);font-size:.75rem;margin-top:var(--spacing-xs)}.octoai-helper.octoai-error{color:#ef4444}.octoai-success-overlay{align-items:center;background:rgba(16,185,129,.9);border-radius:var(--radius-lg);color:#fff;display:flex;font-weight:500;gap:var(--spacing-sm);left:50%;padding:var(--spacing-md) var(--spacing-lg);pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:100}.octoai-success-icon{animation:check-bounce .5s ease}@keyframes check-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.octoai-input-container{align-items:center;display:flex;position:relative}.octoai-input{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);flex:1 1;font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md);padding-right:45px;transition:all .2s ease}.octoai-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(99,102,241,.1);outline:none}.octoai-input-btn{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:var(--spacing-xs);transition:all .2s ease;width:32px}.octoai-input-btn:hover:not(:disabled){background:var(--accent-primary);color:#fff}.octoai-input-btn:disabled{cursor:not-allowed;opacity:.5}.octoai-input-btn .animate-spin{animation:spin 1s linear infinite}[data-theme=dark] .octoai-input,[data-theme=dark] .octoai-textarea{background:rgba(30,30,40,.6);border-color:hsla(0,0%,100%,.1)}[data-theme=dark] .octoai-button:hover:not(:disabled){background:linear-gradient(135deg,#6366f1,#8b5cf6)}[data-theme=dark] .octoai-tooltip{background:rgba(40,40,50,.95);border:1px solid hsla(0,0%,100%,.1)}[data-theme=dark] .octoai-tooltip:after{border-top-color:rgba(40,40,50,.95)}.reminder-container{pointer-events:none;position:fixed;right:20px;top:20px;z-index:10000}.appointment-reminder-card{animation:slideInRight .4s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,hsla(0,0%,100%,.98),rgba(250,250,255,.95));border:1px solid rgba(99,102,241,.3);border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.15),0 0 0 1px rgba(99,102,241,.1),0 0 20px rgba(99,102,241,.1);overflow:hidden;pointer-events:all;width:400px}.reminder-header{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-bottom:1px solid hsla(0,0%,100%,.2);display:flex;justify-content:space-between;padding:16px 18px}.reminder-header-left{align-items:center;display:flex;gap:12px}.reminder-icon{align-items:center;animation:bellRing 2s ease-in-out infinite;background:hsla(0,0%,100%,.2);border-radius:10px;color:#fff;display:flex;height:36px;justify-content:center;width:36px}@keyframes bellRing{0%,to{transform:rotate(0deg)}10%,30%{transform:rotate(-10deg)}20%,40%{transform:rotate(10deg)}50%{transform:rotate(0deg)}}.reminder-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.25);border-radius:20px;font-size:13px;font-weight:600;gap:6px;padding:6px 12px}.reminder-badge,.reminder-close-btn{align-items:center;color:#fff;display:flex}.reminder-close-btn{background:hsla(0,0%,100%,.2);border:none;border-radius:8px;cursor:pointer;height:32px;justify-content:center;transition:all .2s ease;width:32px}.reminder-close-btn:hover{background:hsla(0,0%,100%,.3);transform:scale(1.1)}.reminder-content{padding:20px 18px}.reminder-title{color:#1f2937;font-size:18px;font-weight:700;line-height:1.3;margin:0 0 16px}.reminder-details{display:flex;flex-direction:column;gap:10px}.reminder-detail-row{align-items:center;color:#4b5563;display:flex;font-size:14px;gap:10px}.reminder-detail-row svg{color:#6366f1;flex-shrink:0}.reminder-description{background:rgba(99,102,241,.05);border-left:3px solid #6366f1;border-radius:8px;display:flex;gap:10px;margin-top:8px;padding:12px}.reminder-description svg{color:#6366f1;flex-shrink:0;margin-top:2px}.reminder-description p{color:#4b5563;font-size:13px;line-height:1.5;margin:0}.reminder-snooze-section{background:rgba(99,102,241,.03);border-bottom:1px solid rgba(99,102,241,.1);border-top:1px solid rgba(99,102,241,.1);padding:16px 18px}.snooze-label{color:#4b5563;display:block;font-size:13px;font-weight:600;margin-bottom:12px}.snooze-slider-container{align-items:center;display:flex;gap:12px;margin-bottom:12px}.snooze-slider{-webkit-appearance:none;background:linear-gradient(90deg,#e0e7ff 0,#6366f1);border-radius:3px;flex:1 1;height:6px;outline:none}.snooze-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;box-shadow:0 2px 8px rgba(99,102,241,.4);cursor:pointer;height:20px;-webkit-transition:all .2s ease;transition:all .2s ease;width:20px}.snooze-slider::-webkit-slider-thumb:hover{box-shadow:0 4px 12px rgba(99,102,241,.6);transform:scale(1.2)}.snooze-slider::-moz-range-thumb{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:50%;box-shadow:0 2px 8px rgba(99,102,241,.4);cursor:pointer;height:20px;-moz-transition:all .2s ease;transition:all .2s ease;width:20px}.snooze-slider::-moz-range-thumb:hover{box-shadow:0 4px 12px rgba(99,102,241,.6);transform:scale(1.2)}.snooze-value-display{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:8px;color:#fff;font-size:13px;font-weight:600;min-width:60px;padding:6px 12px;text-align:center}.snooze-quick-options{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.snooze-option-btn{background:#fff;border:1px solid rgba(99,102,241,.2);border-radius:8px;color:#6366f1;cursor:pointer;font-size:12px;font-weight:600;padding:8px 12px;transition:all .2s ease}.snooze-option-btn:hover{background:rgba(99,102,241,.05);border-color:#6366f1;transform:translateY(-1px)}.snooze-option-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:transparent;box-shadow:0 2px 8px rgba(99,102,241,.3);color:#fff}.reminder-actions{display:flex;gap:10px;padding:16px 18px}.reminder-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.reminder-btn-dismiss{background:rgba(99,102,241,.08);border:1px solid rgba(99,102,241,.2);color:#6366f1}.reminder-btn-dismiss:hover{background:rgba(99,102,241,.12);transform:translateY(-1px)}.reminder-btn-snooze{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 12px rgba(99,102,241,.3);color:#fff}.reminder-btn-snooze:hover{box-shadow:0 6px 16px rgba(99,102,241,.4);transform:translateY(-2px)}.reminder-btn-snooze:disabled{cursor:not-allowed;opacity:.6;transform:none}[data-theme=dark] .appointment-reminder-card{background:linear-gradient(135deg,rgba(30,30,40,.98),rgba(20,20,30,.95));border-color:rgba(99,102,241,.4)}[data-theme=dark] .reminder-title{color:#f9fafb}[data-theme=dark] .reminder-detail-row{color:#d1d5db}[data-theme=dark] .reminder-description{background:rgba(99,102,241,.1)}[data-theme=dark] .reminder-description p{color:#d1d5db}[data-theme=dark] .reminder-snooze-section{background:rgba(99,102,241,.05);border-color:rgba(99,102,241,.2)}[data-theme=dark] .snooze-label{color:#d1d5db}[data-theme=dark] .snooze-option-btn{background:rgba(99,102,241,.1);border-color:rgba(99,102,241,.3);color:#c7d2fe}[data-theme=dark] .snooze-option-btn:hover{background:rgba(99,102,241,.15)}[data-theme=dark] .reminder-btn-dismiss{background:rgba(99,102,241,.15);border-color:rgba(99,102,241,.3);color:#c7d2fe}[data-theme=dark] .reminder-btn-dismiss:hover{background:rgba(99,102,241,.2)}@media (max-width:480px){.reminder-container{left:10px;right:10px;top:10px}.appointment-reminder-card{width:auto}.snooze-quick-options{grid-template-columns:repeat(2,1fr)}.reminder-actions{flex-direction:column}.reminder-btn{width:100%}}:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);--secondary-gradient:linear-gradient(135deg,#fa709a,#fee140);--accent-gradient:linear-gradient(135deg,#a8edea,#fed6e3);--glass-bg:hsla(0,0%,100%,.05);--glass-bg-hover:hsla(0,0%,100%,.1);--glass-bg-active:hsla(0,0%,100%,.15);--glass-border:1px solid hsla(0,0%,100%,.1);--glass-border-hover:1px solid hsla(0,0%,100%,.3);--glass-shadow:0 8px 32px 0 rgba(31,38,135,.37);--glass-shadow-hover:0 10px 40px 0 rgba(31,38,135,.45);--glass-shadow-xl:0 20px 60px 0 rgba(31,38,135,.5);--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--blur-sm:blur(8px);--blur-md:blur(16px);--blur-lg:blur(32px);--backdrop-blur:blur(20px);--transition-default:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-fast:all 0.15s cubic-bezier(0.4,0,0.2,1);--transition-slow:all 0.5s cubic-bezier(0.4,0,0.2,1)}@keyframes gradient-animation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px rgba(102,126,234,.5)}50%{box-shadow:0 0 40px rgba(102,126,234,.8)}}.glass-container{backdrop-filter:blur(20px);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--backdrop-blur);background:hsla(0,0%,100%,.05);background:var(--glass-bg);border:1px solid hsla(0,0%,100%,.1);border:var(--glass-border);border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 8px 32px 0 rgba(31,38,135,.37);box-shadow:var(--glass-shadow);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-default)}.glass-container:hover{background:hsla(0,0%,100%,.1);background:var(--glass-bg-hover);border:1px solid hsla(0,0%,100%,.3);border:var(--glass-border-hover);box-shadow:0 10px 40px 0 rgba(31,38,135,.45);box-shadow:var(--glass-shadow-hover)}.glass-card{backdrop-filter:saturate(200%) blur(20px);backdrop-filter:saturate(200%) var(--backdrop-blur);-webkit-backdrop-filter:saturate(200%) blur(20px);-webkit-backdrop-filter:saturate(200%) var(--backdrop-blur);background:hsla(0,0%,100%,.05);background:var(--glass-bg);border:1px solid hsla(0,0%,100%,.1);border:var(--glass-border);border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 8px 32px 0 rgba(31,38,135,.37);box-shadow:var(--glass-shadow);overflow:hidden;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-default)}.glass-card:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:1px;left:0;position:absolute;right:0;top:0}.glass-card:hover{background:hsla(0,0%,100%,.1);background:var(--glass-bg-hover);box-shadow:0 20px 60px 0 rgba(31,38,135,.5);box-shadow:var(--glass-shadow-xl)}.glass-button{backdrop-filter:blur(20px);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--backdrop-blur);background:hsla(0,0%,100%,.05);background:var(--glass-bg);border:1px solid hsla(0,0%,100%,.1);border:var(--glass-border);border-radius:16px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:500;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.glass-button:before{background:hsla(0,0%,100%,.2);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.glass-button:hover:before{height:300px;width:300px}.glass-button:hover{background:hsla(0,0%,100%,.1);background:var(--glass-bg-hover);border:1px solid hsla(0,0%,100%,.3);border:var(--glass-border-hover);box-shadow:0 6px 20px rgba(102,126,234,.4);transform:translateY(-2px)}.glass-input{backdrop-filter:blur(20px);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--backdrop-blur);background:hsla(0,0%,100%,.05);background:var(--glass-bg);border:1px solid hsla(0,0%,100%,.1);border:var(--glass-border);border-radius:16px;border-radius:var(--radius-md);color:#fff;padding:.75rem 1rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast);width:100%}.glass-input::placeholder{color:hsla(0,0%,100%,.5)}.glass-input:focus{background:hsla(0,0%,100%,.1);background:var(--glass-bg-hover);border:1px solid hsla(0,0%,100%,.3);border:var(--glass-border-hover);box-shadow:0 0 0 3px rgba(102,126,234,.3);outline:none}.glass-modal{backdrop-filter:saturate(200%) blur(20px);backdrop-filter:saturate(200%) var(--backdrop-blur);-webkit-backdrop-filter:saturate(200%) blur(20px);-webkit-backdrop-filter:saturate(200%) var(--backdrop-blur);background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.1);border:var(--glass-border);border-radius:32px;border-radius:var(--radius-xl);box-shadow:0 20px 60px rgba(31,38,135,.6);padding:2rem}.glass-sidebar{backdrop-filter:saturate(200%) blur(25px);-webkit-backdrop-filter:saturate(200%) blur(25px);background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));border-right:1px solid hsla(0,0%,100%,.1);border-right:var(--glass-border);box-shadow:4px 0 24px rgba(31,38,135,.3)}.gradient-bg{animation:gradient-animation 15s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background:var(--primary-gradient);background-size:400% 400%;height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.floating{animation:float 6s ease-in-out infinite}.glass-glow{position:relative}.glass-glow:after{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background:var(--primary-gradient);border-radius:inherit;bottom:-2px;content:"";filter:blur(10px);left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s;z-index:-1}.glass-glow:hover:after{opacity:.6}.glass-toast{animation:slideInRight .3s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);border:var(--glass-border);border-radius:16px;border-radius:var(--radius-md);box-shadow:0 8px 32px 0 rgba(31,38,135,.37);box-shadow:var(--glass-shadow);padding:1rem 1.5rem}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){:root{--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}.glass-card{padding:1rem}.glass-modal{padding:1.5rem}}@media (prefers-color-scheme:dark){:root{--glass-bg:hsla(0,0%,100%,.03);--glass-bg-hover:hsla(0,0%,100%,.08);--glass-bg-active:hsla(0,0%,100%,.12)}}.gpu-accelerated{transform:translateZ(0);will-change:transform}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:hsla(0,0%,100%,.02);border-radius:3px}::-webkit-scrollbar-thumb{background:rgba(139,92,246,.2);border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:rgba(139,92,246,.4)}::-webkit-scrollbar-thumb:active{background:rgba(139,92,246,.5)}*{scrollbar-color:rgba(139,92,246,.2) hsla(0,0%,100%,.02);scrollbar-width:thin}.button-group{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;display:flex;gap:.25rem;padding:.25rem}.button-group-separated{display:flex;gap:.75rem}.button-group-pill{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:24px;display:flex;gap:0;overflow:hidden;padding:.25rem}.button-group-pill button{border:none;border-radius:0;position:relative}.button-group-pill button:first-child{border-radius:20px 0 0 20px}.button-group-pill button:last-child{border-radius:0 20px 20px 0}.button-group-pill button:not(:last-child):after{background:hsla(0,0%,100%,.1);content:"";height:50%;position:absolute;right:0;top:25%;width:1px}.smooth-scroll{scroll-behavior:smooth}.hidden-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hidden-scrollbar::-webkit-scrollbar{display:none}.thin-scrollbar::-webkit-scrollbar{height:4px;width:4px}.scrollable-content{margin-right:-.5rem;padding-right:.5rem}.overflow-indicator-bottom,.overflow-indicator-top{height:20px;left:0;opacity:0;pointer-events:none;position:absolute;right:0;transition:opacity .3s ease;z-index:10}.overflow-indicator-top{background:linear-gradient(180deg,hsla(0,0%,4%,.8),transparent);top:0}.overflow-indicator-bottom{background:linear-gradient(0deg,hsla(0,0%,4%,.8),transparent);bottom:0}.has-overflow-bottom .overflow-indicator-bottom,.has-overflow-top .overflow-indicator-top{opacity:1}:root{--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:24px;--spacing-3xl:32px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--header-height:64px;--sidebar-width:260px;--widget-max-height:480px;--widget-min-height:380px}.button-group,.view-selector,.view-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.04)!important;border:1px solid hsla(0,0%,100%,.06)!important;border-radius:12px!important;border-radius:var(--radius-md)!important;display:inline-flex;gap:2px!important;padding:3px!important}.toggle-btn,.view-btn{font-weight:500!important;min-width:60px;padding:8px 16px!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.toggle-btn:hover,.view-btn:hover{background:hsla(0,0%,100%,.08)!important;transform:translateY(-1px)}.toggle-btn.active,.view-btn.active{background:rgba(139,92,246,.25)!important;box-shadow:inset 0 0 0 1px rgba(139,92,246,.3)!important;font-weight:600!important}.calendar-sidebar,.candidates-grid,.contacts-grid,.email-list,.notifications-list,.tasks-list,.widget-list-scrollable{scroll-behavior:smooth;scrollbar-color:rgba(139,92,246,.2) hsla(0,0%,100%,.02);scrollbar-width:thin}::-webkit-scrollbar{height:6px!important;width:6px!important}::-webkit-scrollbar-track{background:hsla(0,0%,100%,.02)!important;border-radius:3px!important}::-webkit-scrollbar-thumb{background:rgba(139,92,246,.2)!important;border-radius:3px!important;-webkit-transition:background .2s ease!important;transition:background .2s ease!important}::-webkit-scrollbar-thumb:hover{background:rgba(139,92,246,.35)!important}::-webkit-scrollbar-thumb:active{background:rgba(139,92,246,.5)!important}.kalender-widget,.kandidaten-widget,.notification-center-widget,.tasks-widget,.widget-box{height:480px!important;height:var(--widget-max-height)!important;max-height:480px!important;max-height:var(--widget-max-height)!important;min-height:380px!important;min-height:var(--widget-min-height)!important}.documents-widget{height:360px!important;max-height:360px!important;min-height:320px!important}.calendar-grid,.kandidaten-liste,.notifications-list,.tasks-list{max-height:320px!important;overflow-x:hidden!important;overflow-y:auto!important}.calendar-header,.contacts-header,.email-header,.notification-header,.widget-header{margin-bottom:0!important;padding:18px 20px!important}.notification-footer,.widget-footer{margin-top:0!important;padding:14px 18px!important}.calendar-page,.contacts-page,.dashboard-container,.email-page{padding:24px!important}.liquid-glass{backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;box-shadow:0 8px 32px rgba(0,0,0,.1)!important}.candidate-card,.contact-card,.email-item,.notification-item{transition:all .3s cubic-bezier(.4,0,.2,1)!important}.candidate-card:hover,.contact-card:hover{box-shadow:0 12px 40px rgba(0,0,0,.15)!important;transform:translateY(-4px)!important}.email-item:hover,.notification-item:hover{background:hsla(0,0%,100%,.06)!important;transform:translateX(4px)!important}.calendar-sidebar,.contacts-sidebar,.email-sidebar{height:calc(100vh - 6rem)!important;overflow-y:auto!important;position:-webkit-sticky!important;position:sticky!important;top:20px!important;top:var(--spacing-xl)!important}@media (min-width:768px){.widgets-container.grid{gap:20px!important;grid-template-columns:repeat(2,minmax(400px,1fr))!important}}@media (min-width:1440px){.contacts-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))!important}.candidates-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))!important}}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid rgba(139,92,246,.5)!important;outline-offset:2px!important}button:active{transform:scale(.98)!important}.empty-state{align-items:center;color:hsla(0,0%,100%,.4);display:flex;flex-direction:column;justify-content:center;padding:48px 24px!important;text-align:center}.empty-state svg{height:48px!important;margin-bottom:16px;opacity:.5;width:48px!important}.filter-tab,.skill-chip,.tag-item{transition:all .2s cubic-bezier(.4,0,.2,1)!important}.filter-tab:active,.tag-item:active{transform:scale(.95)!important}.has-overflow{position:relative}.has-overflow:after,.has-overflow:before{content:"";height:20px;left:0;opacity:0;pointer-events:none;position:absolute;right:0;transition:opacity .3s ease;z-index:10}.has-overflow:before{background:linear-gradient(180deg,hsla(0,0%,4%,.8),transparent);top:0}.has-overflow:after{background:linear-gradient(0deg,hsla(0,0%,4%,.8),transparent);bottom:0}.has-overflow.scrolled-bottom:after,.has-overflow.scrolled-top:before{opacity:1}body{text-rendering:optimizeLegibility}.btn,.button,.nav-item,.tab,.widget-header{user-select:none;-webkit-user-select:none}html{scroll-behavior:smooth}img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}:focus-visible{outline-color:rgba(139,92,246,.6)!important;outline-offset:2px!important;outline-style:solid!important;outline-width:2px!important}@media (prefers-contrast:high){.liquid-glass{border:2px solid hsla(0,0%,100%,.3)!important}.btn,button{border:1px solid!important}}:root{--sidebar-expanded-width:280px;--sidebar-collapsed-width:80px;--content-padding:24px;--transition-layout:all 0.3s cubic-bezier(0.4,0,0.2,1)}.calendar-page,.candidates-page,.contacts-page,.dashboard-container,.email-page,.pipeline-container{max-width:100%;overflow-x:hidden;padding:24px;padding:var(--content-padding);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-layout);width:100%}.calendar-container{grid-gap:20px!important;display:grid!important;gap:20px!important;grid-template-columns:minmax(260px,320px) 1fr!important;max-width:100%!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;transition:var(--transition-layout)!important;width:100%!important}.calendar-container.with-event-panel{grid-template-columns:minmax(260px,320px) 1fr 380px!important}.sidebar-collapsed .calendar-container{grid-template-columns:minmax(280px,350px) 1fr!important}.calendar-main{min-width:0!important;overflow:hidden!important;width:100%!important}.calendar-grid{overflow-x:auto!important;overflow-y:auto!important;width:100%!important}.calendar-day{min-width:120px!important}.email-container{grid-gap:20px!important;display:grid!important;gap:20px!important;grid-template-columns:minmax(240px,280px) minmax(350px,420px) 1fr!important;max-width:100%!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;transition:var(--transition-layout)!important;width:100%!important}.sidebar-collapsed .email-container{grid-template-columns:minmax(260px,300px) minmax(380px,450px) 1fr!important}.email-content-container{min-width:0!important;width:100%!important}.contacts-container{grid-gap:20px!important;display:grid!important;gap:20px!important;grid-template-columns:minmax(240px,280px) 1fr!important;max-width:100%!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;transition:var(--transition-layout)!important;width:100%!important}.contacts-container.with-detail{grid-template-columns:minmax(240px,280px) 1fr 400px!important}.sidebar-collapsed .contacts-container{grid-template-columns:minmax(260px,320px) 1fr!important}.sidebar-collapsed .contacts-container.with-detail{grid-template-columns:minmax(260px,320px) 1fr 420px!important}.contacts-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))!important;width:100%!important}.sidebar-collapsed .contacts-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))!important}.widgets-container{margin:0 auto!important;max-width:100%!important;padding:0!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;transition:var(--transition-layout)!important;width:100%!important}.widgets-container.grid{grid-gap:20px!important;display:grid!important;gap:20px!important}@media (min-width:768px){.widgets-container.grid{grid-template-columns:repeat(2,minmax(380px,1fr))!important}.sidebar-collapsed .widgets-container.grid{grid-template-columns:repeat(2,minmax(420px,1fr))!important}}@media (min-width:1600px){.sidebar-collapsed .widgets-container.grid{grid-template-columns:repeat(3,minmax(380px,1fr))!important}}.candidates-container{grid-gap:20px!important;display:grid!important;gap:20px!important;grid-template-columns:minmax(240px,280px) 1fr!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;transition:var(--transition-layout)!important;width:100%!important}.sidebar-collapsed .candidates-container{grid-template-columns:minmax(260px,320px) 1fr!important}.candidates-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important}.sidebar-collapsed .candidates-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))!important}.app-layout{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-layout)}.app-layout main{max-width:100%!important;overflow-x:hidden!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;transition:var(--transition-layout)!important;width:100%!important}@media (max-width:1200px){.email-container{grid-template-columns:minmax(240px,280px) 1fr!important}.email-content-container{display:none}.calendar-container{grid-template-columns:1fr!important}.calendar-sidebar{display:none}.contacts-container{grid-template-columns:1fr!important}.contacts-sidebar{display:none}}@media (max-width:768px){.calendar-page,.candidates-page,.contacts-page,.dashboard-container,.email-page{padding:16px!important}.widgets-container.grid{grid-template-columns:1fr!important}.calendar-container,.candidates-container,.contacts-container,.email-container{gap:16px!important;grid-template-columns:1fr!important}.calendar-sidebar,.contacts-sidebar,.email-sidebar,.filters-sidebar{display:none!important}.candidates-grid,.contacts-grid{grid-template-columns:1fr!important}.calendar-grid{grid-template-columns:repeat(7,minmax(40px,1fr))!important}.calendar-day{min-height:60px!important;min-width:40px!important;padding:4px!important}.day-event{font-size:9px!important}}.calendar-container,.candidates-container,.contacts-container,.email-container,.widgets-container{transition:grid-template-columns .3s cubic-bezier(.4,0,.2,1),gap .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1)!important}.calendar-day,.candidate-card,.contact-card,.email-item,.widget-box{transition:all .3s cubic-bezier(.4,0,.2,1)!important}.app-layout>div,body{overflow-x:hidden!important}.calendar-grid,.candidates-grid,.contacts-grid,.email-list{max-width:100%!important;overflow-x:auto!important;overflow-y:auto!important}body.sidebar-collapsed{--current-sidebar-width:var(--sidebar-collapsed-width)}body:not(.sidebar-collapsed){--current-sidebar-width:var(--sidebar-expanded-width)}.dynamic-width{margin-left:var(--current-sidebar-width)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;transition:var(--transition-layout)!important;width:calc(100% - var(--current-sidebar-width))!important}.calendar-container,.contacts-container,.email-container,.widgets-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);will-change:grid-template-columns}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.btn,.btn-primary,.btn-secondary,.card,.dropdown,.glass-container,.modal,.nav-item,.sidebar-animated{backface-visibility:hidden;-webkit-backface-visibility:hidden;perspective:1000px;-webkit-perspective:1000px;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform,opacity}*{transition-timing-function:cubic-bezier(.4,0,.2,1)!important}@media (prefers-reduced-motion:no-preference){.sidebar-animated{transition:width .2s cubic-bezier(.4,0,.2,1)!important}.btn,.nav-item{transition:all .15s cubic-bezier(.4,0,.2,1)!important}.card{transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)!important}}.glass,.glass-container,.glass-toast{backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}.btn,.card,.glass-container{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)!important}.card:hover,.glass-container:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)!important}[data-framer-motion]{transform:translateZ(0);will-change:transform,opacity}.input-field,.select-field,.textarea-field{transition:border-color .15s ease,box-shadow .15s ease!important;will-change:border-color,box-shadow}.btn:hover,.card:hover,.nav-item:hover{transform:translateY(-1px) translateZ(0)}.main-content,.modal-content,.sidebar-animated{-webkit-overflow-scrolling:touch;overflow-scrolling:touch}.gradient-bg{animation:gradient-shift 15s ease infinite;animation-delay:0s;animation-fill-mode:both;will-change:background-position}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}table{table-layout:fixed;width:100%}.virtual-scroll-container{contain:layout style paint;will-change:scroll-position}@media (max-width:768px){.glass-container{backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}.gradient-bg{animation:none!important;background:linear-gradient(135deg,#667eea,#764ba2)!important}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.modal-enter{opacity:0;transform:scale(.95) translateZ(0)}.modal-enter-active{transition:opacity .2s ease,transform .2s ease}.modal-enter-active,.modal-exit{opacity:1;transform:scale(1) translateZ(0)}.modal-exit-active{opacity:0;transform:scale(.95) translateZ(0);transition:opacity .15s ease,transform .15s ease}.sidebar-animated{contain:layout style paint;transform:translateX(0) translateZ(0)}.sidebar-animated.collapsed{transform:translateX(-200px) translateZ(0)}.candidate-card,.job-card{contain:layout style;will-change:transform,box-shadow}.lazy-load{contain-intrinsic-size:0 300px;content-visibility:auto}.notification-enter{opacity:0;transform:translateX(100%) translateZ(0)}.notification-enter-active{transition:transform .2s ease,opacity .2s ease}.notification-enter-active,.notification-exit{opacity:1;transform:translateX(0) translateZ(0)}.notification-exit-active{opacity:0;transform:translateX(100%) translateZ(0);transition:transform .15s ease,opacity .15s ease}.btn:active{transform:scale(.98) translateZ(0);transition:transform .05s ease}.dropdown-menu{transform-origin:top center;will-change:transform,opacity}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass-container{background:hsla(0,0%,100%,.95)!important}.glass{background:hsla(0,0%,100%,.9)!important}}img{loading:lazy;decoding:async}.input-field:focus,.select-field:focus,.textarea-field:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(99,102,241,.1);outline:none;transition:all .15s ease}.page-container{contain:layout style}.content-section{contain:layout}.skeleton-loader{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.2) 50%,hsla(0,0%,100%,.1));background-size:200% 100%;will-change:background-position}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}[data-theme=light]{--bg-primary:#e7f3ff;--bg-secondary:#f0f8ff;--bg-tertiary:#f5faff;--accent-primary:#2563eb;--accent-secondary:#3b82f6;--accent-success:#059669;--accent-warning:#dc2626;--accent-danger:#dc2626;--glass:hsla(0,0%,100%,.45);--glass-hover:hsla(0,0%,100%,.65);--glass-border:rgba(59,130,246,.25);--glass-blue:rgba(191,219,254,.35);--glass-blue-hover:rgba(191,219,254,.55);--glass-blue-border:rgba(59,130,246,.35);--shadow-sm:0 1px 3px rgba(15,23,42,.08);--shadow-md:0 4px 8px rgba(15,23,42,.12);--shadow-lg:0 10px 20px rgba(15,23,42,.15);--shadow-xl:0 20px 35px rgba(15,23,42,.18);--shadow-glow:0 0 25px rgba(59,130,246,.25);--gradient-primary:linear-gradient(135deg,#bfdbfe,#93c5fd 50%,#60a5fa);--gradient-secondary:linear-gradient(135deg,#dbeafe,#93c5fd);--gradient-accent:linear-gradient(135deg,#e9d5ff,#c7d2fe 50%,#a5b4fc);--gradient-subtle:linear-gradient(180deg,#fff,#e7f3ff);--input-bg:hsla(0,0%,100%,.8);--input-border:rgba(59,130,246,.35);--input-focus:rgba(37,99,235,.5);--input-placeholder:#94a3b8;--card-bg:hsla(0,0%,100%,.75);--card-border:rgba(59,130,246,.2);--card-hover:rgba(191,219,254,.25);--sidebar-bg:linear-gradient(180deg,hsla(0,0%,100%,.85),rgba(224,242,254,.85));--sidebar-border:rgba(59,130,246,.25);--sidebar-hover:rgba(147,197,253,.35);--sidebar-active:rgba(37,99,235,.15);--header-bg:hsla(0,0%,100%,.75);--header-border:rgba(59,130,246,.2);--btn-primary-bg:linear-gradient(135deg,#2563eb,#3b82f6);--btn-primary-hover:linear-gradient(135deg,#1d4ed8,#2563eb);--btn-secondary-bg:rgba(191,219,254,.45);--btn-secondary-hover:rgba(191,219,254,.65);--btn-ghost-hover:rgba(59,130,246,.12);--badge-bg:linear-gradient(135deg,#3b82f6,#60a5fa);--badge-text:#fff;--scrollbar-track:#e2e8f0;--scrollbar-thumb:#94a3b8;--scrollbar-thumb-hover:#64748b;--code-bg:rgba(191,219,254,.25);--code-text:#1e3a8a;--code-border:rgba(59,130,246,.35);--table-header-bg:rgba(191,219,254,.35);--table-row-hover:rgba(191,219,254,.2);--table-border:rgba(59,130,246,.25);--modal-overlay:rgba(15,23,42,.4);--modal-bg:hsla(0,0%,100%,.95);--modal-border:rgba(59,130,246,.25);--status-online:#059669;--status-offline:#64748b;--status-busy:#dc2626;--status-away:#7c3aed;--chart-1:#2563eb;--chart-2:#3b82f6;--chart-3:#60a5fa;--chart-4:#93c5fd;--chart-5:#bfdbfe;--chart-6:#8b5cf6;--chart-7:#a78bfa;--chart-8:#c4b5fd;--transition-color:color 0.2s ease;--transition-bg:background-color 0.2s ease;--transition-all:all 0.2s ease;--backdrop-blur:blur(12px);--backdrop-saturate:saturate(180%);background-color:var(--bg-primary);background-image:radial-gradient(circle at 20% 50%,rgba(59,130,246,.08) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.08) 0,transparent 50%),radial-gradient(circle at 40% 20%,rgba(34,197,94,.06) 0,transparent 50%);color:var(--text-primary)}[data-theme=light] .glass,[data-theme=light] .glass-container,[data-theme=light] .glass-depth,[data-theme=light] .liquid-glass{backdrop-filter:var(--backdrop-blur) var(--backdrop-saturate);-webkit-backdrop-filter:var(--backdrop-blur) var(--backdrop-saturate);background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--shadow-md),inset 0 1px 0 0 hsla(0,0%,100%,.5)}[data-theme=light] .glass-container:hover,[data-theme=light] .glass-depth:hover,[data-theme=light] .glass:hover,[data-theme=light] .liquid-glass:hover{background:var(--glass-hover);border-color:rgba(59,130,246,.35);box-shadow:var(--shadow-lg),inset 0 1px 0 0 hsla(0,0%,100%,.6)}[data-theme=light] .widget-box{backdrop-filter:var(--backdrop-blur) var(--backdrop-saturate);-webkit-backdrop-filter:var(--backdrop-blur) var(--backdrop-saturate);background:hsla(0,0%,100%,.6);border:1px solid var(--glass-border);box-shadow:var(--shadow-md),inset 0 1px 0 0 hsla(0,0%,100%,.8)}[data-theme=light] .widget-box:hover{background:hsla(0,0%,100%,.75);border-color:rgba(59,130,246,.35);box-shadow:var(--shadow-lg),inset 0 1px 0 0 hsla(0,0%,100%,.9)}[data-theme=light] .modern-card{backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-sm),inset 0 1px 0 0 hsla(0,0%,100%,.7)}[data-theme=light] .modern-card:hover{background:var(--card-hover);border-color:rgba(37,99,235,.3);box-shadow:var(--shadow-md),inset 0 1px 0 0 hsla(0,0%,100%,.8)}[data-theme=light] .sidebar{backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);box-shadow:4px 0 10px rgba(15,23,42,.05)}[data-theme=light] .header{backdrop-filter:var(--backdrop-blur) var(--backdrop-saturate);-webkit-backdrop-filter:var(--backdrop-blur) var(--backdrop-saturate);background:var(--header-bg);border-bottom:1px solid var(--header-border);box-shadow:0 2px 10px rgba(15,23,42,.05)}[data-theme=light] .input-field,[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-primary)}[data-theme=light] .input-field::placeholder,[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:var(--input-placeholder)}[data-theme=light] .input-field:focus,[data-theme=light] input:focus,[data-theme=light] select:focus,[data-theme=light] textarea:focus{border-color:var(--input-focus);box-shadow:0 0 0 3px rgba(37,99,235,.15);outline:none}[data-theme=light] .btn{color:var(--text-primary);font-weight:500}[data-theme=light] .btn-primary{background:var(--btn-primary-bg);border:none;box-shadow:0 2px 4px rgba(37,99,235,.2);color:#fff}[data-theme=light] .btn-primary:hover{background:var(--btn-primary-hover);box-shadow:var(--shadow-md)}[data-theme=light] .btn-secondary{backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);background:var(--btn-secondary-bg);border:1px solid var(--glass-blue-border);color:var(--text-primary)}[data-theme=light] .btn-secondary:hover{background:var(--btn-secondary-hover);box-shadow:var(--shadow-sm)}[data-theme=light] .btn-ghost{background:transparent;color:var(--text-secondary)}[data-theme=light] .btn-ghost:hover{background:var(--btn-ghost-hover);color:var(--text-primary)}[data-theme=light] .badge{background:var(--badge-bg);box-shadow:0 2px 4px rgba(37,99,235,.25);color:var(--badge-text);font-weight:500}[data-theme=light] ::-webkit-scrollbar-track{background:var(--scrollbar-track)}[data-theme=light] ::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border:2px solid var(--scrollbar-track)}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}[data-theme=light] .nav-item{color:var(--text-secondary);font-weight:500}[data-theme=light] .nav-item:hover{background:var(--sidebar-hover);color:var(--text-primary)}[data-theme=light] .nav-item.active{background:var(--sidebar-active);color:var(--accent-primary);font-weight:600}[data-theme=light] .dropdown{backdrop-filter:var(--backdrop-blur) var(--backdrop-saturate);-webkit-backdrop-filter:var(--backdrop-blur) var(--backdrop-saturate);background:hsla(0,0%,100%,.95);border:1px solid var(--glass-border);box-shadow:var(--shadow-xl)}[data-theme=light] .dropdown-item:hover{background:var(--glass-blue-hover)}[data-theme=light] .modal-overlay{background:var(--modal-overlay)}[data-theme=light] .modal{backdrop-filter:var(--backdrop-blur) var(--backdrop-saturate);-webkit-backdrop-filter:var(--backdrop-blur) var(--backdrop-saturate);background:var(--modal-bg);border:1px solid var(--modal-border);box-shadow:0 20px 40px rgba(15,23,42,.2)}[data-theme=light] table thead{backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);background:var(--table-header-bg)}[data-theme=light] table tbody tr:hover{background:var(--table-row-hover)}[data-theme=light] table td,[data-theme=light] table th{border-color:var(--table-border);color:var(--text-primary)}[data-theme=light] table th{color:var(--text-primary);font-weight:600}[data-theme=light] .glass-toast{backdrop-filter:var(--backdrop-blur) var(--backdrop-saturate);-webkit-backdrop-filter:var(--backdrop-blur) var(--backdrop-saturate);background:hsla(0,0%,100%,.9);border:1px solid var(--glass-blue-border);box-shadow:var(--shadow-lg);color:var(--text-primary)}[data-theme=light] code,[data-theme=light] pre{background:var(--code-bg);border:1px solid var(--code-border);color:var(--code-text);font-weight:500}[data-theme=light] .calendar-day-cell{color:var(--text-primary);font-weight:500}[data-theme=light] .calendar-day-cell.other-month{color:var(--text-tertiary);opacity:.5}[data-theme=light] .calendar-weekday{color:var(--text-secondary);font-weight:600}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] h5,[data-theme=light] h6{color:var(--text-primary)!important;font-weight:600}[data-theme=light] a,[data-theme=light] div,[data-theme=light] label,[data-theme=light] li,[data-theme=light] p,[data-theme=light] span,[data-theme=light] td,[data-theme=light] th{color:var(--text-primary)}[data-theme=light] *{color:inherit}[data-theme=light] .text-white,[data-theme=light] .widget-box div,[data-theme=light] .widget-box h3,[data-theme=light] .widget-box h4,[data-theme=light] .widget-box p,[data-theme=light] .widget-box span,[data-theme=light] .widget-title{color:var(--text-primary)!important}[data-theme=light] .widget-subtitle{color:var(--text-secondary)!important}[data-theme=light] .widget-value{color:var(--text-primary)!important}[data-theme=light] .widget-label{color:var(--text-secondary)!important}[data-theme=light] *{transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease,-webkit-backdrop-filter .3s ease;transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease,backdrop-filter .3s ease;transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease,backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease}[data-theme=light] .glassmorphism,[data-theme=light] [class*=glass]{backdrop-filter:var(--backdrop-blur) var(--backdrop-saturate);-webkit-backdrop-filter:var(--backdrop-blur) var(--backdrop-saturate)}[data-theme=light] .activity-item,[data-theme=light] .dashboard-header h1,[data-theme=light] .dashboard-header h2,[data-theme=light] .dashboard-header p,[data-theme=light] .document-item,[data-theme=light] .metric-label,[data-theme=light] .metric-value,[data-theme=light] .notification-item,[data-theme=light] .stat-label,[data-theme=light] .stat-value,[data-theme=light] .task-item{color:var(--text-primary)!important}[data-theme=light] .activity-time,[data-theme=light] .document-meta,[data-theme=light] .notification-time{color:var(--text-tertiary)!important}[data-theme=light] .candidate-info,[data-theme=light] .candidate-name,[data-theme=light] .candidate-role,[data-theme=light] .contact-name,[data-theme=light] .email-sender,[data-theme=light] .email-subject{color:var(--text-primary)!important}[data-theme=light] .contact-info,[data-theme=light] .email-preview{color:var(--text-secondary)!important}[data-theme=light] .note-title,[data-theme=light] .task-title{color:var(--text-primary)!important}[data-theme=light] .note-content,[data-theme=light] .task-description{color:var(--text-secondary)!important}[data-theme=light] [style*="color: rgb(255, 255, 255)"], [data-theme=light] [style*="color: white"], [data-theme=light] [style*="color:#fff"], [data-theme=light] [style*="color:#ffffff"]{color:var(--text-primary)!important}[data-theme=dark]{--text-primary:hsla(0,0%,100%,.95);--text-secondary:hsla(0,0%,100%,.75);--text-tertiary:hsla(0,0%,100%,.6)}[data-theme=dark] div:not(.badge):not(.tag),[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6,[data-theme=dark] label,[data-theme=dark] li,[data-theme=dark] p,[data-theme=dark] span:not(.badge):not(.tag),[data-theme=dark] td,[data-theme=dark] th{color:var(--text-primary)}[data-theme=dark] .input-field,[data-theme=dark] .select-field,[data-theme=dark] .textarea-field,[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:rgba(30,30,40,.6);color:var(--text-primary)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:hsla(0,0%,100%,.4)}[data-theme=dark] .btn:not(.btn-primary){color:var(--text-primary)}[data-theme=dark] .nav-item,[data-theme=dark] .nav-link{color:var(--text-secondary)}[data-theme=dark] .nav-item.active,[data-theme=dark] .nav-item:hover,[data-theme=dark] .nav-link.active,[data-theme=dark] .nav-link:hover{color:var(--text-primary)}[data-theme=light]{--text-primary:#0f172a;--text-secondary:#334155;--text-tertiary:#64748b}[data-theme=dark] [style*="color: #000"],[data-theme=dark] [style*="color: black"],[data-theme=dark] [style*="color: rgb(0, 0, 0)"],[data-theme=light] .text-white:not(.btn-primary):not(.badge),[data-theme=light] [style*="color: rgb(255, 255, 255)"]:not(.btn-primary):not(.badge),[data-theme=light] [style*="color: white"]:not(.btn-primary):not(.badge),[data-theme=light] [style*="color:#fff"]:not(.btn-primary):not(.badge),[data-theme=light] [style*="color:#ffffff"]:not(.btn-primary):not(.badge){color:var(--text-primary)!important}[data-theme=dark] .octoai-helper,[data-theme=dark] .octoai-input,[data-theme=dark] .octoai-label,[data-theme=dark] .octoai-textarea,[data-theme=light] .octoai-helper,[data-theme=light] .octoai-input,[data-theme=light] .octoai-label,[data-theme=light] .octoai-textarea{color:var(--text-primary)}[data-theme=dark] .msn-messenger-container{background:linear-gradient(135deg,#1a1b2e,#16213e)}[data-theme=light] .msn-messenger-container{background:linear-gradient(135deg,#f0f4ff,#e7efff);border:1px solid rgba(0,0,0,.1)}[data-theme=light] .messenger-header{background:linear-gradient(90deg,#6366f1,#818cf8)}[data-theme=light] .chat-content,[data-theme=light] .message-input,[data-theme=light] .messenger-input-area{background:hsla(0,0%,100%,.95)}[data-theme=light] .message.sent .message-bubble{background:#6366f1;color:#fff}[data-theme=light] .message.received .message-bubble{background:#f3f4f6;color:#1f2937}[data-theme=light] .contact-sidebar{background:hsla(0,0%,100%,.9);color:#1f2937}[data-theme=light] .contact-item{color:#1f2937}[data-theme=light] .contact-item:hover{background:rgba(99,102,241,.1)}[data-theme=light] .chat-tab{color:#4b5563}[data-theme=light] .chat-tab.active{background:hsla(0,0%,100%,.2);color:#fff}[data-theme=dark] .msn-contact-name,[data-theme=dark] .msn-message,[data-theme=dark] .msn-messenger *{color:var(--text-primary)}[data-theme=dark] .job-card *,[data-theme=dark] .job-description,[data-theme=dark] .job-title,[data-theme=dark] .new-job-posting-page *,[data-theme=dark] .recruiting-page *,[data-theme=light] .job-card *,[data-theme=light] .job-description,[data-theme=light] .job-title,[data-theme=light] .new-job-posting-page *,[data-theme=light] .recruiting-page *{color:inherit}[data-theme=dark] .sidebar *,[data-theme=dark] .sidebar-animated *,[data-theme=light] .sidebar *,[data-theme=light] .sidebar-animated *{color:inherit}[data-theme=dark] .icon,[data-theme=dark] svg:not(.octoai-icon),[data-theme=light] .icon,[data-theme=light] svg:not(.octoai-icon){stroke:currentColor;fill:none;color:var(--text-primary)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0b0d;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{min-height:100vh;position:relative}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05)}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.2)}@keyframes pulse{0%{box-shadow:0 0 0 0 currentColor;opacity:1}70%{box-shadow:0 0 0 4px currentColor;opacity:.5}to{box-shadow:0 0 0 0 currentColor;opacity:0}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.animate-spin{animation:spin 1s linear infinite}.animate-fadeIn{animation:fadeIn .5s ease-out}.animate-slideIn{animation:slideIn .3s ease-out}.loading-spinner{animation:spin 1s linear infinite;border:3px solid hsla(0,0%,100%,.1);border-radius:50%;border-top-color:#6366f1;height:40px;width:40px}:focus-visible{outline:2px solid #6366f1;outline-offset:2px}button:focus-visible{outline:2px solid #6366f1;outline-offset:2px}*{transition:background-color .2s ease,border-color .2s ease}.container{margin:0 auto;max-width:1440px;padding:0 1rem;width:100%}@media (min-width:640px){.container{padding:0 1.5rem}}@media (min-width:1024px){.container{padding:0 2rem}}@media print{body{background:#fff;color:#000}.no-print{display:none!important}}