body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-bottom:2px solid gold;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:15px 0}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{gap:15px;text-decoration:none}.logo-image{height:50px;width:auto}.logo-text{display:flex;flex-direction:column;line-height:1}.logo-main{color:gold;font-size:1.8rem;font-weight:800;letter-spacing:2px}.logo-main,.logo-sub{text-transform:uppercase}.logo-sub{color:orange;font-size:.9rem;font-weight:600;letter-spacing:1px}.nav-menu{align-items:center;display:flex;gap:8px}.nav-link{background:#252525;border:2px solid #0000;border-radius:25px;color:#e0e0e0;font-size:.85rem;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:12px 20px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.nav-link:before{background:linear-gradient(135deg,gold,orange);border-radius:25px;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:-1}.nav-link:hover{border:2px solid gold;box-shadow:0 8px 20px #ffd70066;color:#000;transform:translateY(-3px)}.nav-link:hover:before{left:0}.nav-link[href="/audiobeats"],.nav-link[href="/midi"],.nav-link[href="/multipads"],.nav-link[href="/styles"],.nav-link[href="/voices"]{background:linear-gradient(135deg,#252525,#1a1a1a);border:2px solid #333;font-weight:800}.nav-link[href="/audiobeats"]:hover,.nav-link[href="/midi"]:hover,.nav-link[href="/multipads"]:hover,.nav-link[href="/styles"]:hover,.nav-link[href="/voices"]:hover{background:linear-gradient(135deg,gold,orange);border:2px solid gold;box-shadow:0 10px 25px #ffd70080;color:#000;transform:translateY(-3px) scale(1.05)}.nav-link[href="/login"],.nav-link[href="/profile"],.nav-link[href="/register"],.nav-link[href="/upload"]{background:linear-gradient(135deg,#333,#2a2a2a);border:2px solid #444}.nav-link[href="/login"]:hover,.nav-link[href="/profile"]:hover,.nav-link[href="/register"]:hover,.nav-link[href="/upload"]:hover{background:linear-gradient(135deg,orange,gold);border:2px solid orange;color:#000}.logout-btn{background:linear-gradient(135deg,#333,#2a2a2a);border:2px solid #444;border-radius:25px;color:#e0e0e0;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:12px 20px;position:relative;text-transform:uppercase;transition:all .3s ease}.logout-btn:before{background:linear-gradient(135deg,#f44,#f66);border-radius:25px;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:-1}.logout-btn:hover{border:2px solid #f44;box-shadow:0 8px 20px #f446;color:#fff;transform:translateY(-3px)}.logout-btn:hover:before{left:0}.nav-link.active{background:linear-gradient(135deg,gold,orange);border:2px solid gold;box-shadow:0 4px 15px #ffd70066;color:#000}@media (max-width:768px){.nav-container{flex-direction:column;gap:15px;padding:10px 0}.nav-menu{flex-wrap:wrap;gap:5px;justify-content:center}.nav-link{border-radius:20px;font-size:.8rem;padding:10px 15px}.logo-main{font-size:1.5rem}.logo-sub,.logout-btn{font-size:.8rem}.logout-btn{border-radius:20px;padding:10px 15px}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-link{animation:slideIn .5s ease-out}.nav-link:first-child{animation-delay:.1s}.nav-link:nth-child(2){animation-delay:.2s}.nav-link:nth-child(3){animation-delay:.3s}.nav-link:nth-child(4){animation-delay:.4s}.nav-link:nth-child(5){animation-delay:.5s}.nav-link:nth-child(6){animation-delay:.6s}.category-container{background:#121212;color:#e0e0e0;margin:0 auto;max-width:1200px;min-height:80vh;padding:40px 20px}.category-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;background-clip:text;border:2px solid #0000;border-radius:15px;box-shadow:0 4px 15px #ffd7004d;display:inline-block;font-size:2.5rem;font-weight:800;left:50%;letter-spacing:2px;margin-bottom:40px;padding:15px 30px;position:relative;text-align:center;text-transform:uppercase;transform:translateX(-50%);transition:all .3s ease}.category-title:hover{-webkit-text-fill-color:#000;background:linear-gradient(135deg,gold,orange);box-shadow:0 8px 25px #ffd70080;transform:translateX(-50%) translateY(-3px)}.search-section{display:flex;justify-content:center;margin-bottom:40px}.search-input{background-color:#333;border:1px solid #444;border-radius:12px;color:#e0e0e0;font-size:16px;font-weight:500;max-width:500px;padding:15px 20px;transition:all .3s ease;width:100%}.search-input:focus{background-color:#3a3a3a;border-color:gold;box-shadow:0 0 0 3px #ffd70033;outline:none}.files-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.file-card{background:linear-gradient(145deg,#252525,#1e1e1e);border:1px solid #333;border-radius:15px;box-shadow:0 4px 15px #0000004d;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.file-card:before{background:linear-gradient(135deg,gold,orange);content:"";height:4px;left:0;position:absolute;right:0;top:0}.file-card:hover{border-color:gold;border-radius:20px;box-shadow:0 15px 40px #ffd70066;transform:translateY(-8px)}.file-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.file-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;background-clip:text;flex:1 1;font-size:1.4rem;font-weight:700;line-height:1.4;margin:0;padding:8px 0;transition:all .3s ease}.file-card:hover .file-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,orange,gold);-webkit-background-clip:text;background-clip:text;transform:scale(1.05)}.file-category{background:linear-gradient(135deg,gold,orange);border-radius:20px;box-shadow:0 2px 10px #ffd7004d;color:#000;font-size:12px;font-weight:800;letter-spacing:1px;margin-left:10px;padding:8px 15px;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.file-card:hover .file-category{background:linear-gradient(135deg,orange,gold);box-shadow:0 4px 15px #ffd70080;transform:scale(1.1)}.file-info{margin-bottom:20px}.file-info p{color:#b0b0b0;display:flex;font-size:14px;justify-content:space-between;margin:12px 0;transition:all .3s ease}.file-card:hover .file-info p{color:#e0e0e0;transform:translateX(5px)}.file-info strong{color:gold;font-weight:600;transition:all .3s ease}.file-card:hover .file-info strong{color:orange}.download-btn{background:linear-gradient(135deg,gold,orange);border:none;border-radius:12px;box-shadow:0 4px 15px #ffd7004d;color:#000;cursor:pointer;display:inline-block;font-size:14px;font-weight:700;letter-spacing:1px;padding:14px 25px;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .3s ease;width:100%}.download-btn:hover{background:linear-gradient(135deg,orange,gold);border-radius:15px;box-shadow:0 8px 25px #ffd70099;transform:translateY(-3px)}.loading{border:2px solid gold;border-radius:15px;color:gold;font-weight:600}.loading,.no-files{background:#252525;font-size:18px;margin:20px 0;padding:60px 20px;text-align:center}.no-files{border:2px dashed gold;border-radius:15px;color:#888;font-weight:500;grid-column:1/-1;transition:all .3s ease}.no-files:hover{border:2px solid gold;box-shadow:0 8px 25px #ffd7004d;color:gold;transform:translateY(-3px)}@media (max-width:768px){.category-container{padding:20px 15px}.category-title{font-size:2rem;margin-bottom:30px;padding:12px 25px}.files-grid{gap:20px;grid-template-columns:1fr}.file-card{border-radius:12px;padding:20px}.file-card:hover{border-radius:15px}.file-header{flex-direction:column;gap:10px}.file-category{align-self:flex-start;margin-left:0}.file-title{font-size:1.3rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.file-card{animation:fadeInUp .6s ease-out}.file-card:first-child{animation-delay:.1s}.file-card:nth-child(2){animation-delay:.2s}.file-card:nth-child(3){animation-delay:.3s}.file-card:nth-child(4){animation-delay:.4s}.file-card:nth-child(5){animation-delay:.5s}.upload-subtitle{color:var(--gold);font-size:1.1rem;margin-bottom:2rem;text-align:center}.form-select{background:#ffffff1a!important;border:2px solid #ffd7004d!important;color:var(--white)!important}.form-select:focus{background:#ffffff26!important;border-color:var(--gold)!important;box-shadow:0 0 20px #ffd70033!important}.form-select option{background:var(--dark-bg)!important;color:var(--white)!important;padding:1rem!important}.file-input-wrapper{position:relative}.file-input{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.file-input-display{background:#ffffff0d;border:2px dashed #ffd7004d;border-radius:10px;color:#ffffffb3;cursor:pointer;padding:1rem;text-align:center;transition:all .3s ease}.file-input-display:hover{background:#ffd7001a;border-color:var(--gold)}.file-input:focus+.file-input-display{border-color:var(--gold);box-shadow:0 0 20px #ffd70033}.file-types{color:var(--gold)!important;display:block;margin-top:.5rem}.upload-progress{background:#ffffff0d;border:1px solid #ffd70033;border-radius:10px;margin:2rem 0;padding:1.5rem}.progress-bar{background:#ffffff1a;border-radius:6px;height:12px;margin-bottom:.5rem;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(135deg,#0f8,#0cf);border-radius:6px;height:100%;transition:width .3s ease}.progress-text{color:#0f8;font-size:1rem;font-weight:600;margin:0;text-align:center}.upload-btn{font-size:1.1rem;padding:1.2rem 2rem;position:relative;width:100%}.upload-btn.uploading{background:linear-gradient(135deg,#666,#888);cursor:not-allowed}.spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top:2px solid var(--black);display:inline-block;height:20px;margin-right:.5rem;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}::placeholder{color:#fff6!important}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#ffffff26!important;border-color:var(--gold)!important;box-shadow:0 0 20px #ffd7004d!important;color:var(--white)!important}.error-message{background:#e74c3c33;border:1px solid #e74c3c80;border-radius:8px;color:#e74c3c;font-weight:600;margin-bottom:1.5rem;padding:1rem;text-align:center}.form-group input:invalid{border-color:#e74c3c80!important}.form-group input:valid{border-color:#2ecc7180!important}
/*# sourceMappingURL=main.cabb26e2.css.map*/