.sidebar{width:300px;height:calc(100% - 2rem);background-color:var(--surface);border-radius:1rem;display:flex;flex-direction:column;overflow:hidden;margin:1rem;box-shadow:var(--shadow-md);position:fixed;left:0;top:0;z-index:100;transition:width .3s ease-in-out,background-color .3s ease}.sidebar-collapsed{width:80px;transform:translate(0)}.sidebar-toggle{position:absolute;top:2rem;right:-6px;width:20px;height:20px;border-radius:50%;background-color:var(--surface);color:var(--primary);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 3px #0000000d;z-index:1000;transition:all .3s ease-in-out;border:1px solid var(--background)}.sidebar-toggle:hover{background-color:var(--background);color:var(--primary-dark)}.sidebar-toggle .icon{width:12px;height:12px;transition:transform .3s ease-in-out}.sidebar-collapsed .sidebar-toggle .icon{transform:rotate(180deg)}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--background);display:flex;justify-content:center;transition:all .3s ease}.sidebar-collapsed .sidebar-header{padding:1.5rem 0}.logo-container{margin-bottom:.5rem;text-align:center;width:100%;transition:all .3s ease}.logo-with-text{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.app-logo,.app-logo-small{width:48px;height:48px;object-fit:contain}.app-name{color:var(--primary);font-size:1.2rem;font-weight:700;line-height:1.25;margin:0;min-width:0;text-align:center}.app-subtitle{color:var(--text-secondary);font-size:1rem;font-weight:500;margin:.5rem 0 0}.sidebar-menu{padding:1rem 0;flex-grow:1;overflow-y:auto}.sidebar-menu ul{list-style:none;padding:0;margin:0}.sidebar-menu li{margin-bottom:.5rem}.sidebar-menu li a{display:flex;align-items:center;padding:.75rem 1.5rem;color:var(--text);text-decoration:none;transition:all .2s;border-radius:.5rem;margin:0 .75rem;overflow:hidden}.menu-item-with-submenu{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;color:var(--text);text-decoration:none;transition:all .2s;border-radius:.5rem;margin:0 .75rem;cursor:pointer}.menu-item-content{display:flex;align-items:center}.submenu-arrow{transition:transform .3s ease}.submenu-arrow.expanded{transform:rotate(180deg)}.submenu-arrow .icon{width:12px;height:12px;color:var(--text-secondary);opacity:.6}.submenu{padding-left:1rem;margin-top:-.25rem;margin-bottom:.5rem;overflow:hidden;max-height:0;opacity:0;transition:all .5s cubic-bezier(.25,.1,.25,1)}.submenu.expanded{max-height:500px;opacity:1}.submenu li{margin-bottom:.25rem;transform:translateY(-10px);opacity:0;transition:all .45s cubic-bezier(.34,1.56,.64,1);transition-delay:calc(var(--i) * .08s)}.submenu.expanded li{transform:translateY(0);opacity:1}.submenu li a{padding:.5rem 1.75rem;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.submenu-icon{font-size:.875rem}.sidebar-collapsed .sidebar-menu li a{padding:.75rem 0;justify-content:center;margin:0 auto;width:40px;height:40px}.sidebar-menu li.active a{background-color:rgba(var(--primary-rgb),.1);color:var(--primary);font-weight:500}.sidebar-menu li.active a:hover{background-color:rgba(var(--primary-rgb),.15)}.sidebar-menu li:not(.active) a:hover{background-color:rgba(var(--primary-rgb),.05)}.sidebar-menu li.active .menu-item-with-submenu{background-color:rgba(var(--primary-rgb),.1);color:var(--primary);font-weight:500}.sidebar-menu li.active .menu-item-with-submenu:hover{background-color:rgba(var(--primary-rgb),.15)}.sidebar-menu li:not(.active) .menu-item-with-submenu:hover{background-color:rgba(var(--primary-rgb),.05)}.menu-icon{width:24px;height:24px;margin-right:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.sidebar-collapsed .menu-icon{margin-right:0}.sidebar-menu li.active .menu-icon{color:var(--primary)}.sidebar-menu li:not(.active) .menu-icon{color:var(--text-secondary)}.sidebar-menu li:not(.active):hover .menu-icon{color:var(--primary)}.menu-label{font-size:.9375rem;white-space:nowrap;opacity:1;transition:all .3s ease;max-width:220px;overflow:hidden;text-overflow:ellipsis}.sidebar-menu li.active .menu-label{color:var(--primary);font-weight:600}.sidebar-menu li:not(.active) .menu-label{color:var(--text)}.sidebar-menu li:not(.active):hover .menu-label{color:var(--primary)}.sidebar-collapsed .menu-label{opacity:0;width:0;max-width:0;margin-left:0;display:none}.submenu .menu-label{max-width:200px}.sidebar-collapsed .menu-item-with-submenu{padding:.75rem 0;justify-content:center;margin:0 auto;width:40px;height:40px}.sidebar-collapsed .menu-item-content{justify-content:center;width:100%}.sidebar-collapsed .menu-icon{margin-right:0;display:flex;justify-content:center}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease}.theme-toggle-btn:hover{background-color:#0000000d;color:var(--text)}html[data-theme=dark] .theme-toggle-btn:hover{background-color:#ffffff1a}.theme-toggle-btn svg{width:1.2rem;height:1.2rem}.header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;background-color:var(--surface);border-bottom:1px solid var(--background);transition:background-color .3s ease,border-color .3s ease}.header-left,.header-right,.breadcrumb{display:flex;align-items:center}.breadcrumb-item{color:var(--text-secondary);font-size:.875rem;text-decoration:none}.breadcrumb-item.current{color:var(--text);font-weight:500}.breadcrumb-separator{margin:0 .5rem;color:var(--text-secondary)}.header-right{display:flex;align-items:center;gap:1.5rem}.user-menu-container{display:flex;align-items:center;position:relative}.settings-button,.notification-button{background:transparent;border:none;color:var(--text-secondary);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-right:1rem;transition:all .2s}.settings-button:hover,.notification-button:hover{background-color:rgba(var(--primary-rgb),.05);color:var(--text)}.icon{width:20px;height:20px;fill:currentColor}.notification-button{position:relative}.notification-badge{position:absolute;top:0;right:0;font-size:.625rem;background-color:var(--primary);color:#fff;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600}.user-profile{display:flex;align-items:center;cursor:pointer;padding:.25rem;border-radius:.375rem;transition:all .2s}.user-profile:hover{background-color:rgba(var(--primary-rgb),.05)}.avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;margin-right:.75rem}.user-info{display:flex;flex-direction:column;margin-right:.5rem}.user-name{font-size:.875rem;font-weight:500;color:var(--text)}.user-role{font-size:.75rem;color:var(--text-secondary)}.dropdown-icon{width:18px;height:18px;fill:var(--text-secondary)}.user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:200px;background-color:var(--surface);border-radius:.375rem;box-shadow:var(--shadow-md);z-index:10;overflow:hidden}.user-dropdown ul{list-style:none;padding:0;margin:0}.user-dropdown li{border-bottom:1px solid var(--background)}.user-dropdown li:last-child{border-bottom:none}.user-dropdown li.divider{height:1px;background-color:var(--background);padding:0}.user-dropdown a{display:flex;align-items:center;padding:.75rem 1rem;color:var(--text);text-decoration:none;transition:all .2s}.user-dropdown a:hover{background-color:var(--background)}.user-dropdown .icon{width:16px;height:16px;margin-right:.75rem;fill:var(--text-secondary)}.user-dropdown .logout{color:var(--error)}.user-dropdown .logout .icon{fill:var(--error)}.layout{--sidebar-width: 300px;--sidebar-collapsed-width: 80px;--sidebar-outer-gap: 2rem;display:flex;width:100%;height:100%;overflow:hidden;position:relative}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:var(--background);margin-left:calc(var(--sidebar-width) + var(--sidebar-outer-gap));transition:margin-left .3s ease-in-out,background-color .3s ease;width:calc(100% - var(--sidebar-width) - var(--sidebar-outer-gap))}.collapsed-sidebar .main-content{margin-left:calc(var(--sidebar-collapsed-width) + var(--sidebar-outer-gap));width:calc(100% - var(--sidebar-collapsed-width) - var(--sidebar-outer-gap))}.content-area{flex:1;padding:1.5rem;overflow:auto}.toast-container{position:fixed;top:20px;right:20px;z-index:1000}.toast{padding:16px 24px;border-radius:8px;display:flex;align-items:center;gap:12px;min-width:300px;max-width:400px;box-shadow:0 4px 12px #00000026;animation:slideIn .3s ease-out;margin-bottom:10px}.toast.success{background-color:#f0fdf4;border:1px solid #86efac;color:#166534}.toast.error{background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b}.toast.warning{background-color:#fffbeb;border:1px solid #fef3c7;color:#92400e}.toast.info{background-color:#f0f9ff;border:1px solid #bae6fd;color:#075985}.toast-icon{font-size:20px;flex-shrink:0}.toast-icon.success{color:#22c55e}.toast-icon.error{color:#ef4444}.toast-icon.warning{color:#f59e0b}.toast-icon.info{color:#0ea5e9}.toast-message{flex-grow:1;font-size:14px;line-height:1.5}.toast-close{background:none;border:none;padding:4px;cursor:pointer;color:inherit;opacity:.7;transition:opacity .2s}.toast-close:hover{opacity:1}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}