.toast-container{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:var(--spacing-sm);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:#fff;border-radius:var(--radius-lg);box-shadow:0 10px 40px #00000026,0 4px 12px #0000001a;pointer-events:auto;min-width:300px;max-width:480px;animation:toastSlideUp .3s ease-out}.toast.exiting{animation:toastSlideDown .2s ease-in forwards}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes toastSlideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}.toast-icon{flex-shrink:0;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.toast.success .toast-icon{background:#dcfce7;color:#16a34a}.toast.error .toast-icon{background:#fef2f2;color:#dc2626}.toast.warning .toast-icon{background:#fef3c7;color:#d97706}.toast.info .toast-icon{background:#dbeafe;color:#2563eb}.toast-content{flex:1;min-width:0}.toast-title{font-size:14px;font-weight:600;color:var(--color-text-primary);margin:0}.toast-message{font-size:13px;color:var(--color-text-secondary);margin:2px 0 0;line-height:1.4}.toast-close{flex-shrink:0;width:28px;height:28px;border:none;background:transparent;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-light);transition:all var(--transition-base)}.toast-close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.toast-progress{position:absolute;bottom:0;left:0;height:3px;border-radius:0 0 var(--radius-lg) var(--radius-lg);animation:toastProgress linear forwards}.toast.success .toast-progress{background:#16a34a}.toast.error .toast-progress{background:#dc2626}.toast.warning .toast-progress{background:#d97706}.toast.info .toast-progress{background:#2563eb}@keyframes toastProgress{0%{width:100%}to{width:0%}}@media (max-width: 520px){.toast-container{left:var(--spacing-md);right:var(--spacing-md);transform:none}.toast{min-width:auto;width:100%}}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:var(--spacing-sm);background:transparent;border:none;border-radius:var(--radius-md);padding:4px;cursor:pointer;transition:all var(--transition-base);color:var(--color-text-primary)}.user-menu-trigger:hover{background:var(--color-bg-secondary);border-color:var(--color-primary-light)}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0}.user-menu-name,.chevron{display:none}.user-menu-sidebar{width:100%}.user-menu-sidebar .user-menu-trigger{width:100%;justify-content:flex-start;padding:var(--spacing-xs) var(--spacing-sm);text-align:left}.user-menu-trigger-info{display:flex;flex-direction:column;align-items:flex-start;min-width:0;flex:1;text-align:left}.user-menu-trigger-name{font-size:13px;font-weight:600;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;text-align:left}.user-menu-trigger-email{font-size:11px;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;text-align:left}.user-menu-sidebar .user-menu-dropdown{position:fixed;bottom:60px;left:8px;right:auto;top:auto;width:204px}.sidebar.collapsed .user-menu-sidebar .user-menu-dropdown{bottom:var(--spacing-sm);left:78px;width:240px}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 4px 20px #00000014;min-width:240px;z-index:1000;overflow:hidden;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-menu-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-bg-secondary)}.user-avatar-large{width:40px;height:40px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;flex-shrink:0;box-shadow:var(--shadow-md)}.user-menu-info{flex:1;min-width:0}.user-menu-name-large{font-size:14px;font-weight:600;color:var(--color-text-primary);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-email{font-size:12px;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-divider{height:1px;background:var(--color-border);margin:var(--spacing-xs) 0}.user-menu-items{padding:var(--spacing-sm) 0}.user-menu-item{width:100%;display:flex;align-items:center;gap:var(--spacing-md);padding:10px var(--spacing-lg);background:transparent;border:none;color:var(--color-text-secondary);font-size:14px;cursor:pointer;transition:all var(--transition-base);text-align:left}.user-menu-item:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.user-menu-item.logout{color:var(--color-primary)}.user-menu-item.logout:hover{background:var(--color-primary-lightest);color:var(--color-primary)}.user-menu-item span{flex:1;white-space:nowrap}.sidebar{position:fixed;left:0;top:0;height:100vh;width:220px;background:#f5f6f6;border-right:1px solid var(--color-border);display:flex;flex-direction:column;transition:width var(--transition-base);z-index:90;overflow:hidden}.sidebar.collapsed{width:70px}.sidebar-header{flex-shrink:0;display:flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm) var(--spacing-xs) 17px;position:relative;min-height:64px}.sidebar-logo-link{display:flex;align-items:center;justify-content:flex-start;position:relative;min-width:0;text-decoration:none;height:64px}.sidebar-logo{height:64px;width:auto;object-fit:contain;transition:opacity var(--transition-base)}.sidebar-logo-full{opacity:1}.sidebar-logo-icon{position:absolute;left:0;top:50%;transform:translateY(-50%);height:44px;opacity:0}.sidebar.collapsed .sidebar-logo-full{opacity:0}.sidebar.collapsed .sidebar-logo-icon{opacity:1}.sidebar.collapsed .sidebar-toggle{opacity:0;pointer-events:none;transition:none}.sidebar.collapsed:hover .sidebar-toggle{opacity:1;pointer-events:auto;transition:opacity var(--transition-base)}.sidebar.collapsed:hover .sidebar-logo-icon{opacity:0}.sidebar-footer{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);margin-top:auto}.sidebar-user-section{flex:1;min-width:0;display:flex;justify-content:flex-start;align-items:center}.sidebar.collapsed .sidebar-user-section{display:flex;justify-content:flex-start}.sidebar-toggle{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);background:transparent;border:none;border-radius:var(--radius-md);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-secondary);transition:color var(--transition-base),opacity var(--transition-base);flex-shrink:0}.sidebar.collapsed .sidebar-toggle{right:0;left:0;width:100%;height:44px;font-size:0}.sidebar.collapsed .sidebar-toggle svg{width:24px;height:24px}.sidebar-toggle:hover{background:transparent;color:var(--color-primary)}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-lg) var(--spacing-sm) var(--spacing-md) var(--spacing-sm);min-height:0;scrollbar-width:thin;scrollbar-color:transparent transparent}.sidebar.collapsed .sidebar-nav{padding:var(--spacing-lg) var(--spacing-sm) var(--spacing-md) var(--spacing-sm)}.sidebar-nav:hover{scrollbar-color:var(--color-border) transparent}.sidebar-menu{list-style:none;padding:0;margin:0}.sidebar-menu li{margin:0 0 var(--spacing-xs) 0}.sidebar-menu-item{display:flex;align-items:center;gap:var(--spacing-md);padding:10px var(--spacing-md) 10px 17px;color:#3f4246;text-decoration:none;transition:all var(--transition-base);position:relative;cursor:pointer;border-radius:0}.sidebar-menu-item:hover{background:#f6eeff;color:#820ad1;border-radius:25px}.sidebar-menu-item:hover .menu-icon{color:#820ad1}.sidebar-menu-item.active{background:#f6eeff;color:#820ad1;font-weight:600;border-radius:25px}.sidebar-menu-item.active .menu-icon{color:#820ad1}.sidebar.collapsed .sidebar-menu-item{padding:10px 0 10px 17px}.sidebar.collapsed .sidebar-menu-item:hover,.sidebar.collapsed .sidebar-menu-item.active{border-radius:var(--radius-md)}.menu-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;color:#3f4246}.menu-label{flex:1;font-size:14px;white-space:nowrap;overflow:hidden;opacity:1;transition:opacity var(--transition-base)}.sidebar.collapsed .menu-label{opacity:0;width:0;flex:0}.menu-badge{background:var(--color-primary);color:#fff;font-size:11px;font-weight:600;padding:0;border-radius:50%;width:20px;height:20px;min-width:20px;display:flex;align-items:center;justify-content:center;text-align:center}.sidebar.collapsed .menu-badge{position:absolute;top:8px;right:8px;width:18px;height:18px;min-width:18px;font-size:10px}.sidebar-nav::-webkit-scrollbar{width:0px;background:transparent}.sidebar-nav:hover::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:transparent;border-radius:var(--radius-full);transition:background var(--transition-base)}.sidebar-nav:hover::-webkit-scrollbar-thumb{background:var(--color-border)}.sidebar-nav:hover::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}.sidebar.collapsed .sidebar-menu-item[data-tooltip]{position:relative}.sidebar.collapsed .sidebar-menu-item:after{content:attr(data-tooltip);position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:var(--spacing-md);background:var(--color-text-primary);color:#fff;padding:6px 12px;border-radius:var(--radius-md);font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-base);z-index:1000;box-shadow:var(--shadow-lg)}.sidebar.collapsed .sidebar-menu-item:hover:after{opacity:1}.sidebar-menu-item.has-submenu{transition:border-radius var(--transition-base)}.sidebar-menu-item.has-submenu.active{background:#f6eeff;color:#820ad1;font-weight:600;border-radius:25px}.sidebar-menu-item.has-submenu.active .menu-icon{color:#820ad1}.sidebar.collapsed .sidebar-menu-item.has-submenu.active{border-radius:var(--radius-md)}.sidebar-menu-item.has-submenu.active.submenu-open{border-radius:25px 25px 0 0}.submenu-arrow{margin-left:auto;transition:transform var(--transition-base),opacity var(--transition-base);color:#3f4246;flex-shrink:0}.sidebar.collapsed .submenu-arrow{opacity:0;width:0;overflow:hidden}.sidebar-menu-item.active .submenu-arrow{color:#820ad1}.submenu-arrow.expanded{transform:rotate(180deg);animation:bounce-arrow 1.5s ease-in-out infinite}@keyframes bounce-arrow{0%,to{transform:rotate(180deg) translateY(0)}50%{transform:rotate(180deg) translateY(3px)}}.submenu{list-style:none;padding:0;margin:0;max-height:0;overflow:hidden;opacity:0;transform:translateY(-10px);transition:max-height .3s ease-in-out,opacity .3s ease-in-out,transform .3s ease-in-out;background:#fff;border-radius:0}.submenu.expanded{max-height:1000px;opacity:1;transform:translateY(0);padding:4px 0;border-radius:0 0 25px 25px}.submenu-item{display:flex;align-items:center;padding:6px var(--spacing-lg) 6px calc(var(--spacing-md) + 20px + var(--spacing-md));color:#3f4246;text-decoration:none;transition:all var(--transition-base);cursor:pointer;border-radius:0;font-family:Inter,sans-serif;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.submenu-item:hover{background:transparent;color:var(--color-primary)}.submenu-item.active{background:#f6eeff;color:#3f4246;font-weight:600;border-radius:25px}.menu-item-with-submenu{margin-bottom:var(--spacing-xs)}.dashboard-container{min-height:100vh;background-color:#fff;display:flex;flex-direction:column}.dashboard-body{display:flex;flex:1;min-height:100vh;height:100vh;overflow:hidden}.dashboard-main{flex:1;margin-left:220px;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:margin-left var(--transition-base)}.dashboard-container.sidebar-collapsed .dashboard-main{margin-left:70px}.dashboard-container.focus-mode .dashboard-main{margin-left:0}.notification-button{position:relative;width:40px;height:40px;border-radius:var(--radius-full);border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-base)}.notification-button:hover{background:var(--color-bg-secondary);color:var(--color-primary)}.notification-badge{position:absolute;top:-2px;right:-2px;background:var(--color-error);color:#fff;font-size:10px;font-weight:600;padding:0;border-radius:50%;width:18px;height:18px;min-width:18px;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-bg-primary)}:root{--color-primary: #820ad1;--color-primary-dark: #6a08ab;--color-primary-light: #a855f7;--color-primary-lighter: #d8b4fe;--color-primary-lightest: #f3e8ff;--color-secondary: #820ad1;--color-secondary-dark: #6a08ab;--color-text-primary: #1f2937;--color-text-secondary: #6b7280;--color-text-light: #9ca3af;--color-bg-primary: #ffffff;--color-bg-secondary: #f9fafb;--color-bg-tertiary: #f3f4f6;--color-border: #d1d5db;--color-border-light: #e5e7eb;--color-success: #10b981;--color-error: #ef4444;--color-warning: #f59e0b;--color-info: #3b82f6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-purple: 0 4px 14px 0 rgba(130, 10, 209, .15);--radius-sm: 8px;--radius-md: 8px;--radius-lg: 8px;--radius-xl: 8px;--radius-full: 9999px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .4s ease-in-out;--modal-duration: .25s;--modal-easing: cubic-bezier(.4, 0, .2, 1)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalFadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalScaleOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(10px)}}@keyframes sheetSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes sheetSlideOut{0%{transform:translate(0)}to{transform:translate(100%)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:var(--color-text-primary)}#root{min-height:100vh}html{scrollbar-width:thin;scrollbar-color:var(--color-border-light) var(--color-bg-secondary)}html::-webkit-scrollbar{width:6px}html::-webkit-scrollbar-track{background:var(--color-bg-secondary)}html::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:var(--radius-full)}html::-webkit-scrollbar-thumb:hover{background:var(--color-border)}