.app-container{color:#fff;background-color:#000;flex-direction:row;width:100%;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;overflow:hidden}.sidebar{background-color:#000;border-right:1px solid #333;flex-direction:column;width:240px;padding:1.5rem 1rem;transition:width .3s;display:flex}.sidebar-logo{align-items:center;gap:12px;padding:0 12px 2rem;display:flex}.logo-icon{object-fit:contain;width:46px;height:46px;transition:all .3s}.logo-text-container{flex-direction:column;justify-content:center;line-height:.9;display:flex}.logo-text-top,.logo-text-bottom{letter-spacing:1.5px;text-transform:uppercase;color:#fff;font-family:DIN Condensed,DIN Alternate,Bahnschrift,Roboto Condensed,sans-serif-condensed,sans-serif;font-size:1.5rem;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:8px;display:flex}.nav-item{color:#888;text-transform:uppercase;letter-spacing:1px;border-radius:0;align-items:center;gap:12px;padding:12px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:#fff;background-color:#111}.nav-item.active{color:#000;background-color:#fff}.sidebar-footer{border-top:1px solid #333;padding-top:1rem}.main-content{flex:1;justify-content:center;padding:0;display:flex;overflow-y:auto}.content-wrapper{flex-direction:column;flex:1;width:100%;max-width:100%;display:flex}@media (width<=1400px){.sidebar{width:70px;padding:1.5rem .5rem}.sidebar-logo{justify-content:center;padding:0 0 2rem}.logo-icon{width:20px;height:20px}.logo-text-container,.nav-item span{display:none}.nav-item{justify-content:center}.main-content{padding:0}}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;padding:0;overflow:hidden}:fullscreen{box-sizing:border-box;padding-bottom:env(safe-area-inset-bottom,0px)!important}:fullscreen{box-sizing:border-box;padding-bottom:env(safe-area-inset-bottom,0px)!important}body{color:#fff;background-color:#000;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.page-container{flex-direction:column;gap:1rem;width:100%;padding:2rem;display:flex}h2{color:#fff;text-transform:uppercase;letter-spacing:2px;font-weight:500}.btn-primary{color:#000;text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:#fff;border:none;border-radius:0;padding:10px 20px;font-weight:700;transition:all .2s}.btn-primary:hover:not(:disabled){background:#ccc}.btn-primary:disabled{color:#666;cursor:not-allowed;background:#333}.btn-secondary{color:#fff;text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:0 0;border:1px solid #555;border-radius:0;padding:10px 20px;font-weight:500;transition:all .2s}.btn-secondary:hover:not(:disabled){background:#111;border-color:#fff}.btn-secondary:disabled{color:#666;cursor:not-allowed;border-color:#333}.hidden-scrollbar::-webkit-scrollbar{display:none}.hidden-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.custom-scrollbar::-webkit-scrollbar{width:6px;height:0}.custom-scrollbar::-webkit-scrollbar-corner{background:0 0}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:#333;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#555}