:root{font-family:Arial,sans-serif;color:#f7f4fa;background:#080910}*{box-sizing:border-box}body{margin:0;background:#080910}button,input,select{font:inherit}button{border:0;border-radius:10px;padding:12px 17px;background:linear-gradient(100deg,#8d30e6,#f06c2a);color:#fff;font-weight:bold;cursor:pointer}.hidden{display:none!important}.panel-brand{color:#fff;text-decoration:none;font-size:24px;font-weight:900}.panel-brand span,.eyebrow,header small{color:#ce70ff}.panel-login{min-height:100vh;padding:30px max(24px,7vw);background:radial-gradient(circle at 90% 0,#4a1d70,transparent 38%),#080910}.login-grid{min-height:78vh;display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.login-grid h1{max-width:690px;margin:13px 0;font-size:65px;line-height:1}.login-grid>div>p,.surface>p,.section-head p{color:#aaa1b1}.surface{padding:27px;border:1px solid #3b3343;border-radius:18px;background:#17151ddd}.surface h2{margin-top:0}label{display:block;margin:15px 0 7px;color:#d9d1df;font-size:14px}input,select{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #554a5e;border-radius:9px;background:#0e0d13;color:#fff}.surface>button,.surface form>button{width:100%;margin-top:12px}.message{min-height:22px;color:#ffad9b}.panel{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.panel aside{position:sticky;top:0;height:100vh;padding:28px 16px;display:flex;flex-direction:column;border-right:1px solid #29242f;background:#0c0c13}.panel aside nav{display:grid;gap:7px;margin-top:45px}.panel aside nav button{display:flex;gap:12px;align-items:center;padding:13px;background:transparent;color:#aaa3b0;text-align:left}.panel aside nav button.active{background:linear-gradient(90deg,#6823a1,#44203a);color:#fff}.panel aside nav i{width:22px;text-align:center;font-style:normal}.aside-user{margin-top:auto;padding:15px;border-radius:13px;background:#17151e}.aside-user b,.aside-user small{display:block;overflow:hidden;text-overflow:ellipsis}.aside-user small{margin-top:5px;color:#928a99}.aside-user button{width:100%;margin-top:12px;padding:8px;background:#2a2530}.panel main{min-width:0;padding:0 34px 70px;background:radial-gradient(circle at 100% 0,#28113c,transparent 28%),#080910}.panel main>header{height:105px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #29242f}.panel main>header h1{margin:5px 0 0}.panel main>header span{color:#b7afbd}.panel-section{padding-top:30px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stats article{padding:22px;border:1px solid #39313f;border-radius:16px;background:#17151ddd}.stats small{color:#9b92a1}.stats b{display:block;margin-top:14px;font-size:31px}.welcome{margin-top:20px;display:flex;justify-content:space-between;align-items:center}.welcome button{width:auto}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.section-head h2{margin:0;font-size:28px}.section-head p{margin-bottom:0}.item-list{display:grid;gap:12px}.item{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px;border:1px solid #39313f;border-radius:15px;background:#17151ddd}.item h3{margin:0 0 7px}.meta{display:flex;gap:10px;flex-wrap:wrap;color:#9f96a6;font-size:13px}.badge{padding:6px 10px;border-radius:20px;background:#3e2b22;color:#ffc09a;font-size:12px;font-weight:bold}.badge.active{background:#173d35;color:#8de6c3}.item-actions{display:flex;gap:7px}.item-actions button{padding:8px 10px;background:#2a2530}.item-actions .danger{background:#552634}.empty{padding:40px;border:1px dashed #453b4b;border-radius:15px;text-align:center;color:#99909f}.activation{max-width:800px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.plans label{position:relative;margin:0}.plans input{position:absolute;opacity:0}.plans span{display:block;padding:19px 10px;border:2px solid #3c3443;border-radius:13px;text-align:center}.plans b,.plans strong,.plans small{display:block}.plans strong{margin:9px 0 4px;font-size:24px}.plans small{color:#aaa0b0}.plans input:checked+span{border-color:#c45eff;background:#3c2052}.plans em{position:absolute;z-index:2;top:-10px;left:50%;padding:3px 8px;border-radius:12px;background:#f16e2a;font-size:10px;font-style:normal;transform:translateX(-50%)}.code{text-align:center;text-transform:uppercase;font-size:27px;letter-spacing:5px;font-weight:bold}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.profile-grid .surface button{width:100%}dialog{width:min(560px,calc(100% - 25px));border:0;background:transparent;color:#fff}dialog::backdrop{background:#000c}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{margin:0}.plain{padding:5px 10px;background:transparent;font-size:25px}@media(max-width:800px){.login-grid{grid-template-columns:1fr}.login-grid h1{font-size:43px}.panel{grid-template-columns:76px 1fr}.panel aside{padding:22px 9px}.panel aside .panel-brand span,.panel aside nav button:not(.active){font-size:0}.panel aside .panel-brand{font-size:18px}.panel aside nav button{justify-content:center}.aside-user b,.aside-user small{display:none}.panel main{padding:0 18px 55px}.stats,.plans,.profile-grid{grid-template-columns:1fr}.welcome,.section-head,.item{align-items:stretch;flex-direction:column}.item-actions{justify-content:flex-start}}
.playlist-license{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;margin-top:14px}.playlist-license>div{padding:11px 12px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(10,11,18,.45)}.playlist-license small{display:block;color:#9d96aa;margin-bottom:5px}.playlist-license strong{display:block;font-size:14px}.playlist-license-empty{margin-top:12px;color:#9d96aa;font-size:13px}.playlist-license-item{align-items:flex-start}.playlist-license-item>div:first-child{flex:1}@media(max-width:800px){.playlist-license{grid-template-columns:repeat(2,minmax(0,1fr))}}

.activation{max-width:980px}.welcome-actions{display:flex;gap:10px;flex-wrap:wrap}.nav-purchase{font-weight:700}.plans{grid-template-columns:repeat(3,1fr)}.plans-loading{grid-column:1/-1;padding:24px;border:1px dashed #453b4b;border-radius:13px;color:#aaa0b0;text-align:center}.retail-note{margin:-10px 0 20px;color:#aaa1b1;font-size:13px}.checkout-dialog{width:min(520px,calc(100% - 24px))}.checkout-card{position:relative;text-align:center}.checkout-close{position:absolute;top:12px;right:12px}.checkout-amount{display:block;margin:14px 0;font-size:29px;color:#ff8b54}.checkout-qr{display:flex;align-items:center;justify-content:center;min-height:250px;margin:18px auto;padding:12px;border-radius:10px;background:#fff}.checkout-qr img{display:block;max-width:230px;height:auto}.checkout-link{display:block;margin:16px 0;padding:13px;border-radius:10px;background:linear-gradient(100deg,#8d30e6,#f06c2a);color:#fff;text-decoration:none;font-weight:bold}.checkout-state{display:block;margin-top:14px;color:#d98aff}.checkout-state.success{color:#8de6c3}.checkout-state.failed{color:#ffad9b}@media(max-width:1000px){.plans{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.plans{grid-template-columns:1fr}}

@media (max-width:640px){body{overflow-x:hidden}.panel-login{padding:18px 14px}.login-grid{min-height:auto;gap:25px;padding-top:24px}.login-grid h1{font-size:35px;line-height:1.08}.surface{padding:19px;border-radius:15px}button,input,select{min-height:46px}.panel{display:block}.panel aside{position:sticky;top:0;z-index:30;width:100%;height:auto;padding:8px 10px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;border-right:0;border-bottom:1px solid #302a36}.panel aside .panel-brand img{width:74px;height:40px}.panel aside nav{display:flex;gap:5px;margin:0;overflow-x:auto;scrollbar-width:none}.panel aside nav::-webkit-scrollbar{display:none}.panel aside nav button,.panel aside nav button:not(.active){min-width:48px;min-height:44px;padding:10px;justify-content:center;font-size:0;flex:0 0 auto}.panel aside nav i{width:24px}.aside-user{margin:0;padding:0;background:transparent}.aside-user b,.aside-user small{display:none}.aside-user button{width:auto;min-height:40px;margin:0;padding:8px 10px}.panel main{padding:0 13px 70px}.panel main>header{height:auto;min-height:76px;padding:14px 0}.panel main>header h1{font-size:23px}.panel main>header span{display:none}.panel-section{padding-top:18px}.stats{grid-template-columns:1fr 1fr;gap:9px}.stats article{padding:16px}.stats article:last-child{grid-column:1/-1}.stats b{font-size:26px}.welcome,.section-head,.item{align-items:stretch;flex-direction:column}.welcome{gap:14px}.welcome button,.section-head button{width:100%}.section-head{gap:12px}.section-head h2{font-size:25px}.item{padding:16px;overflow-wrap:anywhere}.badge{align-self:flex-start}.item-actions{display:grid;grid-template-columns:1fr;width:100%}.item-actions button{width:100%;min-height:44px}.playlist-license{grid-template-columns:1fr 1fr}.plans,.profile-grid{grid-template-columns:1fr}.plans span{padding:16px}.code{font-size:22px;letter-spacing:3px}dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:10px;border-radius:0}.dialog-head{position:sticky;top:0;background:#17151d;z-index:2}.empty{padding:25px 16px}}

.panel-login{position:relative}.panel-login>.panel-brand{position:absolute;z-index:2;top:20px;left:calc(max(24px,7vw) - 28px);display:block;width:190px;height:190px}.panel-login>.panel-brand img{display:block!important;width:190px!important;height:190px!important;object-fit:contain!important;object-position:center!important}@media(max-width:640px){.panel-login>.panel-brand{top:4px;left:-3px;width:132px;height:132px}.panel-login>.panel-brand img{width:132px!important;height:132px!important}.login-grid{padding-top:92px}}