@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#f5f7ff;font-synthesis:none;text-rendering:optimizelegibility;background:#080b18;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:#080b18;min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0}.loading-screen{color:#9ba3c6;background:#080b18;place-items:center;min-height:100vh;font-size:13px;display:grid}.auth-screen{background:radial-gradient(circle at 50% 0,#5b4bd238,#0000 42%),#080b18;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#11142be0;border:1px solid #ffffff1a;border-radius:24px;width:min(100%,430px);padding:42px;box-shadow:0 30px 90px #0006}.auth-mark{margin-bottom:26px}.auth-card .section-kicker{color:#a49bff}.auth-card h1{letter-spacing:-.04em;margin:12px 0 10px;font:600 30px Space Grotesk}.auth-card p{color:#8f96b2;margin:0 0 28px;font-size:13px;line-height:1.6}.auth-card form{gap:17px;display:grid}.auth-card label,.admin-form label{color:#b7bed9;gap:8px;font-size:12px;font-weight:600;display:grid}.auth-card input,.admin-form input{color:#fff;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:10px;outline:0;width:100%;height:43px;padding:0 13px;font-size:13px}.auth-card input:focus,.admin-form input:focus{border-color:#8c79ff}.auth-card small{color:#656c89;margin-top:20px;font-size:10px;line-height:1.5;display:block}.form-error{color:#ff9daa;background:#d9485e1f;border-radius:8px;padding:10px;font-size:11px}.wide{justify-content:center;width:100%}.app-shell{background:radial-gradient(circle at 77% 13%,#5c43d61f,#0000 27%),#080b18;min-height:100vh;display:flex}.sidebar{background:#0b0e1ed1;border-right:1px solid #ffffff0e;flex-direction:column;flex-shrink:0;width:244px;min-height:100vh;padding:28px 18px 22px;display:flex}.brand-mark{letter-spacing:-.06em;background:linear-gradient(135deg,#7a57ff,#32c6e9);border-radius:13px;place-items:center;width:42px;height:42px;font-family:Space Grotesk;font-size:12px;font-weight:700;display:grid;overflow:hidden;box-shadow:0 9px 27px #4d5dff40}.brand-mark img{object-fit:cover;width:100%;height:100%}.official-mark{margin-bottom:0}.brand-name{letter-spacing:.06em;color:#f7f8ff;margin:12px 0 8px;font:700 16px Space Grotesk}.brand-name strong,.mobile-brand strong{color:#9b87ff}.official-domain{color:#5f6785;text-overflow:ellipsis;max-width:170px;margin:0 0 42px;font-size:9px;overflow:hidden}.nav-list{gap:9px;display:grid}.nav-item,.settings,.logout-btn{color:#7c829d;text-align:left;background:0 0;border-radius:12px;align-items:center;gap:13px;width:100%;padding:13px 14px;font-weight:500;transition:all .2s;display:flex}.nav-item:hover,.settings:hover,.logout-btn:hover{color:#e9eaff;background:#ffffff0d}.nav-item.active{color:#fff;background:linear-gradient(100deg,#7557ff38,#4d57bd14);box-shadow:inset 3px 0 #8e79ff}.nav-icon{color:#a49eff;text-align:center;width:18px;font-size:19px;line-height:1}.sidebar-bottom{gap:14px;margin-top:auto;display:grid}.connection{color:#7f88a2;align-items:center;gap:8px;padding:0 13px;font-size:10px;display:flex}.status-dot,.live-dot{background:#42d79f;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #42d79fb3}.settings,.logout-btn{padding-bottom:3px;font-size:12px}.logout-btn{color:#6f7794}.main-content{width:min(100%,1440px);padding:0 34px 20px;overflow:hidden}.topbar{justify-content:space-between;align-items:center;gap:28px;height:92px;display:flex}.search-box{color:#7d83a0;background:#ffffff0b;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:11px;width:min(390px,46vw);height:42px;padding:0 14px;display:flex}.search-box span{font-size:22px;transform:rotate(-17deg)}.search-box input{color:#fff;background:0 0;border:0;outline:0;width:100%;font-size:13px}.search-box input::placeholder{color:#6e748e}.top-actions{align-items:center;gap:20px;display:flex}.profile{align-items:center;gap:10px;display:flex}.avatar{color:#d9dcff;background:linear-gradient(135deg,#292f67,#5e4d9c);border-radius:11px;place-items:center;width:35px;height:35px;font-weight:700;display:grid}.profile-copy{gap:2px;min-width:74px;display:grid}.profile-copy strong{font-size:12px;font-weight:600}.profile-copy span{color:#777e9a;text-overflow:ellipsis;max-width:180px;font-size:10px;overflow:hidden}.mobile-brand{letter-spacing:.08em;font:700 15px Space Grotesk;display:none}.hero-card{background:linear-gradient(100deg,#161a40 0%,#212051 50%,#172646 100%);border:1px solid #978cff29;border-radius:24px;min-height:372px;display:flex;position:relative;overflow:hidden;box-shadow:0 28px 70px #00000030}.hero-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 77%,#47c5e73d,#0000 22%),radial-gradient(circle at 48% 110%,#7649f547,#0000 48%);position:absolute;inset:0}.hero-copy{z-index:1;width:53%;padding:48px 18px 35px 46px;position:relative}.eyebrow,.section-kicker{color:#8e92b3;letter-spacing:.14em;align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.hero-copy h1{letter-spacing:-.055em;margin:19px 0 14px;font:700 clamp(36px,4vw,55px)/1.03 Space Grotesk}.hero-copy h1 span{color:#ad9aff}.hero-copy p{color:#a6a8c4;max-width:420px;margin:0;font-size:13px;line-height:1.65}.hero-actions{align-items:center;gap:16px;margin-top:27px;display:flex}.primary-btn{color:#fff;background:#8268fc;border-radius:11px;align-items:center;gap:10px;padding:13px 17px;font-size:12px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 13px 24px #6851f13d}.primary-btn:hover{background:#947eff;transform:translateY(-2px)}.primary-btn:disabled{opacity:.6;transform:none}.ghost-btn{color:#d1d3e4;background:0 0;padding:13px 0;font-size:12px}.ghost-btn span,.see-all span{color:#9f8cff;margin-left:8px}.hero-meta{color:#8085a5;align-items:center;gap:11px;margin-top:34px;font-size:10px;display:flex}.hero-meta i{background:#6e72a0;border-radius:50%;width:3px;height:3px}.hero-art{opacity:.9;background:linear-gradient(120deg,#0000 2%,#22245b1a 40%),url(https://images.unsplash.com/photo-1519608487953-e999c86e7455?auto=format&fit=crop&w=1200&q=80) 50%/cover;flex:1;min-height:372px;position:relative}.hero-art:after{content:"";background:linear-gradient(90deg,#1b1b47 0%,#1a1c4a6b 45%,#0d142f1a),linear-gradient(#0000 45%,#0f122980);position:absolute;inset:0}.orb{filter:blur(2px);opacity:.45;z-index:1;border-radius:50%;position:absolute}.orb-one{background:radial-gradient(circle at 40% 35%,#89e5ed,#5565e8 55%,#0000 70%);width:180px;height:180px;top:6%;right:10%}.orb-two{filter:blur(22px);background:#af7bff;width:85px;height:85px;bottom:10%;right:35%}.hero-player{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#101331b3;border:1px solid #ffffff2e;border-radius:15px;flex-direction:column;justify-content:space-between;width:min(245px,42%);height:143px;padding:15px;display:flex;position:absolute;top:50%;right:11%;transform:translateY(-50%);box-shadow:0 16px 40px #00000047}.player-top,.player-bottom{color:#b8bbd2;justify-content:space-between;align-items:center;font-size:9px;display:flex}.player-top span:first-child{color:#9f94ff;letter-spacing:.1em;font-size:8px;font-weight:700}.play-circle{color:#fff;background:#907cff;border-radius:50%;align-self:center;place-items:center;width:43px;height:43px;padding-left:2px;font-size:13px;display:grid;box-shadow:0 0 0 9px #998bfe1f}.progress{background:#ffffff2e;border-radius:99px;width:120px;height:3px}.progress span{background:#a496ff;border-radius:99px;width:38%;height:100%;display:block}.content-section{margin-top:34px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:17px;display:flex}.section-kicker{color:#827cba;font-size:9px}.section-heading h2{letter-spacing:-.035em;margin:6px 0 0;font:600 20px Space Grotesk}.see-all{color:#858ba7;background:0 0;font-size:11px}.category-grid{grid-template-columns:repeat(5,minmax(105px,1fr));gap:12px;display:grid}.category-card{text-align:left;background-position:50%;background-size:cover;border-radius:13px;flex-direction:column;justify-content:center;align-items:flex-start;min-height:76px;padding:14px 17px;transition:all .2s;display:flex}.category-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #0000003d}.category-card span{font:600 15px Space Grotesk}.category-card small{color:#b9bad1;margin-top:4px;font-size:9px}.poster-grid{grid-template-columns:repeat(4,minmax(140px,1fr));gap:15px;display:grid}.poster-card{cursor:pointer}.poster-image{background-color:#151936;background-position:50%;background-size:cover;border-radius:13px;height:178px;position:relative;overflow:hidden}.poster-overlay{background:linear-gradient(#0000 45%,#080a189e);position:absolute;inset:0}.poster-play{opacity:0;background:#836dff;border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:37px;height:37px;padding-left:2px;font-size:11px;transition:all .2s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.poster-card:hover .poster-play{opacity:1}.poster-card h3{margin:11px 0 3px;font-size:13px;font-weight:600}.poster-card p{color:#727a99;margin:0;font-size:10px}.empty-state{color:#737b99;text-align:center;border:1px dashed #ffffff1a;border-radius:14px;grid-column:1/-1;padding:30px;font-size:12px}.admin-panel{padding:20px 0}.admin-badge{color:#a89cff;background:#705bff17;border:1px solid #8978ff40;border-radius:8px;padding:7px 10px;font-size:10px}.metric-row{grid-template-columns:repeat(3,1fr);gap:13px;margin:24px 0;display:grid}.metric-card{background:#0e1229bf;border:1px solid #ffffff13;border-radius:15px;padding:17px 19px}.metric-card span{color:#7b83a0;font-size:10px;display:block}.metric-card strong{color:#f3f4ff;white-space:nowrap;text-overflow:ellipsis;margin-top:8px;font:600 17px Space Grotesk;display:block;overflow:hidden}.ok-text{color:#50dca5!important}.warning-text{color:#ffbe70!important}.admin-columns{grid-template-columns:1fr 1fr;gap:16px;display:grid}.admin-form{background:#0e1229bf;border:1px solid #ffffff14;border-radius:20px;gap:17px;padding:25px;display:grid}.form-title{align-items:flex-start;gap:12px;margin-bottom:4px;display:flex}.form-title h3{margin:0 0 5px;font:600 16px Space Grotesk}.form-title p{color:#737b99;margin:0;font-size:10px;line-height:1.45}.panel-icon{color:#a395ff;background:#846cff21;border-radius:9px;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.admin-form small{color:#707795;font-size:10px}.reseller-create,.reseller-table-wrap{margin-top:16px}.inline-fields{grid-template-columns:1fr 1fr auto;align-items:end;gap:14px;display:grid}.reseller-table{gap:8px;display:grid}.reseller-row{background:#ffffff06;border:1px solid #ffffff0e;border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.reseller-avatar{background:linear-gradient(135deg,#6750dc,#27305b);border-radius:10px;place-items:center;width:36px;height:36px;font-weight:700;display:grid;overflow:hidden}.reseller-avatar img{object-fit:cover;width:100%;height:100%}.reseller-main{flex:1;gap:4px;display:grid}.reseller-main strong{font-size:12px}.reseller-main small{color:#737b99;font-size:9px}.logo-upload{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;padding:8px 10px;position:relative;color:#a8adca!important;font-size:10px!important;display:inline-flex!important}.logo-upload input{opacity:0;cursor:pointer;height:100%;position:absolute;inset:0}.notice{color:#83e8be;background:#42d79f14;border:1px solid #42d79f33;border-radius:10px;margin-top:15px;padding:11px 14px;font-size:11px}.reseller-brand-card{background:linear-gradient(120deg,#231e4fcc,#0f132ccc);border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:20px;margin:24px 0 16px;padding:24px;display:flex}.brand-preview{background:linear-gradient(135deg,#765bff,#2bbcd6);border:1px solid #ffffff1f;border-radius:20px;place-items:center;width:82px;height:82px;font:700 24px Space Grotesk;display:grid;overflow:hidden}.brand-preview img{object-fit:cover;width:100%;height:100%}.reseller-brand-card h3{margin:0 0 7px;font:600 16px Space Grotesk}.reseller-brand-card p{color:#858da9;max-width:570px;margin:0;font-size:12px;line-height:1.55}.logo-form{max-width:650px}.video-player-overlay{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050712eb;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.video-player-container{background:#0e122b;border:1px solid #ffffff1a;border-radius:20px;width:min(100%,1000px);overflow:hidden;box-shadow:0 25px 60px #0009}.video-player-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.video-player-header h3{margin:0;font-family:Space Grotesk;font-size:16px}.close-player-btn{color:#a3aac5;background:0 0;border-radius:8px;width:32px;height:32px;font-size:18px}.video-wrapper{aspect-ratio:16/9;background:#000;place-items:center;width:100%;display:grid;position:relative}.video-error{text-align:center;color:#ff8e8e;padding:30px;font-size:13px}footer{color:#5e6581;letter-spacing:.06em;border-top:1px solid #ffffff0f;justify-content:space-between;margin:55px 2px 0;padding-top:18px;font-size:9px;display:flex}@media (width<=1040px){.sidebar{width:210px}.main-content{padding-inline:24px}.admin-columns{grid-template-columns:1fr}.inline-fields{grid-template-columns:1fr 1fr}.inline-fields .primary-btn{grid-column:1/-1;justify-self:start}}@media (width<=800px){.sidebar{align-items:center;width:80px;padding-inline:11px}.brand-name,.official-domain,.nav-item span:last-child,.settings span,.logout-btn span,.connection{display:none}.nav-list{width:100%}.nav-item{justify-content:center;padding-inline:0}.sidebar-bottom{width:100%}.settings,.logout-btn{justify-content:center;padding-inline:0}.main-content{padding-inline:18px}.metric-row{grid-template-columns:1fr}.reseller-row{align-items:flex-start}.logo-upload{margin-left:auto}}@media (width<=620px){.app-shell{display:block}.sidebar{display:none}.main-content{padding:0 14px 18px}.topbar{gap:12px;height:75px}.mobile-brand{white-space:nowrap;display:block}.search-box{flex:1;width:auto}.profile-copy{display:none}.hero-card{min-height:525px;display:block}.hero-copy{width:100%;padding:34px 25px}.hero-copy h1{font-size:40px}.hero-art{min-height:185px;position:absolute;bottom:0;left:0;right:0}.hero-player{width:55%;height:120px;top:50%;right:10%}.category-grid{padding-bottom:6px;display:flex;overflow:auto}.category-card{flex:0 0 135px}.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.poster-image{height:170px}.hero-meta{gap:6px;font-size:9px}.admin-panel{padding-top:8px}.admin-form{padding:18px}.inline-fields{grid-template-columns:1fr}.inline-fields .primary-btn{grid-column:auto}.reseller-brand-card{flex-direction:column;align-items:flex-start}.reseller-row{flex-wrap:wrap}.reseller-main{min-width:calc(100% - 50px)}footer{gap:8px;display:grid}}