: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;--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:#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:#059669;--accent-success-hover:#047857;--accent-success-active:#065f46;--accent-warning:#d97706;--accent-warning-hover:#b45309;--accent-warning-active:#92400e;--accent-danger:#dc2626;--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:hsla(0,0%,100%,.8);background:var(--glass)}.glass-card,.glass-card-strong{border:1px solid rgba(0,0,0,.1)}.glass-card-strong{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,100%,.95);background:var(--glass-strong);border:1px solid var(--glass-border)}:focus-visible{outline:2px solid rgba(124,58,237,.5);outline:2px solid var(--border-focus)}::selection{background:#7c3aed;background:var(--accent-primary);color:hsla(0,0%,100%,.95);color:var(--text-inverse)}::-webkit-scrollbar-track{background:rgba(0,0,0,.05);background:var(--scrollbar-track);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);background:var(--scrollbar-thumb)}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.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}:root{--button-text-color:#fff;--button-text-hover:hsla(0,0%,100%,.95)}.btn{border-radius:8px;color:#fff;color:var(--button-text-color);font-family:inherit;font-size:13px;font-weight:600;justify-content:center;line-height:1.5;padding:.5rem 1rem;text-align:center;text-decoration:none;transition:all .2s ease;user-select:none;-webkit-user-select:none;white-space:nowrap}.btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.btn-primary{background:var(--primary-color,#6366f1);color:var(--button-text-color)}.btn-primary:hover{background:#6366f1;background:var(--primary-color,#6366f1);color:hsla(0,0%,100%,.95);color:var(--button-text-hover)}.btn-primary:active{box-shadow:0 2px 6px rgba(99,102,241,.2);transform:translateY(0)}.btn-secondary{background:hsla(0,0%,100%,.03);background:var(--glass-subtle,hsla(0,0%,100%,.03));border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--border-secondary,hsla(0,0%,100%,.08));color:hsla(0,0%,100%,.95);color:var(--text-primary,hsla(0,0%,100%,.95))}.btn-secondary:hover{background:hsla(0,0%,100%,.08);background:var(--glass-hover,hsla(0,0%,100%,.08));border-color:var(--border-primary,hsla(0,0%,100%,.1));box-shadow:0 4px 12px rgba(0,0,0,.2);transform:translateY(-1px)}.btn-secondary:active{background:hsla(0,0%,100%,.05);background:var(--glass,hsla(0,0%,100%,.05));transform:translateY(0)}.btn-success{border:none;color:#fff;color:var(--button-text-color)}.btn-success,.btn-success:hover{background:#10b981;background:var(--accent-success,#10b981)}.btn-success:hover{border-color:#10b981;border-color:var(--accent-success,#10b981);box-shadow:0 4px 12px rgba(16,185,129,.3);color:hsla(0,0%,100%,.95);color:var(--button-text-hover);transform:translateY(-1px)}.btn-success:active{box-shadow:0 2px 6px rgba(16,185,129,.2);transform:translateY(0)}.btn-danger{border:none;color:#fff;color:var(--button-text-color)}.btn-danger,.btn-danger:hover{background:#ef4444;background:var(--accent-danger,#ef4444)}.btn-danger:hover{border-color:#ef4444;border-color:var(--accent-danger,#ef4444);box-shadow:0 4px 12px rgba(239,68,68,.3);color:hsla(0,0%,100%,.95);color:var(--button-text-hover);transform:translateY(-1px)}.btn-danger:active{box-shadow:0 2px 6px rgba(239,68,68,.2);transform:translateY(0)}.btn-warning{border:none;color:#fff;color:var(--button-text-color)}.btn-warning,.btn-warning:hover{background:#f59e0b;background:var(--accent-warning,#f59e0b)}.btn-warning:hover{border-color:#f59e0b;border-color:var(--accent-warning,#f59e0b);box-shadow:0 4px 12px rgba(245,158,11,.3);color:hsla(0,0%,100%,.95);color:var(--button-text-hover);transform:translateY(-1px)}.btn-warning:active{box-shadow:0 2px 6px rgba(245,158,11,.2);transform:translateY(0)}.btn-info{border:none;color:#fff;color:var(--button-text-color)}.btn-info,.btn-info:hover{background:#06b6d4;background:var(--accent-info,#06b6d4)}.btn-info:hover{border-color:#06b6d4;border-color:var(--accent-info,#06b6d4);box-shadow:0 4px 12px rgba(6,182,212,.3);color:hsla(0,0%,100%,.95);color:var(--button-text-hover);transform:translateY(-1px)}.btn-info:active{box-shadow:0 2px 6px rgba(6,182,212,.2);transform:translateY(0)}.btn-ghost{border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--border-primary,hsla(0,0%,100%,.1));color:hsla(0,0%,100%,.95);color:var(--text-primary,hsla(0,0%,100%,.95))}.btn-ghost:hover{background:hsla(0,0%,100%,.08);background:var(--glass-hover,hsla(0,0%,100%,.08));border-color:hsla(0,0%,100%,.15);border-color:var(--border-primary,hsla(0,0%,100%,.15));transform:translateY(-1px)}.btn-ghost:active{background:hsla(0,0%,100%,.03);background:var(--glass-subtle,hsla(0,0%,100%,.03));transform:translateY(0)}.btn-link{background:transparent;border:none;color:#8b5cf6;color:var(--accent-primary,#8b5cf6);padding:.5rem .75rem}.btn-link:hover{background:rgba(139,92,246,.1);background:var(--glass-hover,rgba(139,92,246,.1));text-decoration:underline;transform:none}.btn-link:active{background:rgba(139,92,246,.05);background:var(--glass-subtle,rgba(139,92,246,.05))}.btn-xs{font-size:11px;padding:.25rem .5rem}.btn-sm,.btn-xs{border-radius:6px}.btn-sm{font-size:12px;padding:.375rem .75rem}.btn-md{font-size:13px;padding:.5rem 1rem}.btn-lg,.btn-md{border-radius:8px}.btn-lg{font-size:14px;padding:.625rem 1.25rem}.btn-xl{border-radius:10px;font-size:15px;padding:.75rem 1.5rem}.btn-block{display:flex;width:100%}.btn-auto{width:auto}.btn-group{display:inline-flex;gap:.5rem}.btn-group .btn{flex:1 1}.btn-group-tight{display:inline-flex;gap:0}.btn-group-tight .btn:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-1px}.btn-group-tight .btn:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.btn-icon{aspect-ratio:1;padding:.5rem}.btn-icon.btn-sm{padding:.375rem}.btn-icon.btn-lg{padding:.625rem}.btn-loading{color:transparent!important;pointer-events:none;position:relative}.btn-loading:after{animation:btn-spin .6s linear infinite;border:2px solid;border-radius:50%;border-right:2px solid transparent;content:"";height:1em;left:50%;margin-left:-.5em;margin-top:-.5em;position:absolute;top:50%;width:1em}@keyframes btn-spin{to{transform:rotate(1turn)}}.btn-danger:hover,.btn-info:hover,.btn-primary:hover,.btn-success:hover,.btn-warning:hover{color:#fff}.save-btn,.submit-btn{align-items:center;border:none;border-radius:8px;color:#fff;color:var(--button-text-color);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:.5rem;justify-content:center;line-height:1.5;padding:.5rem 1rem;text-align:center;transition:all .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.save-btn,.save-btn:hover,.submit-btn,.submit-btn:hover{background:#6366f1;background:var(--primary-color,#6366f1)}.save-btn:hover,.submit-btn:hover{box-shadow:0 4px 12px rgba(99,102,241,.3);color:hsla(0,0%,100%,.95);color:var(--button-text-hover);transform:translateY(-1px)}.cancel-btn,.close-btn{align-items:center;background:hsla(0,0%,100%,.03);background:var(--glass-subtle,hsla(0,0%,100%,.03));border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--border-secondary,hsla(0,0%,100%,.08));border-radius:8px;color:hsla(0,0%,100%,.95);color:var(--text-primary,hsla(0,0%,100%,.95));cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:.5rem;justify-content:center;line-height:1.5;padding:.5rem 1rem;text-align:center;transition:all .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.cancel-btn:hover,.close-btn:hover{background:hsla(0,0%,100%,.08);background:var(--glass-hover,hsla(0,0%,100%,.08));border-color:hsla(0,0%,100%,.1);border-color:var(--border-primary,hsla(0,0%,100%,.1));box-shadow:0 4px 12px rgba(0,0,0,.2);transform:translateY(-1px)}.delete-btn,.remove-btn{align-items:center;background:#ef4444;background:var(--accent-danger,#ef4444);border:none;border-radius:8px;color:#fff;color:var(--button-text-color);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:.5rem;justify-content:center;line-height:1.5;padding:.5rem 1rem;text-align:center;transition:all .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.delete-btn:hover,.remove-btn:hover{background:#ef4444;background:var(--accent-danger,#ef4444);border-color:#ef4444;border-color:var(--accent-danger,#ef4444);box-shadow:0 4px 12px rgba(239,68,68,.3);color:hsla(0,0%,100%,.95);color:var(--button-text-hover);transform:translateY(-1px)}.edit-btn,.update-btn{align-items:center;border:none;border-radius:8px;color:#fff;color:var(--button-text-color);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:.5rem;justify-content:center;line-height:1.5;padding:.5rem 1rem;text-align:center;transition:all .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.edit-btn,.edit-btn:hover,.update-btn,.update-btn:hover{background:#06b6d4;background:var(--accent-info,#06b6d4)}.edit-btn:hover,.update-btn:hover{border-color:#06b6d4;border-color:var(--accent-info,#06b6d4);box-shadow:0 4px 12px rgba(6,182,212,.3);color:hsla(0,0%,100%,.95);color:var(--button-text-hover);transform:translateY(-1px)}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:#fff;color:var(--button-text-color,#fff);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}}.octoai-chatbot-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);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:9999}.octoai-chatbot{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass);border:1px solid var(--border-secondary);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3);display:flex;flex-direction:column;height:80vh;max-height:800px;max-width:600px;overflow:hidden;width:100%}.chatbot-header{background:hsla(0,0%,100%,.05);border-bottom:1px solid var(--border-secondary);justify-content:space-between;padding:20px}.chatbot-header,.header-left{align-items:center;display:flex}.header-left{gap:12px}.octoai-icon-wrapper{align-items:center;background:var(--accent-primary);border-radius:10px;display:flex;height:40px;justify-content:center;width:40px}.chatbot-header h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.chatbot-header p{color:var(--text-secondary);font-size:13px;margin:4px 0 0}.close-btn{background:hsla(0,0%,100%,.1);border:1px solid var(--border-secondary);height:36px;transition:all .2s;width:36px}.close-btn:hover{background:hsla(0,0%,100%,.2);transform:scale(1.05)}.chatbot-messages{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px}.chatbot-messages::-webkit-scrollbar{width:6px}.chatbot-messages::-webkit-scrollbar-track{background:transparent}.chatbot-messages::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:3px}.chatbot-messages::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.message{align-items:flex-start;gap:10px;max-width:85%}.message-assistant{align-self:flex-start}.message-user{align-self:flex-end;flex-direction:row-reverse}.message-avatar{align-items:center;background:var(--accent-primary);border-radius:8px;display:flex;height:32px;justify-content:center;width:32px}.user-avatar{background:var(--accent-secondary)}.message-content{background:hsla(0,0%,100%,.1);border:1px solid var(--border-secondary);border-radius:12px;padding:12px 16px;position:relative}.message-user .message-content{background:var(--accent-primary);border-color:transparent}.message-text{color:var(--text-primary);font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap}.message-time{color:var(--text-secondary);display:block;font-size:11px;margin-top:6px;opacity:.7}.message-content.typing{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:8px}.spin{animation:spin 1s linear infinite}.tool-calls{display:flex;flex-direction:column;gap:6px;margin-top:10px}.tool-call{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid var(--border-secondary);border-radius:6px;color:var(--text-secondary);display:flex;font-size:12px;gap:6px;padding:6px 10px}.tool-call svg{color:var(--accent-primary);flex-shrink:0}.example-prompts{border-top:1px solid var(--border-secondary);padding:0 20px 16px}.examples-label{color:var(--text-secondary);font-size:13px;font-weight:500;margin:16px 0 12px}.examples-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.example-prompt{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid var(--border-secondary);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:12px;gap:8px;padding:10px 12px;text-align:left;transition:all .2s}.example-prompt:hover{background:hsla(0,0%,100%,.1);border-color:var(--accent-primary);transform:translateY(-2px)}.example-prompt svg{color:var(--accent-primary);flex-shrink:0}.chatbot-input-wrapper{align-items:center;background:hsla(0,0%,100%,.03);border-top:1px solid var(--border-secondary);display:flex;gap:10px;padding:16px 20px}.chatbot-input{background:hsla(0,0%,100%,.1);border:1px solid var(--border-secondary);border-radius:10px;color:var(--text-primary);flex:1 1;font-size:14px;outline:none;padding:12px 16px;transition:all .2s}.chatbot-input::placeholder{color:var(--text-secondary);opacity:.6}.chatbot-input:focus{background:hsla(0,0%,100%,.15);border-color:var(--accent-primary)}.chatbot-input:disabled{cursor:not-allowed;opacity:.5}.send-btn{align-items:center;background:var(--accent-primary);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s;width:44px}.send-btn:hover:not(:disabled){background:var(--accent-primary-hover);transform:scale(1.05)}.send-btn:disabled{cursor:not-allowed;opacity:.5}.chatbot-footer{background:hsla(0,0%,100%,.02);border-top:1px solid var(--border-secondary);color:var(--text-secondary);font-size:11px;padding:12px 20px;text-align:center}.octoai-animated .tentacle-1{animation:wave 2s ease-in-out infinite}.octoai-animated .tentacle-2{animation:wave 2s ease-in-out .2s infinite}.octoai-animated .tentacle-3{animation:wave 2s ease-in-out .4s infinite}.octoai-animated .tentacle-4{animation:wave 2s ease-in-out .6s infinite}.octoai-animated .tentacle-5{animation:wave 2s ease-in-out .8s infinite}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@media (max-width:640px){.octoai-chatbot{border-radius:0;height:100vh;max-height:100vh;max-width:100%}.examples-grid{grid-template-columns:1fr}.message{max-width:90%}}: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:#6366f1}.btn-primary:hover{background:#5558e3;box-shadow:0 4px 12px rgba(99,102,241,.3);transform:translateY(-1px)}.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);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{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;font-size:.75rem;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,#fff,#f5f5f5);--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,#fff,#f5f5f5);background:var(--msn-bg-primary);border:1px solid rgba(0,0,0,.12);border:1px solid var(--msn-border);border-radius:12px;bottom:20px;box-shadow:0 20px 60px rgba(0,0,0,.15);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,#6366f1,#8b5cf6);background:var(--msn-header-bg);border-bottom:2px solid rgba(0,0,0,.12);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:rgba(0,0,0,.03);background:var(--msn-bg-secondary);border-bottom:1px solid rgba(0,0,0,.12);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:#475569;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:rgba(0,0,0,.03);background:var(--msn-bg-secondary)}.chat-tab.active,.chat-tab:hover{color:#1e293b;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:rgba(0,0,0,.03);background:var(--msn-bg-secondary);display:flex}.contact-info-bar{align-items:center;border-bottom:1px solid rgba(0,0,0,.12);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);height:32px;object-fit:cover;width:32px}.contact-name{color:#1e293b;color:var(--msn-text-primary);font-size:13px}.contact-status{color:#94a3b8;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:rgba(0,0,0,.05);background:var(--msn-message-bg);border:1px solid rgba(0,0,0,.1);border:1px solid var(--msn-message-border);border-radius:12px;padding:8px 12px;position:relative}.message.sent .message-bubble{background:rgba(139,92,246,.15);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:#1e293b;color:var(--msn-text-primary);font-size:13px;line-height:1.4}.message-time{color:#94a3b8;color:var(--msn-text-muted);font-size:10px;margin-top:4px}.typing-indicator{align-items:center;background:rgba(0,0,0,.05);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:#475569;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:rgba(0,0,0,.03);background:var(--msn-bg-secondary);border-top:1px solid rgba(0,0,0,.12);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:rgba(0,0,0,.05);background:var(--msn-input-bg);border:1px solid rgba(0,0,0,.12);border:1px solid var(--msn-border);border-radius:20px;color:#1e293b;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:#94a3b8;color:var(--msn-text-muted)}.message-input:focus{background:rgba(0,0,0,.05);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,#fff,#f5f5f5);background:var(--msn-bg-primary);border-left:1px solid rgba(0,0,0,.12);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:#1e293b;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{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-value{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{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-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-size:18px}.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{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:11px}.meta-icon{height:12px;width:12px}.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-none{background:hsla(0,0%,100%,.03);background:var(--glass-subtle,hsla(0,0%,100%,.03));border-color:hsla(0,0%,100%,.15);border-color:var(--border-secondary,hsla(0,0%,100%,.15));border-style:dashed}.score-none,.score-none .score-text{color:hsla(0,0%,100%,.5);color:var(--text-tertiary,hsla(0,0%,100%,.5))}.score-none .score-text{font-size:12px}.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{gap:6px;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{align-items:center;display:flex;gap:16px;justify-content:space-around}.stat-item{flex-direction:column}.stat-value{color:#111827;color:var(--text-primary,#111827);font-size:20px;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{border:none;border-radius:8px;color:var(--button-text-color,#fff);font-size:13px;font-weight:600;padding:8px 16px}.view-all-btn,.view-all-btn:hover{background:#6366f1;background:var(--primary-color,#6366f1)}.view-all-btn:hover{box-shadow:0 4px 12px rgba(99,102,241,.3);color:hsla(0,0%,100%,.95);color:var(--button-text-hover,hsla(0,0%,100%,.95))}.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)}.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{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;color:var(--button-text-color,#fff)}.btn-create-appointment:hover{background:#4f46e5;background:var(--primary-hover,#4f46e5);box-shadow:0 4px 12px rgba(99,102,241,.3);color:hsla(0,0%,100%,.95);color:var(--button-text-hover,hsla(0,0%,100%,.95));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 (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)}@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;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;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}}.projects-widget{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;height:100%;overflow:hidden}.projects-header{border-bottom:1px solid var(--glass-border);padding:var(--spacing-lg)}.header-top{justify-content:space-between;margin-bottom:var(--spacing-md)}.header-top,.widget-title{align-items:center;display:flex}.widget-title{color:#fff;font-size:1.125rem;font-weight:600;gap:var(--spacing-sm);margin:0}.title-icon{color:var(--accent-primary);height:20px;width:20px}.header-actions{gap:var(--spacing-sm)}.risk-indicator{align-items:center;background:rgba(239,68,68,.15);border-radius:var(--radius-md);color:#ef4444;display:flex;font-size:.875rem;font-weight:500;gap:4px;padding:4px 10px}.risk-icon{height:14px;width:14px}.add-project-btn{align-items:center;background:var(--accent-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.add-project-btn:hover{background:var(--accent-primary-hover);transform:scale(1.05)}.add-icon{height:16px;width:16px}.quick-stats{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(3,1fr)}.stat-item{background:var(--glass-hover);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-sm);text-align:center}.stat-value{color:var(--accent-primary);font-size:1.5rem;margin-bottom:2px}.stat-label{color:hsla(0,0%,100%,.7);font-size:.75rem}.projects-list{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-md);overflow-y:auto;padding:var(--spacing-md)}.empty-state{height:100%;padding:var(--spacing-xl)}.empty-icon{color:hsla(0,0%,100%,.3);height:48px;margin-bottom:var(--spacing-md);width:48px}.empty-icon.spinning{animation:spin 1s linear infinite}.empty-text{color:hsla(0,0%,100%,.6);font-size:.925rem;margin:0 0 var(--spacing-md) 0}.empty-action-btn{background:var(--accent-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.empty-action-btn:hover{background:var(--accent-primary-hover);transform:translateY(-1px)}.project-card{background:var(--glass-hover);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-md);transition:all .2s ease}.project-card:hover{background:var(--glass-active);box-shadow:0 8px 24px rgba(0,0,0,.12);transform:translateY(-2px)}.project-header{justify-content:space-between;margin-bottom:var(--spacing-sm)}.project-header,.project-info{align-items:center;display:flex}.project-info{flex:1 1;gap:var(--spacing-sm);min-width:0}.project-color-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.project-name{color:#fff;font-size:1rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-status{align-items:center;border-radius:var(--radius-sm);display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;gap:4px;padding:4px 10px}.project-status svg{height:14px;width:14px}.project-progress{margin-bottom:var(--spacing-sm)}.progress-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.progress-label{color:hsla(0,0%,100%,.7);font-size:.75rem}.progress-percentage{color:#fff;font-size:.875rem;font-weight:600}.progress-bar{background:hsla(0,0%,100%,.1)}.progress-bar,.progress-fill{border-radius:999px}.project-meta{gap:var(--spacing-sm)}.meta-item{color:hsla(0,0%,100%,.8);font-size:.75rem;gap:4px}.meta-icon{color:hsla(0,0%,100%,.6);height:14px;width:14px}.projects-footer{border-top:1px solid var(--glass-border);padding:var(--spacing-md) var(--spacing-lg)}.view-all-btn{align-items:center;background:var(--glass-hover);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:.925rem;font-weight:500;gap:var(--spacing-xs);justify-content:center;padding:12px;transition:all .2s ease;width:100%}.view-all-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);transform:translateY(-1px)}.arrow-icon{height:16px;transition:transform .2s ease;width:16px}.view-all-btn:hover .arrow-icon{transform:translateX(4px)}@media (max-width:768px){.quick-stats{gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr)}.stat-value{font-size:1.25rem}.stat-label{font-size:.7rem}.project-card{padding:var(--spacing-sm)}.project-name{font-size:.925rem}}.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;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);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;overflow:hidden;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:active,.input-field:-webkit-autofill:focus,.input-field:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;background-color:hsla(0,0%,100%,0)!important;background-image:none!important;border:none!important;border-radius:0!important;box-shadow:inset 0 0 0 1000px hsla(0,0%,100%,0)!important;caret-color:#fff!important;color:#fff!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.input-field:-webkit-autofill:first-line{color:#fff!important;font-size:1rem!important;font-weight:400!important}input:-webkit-autofill{background-clip:text!important;-webkit-background-clip:text!important}input:-internal-autofill-selected{background-color:transparent!important;background-image:none!important;color:#fff!important}.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{align-items:center;background:#0a0e27;background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(120,119,198,.3),transparent),radial-gradient(ellipse 100% 80% at 80% 90%,rgba(102,126,234,.2),transparent),radial-gradient(ellipse 100% 100% at 20% 80%,rgba(118,75,162,.15),transparent);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative;width:100%}.login-page-container:before{animation:moveGradient 15s ease-in-out infinite;background:radial-gradient(circle at 30% 50%,rgba(102,126,234,.15),transparent 50%),radial-gradient(circle at 70% 50%,rgba(118,75,162,.15),transparent 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes moveGradient{0%,to{opacity:1;transform:translate(0)}50%{opacity:.8;transform:translate(50px,-50px)}}.login-content{align-items:center;display:flex;flex-direction:column;gap:2rem;max-width:420px;padding:2rem;position:relative;width:100%;z-index:10}.login-logo{animation:float 3s ease-in-out infinite;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,.4),0 0 60px rgba(102,126,234,.3),inset 0 0 0 1px hsla(0,0%,100%,.2);color:#fff;font-size:1.75rem;font-weight:700;height:64px;overflow:hidden;position:relative;width:64px}.logo-icon:before{animation:shimmer 3s infinite;background:linear-gradient(45deg,transparent,hsla(0,0%,100%,.1),transparent);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}.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:24px;box-shadow:0 20px 60px rgba(0,0,0,.3),0 0 100px rgba(102,126,234,.1),inset 0 0 0 1px hsla(0,0%,100%,.05);overflow:hidden;padding:2.5rem 2rem;position:relative;width:100%}.login-card:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:1px;left:0;position:absolute;right:0;top:0}.card-header{margin-bottom:2rem;text-align:center}.card-title{-webkit-text-fill-color:transparent;animation:titleGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#fff,#e0e0ff);-webkit-background-clip:text;background-clip:text;font-size:1.875rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .5rem}@keyframes titleGlow{0%,to{filter:drop-shadow(0 0 20px rgba(102,126,234,.3))}50%{filter:drop-shadow(0 0 30px rgba(102,126,234,.5))}}.card-subtitle{color:hsla(0,0%,100%,.7);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:12px;box-shadow:0 4px 16px rgba(102,126,234,.4),0 0 40px rgba(102,126,234,.2),inset 0 0 0 1px hsla(0,0%,100%,.2);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;height:52px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.submit-btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.submit-btn:hover:not(:disabled):before{left:100%}.submit-btn:hover:not(:disabled){box-shadow:0 6px 24px rgba(102,126,234,.5),0 0 60px rgba(102,126,234,.3),inset 0 0 0 1px hsla(0,0%,100%,.3);transform:translateY(-2px)}.submit-btn:active:not(:disabled){transform:translateY(0)}.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}}.document-viewer-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(0,0,0,.85);bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:9999}.document-viewer-container{background:var(--glass);border-radius:var(--radius-lg);box-shadow:0 25px 50px rgba(0,0,0,.5);display:flex;flex-direction:column;height:90vh;max-width:1400px;overflow:hidden;position:relative;width:90vw}.viewer-header{align-items:center;background:var(--glass-hover);border-bottom:1px solid var(--glass-border);display:flex;flex-shrink:0;justify-content:space-between;padding:1.25rem 1.5rem}.file-info h3{color:#fff;font-size:1.125rem;font-weight:600;margin:0 0 4px;max-width:600px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-info span{color:hsla(0,0%,100%,.6);font-size:.875rem}.viewer-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.viewer-actions button{align-items:center;background:var(--glass-hover);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.viewer-actions button:hover{background:var(--accent-primary);border-color:var(--accent-primary);transform:translateY(-1px)}.viewer-actions button:active{transform:translateY(0)}.zoom-level{color:hsla(0,0%,100%,.8);font-size:.875rem;min-width:45px;text-align:center}.nav-btn{background:var(--glass-active);border-radius:50%;color:#fff;height:48px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:48px;z-index:10}.nav-prev{left:1.5rem}.nav-next{right:1.5rem}.nav-btn:hover{background:var(--accent-primary);box-shadow:0 4px 12px rgba(99,102,241,.4);transform:translateY(-50%) scale(1.1)}.nav-btn:active{transform:translateY(-50%) scale(1.05)}.viewer-content{background:#1a1a1a;flex:1 1;overflow:auto;padding:1.5rem;position:relative}.image-viewer,.viewer-content{align-items:center;display:flex;justify-content:center}.image-viewer{height:100%;width:100%}.image-viewer img{max-height:100%;max-width:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.pdf-viewer{background:#fff;height:100%;width:100%}.video-viewer{border-radius:var(--radius-md);max-height:100%;max-width:100%}.audio-viewer{align-items:center;display:flex;justify-content:center;max-width:600px;padding:2rem;width:100%}.audio-viewer audio,.text-viewer{border-radius:var(--radius-md);width:100%}.text-viewer{background:#fff;height:100%}.unsupported-viewer{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.unsupported-content{color:hsla(0,0%,100%,.6);text-align:center}.unsupported-content p{font-size:1.125rem;margin-bottom:1rem}.unsupported-content .file-type{color:hsla(0,0%,100%,.4);font-size:2rem;font-weight:700;margin-bottom:1.5rem}.btn-download{align-items:center;background:var(--accent-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.btn-download:hover{background:var(--accent-primary-hover);box-shadow:0 4px 12px rgba(99,102,241,.4);transform:translateY(-2px)}.btn-download:active{transform:translateY(0)}@media (max-width:768px){.document-viewer-overlay{padding:0}.document-viewer-container{border-radius:0;height:100vh;max-width:none;width:100vw}.viewer-header{padding:1rem}.file-info h3{font-size:1rem;max-width:200px}.file-info span{font-size:.75rem}.viewer-actions{gap:.25rem}.viewer-actions button{height:32px;width:32px}.nav-btn{height:40px;width:40px}.nav-prev{left:.5rem}.nav-next{right:.5rem}.viewer-content{padding:1rem}}.viewer-hint{animation:fadeIn .3s ease-in-out 2s forwards;background:var(--glass-active);border:1px solid var(--glass-border);border-radius:var(--radius-md);bottom:1rem;color:hsla(0,0%,100%,.6);font-size:.875rem;left:50%;opacity:0;padding:.5rem 1rem;pointer-events:none;position:absolute;transform:translateX(-50%)}.viewer-loading{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.viewer-loading-spinner{animation:spin 1s linear infinite;border:4px solid var(--glass-border);border-radius:50%;border-top-color:var(--accent-primary);height:48px;width:48px}.document-explorer{background:var(--bg-primary);display:flex;flex-direction:column;height:calc(100vh - 80px);overflow:hidden;position:relative}.explorer-header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--glass);border-bottom:1px solid var(--glass-border);display:flex;gap:1rem;padding:1rem;z-index:10}.header-actions{gap:.75rem;margin-left:auto}.header-actions,.search-box{align-items:center;display:flex}.search-box{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-md);gap:.5rem;min-width:300px;padding:.5rem 1rem;transition:all var(--transition-fast)}.search-box:focus-within{background:var(--glass-hover);border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.search-box input{background:transparent;border:none;color:var(--text-primary);flex:1 1;font-size:.875rem;outline:none}.search-box input::placeholder{color:var(--text-tertiary)}.view-mode-switcher{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-md);display:flex;gap:.25rem;padding:.25rem}.view-btn{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all var(--transition-fast)}.view-btn:hover{background:var(--glass-hover);color:var(--text-primary)}.view-btn.active{background:var(--accent-primary);color:#fff}.btn-primary{align-items:center;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:var(--radius-md);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all var(--transition-fast)}.btn-primary:hover:not(:disabled){box-shadow:0 8px 16px rgba(99,102,241,.3);transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.breadcrumbs-container{align-items:center;display:flex;flex:1 1}.breadcrumbs-navigation{align-items:center;display:flex;gap:.5rem;width:100%}.nav-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;justify-content:center;padding:.5rem;transition:all var(--transition-fast)}.nav-btn:hover:not(:disabled){background:var(--glass-hover);color:var(--text-primary)}.nav-btn:disabled{cursor:not-allowed;opacity:.3}.breadcrumbs-path{align-items:center;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:text;display:flex;flex:1 1;gap:.25rem;overflow-x:auto;padding:.5rem 1rem}.breadcrumb-item{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;gap:.375rem;padding:.375rem .625rem;transition:all var(--transition-fast);white-space:nowrap}.breadcrumb-item:hover{background:var(--glass-hover);color:var(--text-primary)}.breadcrumb-item.active{color:var(--text-primary);font-weight:500}.breadcrumb-separator{color:var(--text-tertiary);flex-shrink:0}.breadcrumb-item-wrapper{position:relative}.breadcrumb-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-active);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:0 8px 24px rgba(0,0,0,.3);left:0;min-width:200px;overflow:hidden;position:absolute;top:calc(100% + .5rem);z-index:100}.dropdown-item{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;gap:.5rem;padding:.625rem 1rem;transition:all var(--transition-fast)}.dropdown-item:hover{background:var(--glass-hover);color:var(--text-primary)}.breadcrumb-input{background:var(--glass);border:1px solid var(--accent-primary);border-radius:var(--radius-md);color:var(--text-primary);flex:1 1;font-size:.875rem;outline:none;padding:.5rem 1rem}.explorer-main{display:flex;flex:1 1;gap:1rem;overflow:hidden;padding:1rem}.explorer-sidebar{flex-shrink:0;overflow-x:hidden;overflow-y:auto;width:260px}.explorer-content,.explorer-sidebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.explorer-content{flex:1 1;overflow:auto;position:relative}.explorer-details{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-lg);flex-shrink:0;overflow-x:hidden;overflow-y:auto;width:320px}.quick-access-sidebar{display:flex;flex-direction:column;gap:1.5rem;padding:1rem}.sidebar-section{display:flex;flex-direction:column;gap:.75rem}.section-title{color:var(--text-tertiary);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:0 .5rem;text-transform:uppercase}.quick-access-items{display:flex;flex-direction:column;gap:.25rem}.quick-access-item{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.625rem .75rem;text-align:left;transition:all var(--transition-fast);width:100%}.quick-access-item:hover{background:var(--glass-hover);color:var(--text-primary)}.quick-access-item.active{background:var(--glass-hover);color:var(--accent-primary)}.item-icon{align-items:center;color:inherit;display:flex;justify-content:center}.item-label{flex:1 1}.item-count{background:var(--glass);border-radius:var(--radius-full);color:var(--text-tertiary);font-size:.75rem;padding:.125rem .5rem}.quick-access-item.active .item-count{background:rgba(99,102,241,.2);color:var(--accent-primary)}.folder-tree,.folder-tree-node{display:flex;flex-direction:column}.folder-item{align-items:center;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem .75rem;transition:all var(--transition-fast)}.folder-item:hover{background:var(--glass-hover);color:var(--text-primary)}.folder-item.active{background:var(--glass-hover);color:var(--accent-primary)}.expand-btn{align-items:center;background:transparent;border:none;color:inherit;cursor:pointer;display:flex;justify-content:center;padding:.125rem}.folder-name{flex:1 1}.recent-files-list{display:flex;flex-direction:column;gap:.5rem}.recent-file-item{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:.75rem;padding:.625rem;transition:all var(--transition-fast)}.recent-file-item:hover{background:var(--glass-hover)}.file-icon-small{flex-shrink:0;font-size:1.25rem}.recent-file-item .file-info{flex:1 1;min-width:0}.recent-file-item .file-name{color:var(--text-primary);font-size:.8125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-file-item .file-date{color:var(--text-tertiary);font-size:.75rem}.file-list-view{display:flex;flex-direction:column;height:100%}.list-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--glass);border-bottom:1px solid var(--glass-border);display:flex;padding:.75rem 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:5}.list-header-cell{align-items:center;display:flex;position:relative}.header-button{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:.375rem;letter-spacing:.05em;padding:.375rem .5rem;text-transform:uppercase;transition:all var(--transition-fast)}.header-button:hover:not(:disabled){background:var(--glass-hover);color:var(--text-primary)}.header-button.sorted{color:var(--accent-primary)}.resize-handle{background:transparent;bottom:0;cursor:col-resize;position:absolute;right:0;top:0;transition:background var(--transition-fast);width:4px}.resize-handle:hover{background:var(--accent-primary)}.list-body{flex:1 1;overflow-y:auto}.file-row{align-items:center;border-bottom:1px solid var(--glass-border);cursor:pointer;display:flex;padding:.75rem 1rem;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.file-row:hover{background:var(--glass-hover)}.file-row.selected{background:rgba(99,102,241,.1);border-left:3px solid var(--accent-primary)}.file-cell{color:var(--text-secondary);font-size:.875rem;overflow:hidden;padding:0 .5rem}.file-cell,.file-cell-name{align-items:center;display:flex}.file-cell-name{flex:1 1;gap:.75rem;min-width:0}.selection-checkbox{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.check-icon,.selection-checkbox{color:var(--accent-primary)}.file-name{color:var(--text-primary);flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shared-badge,.star-badge{flex-shrink:0;font-size:.875rem}.cell-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-empty{align-items:center;color:var(--text-tertiary);display:flex;height:100%;justify-content:center;padding:3rem;text-align:center}.file-grid-view{grid-gap:1rem;align-content:start;display:grid;gap:1rem;height:100%;overflow-y:auto;padding:1rem}.grid-small{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.grid-medium{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.grid-large{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.grid-extra-large{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.file-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;padding:1rem;position:relative;transition:all var(--transition-base)}.file-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}.file-card:hover{background:var(--glass-hover);box-shadow:0 8px 24px rgba(0,0,0,.2);transform:translateY(-4px)}.file-card.selected{background:rgba(99,102,241,.1);border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary)}.selection-indicator{position:absolute;right:.75rem;top:.75rem;z-index:2}.selection-check{background:#fff;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.2)}.file-thumbnail{align-items:center;display:flex;justify-content:center;margin-bottom:.75rem;padding:1.5rem 1rem;position:relative}.thumbnail-image{border-radius:var(--radius-md);height:auto;max-height:180px;object-fit:cover;width:100%}.quick-actions{bottom:.5rem;display:flex;gap:.5rem;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity var(--transition-fast);z-index:3}.file-card:hover .quick-actions{opacity:1}.quick-action-btn{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-active);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:0 4px 12px rgba(0,0,0,.2);color:var(--text-primary);cursor:pointer;padding:.5rem;transition:all var(--transition-fast)}.quick-action-btn:hover{background:var(--accent-primary);color:#fff;transform:scale(1.1)}.file-info{display:flex;flex-direction:column;gap:.25rem}.file-info h4{color:var(--text-primary);font-size:.875rem;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta,.file-size{color:var(--text-tertiary);font-size:.75rem}.file-owner{color:var(--text-secondary);font-size:.75rem}.file-badges{display:flex;gap:.375rem;margin-top:.5rem}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.625rem;font-weight:500;padding:.25rem .5rem}.badge-starred{background:rgba(251,191,36,.1);color:#fbbf24}.badge-shared{background:rgba(99,102,241,.1);color:var(--accent-primary)}.grid-empty{align-items:center;color:var(--text-tertiary);display:flex;grid-column:1/-1;justify-content:center;min-height:300px}.hidden{display:none!important}.details-panel{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;position:relative}.panel-close-btn{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all var(--transition-fast);z-index:10}.panel-close-btn:hover{background:var(--glass-hover);color:var(--text-primary)}.file-preview{align-items:center;aspect-ratio:1;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-lg);display:flex;justify-content:center;overflow:hidden;width:100%}.preview-image{height:100%;object-fit:cover;width:100%}.preview-icon{align-items:center;display:flex;justify-content:center;padding:2rem}.file-metadata{display:flex;flex-direction:column;gap:1rem}.file-title{word-wrap:break-word;color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.metadata-grid{display:flex;flex-direction:column;gap:.75rem}.metadata-row{align-items:start;border-bottom:1px solid var(--glass-border);display:flex;gap:1rem;justify-content:space-between;padding-bottom:.75rem}.metadata-row:last-child{border-bottom:none;padding-bottom:0}.metadata-label{color:var(--text-tertiary);font-size:.8125rem;font-weight:500}.metadata-value{color:var(--text-primary);font-size:.875rem;text-align:right}.status-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .625rem}.status-badge.shared{background:rgba(99,102,241,.15);color:var(--accent-primary)}.status-badge.private{background:var(--glass);color:var(--text-secondary)}.metadata-section{display:flex;flex-direction:column;gap:.625rem}.section-label{align-items:center;color:var(--text-secondary);display:flex;font-size:.8125rem;font-weight:600;gap:.5rem}.tags-container{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem}.tag-item{background:rgba(99,102,241,.1);border-radius:var(--radius-full);color:var(--accent-primary);font-size:.75rem;gap:.375rem;padding:.375rem .625rem}.tag-item,.tag-remove{align-items:center;display:flex}.tag-remove{background:transparent;border:none;color:inherit;cursor:pointer;opacity:.6;padding:.125rem;transition:opacity var(--transition-fast)}.tag-remove:hover{opacity:1}.tag-input{background:transparent;border:none;color:var(--text-primary);flex:1 1;font-size:.75rem;min-width:100px;outline:none;padding:.375rem 0}.tag-input::placeholder{color:var(--text-tertiary)}.description-display,.description-textarea{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;min-height:80px;outline:none;padding:.75rem;resize:vertical;transition:all var(--transition-fast)}.description-textarea:focus{background:var(--glass-hover);border-color:var(--accent-primary)}.description-display{color:var(--text-tertiary);cursor:text}.description-display:hover{background:var(--glass-hover)}.detail-actions{flex-direction:column;gap:.5rem}.action-btn{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all var(--transition-fast)}.action-btn:hover{background:var(--glass-hover);color:var(--text-primary);transform:translateX(2px)}.action-btn.primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.action-btn.primary:hover{background:#5558e3;box-shadow:0 4px 12px rgba(99,102,241,.3)}.action-btn.danger{border-color:var(--accent-danger);color:var(--accent-danger)}.action-btn.danger:hover{background:rgba(239,68,68,.1)}.action-btn.starred{border-color:#fbbf24;color:#fbbf24}.multi-selection-info,.no-selection{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:2rem 1rem;text-align:center}.selection-icon{position:relative}.selection-count{align-items:center;background:var(--accent-primary);border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:24px;justify-content:center;min-width:24px;padding:0 .375rem;position:absolute;right:-8px;top:-8px}.selection-title{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.selection-stats{background:var(--glass);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.75rem;padding:1rem;width:100%}.stat-item{gap:1rem}.stat-label{color:var(--text-tertiary)}.stat-value{font-size:.875rem;font-weight:500}.bulk-actions{display:flex;flex-direction:column;gap:.5rem;width:100%}.no-selection h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.no-selection p{color:var(--text-tertiary);font-size:.875rem;margin:0}.context-menu{min-width:220px}.context-menu-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-active);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:0 12px 32px rgba(0,0,0,.3);overflow:hidden;padding:.5rem}.context-menu-item{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.625rem .75rem;text-align:left;transition:all var(--transition-fast);width:100%}.context-menu-item:hover:not(:disabled){background:var(--glass-hover)}.context-menu-item.danger{color:var(--accent-danger)}.context-menu-item.danger:hover{background:rgba(239,68,68,.1)}.context-menu-item:disabled{cursor:not-allowed;opacity:.4}.menu-icon{align-items:center;color:inherit;display:flex;flex-shrink:0}.menu-label{flex:1 1}.menu-shortcut{color:var(--text-tertiary);font-size:.75rem;margin-left:auto}.context-menu-separator{background:var(--glass-border);height:1px;margin:.5rem 0}.status-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--glass);border-top:1px solid var(--glass-border);color:var(--text-secondary);font-size:.8125rem;justify-content:space-between;padding:.75rem 1rem;z-index:10}.status-bar,.status-left{align-items:center;display:flex}.status-left{gap:.75rem}.status-right{align-items:center;display:flex;gap:1rem}.status-text{white-space:nowrap}.status-separator{color:var(--text-tertiary)}.storage-info{align-items:center;display:flex;gap:.5rem}.storage-text{white-space:nowrap}.storage-indicator{align-items:center;display:flex;gap:.5rem}.storage-bar{background:var(--glass);height:6px;overflow:hidden;width:100px}.storage-bar,.storage-fill{border-radius:var(--radius-full)}.storage-fill{height:100%;transition:all var(--transition-base)}.storage-percentage{font-size:.75rem;min-width:35px;text-align:right}.explorer-empty,.explorer-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center;padding:3rem;text-align:center}.loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--glass-border);border-top-color:var(--accent-primary)}.explorer-empty h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.explorer-empty p{color:var(--text-tertiary);font-size:.875rem;margin:0}.drag-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(99,102,241,.1);bottom:0;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1000}.drag-content,.drag-overlay{align-items:center;display:flex}.drag-content{background:var(--glass-active);border:2px dashed var(--accent-primary);border-radius:var(--radius-xl);color:var(--accent-primary);flex-direction:column;gap:1rem;padding:3rem}.drag-content h3{font-size:1.5rem;font-weight:600;margin:0}.drag-content p{font-size:1rem;margin:0;opacity:.8}@media (max-width:1200px){.explorer-details{width:280px}.explorer-sidebar{width:220px}}@media (max-width:968px){.explorer-main{flex-direction:column}.explorer-details,.explorer-sidebar{max-height:300px;width:100%}.search-box{min-width:200px}.grid-large{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.grid-extra-large{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:640px){.explorer-header{align-items:stretch;flex-direction:column}.header-actions{justify-content:space-between;margin-left:0}.search-box{min-width:0;width:100%}.breadcrumbs-path{font-size:.8125rem}.grid-medium,.grid-small{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.grid-extra-large,.grid-large{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.status-bar{align-items:flex-start;flex-direction:column;gap:.5rem}.storage-indicator{width:100%}.storage-bar{flex:1 1}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.file-card,.glass-container,.quick-access-item{border-width:2px}}.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}.contacts-page-container{background:var(--bg-primary);display:flex;flex-direction:column;height:100vh;overflow:hidden}.contacts-page-header{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:var(--glass);border-bottom:1px solid var(--glass-border);padding:var(--spacing-lg)}.contacts-page-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:var(--spacing-xs)}.contacts-page-subtitle{color:var(--text-secondary);font-size:1rem}.contacts-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.contacts-stats-container{margin-bottom:var(--spacing-md)}.contacts-stats{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.stat-item{flex:1 1;min-width:150px}.stat-number{color:var(--text-primary);font-size:1.5rem;font-weight:700}.stat-label{font-size:.875rem;margin-top:var(--spacing-xs)}.contacts-search-bar{flex:1 1;position:relative}.contacts-search-icon{color:var(--text-tertiary);left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.contacts-search-input{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.925rem;padding:12px 16px 12px 44px;transition:all .2s ease;width:100%}.contacts-search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(139,92,246,.1);outline:none}.contacts-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.contacts-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.contacts-list-container{flex:1 1;overflow-y:auto;padding:4px}.contacts-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.contact-card{word-wrap:break-word;border:1px solid var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;padding:var(--spacing-lg);transition:all .2s ease}.contact-card:hover{border-color:var(--accent-primary);box-shadow:0 8px 24px rgba(139,92,246,.2);transform:translateY(-4px)}.contact-card-header{align-items:flex-start;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.contact-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.contact-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.contact-avatar-placeholder{align-items:center;background:var(--glass);border:1px solid var(--glass-border);border-radius:50%;color:var(--text-tertiary);display:flex;height:100%;justify-content:center;width:100%}.contact-info{flex:1 1;overflow:hidden}.contact-name-row{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs)}.contact-name{color:var(--text-primary);font-size:1rem;font-weight:600}.contact-name,.contact-position{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-position{color:var(--text-secondary);font-size:.875rem;margin-bottom:4px}.contact-company{color:var(--text-tertiary);font-size:.825rem;margin-bottom:var(--spacing-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-details{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.contact-detail-item{align-items:center;color:var(--text-tertiary);display:flex;font-size:.825rem;gap:var(--spacing-xs)}.contact-detail-item svg{flex-shrink:0}.contact-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.contact-tag{background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-sm);color:var(--accent-primary);font-size:.75rem;padding:4px var(--spacing-xs)}.contact-footer{align-items:center;border-top:1px solid var(--glass-border);display:flex;justify-content:space-between;padding-top:var(--spacing-sm)}.contact-last-contact{align-items:center;color:var(--text-tertiary);font-size:.75rem}.contact-last-contact,.contact-social-links{display:flex;gap:var(--spacing-xs)}.contact-social-link{color:var(--text-tertiary);transition:color .2s ease}.contact-social-link:hover{color:var(--accent-primary)}@media (max-width:768px){.contacts-page-title{font-size:1.5rem}.contacts-grid{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.contact-card{padding:var(--spacing-md)}.contacts-actions,.contacts-filters{flex-direction:column}}@media (max-width:480px){.contacts-page-header{padding:var(--spacing-md)}.contacts-page-title{font-size:1.25rem}.contacts-grid{grid-template-columns:1fr}.contact-card{padding:var(--spacing-sm)}.contact-avatar{height:48px;width:48px}.contacts-stats{flex-direction:column}.stat-item{min-width:100%}}.contacts-pagination{align-items:center;background:var(--glass);border-top:1px solid var(--glass-border);display:flex;justify-content:space-between;padding:var(--spacing-md)}.contacts-pagination-info{color:var(--text-secondary);font-size:.875rem}.contacts-pagination-buttons{display:flex;gap:var(--spacing-xs)}@media (max-width:480px){.contacts-pagination{flex-direction:column;gap:var(--spacing-sm);text-align:center}.contacts-pagination-buttons{justify-content:center;width:100%}}.grid-auto{grid-gap:var(--spacing-lg);grid-gap:var(--grid-gap,var(--spacing-lg));display:grid;gap:var(--spacing-lg);gap:var(--grid-gap,var(--spacing-lg));grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-template-columns:repeat(auto-fill,minmax(var(--grid-min,250px),1fr))}.grid-1{grid-gap:var(--spacing-lg);grid-template-columns:1fr}.grid-1,.grid-2{display:grid;gap:var(--spacing-lg)}.grid-2{grid-gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.grid-3{grid-gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr)}.grid-3,.grid-4{display:grid;gap:var(--spacing-lg)}.grid-4{grid-gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr)}.grid-6{grid-gap:var(--spacing-lg);grid-template-columns:repeat(6,1fr)}.grid-12,.grid-6{display:grid;gap:var(--spacing-lg)}.grid-12{grid-gap:var(--spacing-lg);grid-template-columns:repeat(12,1fr)}.span-1{grid-column:span 1}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-9{grid-column:span 9}.span-10{grid-column:span 10}.span-11{grid-column:span 11}.span-12{grid-column:span 12}.span-full{grid-column:1/-1}.gap-none{gap:0}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}@media (min-width:1440px){.grid-auto{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-template-columns:repeat(auto-fill,minmax(var(--grid-min-xl,300px),1fr))}}@media (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.grid-6{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.grid-6{grid-template-columns:repeat(2,1fr)}.span-10,.span-11,.span-2,.span-3,.span-4,.span-5,.span-6,.span-7,.span-8,.span-9{grid-column:span 12}}@media (max-width:480px){.grid-6,.grid-auto{grid-template-columns:1fr}.grid-1,.grid-12,.grid-2,.grid-3,.grid-4,.grid-6,.grid-auto{gap:var(--spacing-md)}}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.flex-start{justify-content:flex-start}.flex-end,.flex-start{align-items:center;display:flex}.flex-end{justify-content:flex-end}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-1{flex:1 1}.flex-auto{flex:auto}.flex-none{flex:none}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{-webkit-line-clamp:3}.line-clamp-3,.line-clamp-4{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-4{-webkit-line-clamp:4}.word-break{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;word-break:break-word}.word-break-all{word-break:break-all}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-auto{overflow:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-x-scroll{overflow-x:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-y-scroll{overflow-y:scroll}.overflow-y-auto{overflow-y:auto}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.font-thin{font-weight:100}.font-extralight{font-weight:200}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.leading-none{line-height:1}.leading-tight{line-height:1.25}.leading-snug{line-height:1.375}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.leading-loose{line-height:2}@media (max-width:768px){.text-2xl{font-size:1.25rem}.text-3xl{font-size:1.5rem}.text-4xl{font-size:1.875rem}}@media (max-width:480px){.text-2xl,.text-xl{font-size:1.125rem}.text-3xl{font-size:1.25rem}.text-4xl{font-size:1.5rem}}.form-field{margin-bottom:var(--spacing-lg);width:100%}.form-label{color:var(--text-secondary);display:block;font-size:.875rem;font-weight:500;margin-bottom:var(--spacing-sm);transition:color .2s ease}.form-required{color:var(--danger);margin-left:4px}.form-input-wrapper{position:relative;width:100%}.form-input{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:.925rem;min-height:44px;padding:12px 16px;transition:all .2s ease;width:100%}.form-input.has-icon{padding-left:44px}.form-input-icon{align-items:center;color:var(--text-tertiary);display:flex;justify-content:center;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.form-input:focus{background:var(--glass-hover);border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(139,92,246,.1);outline:none}.form-input:hover:not(:disabled):not(:focus){border-color:hsla(0,0%,100%,.15);border-color:var(--glass-border-hover,hsla(0,0%,100%,.15))}.form-input:disabled{background:var(--bg-tertiary);cursor:not-allowed;opacity:.5}.form-help-text{color:var(--text-tertiary);font-size:.8125rem;line-height:1.4;margin-top:var(--spacing-xs)}.form-field.has-error .form-label{color:var(--danger)}.form-field.has-error .form-input{border-color:var(--danger)}.form-field.has-error .form-input:focus{box-shadow:0 0 0 3px rgba(239,68,68,.1)}.form-error{align-items:center;color:var(--danger);display:flex;font-size:.8125rem;gap:4px;margin-top:var(--spacing-xs)}.form-error:before{content:"⚠️";font-size:.875rem}select.form-input{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='rgba(255,255,255,0.5)' d='M6 8 2 4h8z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}@media (prefers-color-scheme:dark){.form-input{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1)}.form-input:focus{background:hsla(0,0%,100%,.08)}.form-input:hover:not(:disabled):not(:focus){border-color:hsla(0,0%,100%,.15)}}.settings-container{margin:0 auto;max-width:1200px;padding:var(--spacing-lg)}.settings-content{margin:0 auto;max-width:800px}.form-section{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-xl)}.form-section-title{border-bottom:1px solid var(--glass-border);color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.form-section-description{color:var(--text-secondary);font-size:.875rem;margin-bottom:var(--spacing-lg);margin-top:var(--spacing-xs)}.form-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.form-field-full{grid-column:1/-1}@media (min-width:481px) and (max-width:768px){.form-grid{gap:var(--spacing-md)}.settings-container{padding:var(--spacing-md)}.form-section{padding:var(--spacing-lg)}}@media (max-width:480px){.form-grid{gap:var(--spacing-md);grid-template-columns:1fr}.settings-container{padding:var(--spacing-sm)}.form-section{margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.form-section-title{font-size:1rem}}.avatar-upload{border-bottom:1px solid var(--glass-border);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.avatar-preview,.avatar-upload{align-items:center;display:flex}.avatar-preview{background:var(--glass);border:2px solid var(--glass-border);border-radius:50%;flex-shrink:0;height:100px;justify-content:center;overflow:hidden;position:relative;width:100px}.avatar-preview img{height:100%;object-fit:cover;width:100%}.avatar-upload-button{align-items:center;border-radius:50%;bottom:0;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:0;transition:transform .2s ease;width:32px}.avatar-upload-button:hover{transform:scale(1.1)}@media (max-width:480px){.avatar-upload{flex-direction:column;text-align:center}}.toggle-field{align-items:center;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.toggle-field-content h4{color:var(--text-primary);font-size:.925rem;font-weight:600;margin-bottom:4px}.toggle-field-content p{color:var(--text-secondary);font-size:.825rem}.toggle-switch{display:inline-block;flex-shrink:0;height:24px;position:relative;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:var(--glass-border);border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}input:checked+.toggle-slider{background-color:var(--accent-primary)}input:checked+.toggle-slider:before{transform:translateX(24px)}.button-group{gap:var(--spacing-sm);margin-top:var(--spacing-lg)}@media (max-width:480px){.button-group{flex-direction:column}.button-group button{width:100%}}.danger-zone{background:rgba(239,68,68,.05);border:1px solid var(--danger);border-radius:var(--radius-md);margin-top:var(--spacing-xl);padding:var(--spacing-lg)}.danger-zone h3{color:var(--danger);font-size:1rem;font-weight:600;margin-bottom:var(--spacing-sm)}.danger-zone p{color:var(--text-secondary);font-size:.875rem;margin-bottom:var(--spacing-md)}.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{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.calendar-header-top{gap:16px;justify-content:space-between;min-height:48px}.calendar-header-actions,.calendar-header-top{align-items:center;display:flex;flex-wrap:wrap}.calendar-header-actions{gap:12px}.calendar-title{align-items:center;display:flex;flex-shrink:0;gap:12px;min-width:200px}.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;text-align:center;text-transform:uppercase}.calendar-day,.weekday-header{background:var(--glass-subtle);padding:12px}.calendar-day{cursor:pointer;display:flex;flex-direction:column;min-height:150px;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:#fff;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);color:hsla(0,0%,100%,.95);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{border-radius:8px;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}.task-count{align-items:center;background:var(--glass-border);border-radius:12px;color:var(--text-primary);display:flex;font-weight:600;height:24px;justify-content:center;min-width:24px;padding:0 8px}.task-card{background:var(--glass);border:1px solid var(--glass-hover);border-radius:8px;cursor:pointer;transition:all .2s ease}.task-card:hover{border-color:var(--border-primary);box-shadow:var(--shadow-lg)}.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{font-size:15px;font-weight:600;line-height:1.4;margin:0 0 8px}.task-description{line-height:1.5}.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 label{color:var(--text-primary);font-weight:600;letter-spacing:.5px;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%}}.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}}.dashboard{width:100%}.dashboard-header{margin-bottom:32px}.dashboard-header h2{color:var(--text-primary);font-size:28px;font-weight:600;margin:0 0 8px}.dashboard-subtitle{color:var(--text-secondary);font-size:14px;margin:0}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.metric-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-strong);border:1px solid var(--border-primary);border-radius:var(--radius-xl);display:flex;gap:16px;padding:24px;transition:var(--transition-base)}.metric-card:hover{background:var(--glass-hover);box-shadow:0 8px 24px rgba(0,0,0,.3);transform:translateY(-4px)}.metric-icon{align-items:center;background:var(--glass-subtle);border-radius:var(--radius-lg);display:flex;flex-shrink:0;font-size:32px;height:64px;justify-content:center;width:64px}.metric-content{display:flex;flex-direction:column;gap:4px}.metric-label{color:var(--text-secondary);font-size:13px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.metric-value{color:var(--text-primary);font-size:32px;font-weight:700;line-height:1}.metric-sub{color:var(--text-secondary);font-size:12px}.dashboard-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr}.dashboard-left,.dashboard-right{display:flex;flex-direction:column;gap:24px}.dashboard-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-strong);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:24px}.dashboard-card h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 20px}.task-stats{gap:16px;margin-bottom:20px}.task-stat-item,.task-stats{display:flex;flex-direction:column}.task-stat-item{gap:8px}.task-stat-bar{background:var(--glass-subtle);border-radius:4px;height:8px;overflow:hidden}.task-stat-fill{border-radius:4px;height:100%;transition:width .3s ease}.task-stat-fill.todo{background:#3b82f6}.task-stat-fill.in-progress{background:#f59e0b}.task-stat-fill.done{background:#10b981}.task-stat-label{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;font-weight:500;justify-content:space-between}.task-stat-count{color:var(--text-primary);font-size:16px;font-weight:700}.completion-rate{align-items:center;background:var(--glass-subtle);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:16px}.completion-label{color:var(--text-secondary);font-size:13px;font-weight:500}.completion-value{color:var(--text-primary);font-size:24px;font-weight:700}.project-list{display:flex;flex-direction:column;gap:16px}.project-item{background:var(--glass-subtle);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:16px;transition:var(--transition-base)}.project-item:hover{background:var(--glass-hover)}.project-item-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.project-icon{border-radius:var(--radius-md);font-size:20px;height:40px;width:40px}.project-item-info{flex:1 1}.project-item-info h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 4px}.project-progress-text{color:var(--text-secondary);font-size:12px}.project-progress-bar{background:var(--glass-strong);border-radius:3px;height:6px;overflow:hidden}.project-progress-fill{border-radius:3px;height:100%;transition:width .3s ease}.alerts .alert-list{display:flex;flex-direction:column;gap:12px}.alert-item{align-items:flex-start;border-left:4px solid;border-radius:var(--radius-lg);display:flex;gap:12px;padding:12px}.alert-item.high{background:#ef444410;border-color:#ef4444}.alert-item.warning{background:#f59e0b10;border-color:#f59e0b}.alert-icon{flex-shrink:0;font-size:24px}.alert-item strong{color:var(--text-primary);display:block;font-size:14px;margin-bottom:4px}.alert-item p{color:var(--text-secondary);font-size:12px;margin:0}.note-item{padding:12px;transition:var(--transition-base)}.note-item:hover{background:var(--glass-hover)}.note-item h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 8px}.note-preview{font-size:12px;line-height:1.5;margin:0 0 8px}.note-date,.note-preview{color:var(--text-secondary)}.note-date{font-size:11px}.quick-stats{display:flex;flex-direction:column;gap:16px}.stat-item{align-items:center;background:var(--glass-subtle);border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:12px}.stat-label{font-size:13px;font-weight:500}.stat-value{font-size:18px}.empty-state{color:var(--text-secondary);font-size:13px;font-style:italic;padding:20px}.dashboard-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.dashboard-loading p{color:var(--text-secondary);font-size:14px}@media (max-width:1200px){.dashboard-content{grid-template-columns:1fr}}@media (max-width:768px){.metrics-grid{grid-template-columns:1fr}}.projects-list{width:100%}.projects-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.projects-header h2{color:var(--text-primary);font-size:24px;margin:0}.projects-filters{display:flex;gap:8px}.filter-btn{background:var(--glass-subtle);border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;text-transform:capitalize;transition:var(--transition-base)}.filter-btn:hover{background:var(--glass-hover);color:var(--text-primary)}.filter-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;color:var(--button-text-color,#fff)}.projects-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.project-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-strong);border:1px solid var(--border-primary);border-left:4px solid var(--accent-primary);border-radius:var(--radius-xl);cursor:pointer;padding:20px;transition:var(--transition-base)}.project-card:hover{background:var(--glass-hover);box-shadow:0 8px 24px rgba(0,0,0,.3);transform:translateY(-4px)}.project-card-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:16px}.project-icon{align-items:center;border-radius:var(--radius-lg);display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.project-title h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 4px}.project-status{font-size:12px;font-weight:500;text-transform:capitalize}.project-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:14px;line-height:1.5;margin:0 0 16px;overflow:hidden}.project-progress{margin-bottom:16px}.progress-label{color:var(--text-secondary);display:flex;font-size:12px;font-weight:500;justify-content:space-between;margin-bottom:8px}.progress-bar{background:var(--glass-subtle);border-radius:3px;height:6px;overflow:hidden}.progress-fill{border-radius:3px;height:100%;transition:width .3s ease}.project-meta{display:flex;flex-wrap:wrap;gap:12px}.meta-item{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:6px}.meta-item.risk{font-weight:600}.meta-icon{font-size:14px}.projects-empty,.projects-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.projects-loading p{color:var(--text-secondary);font-size:14px}.projects-empty h3{color:var(--text-primary);font-size:20px;margin:0 0 8px}.projects-empty p{color:var(--text-secondary);font-size:14px;margin:0}.project-detail-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.7);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.project-detail{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-strong);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:100%}.detail-header{border-bottom:1px solid var(--border-secondary);justify-content:space-between;padding:24px}.detail-header,.detail-title{align-items:flex-start;display:flex}.detail-title{gap:16px}.project-icon-lg{align-items:center;border-radius:var(--radius-lg);display:flex;flex-shrink:0;font-size:32px;height:64px;justify-content:center;width:64px}.detail-title h2{color:var(--text-primary);font-size:24px;font-weight:600;margin:0 0 8px}.status-badge{border-radius:var(--radius-md);color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:capitalize}.detail-actions{display:flex;gap:8px}.btn-secondary{background:var(--glass-subtle);border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:var(--transition-base)}.btn-secondary:hover{background:var(--glass-hover)}.btn-icon{align-items:center;background:var(--glass-subtle);border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;padding:0;transition:var(--transition-base);width:36px}.btn-icon:hover{background:var(--glass-hover);color:var(--text-primary)}.detail-content{display:flex;flex:1 1;gap:24px;overflow:hidden;padding:24px}.detail-main{flex:1 1;overflow-y:auto;padding-right:12px}.detail-sidebar{flex-shrink:0;overflow-y:auto;width:300px}.detail-section{margin-bottom:32px}.detail-section h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 16px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.overview-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.overview-item{display:flex;flex-direction:column;gap:8px}.overview-item .label{color:var(--text-secondary);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.overview-item .value{color:var(--text-primary);font-size:16px;font-weight:600}.overview-item .value.risk{font-weight:700}.progress-bar-lg{background:var(--glass-subtle);border-radius:4px;height:8px;overflow:hidden}.progress-fill-lg{border-radius:4px;height:100%;transition:width .3s ease}.description{background:var(--glass-subtle);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:16px}.description p{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0}.tasks-summary{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.task-stat{background:var(--glass-subtle);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:16px;text-align:center}.stat-label{color:var(--text-secondary);display:block;font-size:12px;margin-bottom:8px}.stat-value{color:var(--text-primary);display:block;font-size:24px;font-weight:700}.tasks-list{display:flex;flex-direction:column;gap:8px}.task-item{align-items:center;background:var(--glass-subtle);border:1px solid var(--border-secondary);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:12px}.task-title{color:var(--text-primary);font-size:14px}.task-status{border-radius:var(--radius-sm);font-size:11px;font-weight:600;padding:4px 8px;text-transform:capitalize}.task-status.status-todo{background:#3b82f620;color:#3b82f6}.task-status.status-in_progress{background:#f59e0b20;color:#f59e0b}.task-status.status-done{background:#10b98120;color:#10b981}.note-item-more,.task-item-more{color:var(--text-secondary);font-size:13px;font-style:italic;padding:12px;text-align:center}.notes-list{display:flex;flex-direction:column;gap:12px}.note-item{background:var(--glass-subtle);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:16px}.note-content{color:var(--text-primary);line-height:1.5;margin-bottom:8px}.note-ai-summary{background:var(--glass-strong);border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-size:13px;gap:8px;line-height:1.4;padding:12px}.ai-badge{height:-webkit-fit-content;height:fit-content}.sidebar-section{background:var(--glass-subtle);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);margin-bottom:16px;padding:20px}.sidebar-section h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 16px}.btn-ai{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:var(--radius-lg);color:#fff;color:var(--button-text-color,#fff);cursor:pointer;font-size:14px;font-weight:600;margin-bottom:16px;padding:12px;transition:var(--transition-base);width:100%}.btn-ai:hover:not(:disabled){box-shadow:0 4px 12px rgba(102,126,234,.4);transform:translateY(-2px)}.btn-ai:disabled{cursor:not-allowed;opacity:.6}.ai-insights{gap:12px}.ai-insights,.insight-item{display:flex;flex-direction:column}.insight-item{gap:4px}.insight-label{color:var(--text-secondary);font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.insight-value{color:var(--text-primary);font-size:14px;font-weight:600}.insight-recommendations{margin-top:8px}.insight-recommendations ul{margin:8px 0 0;padding-left:20px}.insight-recommendations li{color:var(--text-secondary);font-size:13px;line-height:1.5;margin-bottom:8px}.metadata-list{gap:12px}.metadata-item,.metadata-list{display:flex;flex-direction:column}.metadata-item{gap:4px}.meta-label{color:var(--text-secondary);font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.meta-value{color:var(--text-primary);font-size:13px}.detail-main::-webkit-scrollbar,.detail-sidebar::-webkit-scrollbar{width:6px}.detail-main::-webkit-scrollbar-track,.detail-sidebar::-webkit-scrollbar-track{background:var(--glass-subtle);border-radius:3px}.detail-main::-webkit-scrollbar-thumb,.detail-sidebar::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:3px}.detail-main::-webkit-scrollbar-thumb:hover,.detail-sidebar::-webkit-scrollbar-thumb:hover{background:var(--border-primary)}.project-form-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.7);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1001}.project-form{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-strong);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;width:100%}.form-header{align-items:center;border-bottom:1px solid var(--border-secondary);display:flex;justify-content:space-between;padding:24px}.form-header h2{color:var(--text-primary);font-size:24px;font-weight:600;margin:0}.form-content{flex:1 1;overflow-y:auto;padding:24px}.form-section{margin-bottom:32px}.form-section:last-of-type{margin-bottom:0}.form-section h3{border-bottom:1px solid var(--border-secondary);color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.form-group{margin-bottom:20px}.form-group label{color:var(--text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:var(--glass-subtle);border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px;transition:var(--transition-base);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:var(--glass-hover);border-color:var(--accent-primary);outline:none}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444}.form-group textarea{min-height:100px;resize:vertical}.error-message{color:#ef4444;display:block;font-size:12px;margin-top:4px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.icon-picker{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(10,1fr)}.icon-option{align-items:center;background:var(--glass-subtle);border:2px solid var(--border-secondary);border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;transition:var(--transition-base);width:48px}.icon-option:hover{background:var(--glass-hover);transform:scale(1.1)}.icon-option.selected{background:var(--accent-primary);border-color:var(--accent-primary);transform:scale(1.15)}.color-picker{display:flex;flex-wrap:wrap;gap:8px}.color-option{border:3px solid var(--border-secondary);border-radius:var(--radius-md);cursor:pointer;height:48px;position:relative;transition:var(--transition-base);width:48px}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#fff;box-shadow:0 0 0 2px var(--glass-strong),0 0 12px hsla(0,0%,100%,.5);transform:scale(1.15)}.color-option.selected:after{color:#fff;content:"✓";font-size:20px;font-weight:700;left:50%;position:absolute;text-shadow:0 0 4px rgba(0,0,0,.5);top:50%;transform:translate(-50%,-50%)}.error-banner{background:#ef444420;border:1px solid #ef4444;border-radius:var(--radius-md);color:#ef4444;font-size:14px;margin-bottom:16px;padding:12px 16px}.form-actions{border-top:1px solid var(--border-secondary);display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.btn-cancel,.form-actions{background:var(--glass-subtle)}.btn-cancel{border:1px solid var(--border-secondary);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:var(--transition-base)}.btn-cancel:hover{background:var(--glass-hover);color:var(--text-primary)}.btn-submit{border-radius:var(--radius-lg)}.btn-submit:hover:not(:disabled){box-shadow:0 4px 12px rgba(99,102,241,.4);transform:translateY(-2px)}.btn-submit:disabled{cursor:not-allowed;opacity:.6}.form-content::-webkit-scrollbar{width:6px}.form-content::-webkit-scrollbar-track{background:var(--glass-subtle);border-radius:3px}.form-content::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:3px}.form-content::-webkit-scrollbar-thumb:hover{background:var(--border-primary)}.tasks-board{display:flex;flex-direction:column;height:100%;width:100%}.board-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.board-header h2{color:var(--text-primary);font-size:24px;margin:0}.task-form-inline{background:var(--glass-subtle);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);margin-bottom:24px;padding:20px}.task-form-inline form{display:flex;flex-direction:column;gap:12px}.task-form-inline .form-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr auto}.task-form-inline .form-row:last-child{grid-template-columns:1fr 1fr 100px auto}.task-form-inline input,.task-form-inline select,.task-form-inline textarea{background:var(--glass-strong);border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:14px;padding:10px 12px;transition:var(--transition-base)}.task-form-inline input:focus,.task-form-inline select:focus,.task-form-inline textarea:focus{border-color:var(--accent-primary);outline:none}.task-form-inline textarea{resize:vertical}.btn-ai-small{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:var(--radius-md);color:#fff;color:var(--button-text-color,#fff);cursor:pointer;font-size:13px;font-weight:600;padding:10px 16px;transition:var(--transition-base);white-space:nowrap}.btn-ai-small:hover:not(:disabled){box-shadow:0 4px 12px rgba(102,126,234,.4);transform:translateY(-1px)}.btn-ai-small:disabled{cursor:not-allowed;opacity:.6}.btn-submit-inline{background:var(--accent-primary);border:none;border-radius:var(--radius-md);color:#fff;color:var(--button-text-color,#fff);cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:var(--transition-base);white-space:nowrap}.btn-submit-inline:hover{box-shadow:0 4px 12px rgba(99,102,241,.4);transform:translateY(-1px)}.board-columns{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:repeat(3,1fr);min-height:0}.board-column{background:var(--glass-subtle);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);display:flex;flex-direction:column;min-height:400px;padding:16px}.column-header{align-items:center;border-bottom:2px solid var(--border-secondary);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.column-header h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.task-count{background:var(--glass-strong);border-radius:var(--radius-full);color:var(--text-secondary);font-size:12px;font-weight:700;padding:4px 10px}.column-tasks{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding-right:4px}.task-card{background:var(--glass-strong);border:1px solid var(--border-primary);border-left:4px solid #3b82f6;border-radius:var(--radius-lg);cursor:grab;padding:16px;transition:var(--transition-base)}.task-card:hover{background:var(--glass-hover);box-shadow:0 4px 12px rgba(0,0,0,.2);transform:translateY(-2px)}.task-card:active{cursor:grabbing}.task-card.in-progress{border-left-color:#f59e0b}.task-card.done{border-left-color:#10b981;opacity:.8}.task-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.task-card-header h4{color:var(--text-primary);flex:1 1;font-size:14px;font-weight:600;line-height:1.4;margin:0}.task-delete{background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-size:14px;height:24px;padding:0;transition:var(--transition-base);width:24px}.task-delete:hover{background:#ef444420;color:#ef4444}.task-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:13px;line-height:1.4;margin:0 0 12px;overflow:hidden}.task-meta{display:flex;flex-wrap:wrap;gap:6px}.task-priority{font-weight:600;text-transform:capitalize}.task-estimate,.task-priority{border-radius:var(--radius-sm);font-size:11px;padding:3px 8px}.task-estimate{background:var(--glass-subtle);color:var(--text-secondary);font-weight:500}.task-ai-tag{background:linear-gradient(135deg,#667eea20,#764ba220);border:1px solid #667eea40;border-radius:var(--radius-sm);color:#667eea;font-size:11px;font-weight:600;padding:3px 8px}.tasks-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.tasks-loading p{color:var(--text-secondary);font-size:14px}.column-tasks::-webkit-scrollbar{width:6px}.column-tasks::-webkit-scrollbar-track{background:transparent}.column-tasks::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:3px}.column-tasks::-webkit-scrollbar-thumb:hover{background:var(--border-primary)}@media (max-width:1200px){.board-columns{grid-template-columns:1fr}.board-column{min-height:300px}}.notes-list{width:100%}.notes-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.notes-header h2{color:var(--text-primary);font-size:24px;margin:0}.note-form-card{background:var(--glass-subtle);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);margin-bottom:24px;padding:24px}.note-form-card .form-group{margin-bottom:16px}.note-form-card input,.note-form-card select,.note-form-card textarea{background:var(--glass-strong);border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px;transition:var(--transition-base);width:100%}.note-form-card input:focus,.note-form-card select:focus,.note-form-card textarea:focus{border-color:var(--accent-primary);outline:none}.note-form-card textarea{resize:vertical}.note-form-card .form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:200px 1fr}.btn-submit{background:var(--accent-primary);border:none;border-radius:var(--radius-md);color:#fff;color:var(--button-text-color,#fff);cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:var(--transition-base)}.btn-submit:hover{box-shadow:0 4px 12px rgba(99,102,241,.4);transform:translateY(-1px)}.notes-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.note-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-strong);border:1px solid var(--border-primary);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:12px;padding:20px;transition:var(--transition-base)}.note-card:hover{background:var(--glass-hover);box-shadow:0 8px 24px rgba(0,0,0,.3);transform:translateY(-2px)}.note-card-header{align-items:center;display:flex;justify-content:space-between}.note-type-badge{border-radius:var(--radius-md);font-size:12px;font-weight:600;padding:4px 12px;text-transform:capitalize}.note-delete{background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:16px;height:28px;padding:0;transition:var(--transition-base);width:28px}.note-delete:hover{background:#ef444420;color:#ef4444}.note-card h3{color:var(--text-primary);font-size:18px;font-weight:600;line-height:1.3;margin:0}.note-content{color:var(--text-secondary);font-size:14px;line-height:1.6;max-height:100px;overflow:hidden;position:relative}.note-content.expanded{max-height:none}.note-expand{background:none;border:none;color:var(--accent-primary);cursor:pointer;font-size:13px;font-weight:500;padding:4px 0;text-align:left;transition:var(--transition-base)}.note-expand:hover{color:var(--text-primary)}.note-ai-section{background:var(--glass-subtle);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);margin-top:4px;padding:12px}.ai-section-header{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.ai-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-sm);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;text-transform:uppercase}.ai-content{line-height:1.5}.ai-action-items,.ai-content{color:var(--text-primary);font-size:13px}.ai-action-items{line-height:1.6;margin:0;padding-left:20px}.ai-action-items li{margin-bottom:4px}.note-actions{border-top:1px solid var(--border-secondary);display:flex;gap:8px;padding-top:8px}.btn-ai-action{background:linear-gradient(135deg,#667eea20,#764ba220);border:1px solid #667eea40;border-radius:var(--radius-md);color:#667eea;cursor:pointer;flex:1 1;font-size:12px;font-weight:600;padding:8px 12px;transition:var(--transition-base)}.btn-ai-action:hover:not(:disabled){background:linear-gradient(135deg,#667eea30,#764ba230);transform:translateY(-1px)}.btn-ai-action:disabled{cursor:not-allowed;opacity:.5}.note-meta{border-top:1px solid var(--border-secondary);color:var(--text-secondary);display:flex;font-size:12px;gap:8px;padding-top:8px}.notes-empty,.notes-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.spinner{animation:spin 1s linear infinite;border:3px solid var(--border-secondary);border-radius:50%;border-top-color:var(--accent-primary);height:40px;margin-bottom:16px;width:40px}.notes-loading p{color:var(--text-secondary);font-size:14px}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.notes-empty h3{color:var(--text-primary);font-size:20px;margin:0 0 8px}.notes-empty p{color:var(--text-secondary);font-size:14px;margin:0}@media (max-width:768px){.notes-grid{grid-template-columns:1fr}}.project-management-page{background:var(--bg-primary);display:flex;flex-direction:column;height:100%;padding:24px}.pm-header{margin-bottom:24px}.pm-header h1{color:var(--text-primary);font-size:28px;font-weight:600;margin:0 0 16px}.pm-tabs{border-bottom:1px solid var(--border-secondary);display:flex;gap:8px;padding-bottom:0}.pm-tab{background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.pm-tab:hover{background:var(--glass-subtle);color:var(--text-primary)}.pm-tab.active{border-bottom-color:var(--accent-primary);color:var(--accent-primary)}.pm-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-strong);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);flex:1 1;padding:var(--spacing-xl)}.pm-content h2{color:var(--text-primary);font-size:24px;margin:0 0 16px}.pm-content p{color:var(--text-secondary);font-size:16px}.projects-header-actions{margin-bottom:20px}.btn-primary{background:var(--accent-primary);border:none;border-radius:var(--radius-lg);color:#fff;color:var(--button-text-color,#fff);cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:var(--transition-base)}.btn-primary:hover{box-shadow:0 4px 12px rgba(99,102,241,.4);transform:translateY(-2px)}.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}.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}@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}}.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;--text-primary:#0f172a;--text-secondary:#334155;--text-tertiary:#64748b;--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}*{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}}