body{font-family:sans-serif;margin:0;padding:0}*{box-sizing:border-box}body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0;padding:0}.layout{background-color:#fafafa;display:flex;min-height:100vh}.sidebar{background:linear-gradient(135deg,#1e3c72,#2a5298);box-shadow:0 2px 8px #00000026;color:#fff;display:flex;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1);width:256px;z-index:100}.sidebar.closed{width:80px}.sidebar-header{border-bottom:1px solid #ffffff1f;justify-content:space-between;padding:20px 16px}.logo,.sidebar-header{align-items:center;display:flex}.logo{font-size:18px;font-weight:600;gap:12px;overflow:hidden;white-space:nowrap}.logo-icon{flex-shrink:0;font-size:24px}.logo-text{transition:opacity .2s}.toggle-sidebar{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;justify-content:center;padding:4px 8px;transition:background-color .2s}.toggle-sidebar:hover{background-color:#ffffff1a}.sidebar-nav{flex:1 1;overflow-y:auto;padding:12px 0}.nav-item{background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:15px;gap:16px;overflow:hidden;padding:12px 16px;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;width:100%}.nav-icon,.nav-item{align-items:center;display:flex}.nav-icon{flex-shrink:0;font-size:20px;justify-content:center}.nav-label{overflow:hidden;text-overflow:ellipsis}.nav-item:hover{background-color:#ffffff1a;color:#fff}.nav-item.active{background-color:#ffffff26;border-left:4px solid #64b5f6;color:#fff;font-weight:500;padding-left:12px}.sidebar-footer{border-top:1px solid #ffffff1f;padding:16px}.user-info{gap:12px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background-color:#fff3;border-radius:50%;flex-shrink:0;font-weight:600;height:40px;justify-content:center;width:40px}.user-details{flex:1 1;overflow:hidden}.user-email{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{font-size:11px;letter-spacing:.5px;opacity:.7;text-transform:uppercase}.main-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.app-bar{background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a;flex-shrink:0;height:64px;justify-content:space-between;padding:0 24px}.app-bar,.app-bar-left{align-items:center;display:flex}.app-bar-left{gap:16px}.hamburger{background:none;border:none;border-radius:4px;color:#333;cursor:pointer;display:none;font-size:24px;padding:8px;transition:background-color .2s}.hamburger:hover{background-color:#f5f5f5}.app-title{color:#1a1a1a;font-size:18px;font-weight:500;margin:0}.app-bar-right{align-items:center;display:flex;gap:16px}.profile-menu{position:relative}.profile-button{align-items:center;background:none;border:none;border-radius:20px;color:#333;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;transition:background-color .2s}.profile-button:hover{background-color:#f5f5f5}.profile-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.dropdown-icon{color:#999;font-size:12px}.profile-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 8px 24px #00000026;margin-top:8px;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.dropdown-header{align-items:center;background-color:#f5f5f5;display:flex;gap:12px;padding:12px 16px}.dropdown-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:600;height:40px;justify-content:center;width:40px}.dropdown-user-info{flex:1 1}.dropdown-email{color:#1a1a1a;font-size:14px;font-weight:500;margin:0}.dropdown-role{color:#666;font-size:12px;letter-spacing:.5px;margin:4px 0 0;text-transform:uppercase}.dropdown-divider{background-color:#e0e0e0;height:1px;margin:0}.dropdown-item{background:none;border:none;color:#1a1a1a;cursor:pointer;font-size:14px;padding:12px 16px;text-align:left;transition:background-color .2s;width:100%}.dropdown-item:hover{background-color:#f5f5f5}.dropdown-item.logout-btn{color:#d32f2f}.dropdown-item.logout-btn:hover{background-color:#ffebee}.content{background-color:#fafafa;flex:1 1;overflow-y:auto;padding:24px}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:99}@media (max-width:768px){.sidebar{bottom:0;height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:200}.sidebar.open{transform:translateX(0)}.sidebar-overlay{display:block}.hamburger{display:flex}.content{padding:16px}}.content::-webkit-scrollbar,.sidebar-nav::-webkit-scrollbar{width:6px}.content::-webkit-scrollbar-track,.sidebar-nav::-webkit-scrollbar-track{background:#0000}.content::-webkit-scrollbar-thumb,.sidebar-nav::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:3px}.content::-webkit-scrollbar-thumb{background-color:#ccc}.content::-webkit-scrollbar-thumb:hover{background-color:#999}
/*# sourceMappingURL=main.efdd44dd.css.map*/