:root{--bg:#181416;--panel:#211c1e;--panel2:#372e30;--text:#f4f5ec;--muted:#b7afa9;--violet:#7ade3a;--cyan:#7ade3a;--line:#4c4142;--green:#7ade3a;--gold:#ffe14d}
body{background:radial-gradient(circle at 78% 6%,rgba(122,222,58,.12),transparent 28rem),linear-gradient(180deg,#181416,#131011);color:var(--text)}
.topbar{height:72px;background:rgba(24,20,22,.94);border-bottom:1px solid rgba(122,222,58,.34);box-shadow:0 8px 30px rgba(0,0,0,.25)}
.topbar nav a{color:#d9d5cf}.topbar nav a:hover{color:var(--green)}
.profile img{border:2px solid var(--green);box-shadow:0 0 16px rgba(122,222,58,.22)}
.hero{min-height:650px;background-image:linear-gradient(90deg,#181416 4%,rgba(24,20,22,.88) 43%,rgba(24,20,22,.25)),url('assets/home_03.png');position:relative}
.hero:after{content:"";position:absolute;left:7vw;right:7vw;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--green),var(--gold),transparent);box-shadow:0 0 16px rgba(122,222,58,.55)}
.eyebrow{color:var(--green)}
.gradient{background:linear-gradient(90deg,#fff 5%,var(--green) 52%,#b5ff73);-webkit-background-clip:text;color:transparent}
.hero h1{letter-spacing:-.045em;text-shadow:0 8px 30px rgba(0,0,0,.34)}
.hero p{color:#c5bdb8}
.button{border-radius:5px;background:linear-gradient(105deg,#66c92d,var(--green));color:#15210f;box-shadow:0 9px 24px rgba(122,222,58,.18);transition:.2s}
.button:hover{transform:translateY(-2px);background:linear-gradient(105deg,var(--green),#9cff5f);box-shadow:0 12px 30px rgba(122,222,58,.3)}
.stats{gap:10px}.stat{border-radius:4px;border:1px solid #4b4142;border-left:3px solid var(--green);background:rgba(55,46,48,.76)}.stat b{color:var(--gold)}
.section{position:relative}.section-head{padding-bottom:18px;border-bottom:1px solid #453b3d}.section-head h2{letter-spacing:-.035em}.section-head h2:after{content:"";display:block;width:72px;height:3px;margin-top:13px;background:linear-gradient(90deg,var(--green),var(--gold))}
.grid{gap:16px}
.card{border-radius:4px;border:1px solid #4a4142;background:linear-gradient(145deg,#372e30,#211c1e);box-shadow:0 14px 35px rgba(0,0,0,.22);overflow:hidden}
.card:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,transparent,var(--green),transparent);opacity:.68}
.card:hover{transform:translateY(-6px);border-color:var(--green);box-shadow:0 16px 38px rgba(0,0,0,.3),0 0 0 1px rgba(122,222,58,.16)}
.card>img:not(.badge-image){aspect-ratio:1/1;border-bottom:1px solid #493f40;filter:saturate(.94) contrast(1.03)}
.card-body{padding:18px 17px 20px}.card h3{font-size:18px;letter-spacing:-.01em}.card p{color:#bdb4af}.price{color:var(--gold)}
.badge-image{top:9px;left:9px;width:86px!important;filter:drop-shadow(0 4px 7px rgba(0,0,0,.75))!important}
.badge-image.new{width:96px!important}
.platform,.member,.metric,.table-wrap{border-radius:5px;border-color:#4a4142;background:linear-gradient(145deg,#372e30,#211c1e)}
.platform:hover,.member:hover{border-color:var(--green)}
.page-hero{background:linear-gradient(180deg,rgba(55,46,48,.64),transparent);border-bottom:1px solid rgba(122,222,58,.25)}
.search,.tab{border-radius:4px;background:#2b2426;border-color:#514648}.search:focus{outline:2px solid rgba(122,222,58,.45)}.tab.active{background:var(--green);color:#172111;border-color:var(--green)}
.sidebar{background:#181416;border-right-color:#453b3d}.sidebar button{border-radius:4px}.sidebar button.active,.sidebar button:hover{background:#372e30;color:var(--green);box-shadow:inset 3px 0 var(--green)}
.admin-main{background:radial-gradient(circle at 90% 0,rgba(122,222,58,.07),transparent 25rem)}
.product-form{border-radius:5px;background:#211c1e;border-color:#4c4142}.product-form input,.product-form textarea,.product-form select{border-radius:4px;background:#181416;border-color:#55494b}.product-form input:focus,.product-form textarea:focus,.product-form select:focus{outline:2px solid rgba(122,222,58,.34);border-color:var(--green)}
.delete-product{border-radius:4px;background:#37252b}
table{background:#211c1e}th{color:var(--green)}tr:hover td{background:rgba(122,222,58,.035)}
footer{background:#141113;border-top:1px solid rgba(122,222,58,.25)}
@media(max-width:900px){.hero{min-height:560px}.grid{gap:13px}}
@media(max-width:600px){.hero{background-position:62% center}.card{border-radius:3px}.card-body{padding:16px}.section-head{align-items:flex-start;flex-direction:column}}