.sidebar-shell,.sidebar-container{--sidebar-bg:#121224;--sidebar-bg-soft:#191936;--sidebar-bg-muted:#242449;--sidebar-border:#ffffff14;--sidebar-border-strong:#ffffff29;--sidebar-text:#f7f7fb;--sidebar-text-muted:#b8b8d6;--sidebar-text-soft:#79799f}.sidebar-container{background:linear-gradient(180deg, var(--sidebar-bg), var(--sidebar-bg-soft)), linear-gradient(90deg, #ffffff0f, transparent 44%);flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.sidebar-container:before{content:"";background:linear-gradient(180deg, var(--pr), var(--rd) 72%, var(--pr-dk));pointer-events:none;width:3px;position:absolute;inset:0 auto 0 0}.logo-area{border-bottom:1px solid var(--sidebar-border);background:#121224e6;padding:1.25rem 1.25rem 1rem}.brand-lockup{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.logo-area img{filter:drop-shadow(0 10px 16px #00000057)}.admin-badge{border:1px solid var(--sidebar-border-strong);color:#fff;letter-spacing:0;background:#ffffff14;border-radius:.5rem;align-items:center;gap:.35rem;height:1.75rem;padding:0 .55rem;font-size:.72rem;font-weight:700;display:inline-flex}.sidebar-kicker{color:var(--sidebar-text-muted);letter-spacing:0;margin-top:.6rem;font-size:.72rem;font-weight:700}.sidebar-scroll{scrollbar-width:thin;scrollbar-color:#ffffff2e transparent}.sidebar-section{padding:.75rem .75rem .25rem}.sidebar-section+.sidebar-section{padding-top:.45rem}.sidebar-section-title{color:var(--sidebar-text-muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .45rem;padding:0 .7rem;font-size:.68rem;font-weight:800}.sidebar-nav-item{border:1px solid #0000;border-radius:.5rem;outline:none;min-height:3.25rem;padding:.55rem .7rem;position:relative}.sidebar-nav-item:hover{border-color:var(--sidebar-border);background:#ffffff14;box-shadow:0 12px 30px -26px #000c}.sidebar-nav-item:focus-visible{border-color:#ffffff57;box-shadow:0 0 0 3px #ffffff1c}.sidebar-nav-item.active{background:linear-gradient(135deg, var(--pr-dk) 0%, var(--pr) 78%, var(--rd) 100%);color:#fff}.sidebar-icon-frame{border:1px solid var(--sidebar-border);width:2rem;height:2rem;color:var(--sidebar-text-muted);background:#ffffff12;border-radius:.5rem;flex:none;justify-content:center;align-items:center;transition:transform .2s,color .2s,background .2s,border-color .2s;display:inline-flex}.sidebar-nav-item:hover .sidebar-icon-frame{color:#fff;background:#ffffff1c;border-color:#ffffff2e;transform:translate(1px)}.sidebar-nav-item.active .sidebar-icon-frame{color:#fff;background:#ffffff24;border-color:#ffffff2e}.nav-icon{transition:transform .2s}.sidebar-nav-item:hover .nav-icon{transform:translate(1px)}.sidebar-nav-description{color:var(--sidebar-text-muted);margin-top:.08rem;font-size:.72rem;font-weight:600;line-height:1.15}.sidebar-nav-item.active .sidebar-nav-description{color:#ffffffb8}.sidebar-chevron{color:var(--sidebar-text-soft);opacity:0;flex:none;transition:opacity .2s,transform .2s,color .2s;transform:translate(-2px)}.sidebar-nav-item:hover .sidebar-chevron,.sidebar-nav-item.active .sidebar-chevron{opacity:1;transform:translate(0)}.sidebar-nav-item.active .sidebar-chevron{color:#ffffffa3}.sidebar-submenu-indicator{border:1px solid var(--sidebar-border);width:1.55rem;height:1.55rem;color:var(--sidebar-text-muted);background:#ffffff12;border-radius:.45rem;flex:none;justify-content:center;align-items:center;transition:transform .2s,color .2s,background .2s,border-color .2s;display:inline-flex}.sidebar-nav-item:hover .sidebar-submenu-indicator{background:#ffffff1c;transform:translateY(1px)}.sidebar-nav-item.active .sidebar-submenu-indicator{color:#fff;background:#ffffff24;border-color:#fff3}.sidebar-submenu-indicator.expanded{transform:rotate(180deg)}.sidebar-nav-item:hover .sidebar-submenu-indicator.expanded{transform:rotate(180deg)translateY(-1px)}.sidebar-submenu-panel{opacity:0;max-height:0;transition:max-height .28s,opacity .22s,transform .22s;overflow:hidden;transform:translateY(-.25rem)}.sidebar-submenu-panel.expanded{opacity:1;max-height:12rem;transform:translateY(0)}.sidebar-submenu{margin:.5rem .75rem .35rem 2.05rem;padding-left:.65rem;position:relative}.sidebar-submenu:before{content:"";background:linear-gradient(#fff3,#a32d2d38);width:1px;position:absolute;top:.35rem;bottom:.35rem;left:0}.sidebar-submenu-item{min-height:2.5rem;color:var(--sidebar-text-muted);border-radius:.5rem;align-items:center;gap:.6rem;padding:.45rem .55rem;transition:background .2s,color .2s,transform .2s;display:flex}.sidebar-submenu-item:hover{color:#fff;background:#ffffff14;transform:translate(1px)}.sidebar-submenu-item.active{color:#fff;background:linear-gradient(135deg,#3d3d8f6b,#a32d2d3d);border:1px solid #ffffff21}.sidebar-submenu-item svg{color:var(--sidebar-text-muted);flex:none}.sidebar-submenu-item:hover svg,.sidebar-submenu-item.active svg{color:#fff}.sidebar-footer{border-top:1px solid var(--sidebar-border);background:#0d0d1cb8;margin-top:auto;padding:.85rem .75rem 1rem}.sidebar-separator{opacity:.4;margin:0 0 .85rem}.session-status{color:#15803d;background:#f0fdf4cc;border:1px solid #16a34a24;border-radius:.5rem;align-items:center;gap:.65rem;margin:0 .15rem .65rem;padding:.65rem .7rem;display:flex}.session-status p{color:#166534;font-size:.78rem;font-weight:800;line-height:1.1}.session-status span{color:var(--sidebar-text-muted);margin-top:.12rem;font-size:.7rem;font-weight:650;line-height:1.15;display:block}.user-profile-card{border:1px solid var(--sidebar-border);background:#ffffff0f;border-radius:.5rem;min-height:4rem;margin:0 .15rem .65rem;padding:.72rem}.avatar-placeholder{background:linear-gradient(135deg, var(--pr-dk) 0%, var(--pr) 76%, var(--rd) 100%);color:#fff;border-radius:.5rem;flex:none;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:.86rem;font-weight:800;display:flex}.logout-button{min-height:3rem;color:var(--rd);border:1px solid #0000;border-radius:.5rem;outline:none;margin-top:.2rem;padding:.55rem .7rem;transition:background .2s,border-color .2s,box-shadow .2s}.logout-button .sidebar-icon-frame{color:var(--rd)}.logout-button:hover{background:var(--rd-bg);border-color:#a32d2d2e}.logout-button:hover .sidebar-icon-frame{color:var(--rd);background:#fdf0f0d1;border-color:#a32d2d29}.logout-button:focus-visible{border-color:#a32d2d61;box-shadow:0 0 0 3px #a32d2d1c}.sidebar-mobile-toggle{box-shadow:0 18px 36px -28px var(--shadow-tint-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border:1px solid #3d3d8f1a}@media (max-width:1023px){.logo-area{padding-top:1.25rem}.sidebar-mobile-toggle{display:none!important}}.bottom-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;height:4.5rem;box-shadow:0 -8px 30px var(--shadow-tint-md);background:#ffffffe6;border-top:1px solid #3d3d8f0f;justify-content:space-around;align-items:center;padding:0 .5rem;display:flex;position:fixed;bottom:0;left:0;right:0}@media (min-width:1024px){.bottom-nav{display:none}}.bottom-nav-item{height:100%;color:var(--txt3);cursor:pointer;background:0 0;border:none;outline:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.25rem;transition:all .2s;display:flex;position:relative}.bottom-nav-item span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(.56rem,2.4vw,.65rem);font-weight:700;overflow:hidden}.bottom-nav-item.active{color:var(--pr)}.bottom-nav-item.active:after{content:"";background:linear-gradient(90deg, var(--pr), var(--rd));border-radius:0 0 4px 4px;width:1.5rem;height:3px;position:absolute;top:0;left:50%;transform:translate(-50%)}.bottom-nav-icon-wrapper{border-radius:.5rem;justify-content:center;align-items:center;width:2.25rem;height:1.6rem;transition:all .2s;display:flex}.bottom-nav-item.active .bottom-nav-icon-wrapper{background:#3d3d8f14}.mobile-more-panel{left:.75rem;right:.75rem;bottom:calc(5rem + env(safe-area-inset-bottom,0px));z-index:50;max-width:28rem;max-height:min(72vh,36rem);box-shadow:none;border:1px solid var(--border-avml);background:linear-gradient(180deg, var(--bg), var(--pr-soft)), var(--bg);box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;border-radius:1rem;margin:auto;padding:.8rem;transition:opacity .2s,transform .2s;position:fixed;overflow-y:auto;transform:translateY(.75rem)scale(.98)}.mobile-more-panel.open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.mobile-more-handle{background:var(--border-avml);border-radius:999px;width:2.75rem;height:.28rem;margin:.1rem auto .65rem}.mobile-more-header{justify-content:space-between;align-items:center;gap:.75rem;padding:0 .25rem .65rem;display:flex}.mobile-more-title{color:var(--txt);font-size:1rem;font-weight:800;line-height:1.1}.mobile-more-subtitle{color:var(--txt2);margin-top:.15rem;font-size:.75rem;font-weight:650}.mobile-more-close{border:1px solid var(--border-avml);background:var(--bg);width:2.2rem;height:2.2rem;color:var(--txt2);border-radius:.65rem;flex:none;justify-content:center;align-items:center;display:inline-flex}.mobile-more-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.mobile-more-item{aspect-ratio:1;border:1px solid var(--border2-avml);background:var(--bg2);min-height:0;color:var(--txt2);text-align:center;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:.75rem .45rem;transition:background .2s,border-color .2s,color .2s;display:flex}.mobile-more-item:hover:not(.active){border-color:var(--border-avml);background:var(--pr-bg)}.mobile-more-icon{border:1px solid var(--border-avml);background:var(--pr-soft);width:2.4rem;height:2.4rem;color:inherit;border-radius:.65rem;justify-content:center;align-items:center;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.mobile-more-icon svg{width:1.2rem;height:1.2rem}.mobile-more-item:hover:not(.active) .mobile-more-icon{background:#3d3d8f14;border-color:#3d3d8f29}.mobile-more-label{color:currentColor;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(.72rem,3.4vw,.8rem);font-weight:500;line-height:1.2;display:-webkit-box;overflow:hidden}.mobile-more-item.active .mobile-more-label,.mobile-more-item:hover .mobile-more-label{color:currentColor}@media (min-width:1024px){.mobile-more-panel{display:none}}@media (max-width:1023px){main{padding-bottom:5.5rem!important}}