.main-with-sidebar{margin-left:240px}@media (max-width: 768px){.sidebar{transform:translate(-100%);width:260px;box-shadow:4px 0 16px #0009}.sidebar.open-mobile{transform:translate(0)}.main-with-sidebar{margin-left:0}.sidebar-hamburger{display:flex}}.lapango-album-card{background:#090918f2;border:1px solid rgba(255,255,255,.04);overflow:hidden;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.lapango-album-card:hover{transform:translateY(-2px);box-shadow:0 14px 35px #00000080;border-color:#a0a0ff40}.lapango-cover-wrapper{position:relative;aspect-ratio:1 / 1;background:radial-gradient(circle at top,#2f2845,#0a0a18 60%)}.lapango-cover-img{width:100%;height:100%;object-fit:cover}.lapango-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#c8c8ff80}.lapango-play-btn{position:absolute;right:.8rem;bottom:.8rem;width:2.4rem;height:2.4rem;border-radius:999px;border:none;display:inline-flex;align-items:center;justify-content:center;background:#ffffff26;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;transition:background .15s ease,transform .1s ease}.lapango-play-btn:hover{background:#ffffff47;transform:scale(1.05)}.lapango-badge-new{position:absolute;left:.8rem;top:.8rem;padding:.15rem .5rem;border-radius:999px;background:linear-gradient(90deg,#ff7b5c,#ffb347);color:#1b1024;font-size:.7rem;font-weight:700}.lapango-album-title{font-size:.95rem;font-weight:600;margin-bottom:.1rem;color:#f9f9ff}.lapango-album-artist{font-size:.8rem;color:#d2d2facc}.lapango-meta-row{display:flex;justify-content:space-between;align-items:center}.lapango-chip{font-size:.7rem;padding:.1rem .55rem;border-radius:999px;border:1px solid rgba(160,160,255,.55);color:#dcdcffe6}.lapango-date{font-size:.7rem}.lapango-stats-row{display:flex;justify-content:space-between;gap:.5rem;color:#d2d2fad9}.lapango-stat{display:inline-flex;align-items:center}.lapango-price{font-weight:600;font-size:.9rem}.lapango-buy-btn{border-radius:999px;border:none;padding:.25rem .9rem;font-size:.8rem;background:linear-gradient(135deg,#4c6fff,#7b5cff);color:#fff;cursor:pointer;transition:opacity .15s ease,transform .1s ease}.lapango-buy-btn:hover{opacity:.9;transform:translateY(-1px)}@media (max-width: 768px){.lapango-hero-inner{flex-direction:column;align-items:flex-start}.lapango-hero-side{align-items:flex-start;text-align:left}}:root{--primary: #8a2be2;--primary-dark: #6a1cb0;--secondary: #ff6b6b;--accent: #4ecdc4;--dark: #0f0f1e;--darker: #080814;--light: #f7f7ff;--gray: #a0a0b8;--gray-dark: #3a3a4a;--card-bg: rgba(20, 20, 40, .7);--card-border: rgba(255, 255, 255, .1)}.home-page{background:linear-gradient(135deg,var(--darker) 0%,var(--dark) 100%);color:var(--light);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.container{max-width:1200px;margin:0 auto;padding:0 20px}.loading-container{display:flex;justify-content:center;align-items:center;min-height:80vh}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:1rem}.spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-left:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-section{position:relative;padding:5rem 0 4rem;overflow:hidden}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(138,43,226,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,107,107,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(78,205,196,.05) 0%,transparent 50%);z-index:0}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#080814cc,#0f0f1ee6)}.hero-content{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:3rem}.hero-text{flex:1;max-width:600px}.hero-badge{display:inline-block;background:#8a2be233;color:var(--primary);padding:.5rem 1rem;border-radius:50px;font-size:.8rem;font-weight:600;margin-bottom:1.5rem;border:1px solid rgba(138,43,226,.3)}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--light) 0%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.2rem;line-height:1.6;color:var(--gray);margin-bottom:2rem}.hero-actions{display:flex;gap:1rem}.btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-size:1rem}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 10px 20px #8a2be24d}.btn-outline{background:transparent;color:var(--light);border:1px solid var(--gray-dark)}.btn-outline:hover{background:#ffffff0d;border-color:var(--gray)}.hero-stats{display:flex;gap:2rem}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-number{font-size:2rem;font-weight:700;color:var(--primary)}.stat-label{font-size:.9rem;color:var(--gray);margin-top:.5rem}.main-content{padding:4rem 0}.section{margin-bottom:5rem}.section-header{text-align:center;margin-bottom:3rem}.section-title{font-size:2.2rem;font-weight:700;margin-bottom:1rem;color:var(--light)}.section-subtitle{font-size:1.1rem;color:var(--gray);max-width:600px;margin:0 auto;line-height:1.6}.section-icon{margin-right:.5rem}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.about-card{background:var(--card-bg);border-radius:16px;padding:2rem;text-align:center;border:1px solid var(--card-border);transition:transform .3s ease,box-shadow .3s ease}.about-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0003}.about-icon{font-size:3rem;margin-bottom:1.5rem}.about-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--light)}.about-card p{color:var(--gray);line-height:1.6}.tabs-container{background:var(--card-bg);border-radius:16px;overflow:hidden;border:1px solid var(--card-border)}.tabs-header{display:flex;background:#0f0f1ecc;border-bottom:1px solid var(--card-border)}.tab-button{flex:1;padding:1.5rem;background:none;border:none;color:var(--gray);font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.tab-button:hover{color:var(--light);background:#ffffff0d}.tab-button.active{color:var(--primary);background:#8a2be21a;border-bottom:2px solid var(--primary)}.tab-icon{font-size:1.2rem}.tab-content{padding:2.5rem}.tab-content h3{font-size:1.8rem;margin-bottom:1.5rem;color:var(--light)}.tab-content p{font-size:1.1rem;line-height:1.7;color:var(--gray);margin-bottom:1.5rem}.tab-content ul{list-style:none;padding:0}.tab-content li{color:var(--gray);position:relative;padding:.5rem 0 .5rem 1.5rem}.tab-content li:before{content:"•";color:var(--primary);position:absolute;left:0}.albums-section{margin-bottom:4rem}.albums-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.album-card{background:var(--card-bg);border-radius:12px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;border:1px solid var(--card-border)}.album-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0003}.album-cover{position:relative;width:100%;height:250px;overflow:hidden}.album-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.album-card:hover .album-cover img{transform:scale(1.05)}.album-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:3rem}.album-info{padding:1.5rem}.album-title{font-size:1.2rem;font-weight:600;margin-bottom:.5rem;color:var(--light)}.album-artist{color:var(--primary);margin-bottom:.5rem;font-weight:500}.release-date{color:var(--gray);font-size:.9rem}.album-card.upcoming .album-cover{position:relative}.upcoming-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:1rem}.countdown-container{text-align:center}.countdown-label{display:block;font-size:.8rem;color:var(--gray);margin-bottom:.5rem}.countdown-timer{display:flex;justify-content:center;gap:.5rem}.countdown-unit{display:flex;flex-direction:column;align-items:center}.countdown-value{font-size:1.2rem;font-weight:700;color:var(--light);background:#00000080;padding:.3rem .5rem;border-radius:6px;min-width:2.5rem}.countdown-label-small{font-size:.7rem;color:var(--gray);margin-top:.2rem}.available-badge{display:inline-block;background:var(--accent);color:var(--darker);padding:.5rem 1rem;border-radius:50px;font-size:.8rem;font-weight:600}.empty-state{text-align:center;padding:4rem 2rem;background:var(--card-bg);border-radius:16px;border:1px solid var(--card-border)}.empty-icon{font-size:4rem;margin-bottom:1.5rem}.empty-state h3{font-size:1.8rem;margin-bottom:1rem;color:var(--light)}.empty-state p{color:var(--gray);max-width:500px;margin:0 auto;line-height:1.6}@media (max-width: 768px){.hero-content{flex-direction:column;text-align:center;gap:2rem}.hero-title{font-size:2.5rem}.hero-stats{justify-content:center}.tabs-header{flex-direction:column}.albums-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.about-grid{grid-template-columns:1fr}}@media (max-width: 480px){.hero-title{font-size:2rem}.hero-actions{flex-direction:column}.btn{width:100%}.albums-grid{grid-template-columns:1fr}}.page.artist-dashboard{max-width:1200px}.page.artist-dashboard h1{margin-bottom:1.2rem;font-size:1.7rem;letter-spacing:.02em}.page.artist-dashboard section.card{border-radius:20px;border:1px solid #1d1d2b;background:radial-gradient(circle at top left,#17172a 0,#10101a 55%);box-shadow:0 16px 38px #000000a6}.page.artist-dashboard section+section{margin-top:1.5rem}.page.artist-dashboard .card-title{display:flex;align-items:center;gap:.5rem}.page.artist-dashboard .card-title:before{content:"";width:6px;height:20px;border-radius:999px;background:linear-gradient(180deg,#4c6fff,#8fb4ff)}.page.artist-dashboard .form-label{font-size:.85rem;color:#d9d9ea}.page.artist-dashboard .form-text{font-size:.78rem;color:#a9aec7}.page.artist-dashboard .form-control,.page.artist-dashboard .form-select,.page.artist-dashboard textarea{background:#080813;border:1px solid #26263a;color:#f0f0ff;border-radius:10px;padding:.45rem .6rem}.page.artist-dashboard .form-control:focus,.page.artist-dashboard .form-select:focus,.page.artist-dashboard textarea:focus{border-color:#2f5bff;box-shadow:0 0 0 1px #2f5bff66;background:#0c0c18}.page.artist-dashboard .track-block,.page.artist-dashboard .border.rounded.p-3.mb-3{background:#10101a;border-radius:14px;padding:1rem 1.1rem;margin-bottom:1rem;border:1px solid #222233}.page.artist-dashboard .track-header,.page.artist-dashboard .d-flex.justify-content-between.align-items-center.mb-2{display:flex;align-items:center;justify-content:space-between;margin-bottom:.7rem}.page.artist-dashboard .track-header h4,.page.artist-dashboard .track-header .h6,.page.artist-dashboard .d-flex.justify-content-between.align-items-center.mb-2 h4{margin:0;font-size:.95rem}.page.artist-dashboard .track-list{display:flex;flex-direction:column;gap:.5rem}.page.artist-dashboard .btn{border-radius:999px;font-size:.85rem;padding:.35rem .9rem}.page.artist-dashboard .btn-sm{padding:.25rem .75rem}.page.artist-dashboard .btn+.btn{margin-left:.45rem}.page.artist-dashboard td .btn+.btn{margin-left:.4rem}.page.artist-dashboard .col-12>.btn.btn-outline-secondary{margin-top:.3rem}.page.artist-dashboard .col-12.mt-3{margin-top:1.7rem!important;display:flex;justify-content:flex-end}.page.artist-dashboard button.btn.btn-primary{border-radius:999px;padding-inline:1.5rem;font-weight:500}.page.artist-dashboard .input-group .btn{border-radius:0 999px 999px 0}.page.artist-dashboard input[type=file].form-control{background:#080813;border:1px solid #26263a;color:#f0f0ff}.page.artist-dashboard img[alt="Preview portada"]{border-radius:.5rem;box-shadow:0 10px 28px #0000008c}.page.artist-dashboard .table-responsive{margin-top:.8rem}.page.artist-dashboard table.table{font-size:.88rem;border-collapse:collapse}.page.artist-dashboard table.table thead{background:#121221}.page.artist-dashboard table.table thead th{border-bottom:1px solid #25253a}.page.artist-dashboard table.table tbody tr{border-bottom:1px solid #1b1b29}.page.artist-dashboard table.table tbody tr:nth-child(2n){background:#0c0c16}.page.artist-dashboard table.table tbody tr:nth-child(odd){background:#090914}.page.artist-dashboard table.table tbody tr:hover{background:#151527}.page.artist-dashboard img.img-thumbnail{width:60px;height:60px;object-fit:cover;border-radius:6px}.page.artist-dashboard .alert.alert-danger{background:#3a1515;border-color:#5c2020;color:#ffd5d5}.page.artist-dashboard .alert.alert-info{background:#102339;border-color:#1e3b5a;color:#d1e6ff}.my-library-page{position:relative;min-height:100vh;padding-bottom:72px;background:radial-gradient(circle at top,#5a2749 0,#050509 55%);color:#f5f5ff}.my-library-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 0,#ff4aa2 0,transparent 55%),radial-gradient(circle at 80% 0,#4a7bff 0,transparent 55%);opacity:.45;pointer-events:none}.my-library-content{position:relative;z-index:1;padding-top:1.4rem;padding-bottom:1.4rem}.my-library-centered{padding:4rem 1rem;text-align:center;max-width:640px;margin:0 auto}.my-library-centered h2{margin-bottom:.6rem}.my-library-centered p{color:#d0d0e0}.my-library-loading{padding:4rem 1rem;text-align:center}.my-library-loading .spinner{width:32px;height:32px;border-radius:999px;border:3px solid rgba(255,255,255,.18);border-top-color:#fff;margin:0 auto .8rem;animation:library-spin .8s linear infinite}@keyframes library-spin{to{transform:rotate(360deg)}}.library-albums-strip{display:flex;gap:.6rem;overflow-x:auto;padding-bottom:.4rem;margin-bottom:1.2rem}.library-album-pill{flex:0 0 auto;display:flex;align-items:center;gap:.55rem;padding:.35rem .7rem .35rem .35rem;border-radius:999px;border:1px solid rgba(255,255,255,.06);background:#06060fcc;cursor:pointer;font-size:.82rem;transition:background .15s ease,border-color .15s ease,transform .1s ease}.library-album-pill:hover{background:#141428e6;transform:translateY(-1px)}.library-album-pill.active{border-color:#3ddb7a;background:#082214f2}.library-album-pill-cover{width:34px;height:34px;border-radius:999px;object-fit:cover}.library-album-pill-info{display:flex;flex-direction:column}.library-album-pill-info .pill-title{font-weight:600}.library-album-pill-info .pill-artist{font-size:.74rem;color:#d0d0e8}.library-hero-section{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.6rem;align-items:flex-end;margin-bottom:1.8rem}.library-hero-left{display:flex;justify-content:center}.library-hero-cover-wrapper{background:radial-gradient(circle at 20% 0,#fff 0,#111118 43%);padding:.5rem;border-radius:18px;box-shadow:0 28px 60px #000000bf}.library-hero-cover{width:240px;height:240px;border-radius:14px;object-fit:cover;display:block}.library-hero-cover.placeholder{width:240px;height:240px;border-radius:14px;background:#181824}.library-hero-right{display:flex;flex-direction:column;gap:.4rem}.library-hero-label{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:#ffd5f1}.library-hero-title{font-size:1.8rem;margin:0}.library-hero-meta{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;font-size:.86rem;color:#e2e2ff}.hero-dot{opacity:.65}.hero-artist{font-weight:500}.hero-year,.hero-tracks{opacity:.9}.library-hero-description{margin-top:.4rem;margin-bottom:.1rem;font-size:.9rem;color:#e3e3fb}.library-hero-description.small{font-size:.82rem;color:#d0cff3}.library-hero-actions{margin-top:.8rem;display:flex;align-items:center;gap:.7rem}.hero-play-btn{width:52px;height:52px;border-radius:999px;border:1px solid rgba(0,0,0,.8);background:#1db954;display:inline-flex;align-items:center;justify-content:center;font-size:1.7rem;color:#050509;cursor:pointer;box-shadow:0 14px 32px #000000bf;transition:transform .1s ease,box-shadow .1s ease,background .15s ease,border-color .15s ease}.hero-play-btn i{color:#050509;font-size:1.7rem}.hero-play-btn:hover{transform:translateY(-1px);box-shadow:0 18px 36px #000000d9;background:#1ee363;border-color:#000}.hero-secondary-btn{border-radius:999px;border:1px solid rgba(255,255,255,.28);background:#0f0f1ef2;color:#f5f5ff;padding:.35rem .9rem;font-size:.82rem;display:inline-flex;align-items:center;gap:.3rem}.hero-secondary-btn i{font-size:1rem;color:#f5f5ff}.hero-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .8rem;border-radius:999px;font-size:.8rem;background:#04120ae6;color:#bafed2;border:1px solid rgba(71,214,129,.7)}.hero-badge .badge-dot{width:8px;height:8px;border-radius:999px;background:#3ddb7a}.library-tracks-section{background:radial-gradient(circle at top,#112 0,#050509 60%);border-radius:18px;padding:1rem 1.1rem 1.3rem;box-shadow:0 16px 40px #000000b3}.tracks-title{font-size:1rem;margin-top:0;margin-bottom:.7rem}.tracks-list{display:flex;flex-direction:column;gap:.25rem}.track-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem;align-items:center;padding:.45rem .4rem;border-radius:10px;transition:background .12s ease,transform .06s ease}.track-row:hover{background:#ffffff0a}.track-row.current{background:#1eb95424}.track-row.offline .track-title:after{content:" • OFF";font-size:.72rem;color:#9ef9b8}.track-main{display:flex;align-items:center;gap:.7rem}.track-index{width:22px;text-align:right;font-size:.8rem;color:#c3c3de}.track-info{min-width:0}.track-title{font-size:.9rem;font-weight:500}.track-sub{font-size:.78rem;color:#b6b6d9}.track-offline-label{color:#8ff5b0}.track-actions{display:inline-flex;align-items:center;gap:.35rem}.track-play-btn,.track-download-btn,.track-more-btn{width:32px;height:32px;border-radius:999px;border:1px solid rgba(255,255,255,.28);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;background:#161628f2;color:#f5f5ff;box-shadow:0 4px 10px #0009;transition:background .12s ease,transform .06s ease,color .12s ease,box-shadow .12s ease,border-color .12s ease}.track-play-btn i,.track-download-btn i,.track-more-btn i{color:#f5f5ff;font-size:1.1rem}.track-row.current .track-play-btn{background:#1db954;border-color:#000000e6}.track-row.current .track-play-btn i{color:#050509}.track-play-btn:hover,.track-download-btn:hover,.track-more-btn:hover{transform:translateY(-1px);background:#282846fa;box-shadow:0 6px 14px #000c;border-color:#ffffff80}.track-play-btn i{font-size:1.35rem}.track-download-btn[disabled]{opacity:.6;cursor:not-allowed}.track-download-btn i.bi-check2-circle{color:#3ddb7a}.mini-spinner{width:16px;height:16px;border-radius:999px;border:2px solid rgba(255,255,255,.18);border-top-color:#fff;animation:library-spin .8s linear infinite}.library-player-bar{position:fixed;left:0;right:0;bottom:0;height:62px;background:#03030af7;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;padding:0 1.4rem;z-index:1200;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#f5f5ff}.player-empty{width:100%;text-align:center;font-size:.86rem;color:#d3d3e6}.player-track-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:.1rem}.player-track-title{font-size:.9rem;font-weight:500}.player-track-artist{font-size:.8rem;color:#c4c4e6}.player-offline-pill{margin-left:.4rem;font-size:.68rem;padding:.06rem .4rem;border-radius:999px;background:#2ea05f29;border:1px solid rgba(83,214,135,.7);color:#9ef5bd}.player-controls{display:flex;align-items:center;justify-content:flex-end}.player-playpause-btn{width:40px;height:40px;border-radius:999px;border:1px solid rgba(0,0,0,.85);background:#1db954;color:#050509;display:inline-flex;align-items:center;justify-content:center;font-size:1.6rem;cursor:pointer;transition:background .12s ease,transform .08s ease,box-shadow .08s ease,border-color .12s ease;box-shadow:0 12px 28px #000000b3}.player-playpause-btn i{color:#050509;font-size:1.6rem}.player-playpause-btn:hover{background:#1ee363;transform:translateY(-1px);border-color:#000}@media (max-width: 768px){.library-hero-section{grid-template-columns:1fr;align-items:flex-start}.library-hero-cover-wrapper{margin:0 auto}.library-hero-title{font-size:1.4rem}.library-hero-description{font-size:.86rem}.library-hero-actions{flex-wrap:wrap}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#050509;color:#f5f5f5}.app-layout{display:flex;min-height:100vh;background:#050510;color:#f7f7ff}.app-main{flex:1;display:flex;flex-direction:column;min-height:100vh}.app-main-content{flex:1;overflow-y:auto;padding:1.5rem}.page{max-width:1200px;margin:0 auto}.page h1,.page h2,.page h3{margin-top:0}.navbar{height:56px;background:#0b0b12;border-bottom:1px solid #1d1d2b;display:flex;align-items:center;padding:0 1.5rem;justify-content:space-between}.navbar-left,.navbar-right{display:flex;align-items:center;gap:1rem}.navbar a{color:#e4e4f0;text-decoration:none;font-size:.92rem;opacity:.85;transition:opacity .15s ease}.navbar a:hover{opacity:1}.navbar a.logo{font-weight:700;font-size:1rem;letter-spacing:.03em;opacity:1}.user-name{font-size:.88rem;color:#c7c7db}button{background:#2f5bff;border-radius:999px;border:none;padding:.45rem 1.1rem;color:#fff;cursor:pointer;font-size:.88rem;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;transition:background .15s ease,transform .1s ease,box-shadow .1s ease}button:hover:not(:disabled){background:#2346c7;transform:translateY(-1px);box-shadow:0 4px 10px #00000073}button:active:not(:disabled){transform:translateY(0);box-shadow:none}button:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#2f5bff}.btn-primary:hover:not(:disabled){background:#2346c7}.btn-secondary{background:#343447}.btn-secondary:hover:not(:disabled){background:#45455c}.btn-small{padding:.2rem .6rem;font-size:.78rem;border-radius:999px}.card{background:#10101a;border-radius:16px;padding:1.2rem 1.4rem;margin-bottom:1.4rem;box-shadow:0 10px 28px #0000008c;border:1px solid #1d1d2b}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.4rem}.album-card{background:#11111c;border-radius:14px;padding:.85rem;box-shadow:0 8px 18px #00000073;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;border:1px solid #232338}.album-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #0000008c;border-color:#2f5bff}.album-cover{width:100%;border-radius:10px;aspect-ratio:1 / 1;object-fit:cover;margin-bottom:.6rem}.album-info h3{margin:0;font-size:.98rem}.artist-name{margin:.2rem 0 .15rem;font-size:.82rem;color:#a5a5c0}.album-price{font-size:.82rem;color:#d3f3ff}.album-detail-header{display:flex;gap:1.5rem;margin-bottom:1.5rem;align-items:flex-start}.album-cover-lg{width:220px;height:220px;border-radius:16px;object-fit:cover;flex-shrink:0}.album-price-lg{font-weight:600;color:#d3f3ff}.badge{display:inline-flex;align-items:center;justify-content:center;margin-left:.75rem;padding:.15rem .7rem;border-radius:999px;background:#26263a;font-size:.78rem;color:#f5f5f5}.form-grid{display:grid;gap:.9rem;margin-top:.8rem}.form-row{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.6rem}label{font-size:.86rem;color:#d9d9ea}input,textarea,select{background:#080813;border:1px solid #26263a;border-radius:8px;padding:.5rem .6rem;color:#f0f0ff;font-size:.9rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}input:focus,textarea:focus,select:focus{border-color:#2f5bff;box-shadow:0 0 0 1px #2f5bff66;background:#0c0c18}textarea{resize:vertical}.inline-row{display:flex;gap:.4rem;margin-bottom:.35rem}.form-actions{margin-top:1.2rem;display:flex;justify-content:flex-end}.table-wrapper{width:100%;overflow-x:auto;margin-top:.8rem}.album-table{width:100%;border-collapse:collapse;font-size:.88rem}.album-table thead{background:#121221}.album-table th,.album-table td{padding:.45rem .6rem;text-align:left}.album-table th{font-weight:600;color:#d4d4eb;border-bottom:1px solid #25253a}.album-table tbody tr{border-bottom:1px solid #1b1b29}.album-table tbody tr:nth-child(2n){background:#0c0c16}.album-table tbody tr:nth-child(odd){background:#090914}.album-table tbody tr:hover{background:#151527}.album-cover-thumb{width:50px;height:50px;border-radius:6px;object-fit:cover}.audio-player{display:flex;align-items:center;gap:.4rem}.preview-label{font-size:.74rem;color:#f2d18b}.centered{text-align:center;margin-top:3rem;color:#d0d0e0}.error-msg{background:#3a1515;color:#ffd5d5;padding:.6rem .8rem;border-radius:8px;font-size:.86rem;margin-bottom:.9rem;border:1px solid #5c2020}.playlist-list{list-style:none;padding:0;margin:0}.playlist-item{padding:.4rem .6rem;border-radius:8px;cursor:pointer;font-size:.9rem;color:#e4e4f5;transition:background .15s ease,color .15s ease}.playlist-item:hover{background:#23233b}.playlist-item.active{background:#32324f}a{color:#8fb4ff;text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#07070f}::-webkit-scrollbar-thumb{background:#26263a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#343453}.sidebar{position:fixed;top:0;left:0;width:240px;height:100vh;background:#0b0b16;color:#f5f5ff;border-right:1px solid #23233a;padding:.75rem .75rem 1rem;display:flex;flex-direction:column;z-index:1000;transition:width .2s ease,transform .2s ease}@media (min-width: 769px){.app-main{margin-left:240px}}.sidebar.collapsed{width:72px}.sidebar.collapsed .sidebar-title,.sidebar.collapsed .sidebar-section-label,.sidebar.collapsed .sidebar-user-info{display:none}.sidebar-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.25rem}.sidebar-logo{width:32px;height:32px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#1c1c2a;font-size:1.2rem}.sidebar-title{font-weight:700;font-size:.95rem}.sidebar-toggle{margin-left:auto;background:transparent;border:none;color:#aaa;cursor:pointer;font-size:.9rem}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:.25rem}.sidebar-link{display:block;padding:.55rem .75rem;border-radius:999px;font-size:.9rem;color:#d0d0ff;text-decoration:none;transition:background .15s ease,color .15s ease}.sidebar-link:hover{background:#202034;color:#fff}.sidebar-link.active{background:#4c6fff;color:#fff}.sidebar-section-label{margin-top:.75rem;margin-bottom:.25rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#8888b0}.sidebar-footer{border-top:1px solid #23233a;padding-top:.75rem;margin-top:.75rem}.sidebar-user{display:flex;align-items:center;gap:.5rem}.sidebar-user-avatar{width:32px;height:32px;border-radius:999px;background:#26263b;display:flex;align-items:center;justify-content:center;font-size:.9rem}.sidebar-user-name{font-size:.85rem;font-weight:600}.sidebar-user-role{font-size:.75rem;color:#a0a0d0}.sidebar-login-btn{width:100%;padding:.4rem .75rem;border-radius:999px;border:none;cursor:pointer;font-size:.85rem;background:#4c6fff;color:#fff}.sidebar-hamburger{position:fixed;top:.75rem;left:.75rem;z-index:1100;width:36px;height:36px;border-radius:999px;border:none;background:#112;color:#f5f5ff;font-size:1.2rem;display:none;align-items:center;justify-content:center;cursor:pointer}@media (max-width: 768px){.sidebar{transform:translate(-100%);width:260px;box-shadow:4px 0 16px #0009}.sidebar.open-mobile{transform:translate(0)}.app-main{margin-left:0}.sidebar-hamburger{display:flex}}.track-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.track-main{display:flex;align-items:center;gap:.75rem}.track-cover-thumb{width:48px;height:48px;border-radius:6px;object-fit:cover;flex-shrink:0;box-shadow:0 0 6px #00000040}.track-info{flex:1;min-width:0}.track-title{font-size:.95rem;font-weight:600}.track-artist,.track-album,.track-meta{font-size:.8rem}.track-actions{display:flex;align-items:center;gap:.5rem}.track-audio{max-width:220px}@media (max-width: 600px){.track-row{flex-direction:column;align-items:flex-start}.track-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.track-audio{width:100%;max-width:100%}}