.header{background:#272626;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid hsla(0,0%,100%,.1);padding:1rem 15px;position:-webkit-sticky;position:sticky;top:0;z-index:1000;height:80px;width:100%}.header-content{display:flex;justify-content:center;align-items:center;max-width:1400px;margin:0 auto;height:100%;position:relative}.header-content .mobile-menu-btn{display:block;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .2s ease;position:absolute;left:0;z-index:110}.header-content .mobile-menu-btn:hover{background-color:hsla(0,0%,100%,.1)}.header-content .mobile-menu-btn .hamburger-icon{width:24px;height:18px;position:relative}.header-content .mobile-menu-btn .hamburger-icon .hamburger-line{display:block;height:3px;width:100%;background-color:#f6cf3b;border-radius:1.5px;position:absolute;transition:all .3s ease}.header-content .mobile-menu-btn .hamburger-icon .hamburger-line:first-child{top:0}.header-content .mobile-menu-btn .hamburger-icon .hamburger-line:nth-child(2){top:50%;transform:translateY(-50%)}.header-content .mobile-menu-btn .hamburger-icon .hamburger-line:nth-child(3){bottom:0}.header-content .mobile-menu-btn.open .hamburger-icon .hamburger-line:first-child{top:50%;transform:translateY(-50%) rotate(45deg)}.header-content .mobile-menu-btn.open .hamburger-icon .hamburger-line:nth-child(2){opacity:0}.header-content .mobile-menu-btn.open .hamburger-icon .hamburger-line:nth-child(3){bottom:50%;transform:translateY(50%) rotate(-45deg)}@media(min-width:768px){.header-content .mobile-menu-btn{display:none}}.header-content .logo-section{justify-content:center}.header-content .logo-section,.header-content .logo-section .logo{display:flex;align-items:center}.header-content .user-menu{position:absolute;right:0}.header-content .user-menu .user-avatar{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:8px 12px;border-radius:8px;transition:background-color .2s ease;color:#fff}.header-content .user-menu .user-avatar:hover{background-color:hsla(0,0%,100%,.1)}.header-content .user-menu .user-avatar .avatar-circle{width:32px;height:32px;border-radius:50%;background:#f6cf3b;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;overflow:hidden;position:relative}.header-content .user-menu .user-avatar .avatar-circle .avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.header-content .user-menu .user-avatar .avatar-circle .avatar-letter{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.header-content .user-menu .user-avatar .dropdown-arrow{transition:transform .2s ease}.header-content .user-menu .user-avatar .dropdown-arrow.open{transform:rotate(180deg)}.header-content .user-menu .user-dropdown{position:absolute;top:100%;right:0;margin-top:8px;width:280px;background:#272626;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;z-index:1100}.header-content .user-menu .user-dropdown .dropdown-header{padding:16px;border-bottom:1px solid hsla(0,0%,100%,.1)}.header-content .user-menu .user-dropdown .dropdown-header .user-info .user-name{font-weight:600;color:#fff;margin-bottom:4px}.header-content .user-menu .user-dropdown .dropdown-header .user-info .user-email{font-size:14px;color:#aaa;margin-bottom:8px}.header-content .user-menu .user-dropdown .dropdown-header .user-info .user-level{display:inline-block;padding:4px 8px;background:#f6cf3b;color:var(--background-color-1,#1a1a1a);border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase}.header-content .user-menu .user-dropdown .dropdown-menu{padding:8px 0}.header-content .user-menu .user-dropdown .dropdown-menu .menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;background:none;border:none;text-align:left;cursor:pointer;transition:background-color .2s ease;color:#fff;font-size:14px}.header-content .user-menu .user-dropdown .dropdown-menu .menu-item svg{color:#aaa;transition:color .2s ease}.header-content .user-menu .user-dropdown .dropdown-menu .menu-item:hover{background-color:hsla(0,0%,100%,.05)}.header-content .user-menu .user-dropdown .dropdown-menu .menu-item:hover svg{color:#f6cf3b}.header-content .user-menu .user-dropdown .dropdown-menu .menu-item.admin-item{color:#f6cf3b;font-weight:500}.header-content .user-menu .user-dropdown .dropdown-menu .menu-item.admin-header{color:#f6cf3b;font-weight:500;cursor:default}.header-content .user-menu .user-dropdown .dropdown-menu .menu-item.admin-header:hover{background-color:rgba(0,0,0,0)}.header-content .user-menu .user-dropdown .dropdown-menu .menu-item.admin-header:hover svg{color:#f6cf3b}.header-content .user-menu .user-dropdown .dropdown-menu .menu-item.disabled{cursor:default;opacity:.6}.header-content .user-menu .user-dropdown .dropdown-menu .menu-item.disabled .coming-soon{background:#f6cf3b;color:var(--background-color-1,#1a1a1a);padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.header-content .user-menu .user-dropdown .dropdown-menu .menu-item.disabled:hover{background-color:rgba(0,0,0,0)}.header-content .user-menu .user-dropdown .dropdown-menu .menu-item.disabled:hover svg{color:#aaa}.header-content .user-menu .user-dropdown .dropdown-menu .menu-item.admin-subitem{padding-left:44px;font-size:13px;color:#aaa}.header-content .user-menu .user-dropdown .dropdown-menu .menu-item.logout-item{color:#ff6b6b}.header-content .user-menu .user-dropdown .dropdown-menu .menu-item.logout-item:hover{background-color:rgba(255,107,107,.1)}.header-content .user-menu .user-dropdown .dropdown-menu .menu-divider{height:1px;background:hsla(0,0%,100%,.1);margin:8px 0}.sidebar{position:fixed;left:0;top:80px;width:100%;max-width:320px;height:calc(100vh - 80px);background:#272626;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid hsla(0,0%,100%,.1);padding:0;z-index:200;transition:transform .3s ease;transform:translateX(-100%)}.sidebar.mobile-open{transform:translateX(0)}@media(min-width:768px){.sidebar{top:80px;width:280px;height:calc(100vh - 80px);z-index:50;max-width:none}.sidebar,.sidebar.mobile-open{transform:translateX(0)}}.sidebar-content{padding:0 1.5rem;height:100%;display:flex;flex-direction:column}.sidebar-title{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:2rem;text-align:center}.sidebar .menu-items{list-style:none;flex:1 1}.sidebar .menu-items .menu-item{margin-bottom:.5rem}.sidebar .menu-items .menu-item .menu-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#aaa;text-decoration:none;border-radius:10px;transition:all .2s;cursor:pointer}.sidebar .menu-items .menu-item .menu-link:hover{background:rgba(59,130,246,.1);color:#3b82f6}.sidebar .menu-items .menu-item .menu-link.active{background:#3b82f6;color:#fff;box-shadow:0 4px 12px rgba(59,130,246,.3)}.sidebar .menu-items .menu-item .menu-link .menu-icon{font-size:1.25rem;width:24px;display:flex;justify-content:center}.sidebar .menu-items .menu-item .menu-link .menu-text{flex:1 1}.sidebar .menu-items .menu-item .menu-link .menu-text h3{font-weight:600;font-size:.95rem;margin-bottom:.125rem;color:inherit}.sidebar .menu-items .menu-item .menu-link .menu-text p{font-size:.75rem;opacity:.8;color:inherit;margin:0}.mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:150;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-overlay.active{opacity:1;visibility:visible}@media(min-width:768px){.mobile-overlay{display:none!important}}.sidebar-nav{height:100%;display:flex;flex-direction:column}.sidebar-nav .nav-menu{list-style:none;padding:0;margin:0;flex:1 1}.sidebar-nav .nav-menu li{margin:0;padding:0}.sidebar-nav .nav-menu .nav-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;color:hsla(0,0%,100%,.8);text-decoration:none;transition:all .3s ease;border-left:3px solid rgba(0,0,0,0)}.sidebar-nav .nav-menu .nav-item:hover{background:hsla(0,0%,100%,.1);color:#fff;border-left-color:#f6cf3b}.sidebar-nav .nav-menu .nav-item.active{background:rgba(246,224,59,.11);color:#fff;border-left-color:#f6cf3b}.sidebar-nav .nav-menu .nav-item .nav-icon{font-size:1.25rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.sidebar-nav .nav-menu .nav-item .nav-content{display:flex;flex-direction:column;gap:.25rem}.sidebar-nav .nav-menu .nav-item .nav-content .nav-label{font-weight:500;font-size:.95rem}.sidebar-nav .nav-menu .nav-item .nav-content .nav-description{font-size:.8rem;color:hsla(0,0%,100%,.6)}