body{margin:0;padding:0;background-color:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}html{background-color:#000;scrollbar-gutter:stable}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}img,video,canvas,svg{max-width:100%;height:auto}main>*:first-child{margin-top:0!important}.MuiContainer-root>*:first-child{margin-top:0!important}body::-webkit-scrollbar{width:0;height:0}#root{width:100%;max-width:100%;overflow-x:hidden}.nav-button{max-width:150px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.nav-button-small{max-width:130px!important;min-width:80px!important;font-size:.8rem!important}.auth-button{max-width:110px!important;min-width:70px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:.8rem!important}.admin-button{max-width:100px!important;min-width:60px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}@media (max-width: 768px){.nav-button-small{max-width:110px!important;min-width:70px!important;font-size:.75rem!important}.auth-button{max-width:90px!important;min-width:60px!important;font-size:.7rem!important}.admin-button{max-width:80px!important;min-width:50px!important}}.header-responsive{transition:all .3s ease-in-out}@media (max-width: 480px){.header-logo{font-size:.9rem!important}.header-nav-button{padding:4px 8px!important;font-size:.7rem!important;min-width:60px!important;max-width:90px!important}.header-auth-button{padding:4px 6px!important;font-size:.65rem!important;min-width:55px!important;max-width:75px!important}}@media (min-width: 481px) and (max-width: 768px){.header-logo{font-size:1.1rem!important}.header-nav-button{padding:6px 12px!important;font-size:.75rem!important;min-width:70px!important;max-width:110px!important}.header-auth-button{padding:6px 10px!important;font-size:.7rem!important;min-width:65px!important;max-width:85px!important}}@media (min-width: 769px) and (max-width: 1024px){.header-nav-button{padding:8px 16px!important;font-size:.8rem!important;min-width:80px!important;max-width:130px!important}.header-auth-button{padding:8px 14px!important;font-size:.8rem!important;min-width:75px!important;max-width:100px!important}}@media (min-width: 1025px){.header-nav-button{padding:10px 20px!important;font-size:.875rem!important;min-width:90px!important;max-width:150px!important}.header-auth-button{padding:10px 18px!important;font-size:.875rem!important;min-width:85px!important;max-width:120px!important}}.mobile-menu-item{padding:12px 16px!important;min-height:48px!important}.mobile-menu-item:hover{background-color:#e0232314!important}.user-profile-button{max-width:200px!important;overflow:hidden!important}.user-profile-text{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.header-element{transition:all .2s cubic-bezier(.4,0,.2,1)!important}.production-table{table-layout:fixed;width:100%}.production-table th,.production-table td{overflow:hidden}.production-table .col-image{width:76px}.production-table .col-title{width:30%}.production-table .col-artist{width:22%}.production-table .col-genre{width:12%}.production-table .col-date{width:16%}.production-table .col-price{width:10%;min-width:90px}.production-table .col-actions{width:150px}.truncate-1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.truncate-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;line-height:1.25}.production-table .col-image .MuiAvatar-root{font-size:18px}.production-table .actions-box{display:flex;gap:4px;flex-wrap:nowrap}.production-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.production-table-scroll::-webkit-scrollbar{height:6px}.production-table-scroll::-webkit-scrollbar-track{background:transparent}.production-table-scroll::-webkit-scrollbar-thumb{background:#00000040;border-radius:3px}@media (max-width: 1100px){.production-table{min-width:980px}}@media (max-width: 900px){.production-table{min-width:980px}.production-table .col-title{width:300px}.production-table .col-artist{width:220px}.production-table .col-genre{width:140px}.production-table .col-date{width:150px}.production-table .col-price{width:110px}}@media (max-width: 600px){.production-table{min-width:700px}.production-table th,.production-table td{padding:6px 10px}.production-table .col-actions{width:120px}.production-table .col-genre,.production-table .col-date{display:none}.production-table .col-price{width:90px}}.production-table-scroll{position:relative}.production-table-scroll:after{content:"";position:absolute;inset:auto 0 0 0;height:16px;pointer-events:none;background:linear-gradient(to bottom,#0000,#0000)}.mobile-extra{display:none}.mobile-extra{font-size:12px;line-height:1.2;margin-top:4px;color:#0000009e;font-weight:400}.mobile-extra .mobile-tag{background:#0000000f;padding:2px 6px;border-radius:12px;margin-right:6px;display:inline-block;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-extra .mobile-date{opacity:.75}.mobile-extra .mobile-sep{margin-right:6px;opacity:.4}@media (max-width: 600px){.mobile-extra{display:block}.production-table .col-title{width:56%}.production-table .col-artist{width:30%}}