/*
Theme Name: Mehrgun Beats Pro
Author: Mehrgun Beats
Version: 3.0.0
Description: Premium dark marketplace UI for the Mehrgun Beats platform.
Text Domain: mehrgun-beats
*/
:root{--bg:#08070a;--panel:#121015;--panel2:#19151e;--border:#2a2430;--text:#f7f5fa;--muted:#aaa2b2;--purple:#8b3dff;--purple2:#b16cff;--success:#4ddd9a;--danger:#ff5d72;--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.topbar{height:34px;background:#09080b;border-bottom:1px solid #19151e;display:flex;align-items:center;justify-content:center;font-size:12px;color:#d8d1df}.topbar a{color:var(--purple2);margin-left:8px}
.site-header{min-height:70px;background:#111014;border-bottom:1px solid #211d27}.header-inner{min-height:70px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:9px;font-weight:900;letter-spacing:.5px}.brand-mark{font-size:28px;color:var(--purple)}.brand-name{font-size:14px;line-height:.9}.brand-name span{display:block;font-size:9px;letter-spacing:2px}.nav{display:flex;gap:21px;font-size:13px;color:#d6d0dc}.nav ul{display:flex;gap:21px;list-style:none;margin:0;padding:0}.nav a:hover{color:#fff}.header-search{margin-left:auto;display:flex;align-items:center;width:250px;height:36px;border-radius:20px;background:#1b1920;border:1px solid #28232d;padding:0 14px}.header-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:12px}.header-actions{display:flex;align-items:center;gap:12px;font-size:12px;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:5px;padding:11px 17px;font-weight:700;font-size:12px;border:1px solid var(--border);cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--purple);border-color:var(--purple);color:#fff}.btn-outline{background:transparent;color:#fff}.btn-danger{background:transparent;border-color:#71303b;color:#ff8b9a}
.hero{min-height:470px;background:radial-gradient(circle at 72% 35%,#1b0d2e 0,#08070a 48%);display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.hero h1{font-size:68px;line-height:.95;margin:0 0 22px;letter-spacing:-3px;text-transform:uppercase}.hero p{font-size:16px;color:#c0bac8;margin:0 0 26px}.hero-actions{display:flex;gap:10px}.hero-art{height:330px;position:relative}.hero-art:before{content:"MEHRGUN BEATS";position:absolute;inset:0;display:grid;place-items:center;color:#28212f;font-size:18px;font-weight:800}
.section{padding:44px 0}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.section h2{font-size:20px;margin:0}.see-all{color:var(--purple2);font-size:12px}.beat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.beat-card{background:var(--panel);border:1px solid #241f2a;border-radius:6px;overflow:hidden}.cover{aspect-ratio:1/1;background:linear-gradient(135deg,#1a1128,#08070a);position:relative;overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover}.cover:after{content:"";position:absolute;inset:22%;border:1px solid #3a274c;border-radius:50%;opacity:.6;pointer-events:none}.play{position:absolute;z-index:2;bottom:10px;left:10px;width:36px;height:36px;border-radius:50%;border:0;background:var(--purple);color:#fff;cursor:pointer}.beat-info{padding:12px}.beat-title{font-weight:700;font-size:13px}.beat-meta{font-size:11px;color:var(--muted);margin-top:5px}.beat-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.price{font-weight:700;font-size:12px}.genre-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.genre{height:80px;border-radius:5px;border:1px solid #2a2034;background:linear-gradient(135deg,#1d102c,#110c18);display:flex;align-items:end;padding:12px;font-weight:700}
.page-shell{padding:50px 0;min-height:62vh}.auth-wrap{max-width:480px;margin:20px auto;background:var(--panel);border:1px solid #29232f;border-radius:8px;padding:30px}.auth-wrap h1{margin-top:0}.form-row{margin:14px 0}.form-row label{display:block;font-size:12px;margin-bottom:7px;color:#c7c0cc}.form-row input,.form-row select,.form-row textarea{width:100%;background:#0b0a0d;border:1px solid #2b2630;border-radius:5px;color:#fff;padding:12px;outline:none}.form-row textarea{min-height:120px}.notice{padding:12px;border-radius:5px;background:#1a1422;border:1px solid #3b2850;margin-bottom:16px;font-size:13px}.notice.success{border-color:#286b51;background:#102119}.notice.error{border-color:#71303b;background:#251318}
.dashboard-grid{display:grid;grid-template-columns:240px 1fr;gap:20px}.sidebar{background:var(--panel);border:1px solid #29232f;border-radius:7px;padding:14px;height:max-content}.sidebar a{display:block;padding:11px;border-radius:5px;font-size:13px;color:#c8c1cf}.sidebar a:hover,.sidebar a.active{background:#241635;color:#fff}.panel{background:var(--panel);border:1px solid #29232f;border-radius:7px;padding:20px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{background:#0e0c11;border:1px solid #27212c;border-radius:6px;padding:18px}.stat strong{font-size:25px;display:block}.stat span{font-size:11px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.card{background:var(--panel);border:1px solid #29232f;border-radius:7px;padding:18px}.table-wrap{overflow:auto}.mb-table{width:100%;border-collapse:collapse;font-size:12px}.mb-table th,.mb-table td{text-align:left;padding:12px;border-bottom:1px solid #2a2430}.mb-table th{color:#aaa2b2;font-weight:500}.empty{padding:30px;text-align:center;border:1px dashed #39313f;border-radius:6px;color:var(--muted)}
.player{position:fixed;bottom:0;left:0;right:0;height:64px;background:#101014ed;backdrop-filter:blur(14px);border-top:1px solid #29232f;z-index:50}.player-inner{height:100%;display:flex;align-items:center;gap:18px}.player-info{width:190px;font-size:12px}.player-info small{display:block;color:#99929f;margin-top:4px}.player-controls{display:flex;gap:12px;align-items:center}.player-btn{border:0;background:transparent;color:#fff;font-size:18px;cursor:pointer}.player-play{width:34px;height:34px;border-radius:50%;background:var(--purple);border:0;color:#fff}.progress{flex:1;height:4px;background:#33283e;border-radius:5px;overflow:hidden}.progress span{display:block;width:0;height:100%;background:var(--purple)}.player-buy{margin-left:auto}
.footer{border-top:1px solid #211d27;padding:42px 0 100px;color:#aaa3b0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.footer h3{font-size:12px;color:#fff}.footer a{display:block;font-size:12px;margin:9px 0}
@media(max-width:900px){.nav{display:none}.header-search{width:190px}.hero h1{font-size:52px}.beat-grid{grid-template-columns:repeat(2,1fr)}.genre-grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.container{width:min(100% - 24px,var(--max))}.header-inner{gap:12px}.header-actions{gap:8px}.header-search{display:none}.hero{padding:55px 0}.hero-grid{grid-template-columns:1fr}.hero-art{display:none}.hero h1{font-size:48px}.beat-grid{grid-template-columns:repeat(2,1fr);gap:8px}.footer-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.stats,.cards{grid-template-columns:1fr}.player-info{display:none}.player-buy{display:none}}