:root{
  --bg:#07080b;--panel:#0f1118;--panel2:#151821;--panel3:#1b1e28;
  --text:#f5f6fa;--muted:#8f93a3;--line:#252936;--accent:#ff501b;--accent2:#ff143d;
  --shadow:0 18px 60px #0008;--sidebar:238px;--player:92px
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#07080b;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif}
body{overflow:hidden}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}
.app-shell{display:grid;grid-template-columns:var(--sidebar) 1fr;height:100vh;padding-bottom:var(--player)}
.sidebar{background:linear-gradient(180deg,#0b0c11,#090a0e);border-right:1px solid #1e212c;padding:19px 14px 14px;display:flex;flex-direction:column;z-index:40}
.brand{display:flex;align-items:center;gap:11px;padding:3px 8px 22px;cursor:pointer}.brand img{width:44px;height:44px;border-radius:13px;box-shadow:0 0 28px #ff3c1e44}.brand strong{display:block;letter-spacing:1.2px;font-size:18px}.brand span{display:block;color:#85899b;font-size:10px;font-weight:800;letter-spacing:2px;margin-top:2px}
.main-nav{display:grid;gap:5px}.nav-item,.admin-entry{border:0;background:transparent;border-radius:11px;padding:10px 11px;text-align:left;color:#a6a9b6;font-weight:750;display:flex;align-items:center;gap:11px}.nav-item span{width:20px;text-align:center;font-size:17px}.nav-item:hover,.nav-item.active,.admin-entry:hover{background:#171922;color:#fff}.nav-item.active{box-shadow:inset 3px 0 var(--accent)}
.nav-title{font-size:10px;letter-spacing:1.6px;color:#646878;font-weight:900;margin:22px 11px 8px}.sidebar-spacer{flex:1}.admin-entry{border:1px solid #2a2d38;background:#11131a}.admin-dot{width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 0 10px #ff341f}.sidebar-footer{font-size:10px;color:#565968;padding:12px 8px 0}
.main{min-width:0;height:calc(100vh - var(--player));overflow:auto;background:radial-gradient(circle at 80% -10%,#35120c 0,transparent 25%),linear-gradient(#0a0b10,#07080b 520px)}
.topbar{height:72px;position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:14px;padding:12px 24px;background:#08090dcf;backdrop-filter:blur(18px);border-bottom:1px solid #171923}.mobile-menu{display:none}.route-title{font-weight:900;min-width:115px;font-size:18px}.top-search{max-width:520px;flex:1;display:flex;align-items:center;background:#13151d;border:1px solid #292c38;border-radius:999px;padding:0 14px;color:#777b8c}.top-search input{width:100%;background:transparent;border:0;outline:0;color:white;padding:11px}.top-icon,.profile-btn,.mobile-menu{border:1px solid #292c37;background:#14161e;border-radius:50%;width:40px;height:40px;font-weight:850}.profile-btn{background:linear-gradient(135deg,var(--accent),var(--accent2));border:0}
.page{padding:20px 25px 60px;max-width:1500px;margin:auto}
.hero{min-height:330px;border:1px solid #2d201e;border-radius:26px;padding:34px;position:relative;overflow:hidden;background:linear-gradient(120deg,#171016,#101118 65%)}.hero:before{content:"";position:absolute;right:7%;top:-12%;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,#ff4c245e 0,#ff2f1814 42%,transparent 70%);filter:blur(2px)}.hero:after{content:"Y1";position:absolute;right:8%;top:18%;font-size:140px;font-weight:1000;font-style:italic;letter-spacing:-15px;color:#fff;opacity:.08;transform:rotate(-8deg)}
.eyebrow{font-size:11px;letter-spacing:1.5px;color:#ff8967;font-weight:950}.hero h1{font-size:clamp(40px,5vw,72px);line-height:.92;letter-spacing:-3px;margin:12px 0 17px;max-width:700px}.hero p{max-width:650px;color:#b8bbc8;line-height:1.55}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:23px}.btn{border:1px solid #303340;background:#171923;color:#fff;border-radius:11px;padding:11px 15px;font-weight:850}.btn.primary{border:0;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 10px 32px #ff371a2c}.btn.ghost{background:#12141b}.btn.small{padding:8px 10px;font-size:12px}.section{margin-top:30px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:12px}.section-head h2{margin:0;font-size:22px}.section-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.section-link{border:0;background:transparent;color:#a5a8b5;font-size:12px;font-weight:800}
.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.card{border:1px solid #242733;background:linear-gradient(160deg,#141720,#0e0f14);border-radius:17px;padding:11px;min-width:0;position:relative;transition:.18s}.card:hover{transform:translateY(-3px);border-color:#513029}.cover{aspect-ratio:1;border-radius:13px;background:radial-gradient(circle at 65% 35%,#ff582f70 0,transparent 27%),linear-gradient(135deg,#491514,#151621 65%);position:relative;overflow:hidden;display:grid;place-items:center}.cover img{width:100%;height:100%;object-fit:cover}.cover-logo{font-size:50px;font-weight:1000;font-style:italic;letter-spacing:-5px;filter:drop-shadow(0 0 18px #ff3d27)}.card h3{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:11px 2px 5px}.sub{color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{display:flex;justify-content:space-between;color:#737788;font-size:10px;margin:8px 2px 2px}.card-play{position:absolute;right:20px;top:calc(100% - 88px);width:42px;height:42px;border:0;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));font-weight:950;box-shadow:0 8px 25px #ff321c55;opacity:0;transform:translateY(5px);transition:.18s}.card:hover .card-play{opacity:1;transform:none}.card-menu{position:absolute;top:17px;right:17px;border:0;background:#08090bc7;width:30px;height:30px;border-radius:50%;opacity:0}.card:hover .card-menu{opacity:1}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.chip{border:1px solid #2a2d39;background:#12141b;color:#b4b7c4;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:750}.chip.active{background:#fff;color:#111;border-color:#fff}
.track-table{border:1px solid #242733;border-radius:16px;overflow:hidden;background:#0f1117}.track-row{display:grid;grid-template-columns:44px minmax(220px,1.5fr) minmax(130px,.7fr) 80px 90px 90px;gap:10px;align-items:center;padding:10px 14px;border-top:1px solid #1d202a}.track-row:first-child{border-top:0}.track-row:hover{background:#151821}.track-num{color:#707485;font-size:12px}.track-main{display:flex;align-items:center;gap:10px;min-width:0}.thumb{width:42px;height:42px;border-radius:8px;background:linear-gradient(135deg,#3c1714,#ff3d22);display:grid;place-items:center;font-size:11px;font-weight:950;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.track-copy{min-width:0}.track-copy b,.track-copy span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-copy b{font-size:13px}.track-copy span,.track-cell{font-size:11px;color:#858999}.row-actions{display:flex;gap:5px}.row-actions button{border:0;background:#1d202a;border-radius:7px;width:30px;height:30px}
.empty{border:1px dashed #303441;border-radius:16px;padding:38px;text-align:center;color:#777b8d}.empty strong{display:block;color:#cfd1da;margin-bottom:6px}
.search-hero{padding:8px 0 4px}.search-big{display:flex;align-items:center;max-width:850px;border:1px solid #30333f;border-radius:18px;background:#14161f;padding:0 16px}.search-big input{width:100%;padding:17px 10px;background:transparent;border:0;outline:0;color:white;font-size:18px}.genre-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.genre{min-height:130px;border-radius:17px;padding:18px;font-size:18px;font-weight:950;position:relative;overflow:hidden;border:1px solid #2b2e39;background:linear-gradient(135deg,#351813,#12151d)}.genre:after{content:"Y1";position:absolute;right:-5px;bottom:-25px;font-size:80px;opacity:.12;transform:rotate(-12deg)}
.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{border:1px solid #272a36;background:#11141b;border-radius:16px;padding:17px}.metric strong{font-size:26px;display:block}.metric span{color:#7f8393;font-size:11px}.admin-actions{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}
.playlist-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.playlist-card{border:1px solid #272a36;background:#12141b;border-radius:16px;padding:15px;cursor:pointer}.playlist-art{aspect-ratio:1;border-radius:13px;background:linear-gradient(135deg,#321711,#731d1d 50%,#191a23);display:grid;place-items:center;font-size:60px;font-weight:1000}.playlist-card h3{margin:12px 0 3px}.playlist-card p{margin:0;color:#838797;font-size:11px}
.player{height:var(--player);position:fixed;left:0;right:0;bottom:0;z-index:80;display:grid;grid-template-columns:1fr 1.55fr 1fr;align-items:center;gap:18px;background:#0c0e13f2;backdrop-filter:blur(20px);border-top:1px solid #2a2d38;padding:10px 17px}.player-track{display:flex;align-items:center;gap:10px;min-width:0}.player-cover{width:60px;height:60px;border-radius:10px;background:linear-gradient(135deg,#491713,#ff3e24);display:grid;place-items:center;overflow:hidden;flex:0 0 auto}.player-cover img{width:100%;height:100%;object-fit:cover}.player-cover span{font-weight:950}.player-copy{min-width:0}.player-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:850;font-size:13px}.player-artist{color:#858999;font-size:11px;margin-top:4px}.heart-btn{border:0;background:transparent;font-size:20px}.heart-btn.liked{color:#ff4a2c}.player-center{display:grid;gap:6px}.player-controls{display:flex;justify-content:center;align-items:center;gap:14px}.player-controls button{border:0;background:transparent}.play-main{width:39px;height:39px;border-radius:50%;background:#fff!important;color:#111!important;font-weight:950}.active-control{color:#ff5635!important}.progress-row{display:flex;align-items:center;gap:8px;color:#777b8b;font-size:10px}.progress-row input{width:100%}.player-right{display:flex;justify-content:flex-end;align-items:center;gap:8px}.player-right button{border:0;background:transparent}.player-right input{width:105px}input[type=range]{accent-color:#ff4828}
.queue-panel{position:fixed;right:-390px;top:0;bottom:var(--player);width:370px;z-index:70;background:#101219;border-left:1px solid #292c37;transition:.22s;padding:17px;overflow:auto}.queue-panel.open{right:0}.queue-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.queue-head button{border:0;background:transparent}.queue-item{padding:10px;border-radius:10px;display:flex;gap:9px;align-items:center}.queue-item:hover{background:#191c25}.queue-item.active{background:#1e202a}.queue-item .thumb{width:36px;height:36px}.queue-item div:last-child{min-width:0}.queue-item b,.queue-item span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-item b{font-size:12px}.queue-item span{color:#858999;font-size:10px}
dialog{border:1px solid #2b2e3a;border-radius:20px;background:#101219;color:#fff;padding:0;width:min(760px,94vw);box-shadow:var(--shadow)}dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}.dialog-card{padding:22px}.dialog-card.small{max-width:430px}.dialog-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:18px}.dialog-head h2{margin:4px 0 0}.close-dialog{border:0;background:#1a1d26;border-radius:50%;width:35px;height:35px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:6px;color:#aaaebb;font-size:11px;font-weight:750}.field.wide{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;border:1px solid #303441;background:#0b0d12;color:#fff;border-radius:10px;padding:11px;outline:0}.upload-box{border:1px dashed #3a3e4c;background:#0d0f15;border-radius:12px;padding:16px;color:#c0c3cf;font-size:11px;display:grid;gap:8px}.upload-box input{width:100%}.upload-box span{color:#777c8d}.check{grid-column:1/-1;font-size:12px;color:#b9bdc8}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.playlist-choices{display:grid;gap:8px}.playlist-choice{border:1px solid #2b2e39;background:#161922;border-radius:10px;padding:12px;text-align:left}.toast{position:fixed;right:18px;bottom:calc(var(--player) + 18px);z-index:120;background:#f4f5f8;color:#111;padding:11px 14px;border-radius:10px;font-weight:800;font-size:12px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}
@media(max-width:1150px){.cards{grid-template-columns:repeat(4,1fr)}.admin-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){:root{--sidebar:0px}.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-250px;top:0;bottom:var(--player);width:238px;transition:.2s;box-shadow:20px 0 80px #000a}.sidebar.open{left:0}.mobile-menu{display:block}.route-title{display:none}.cards{grid-template-columns:repeat(3,1fr)}.player{grid-template-columns:1fr 1.2fr}.player-right{display:none}.track-row{grid-template-columns:36px minmax(180px,1.5fr) 80px 70px}.track-row .hide-md{display:none}.genre-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){:root{--player:108px}.topbar{height:64px;padding:10px 12px}.page{padding:14px 12px 45px}.top-search{min-width:0}.top-search input{font-size:12px}.top-icon{display:none}.hero{min-height:280px;padding:23px}.hero h1{font-size:43px}.hero:after{font-size:100px}.cards{grid-template-columns:repeat(2,1fr);gap:9px}.card{padding:8px}.card-play{opacity:1;width:38px;height:38px;right:15px;top:calc(100% - 80px)}.genre-grid,.playlist-grid{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr 1fr}.player{grid-template-columns:1fr;padding:8px 11px}.player-track{display:none}.progress-row{padding:0 5px}.track-row{grid-template-columns:30px minmax(160px,1fr) 62px}.track-row .hide-sm{display:none}.form-grid{grid-template-columns:1fr}.field.wide,.check{grid-column:auto}.queue-panel{width:min(92vw,370px);bottom:var(--player)}}

.mode-badge{font-size:9px;letter-spacing:1px;font-weight:950;padding:6px 8px;border-radius:999px;border:1px solid #343846;color:#8c91a2;background:#11131a}
.mode-badge.cloud{color:#9ff4c6;border-color:#23543a;background:#10261a}
.login-card{max-width:520px;border:1px solid #2a2d39;background:#11141b;border-radius:18px;padding:20px;margin-top:18px}
.login-card h2{margin:5px 0 16px}.login-actions{display:flex;gap:9px;align-items:center;margin-top:14px}
.cloud-note{border:1px solid #244b36;background:#0e2118;border-radius:12px;color:#a9d6bd;padding:12px 14px;font-size:12px;line-height:1.5;margin:14px 0}
.warn-note{border:1px solid #554021;background:#22190e;border-radius:12px;color:#e9c88f;padding:12px 14px;font-size:12px;line-height:1.5;margin:14px 0}

.row-actions .delete-action{background:#321318;color:#ff8a8f}.row-actions .delete-action:hover{background:#5a1821;color:#fff}.row-actions .archive-action:hover{background:#302919}
/* V1.5.1 admin actions */
@media(min-width:901px){.track-row{grid-template-columns:44px minmax(220px,1.5fr) minmax(130px,.7fr) 80px 90px 104px}}
@media(max-width:900px){.track-row{grid-template-columns:36px minmax(180px,1.5fr) 80px 94px}}
@media(max-width:650px){.track-row{grid-template-columns:30px minmax(160px,1fr) 62px 94px}}
.row-actions button{width:28px;height:30px}

/* YesOne Music V1.6 — Paid / Free Download */
.download-current{font-size:18px}.download-current:disabled{opacity:.35;cursor:not-allowed}
.download-admin-box{grid-column:1/-1;border:1px solid #303441;background:#0d0f15;border-radius:14px;padding:14px}
.download-admin-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.download-admin-head b{display:block}.download-admin-head span{display:block;color:#747989;font-size:10px;margin-top:3px}
.download-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.download-admin-format{border:1px solid #292d39;border-radius:12px;background:#11141b;padding:13px;display:grid;gap:10px}
.upload-box.compact{padding:12px}.file-state{font-size:10px;color:#858a99}.file-state.ready{color:#8ee9b6}
.dialog-sub{margin:5px 0 0;color:#858a99;font-size:12px}
.download-badge{display:inline-flex;align-items:center;gap:4px;border:1px solid #3b2c28;background:#1b1312;color:#ff9d80;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:900}
.card-download{position:absolute;left:18px;top:18px;border:0;background:#090a0dc9;width:32px;height:32px;border-radius:50%;font-weight:950;opacity:0}
.card:hover .card-download{opacity:1}.row-actions .download-action,.row-actions .download-settings-action{color:#ffd0c1}
.download-format-choices{display:grid;gap:10px}.download-format-choice{border:1px solid #303441;background:#151821;border-radius:13px;padding:14px;display:flex;justify-content:space-between;align-items:center;text-align:left}
.download-format-choice:hover{border-color:#704033;background:#191b24}.download-format-choice strong{display:block}.download-format-choice span{font-size:11px;color:#8c90a0}.download-format-price{font-size:16px!important;font-weight:950;color:#fff!important}
.download-format-price.free{color:#78e6aa!important}
.download-note{font-size:10px;line-height:1.5;color:#74798a;margin-top:12px}
.payment-card{width:min(720px,94vw)}.payment-layout{display:grid;grid-template-columns:300px 1fr;gap:22px;align-items:center}
.qr-wrap{background:#fff;border-radius:18px;padding:18px;display:grid;place-items:center;min-height:300px}.qr-wrap img,.qr-wrap canvas{max-width:100%;height:auto!important}
.payment-info{display:grid;gap:12px}.payment-price{font-size:34px;font-weight:1000}.payment-status{font-weight:900;font-size:13px;padding:9px 11px;border-radius:10px;background:#241d0f;color:#f4ca75}
.payment-status.paid{background:#10261a;color:#89e9b3}.payment-status.failed{background:#2a1215;color:#ff9aa7}.payment-meta{font-size:11px;color:#9498a8;line-height:1.6}
.payment-checkout{text-align:center;text-decoration:none}.admin-order-list{display:grid;gap:8px}.admin-order{display:grid;grid-template-columns:1.2fr .6fr .6fr .7fr .8fr;gap:10px;border:1px solid #272b36;background:#11141b;border-radius:11px;padding:10px 12px;font-size:11px;align-items:center}
.order-status{font-weight:900}.order-status.paid{color:#82e5aa}.order-status.free{color:#8fb9ff}.order-status.pending{color:#f1ca78}
@media(max-width:650px){.download-admin-grid,.payment-layout{grid-template-columns:1fr}.qr-wrap{min-height:260px}.admin-order{grid-template-columns:1fr 1fr}.card-download{opacity:1}}