@font-face{font-family:Vazirmatn;src:local('Vazirmatn');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 57% 52%,#19122a 0%,#10101f 54%,#0c0d19 100%);color:#f5f0ff;font:14px Vazirmatn,Tahoma,Arial,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button, input{outline-offset:3px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.shell{display:flex;min-height:calc(100vh - 94px);padding-bottom:105px}.sidebar{order:0;width:265px;flex:0 0 265px;padding:24px 17px 20px;background:linear-gradient(180deg,#17152a,#121120);border-left:1px solid #302942;display:flex;flex-direction:column;gap:0}.brand{direction:ltr;font:bold 26px Arial,sans-serif;display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 30px}.brand-wave{font-size:43px;line-height:1;color:#b546ff;text-shadow:0 0 14px #c03bf6}.side-nav{display:flex;flex-direction:column;gap:3px}.side-nav a{height:38px;display:flex;align-items:center;gap:12px;padding:0 14px;border-radius:9px;font-weight:600}.side-nav a svg{margin-right:auto}.side-nav a.selected{background:linear-gradient(110deg,#9822cc,#6232c3);box-shadow:inset 0 0 1px #ffb4ff}.side-nav a:not(.selected):hover,.categories a:hover{background:#ffffff0f}.sidebar-rule{height:1px;background:#383048;margin:21px 5px 14px}.sidebar h3{margin:0 8px 9px;font-size:15px}.categories{display:flex;flex-direction:column}.categories a{display:flex;align-items:center;gap:11px;min-height:30px;color:#dad3e7;padding:3px 11px;border-radius:7px}.categories a:first-letter{color:#d7a1ff}.premium{margin-top:auto;border:1px solid #8250d4;border-radius:14px;background:linear-gradient(130deg,#7251a1,#272050 64%,#28163e);padding:18px 12px;text-align:center;box-shadow:0 8px 25px #0004}.premium b{font-size:15px}.premium p{line-height:1.8;color:#d1c2e6}.premium a{display:inline-block;background:linear-gradient(110deg,#7554d0,#5330b5);padding:9px 20px;border-radius:25px;font-weight:700}.main{order:1;min-width:0;flex:1;padding:0 28px 40px;max-width:calc(100vw - 265px)}.topbar{height:78px;border-bottom:1px solid #29253a;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:14px}.topnav{display:flex;align-items:center;gap:31px;height:100%;white-space:nowrap;font-weight:700}.topnav a{display:flex;align-items:center;gap:6px;height:100%;position:relative}.topnav a svg{width:18px;height:18px}.topnav a.current{color:#f5adff}.topnav a.current:after{content:'';position:absolute;bottom:15px;right:0;left:0;height:2px;background:#d657f3}.search{margin-right:auto;border-radius:23px;background:#232135;border:1px solid #4b445d;display:flex;align-items:center;gap:12px;padding:9px 15px;width:min(31vw,342px);height:37px;color:#cbc0df}.search svg{width:19px;height:19px}.search input{border:0;background:transparent;min-width:0;width:100%;color:#f8f3ff;outline:0;font-size:12px}.search input::placeholder{color:#b2a9c6}.toolbar{display:flex;align-items:center;gap:16px;direction:ltr}.toolbar button{border:0;background:transparent;color:#e5dbf4;padding:2px}.toolbar .avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:linear-gradient(140deg,#e66bcc,#6254d5);border:2px solid #ae76ed}.hero{height:234px;position:relative;overflow:hidden;isolation:isolate;border-radius:23px;background:radial-gradient(ellipse at 29% 50%,#603072 0%,#282052 52%,#13152c 92%);border:1px solid #453053;box-shadow:0 13px 25px #0004}.hero-photo{position:absolute;z-index:-1;left:0;top:0;width:66%;height:100%;background-image:linear-gradient(to right,transparent 55%,#1a1537 99%),url("demo/hero.0bbabdf0b540.webp");background-position:center, left center;background-repeat:no-repeat;background-size:100% 100%,cover}.hero-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:100%;padding:12px 30px 18px}.hero .tag{color:#f2c5ff;font-size:12px;border:1px solid #a84de2;border-radius:30px;background:#402463;padding:5px 13px}.hero h1{font-size:clamp(26px,2.8vw,43px);line-height:1.3;margin:9px 0 6px;letter-spacing:-1px}.hero p{font-size:14px;line-height:1.8;color:#d0b9f3;margin:0}.cta{margin-top:12px;color:white;background:linear-gradient(110deg,#e83ec6,#8b21df);border:0;border-radius:28px;padding:10px 22px;font-weight:bold;box-shadow:0 4px 17px #a425da55}.slider-dots{position:absolute;bottom:17px;left:50%;display:flex;gap:7px}.slider-dots span{display:block;width:11px;height:6px;border-radius:9px;background:#76709c}.slider-dots .active{width:18px;background:#e653ad}.slider-arrows{position:absolute;left:28px;top:42%;font-size:22px;color:white;text-shadow:0 0 15px white}.dashboard-grid{margin-top:24px;display:grid;grid-template-columns:1fr 1.08fr;gap:22px 25px}.panel-section{min-width:0}.section-heading{height:29px;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section-heading h2{display:flex;align-items:center;gap:8px;margin:0;font-size:17px;font-weight:750;white-space:nowrap}.section-heading h2 svg{color:#ac79eb}.section-heading>a{font-size:11px;color:#d3a3f9}.tile-row{display:flex;gap:9px;min-width:0}.tile{position:relative;flex:1;min-width:0;overflow:hidden;border-radius:10px;background:linear-gradient(#1b192f,#1b182a);border:1px solid #25243c}.tile img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;border-radius:8px}.tile>div,.tile>a>div{padding:7px 5px 8px;min-height:48px;text-align:right}.tile b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.tile small{display:block;color:#afa5c4;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.tile-play{position:absolute;bottom:55px;left:8px;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;border:1px solid #c3abd9;background:#423b5cba;color:white;font-size:13px}.tile button.tile-play:hover{background:#c338df}.albums .tile-row{gap:8px}.albums .tile{flex-basis:20%}.artist-row{display:flex;justify-content:space-between;gap:12px}.artist{text-align:center;flex:1;min-width:0}.artist img{display:block;margin:auto auto 9px;width:min(100%,93px);aspect-ratio:1;border-radius:50%;border:2px solid #8c63e4;object-fit:cover;box-shadow:0 0 12px #8738d766}.artist b{font-size:12px;white-space:nowrap}.recent-list{border:1px solid #29243d;border-radius:13px;background:#191629}.recent-item{width:100%;border:0;border-bottom:1px solid #332b48;background:transparent;color:inherit;padding:7px 11px;display:flex;align-items:center;gap:11px;text-align:right}.recent-item:last-child{border:0}.recent-item img{width:39px;height:39px;object-fit:cover;border-radius:5px}.recent-name{flex:1}.recent-name b,.recent-name small{display:block}.recent-name small{font-size:11px;color:#a99eba}.recent-heart{font-size:21px;color:#e65cbe}.recent-arrow{color:#dbb1ff}.muted{color:#bdb1d1}.player{z-index:20;position:fixed;bottom:0;left:0;right:0;height:95px;border-radius:23px 23px 0 0;border-top:1px solid #635282;background:linear-gradient(110deg,#1b1b31,#171729 55%,#161524);box-shadow:0 -9px 38px #060410b5;display:grid;grid-template-columns:1fr 1.6fr .6fr;gap:18px;align-items:center;padding:11px 32px}.player-track{display:flex;align-items:center;gap:12px;min-width:0}.player-track img{width:58px;height:58px;object-fit:cover;border-radius:8px}.player-track strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-track small{display:block;color:#aaa0bd;margin-top:3px}.player-track #like{border:0;background:transparent;color:#e2d6f1;margin-right:10px}.player-center{display:flex;align-items:center;gap:17px;direction:ltr}.transport{display:flex;align-items:center;gap:13px;white-space:nowrap}.transport button{color:#ddd5ed;background:transparent;border:0;font-size:20px}.transport #toggle{width:49px;height:49px;border-radius:50%;background:linear-gradient(135deg,#c96af3,#7229d4);color:white;border:1px solid #c88bf4;box-shadow:0 0 18px #9a37df99}.progress{display:flex;align-items:center;gap:10px;flex:1;color:#ddd5ed;font:12px Arial;min-width:120px}.progress input{flex:1;min-width:30px}.player input[type=range]{accent-color:#cc6df2;cursor:pointer;height:5px}.volume{display:flex;align-items:center;gap:12px;direction:ltr}.volume input{width:100%;max-width:130px}.song-page{margin:45px auto;background:#201a32;border:1px solid #3d2b56;border-radius:21px;padding:35px;display:flex;align-items:center;gap:35px}.song-page .largecover{width:min(36%,320px);aspect-ratio:1;object-fit:cover;border-radius:17px}.song-page h1{font-size:32px}.song-page h2{color:#ceacff}.song-page p{line-height:2;color:#c4b9d5}.downloads{display:flex;gap:14px;margin-top:20px}.downloads a{padding:12px 22px;border:1px solid #8750cc;background:#392653;border-radius:11px}@media(max-width:1320px){.sidebar{width:225px;flex-basis:225px}.main{max-width:calc(100vw - 225px);padding:0 18px 35px}.topnav{gap:17px}.search{width:250px}.dashboard-grid{gap:16px}.tile b{font-size:11px}}@media(max-width:1060px){.sidebar{width:190px;flex-basis:190px}.main{max-width:calc(100vw - 190px)}.topnav{gap:10px;font-size:12px}.search{width:190px}.dashboard-grid{grid-template-columns:1fr}.hero-photo{width:75%}.premium{padding:12px 7px}.player{grid-template-columns:1fr 1.6fr}.volume{display:none}}@media(max-width:760px){.sidebar{display:none}.main{max-width:100%;padding:0 13px 120px}.topbar{height:65px;gap:9px}.topnav{gap:13px;overflow:auto;scrollbar-width:none}.topnav a:nth-child(n+4){display:none}.search{width:35px;min-width:35px;padding:7px}.search input{display:none}.toolbar{gap:6px}.toolbar button{display:none}.hero{height:245px}.hero-copy{padding:20px}.hero h1{font-size:27px}.hero p{font-size:12px}.hero-photo{width:100%;opacity:.58;background-position:center,left center}.dashboard-grid{display:flex;flex-direction:column}.tile-row{overflow:auto;padding-bottom:8px;scrollbar-width:thin}.tile{flex:0 0 142px}.albums .tile{flex:0 0 142px}.artist{min-width:78px}.artist-row{overflow:auto}.artist img{width:75px}.player{height:83px;padding:9px 13px;grid-template-columns:1fr auto;gap:7px}.player-track{gap:7px}.player-track img{width:45px;height:45px}.player-track strong{font-size:11px}.player-track small{font-size:10px}.player-track #like{display:none}.player-center{gap:6px}.transport{gap:5px}.transport button:not(#toggle){display:none}.transport #toggle{width:43px;height:43px}.progress{display:none}.song-page{flex-wrap:wrap;padding:18px}.song-page .largecover{width:100%;max-width:310px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
.empty-state{padding:40px 15px;border:1px dashed #4c3b69;border-radius:12px;color:#c3b3d7;width:100%;text-align:center}