*{box-sizing:border-box}
:root{
 --bg:#050706;--black:#060807;--panel:#0a0d0b;--panel2:#101412;
 --gold:#e39c2b;--gold2:#bf7619;--line:#66410f;--cream:#eee4d4;
 --muted:#a69b8a;--green:#264b36;--red:#8a2a22
}
html{background:var(--bg)}
body{margin:0;background:
 radial-gradient(circle at 50% -10%,rgba(95,58,17,.18),transparent 24%),
 #050706;color:var(--cream);font:12px/1.45 Arial,Helvetica,sans-serif}
button,input,select,textarea{font:inherit}
button,a{cursor:pointer}
header{height:82px;display:flex;align-items:center;padding:0 18px;background:#050706;border-bottom:1px solid #3c2912;position:sticky;top:0;z-index:20;box-shadow:0 8px 26px rgba(0,0,0,.28)}
.brand{display:flex;align-items:center;gap:10px;width:310px}
.headstock{font-size:30px;color:var(--gold)}
.brand b{display:block;font-size:21px;letter-spacing:.035em;color:#f0ece4}
.brand small{display:block;color:var(--gold);font-weight:800;letter-spacing:.11em;margin-top:1px}
nav{display:flex;justify-content:center;gap:25px;flex:1}
nav a{font-size:10px;color:#e7e0d7;font-weight:700;letter-spacing:.02em}
.userbar{display:flex;align-items:center;gap:13px;white-space:nowrap;font-size:10px}
.userbar button,.gold{background:linear-gradient(#f2aa39,#c7781c);color:#111;border:1px solid #f2b552;padding:10px 15px;border-radius:3px;font-weight:900;box-shadow:0 5px 16px rgba(210,128,25,.16)}
.hero{position:relative;min-height:353px;background:
 linear-gradient(90deg,rgba(4,5,4,.99) 0%,rgba(5,6,5,.97) 31%,rgba(5,6,5,.74) 45%,rgba(5,6,5,.10) 77%,rgba(5,6,5,.30) 100%),
 url('/img/hero.jpg') center right/cover no-repeat;border-bottom:1px solid #412b12}
.hero .copy{width:43%;padding:26px 24px 22px}
.hero h1{font:900 62px/.92 Impact,Arial Black,sans-serif;letter-spacing:.02em;margin:0;color:#f3eee5;text-shadow:0 5px 20px #000}
.hero h2{font-size:22px;color:var(--gold);margin:7px 0 9px;font-weight:900}
.hero p{font-size:15px;color:#ded6cb;margin:0;max-width:540px}
.hero .stats{position:absolute;right:16px;top:15px;width:148px}
.stat{background:rgba(4,6,5,.88);border:1px solid #4e3514;padding:11px 10px;margin-bottom:7px;color:#bdb4a7;box-shadow:0 7px 19px rgba(0,0,0,.2)}
.stat b{color:#f0e8dc;font-size:18px}
.search{position:absolute;left:14px;bottom:12px;width:54%;background:rgba(7,10,8,.95);border:1px solid #6a4314;padding:10px;border-radius:3px;box-shadow:0 12px 30px rgba(0,0,0,.34)}
.searchtabs{display:flex;gap:18px;color:#dba24a;font-size:9px;font-weight:800;margin-bottom:8px}
.searchgrid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 82px;gap:6px}
select,input,textarea{background:#e9e0d1;color:#111;border:0;padding:8px;border-radius:2px;width:100%;font-size:10px}
.micro{color:#b29668;font-size:9px;margin-top:7px}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:7px 14px;background:#050706}
.feature{height:168px;border:1px solid #563915;background:#090c0a;border-radius:4px;position:relative;overflow:hidden}
.feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62}
.feature:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,8,7,.97),rgba(6,8,7,.65) 53%,rgba(6,8,7,.1))}
.feature .inner{position:relative;z-index:2;padding:12px;width:64%}
.feature .num{display:inline-block;border:1px solid #28a799;border-radius:50%;padding:3px 7px;color:#3dc9ba;margin-right:8px;font-size:12px}
.feature:nth-child(2) .num{border-color:#d49127;color:#f3a631}.feature:nth-child(3) .num{border-color:#8c46a1;color:#d078e5}.feature:nth-child(4) .num{border-color:#d12525;color:#ff3939}
.feature h3{display:inline;font-size:15px}.feature p{font-size:10px;color:#d4cbc0;margin:9px 0 0 31px}
.feature button{position:absolute;left:12px;bottom:10px;z-index:3;background:#0d100f;color:#ddd;border:1px solid #78501c;padding:6px 10px;font-size:9px}
.racksec,.visualstrip,.trust{margin:0 14px 7px;border:1px solid #503615;background:#080b09}
.rackhead{padding:8px 10px;border-bottom:1px solid #2a2115}.rackhead b{font-size:14px}
.rackgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:6px}
.rackcard{height:124px;border:1px solid #382812;background:#0b0e0c;position:relative;overflow:hidden;padding:7px}
.rackcard img{position:absolute;left:0;top:0;width:47%;height:100%;object-fit:cover;opacity:.84}.rackcard .info{margin-left:48%;padding-left:8px;position:relative;z-index:2}
.score{background:#223622;color:#9ed799;font-size:8px;padding:2px 5px;display:inline-block}.rackcard h4{margin:8px 0 2px;font-size:11px}.rackcard p{font-size:9px;color:#aaa;margin:3px 0}.link{color:#e4a23c;font-size:9px;font-weight:800}
.add{display:grid;place-items:center;text-align:center;border-style:dashed;color:#e8a43d}
.visualstrip img{display:block;width:100%;height:auto}.trust img{display:block;width:100%;height:auto}
.page{padding:20px 14px;min-height:650px;background:radial-gradient(circle at 50% 0,#151006,#060807 38%)}
.page h1{font:900 40px Impact;margin:0 0 18px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.card,.form{border:1px solid var(--line);background:linear-gradient(145deg,#0b0f0c,#080a09);padding:13px;box-shadow:0 10px 30px rgba(0,0,0,.14)}.card h3{color:#e6a13d;margin:5px 0}.price{font-size:20px;color:#e8a33a;font-weight:bold}.form{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:900px}.wide{grid-column:1/-1}.notice{position:fixed;right:18px;bottom:18px;background:#161108;border:1px solid var(--gold);padding:14px;z-index:30;box-shadow:0 10px 30px #000}
footer{display:flex;justify-content:space-between;margin:8px 14px 0;border-top:1px solid #352714;padding:12px;color:#777;font-size:9px}
@media(max-width:1000px){nav{display:none}.userbar span{display:none}.hero .copy{width:58%}.search{width:70%}.searchgrid{grid-template-columns:1fr 1fr 1fr}.features,.cards{grid-template-columns:1fr 1fr}.rackgrid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.hero{min-height:520px}.hero .copy{width:100%;padding:20px}.hero h1{font-size:49px}.search{position:absolute;width:calc(100% - 28px)}.searchgrid,.features,.cards,.rackgrid,.form{grid-template-columns:1fr}.wide{grid-column:auto}.stats{display:none}}

/* V0.5 — Search controls refined to match approved visual */
.search{
  background:linear-gradient(180deg,rgba(8,10,9,.98),rgba(5,7,6,.98));
  border:1px solid #7a4c13;
  box-shadow:0 14px 34px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.025);
}
.searchtabs{
  display:flex;
  gap:5px;
  align-items:center;
  margin-bottom:9px;
  color:#b99a69;
}
.searchtabs .stab{
  appearance:none;
  border:1px solid #4b3316;
  background:#0b0e0c;
  color:#b9aa95;
  border-radius:3px;
  padding:7px 11px;
  font-size:9px;
  font-weight:900;
  letter-spacing:.035em;
  transition:.15s ease;
}
.searchtabs .stab:hover{
  border-color:#956321;
  color:#f0d3a4;
  background:#12130f;
}
.searchtabs .stab.active{
  background:linear-gradient(180deg,#eaa43b,#c57a1c);
  color:#130d05;
  border-color:#f0b654;
  box-shadow:0 0 0 1px rgba(240,182,84,.1),0 5px 14px rgba(211,131,27,.12);
}
.searchgrid select,.searchgrid input{
  height:34px;
  border:1px solid #c9bba4;
  background:linear-gradient(#f1e8d8,#e3d8c7);
  color:#191510;
  font-weight:700;
  padding:7px 9px;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.08);
}
.searchgrid select:focus,.searchgrid input:focus{
  outline:2px solid rgba(224,151,43,.35);
  border-color:#d39735;
}
.searchgrid .searchbtn{
  height:34px;
  background:linear-gradient(180deg,#efa83c,#c3781b);
  color:#120c04;
  border:1px solid #f2b656;
  border-radius:3px;
  font-weight:1000;
  letter-spacing:.035em;
  box-shadow:0 5px 14px rgba(209,128,26,.18);
}
.searchgrid .searchbtn:hover{
  filter:brightness(1.07);
}
.search-tools{
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:7px;
  flex-wrap:wrap;
}
.search-tool{
  border:1px solid #4b351b;
  background:#0c100e;
  color:#cbbba3;
  padding:5px 9px;
  border-radius:3px;
  font-size:8px;
  font-weight:800;
}
.search-tool:hover{
  color:#f0c889;
  border-color:#8c5a20;
}

/* V0.6 Payments & Earnings */
.paygrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}
.paymetric{border:1px solid var(--line);background:linear-gradient(145deg,#0c100e,#080a09);padding:16px}
.paymetric small{color:#a89b87}.paymetric b{display:block;color:#e6a23a;font-size:25px;margin-top:5px}
.moneyflow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:center;margin:18px 0}
.flowbox{border:1px solid #604019;background:#0a0d0b;padding:16px;text-align:center;min-height:108px}
.flowbox b{display:block;font-size:22px;color:#e6a23a;margin:7px 0}.arrow{color:#e6a23a;font-size:25px}
.sale-table{width:100%;border-collapse:collapse;margin-top:15px}.sale-table th,.sale-table td{border-bottom:1px solid #2d2418;padding:9px;text-align:right}.sale-table th:first-child,.sale-table td:first-child{text-align:left}.sale-table th{color:#d9a04a;font-size:10px}
.bankbox{border:1px solid #4d3618;background:#0a0d0b;padding:16px;margin-top:18px}.bankline{display:flex;justify-content:space-between;gap:20px;margin:8px 0}
@media(max-width:800px){.paygrid{grid-template-columns:1fr 1fr}.moneyflow{grid-template-columns:1fr}.arrow{transform:rotate(90deg)}}

/* V0.7 Back Office */
.adminstats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:15px 0}
.adminstat{border:1px solid var(--line);background:#0a0e0c;padding:14px}.adminstat small{color:#998d79}.adminstat b{display:block;color:#e5a03a;font-size:24px;margin-top:4px}
.admincols{display:grid;grid-template-columns:1.1fr .9fr;gap:12px}.adminbox{border:1px solid var(--line);background:#090d0b;padding:14px;margin-bottom:12px}
.job{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #2c2418}.job small{color:#968b79}
.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:8px;border-bottom:1px solid #292118;text-align:left;font-size:10px}.admin-table th{color:#d69b42}.mini-btn{background:#15110a;color:#e4d8c6;border:1px solid #6a4618;padding:5px 7px;margin:2px;font-size:9px}.mini-btn.good{border-color:#3f754c;color:#a6dbad}.mini-btn.bad{border-color:#7a2c22;color:#e99a91}.event{font-size:10px;padding:7px 0;border-bottom:1px solid #262018;color:#b6aa98}
@media(max-width:850px){.adminstats{grid-template-columns:1fr 1fr}.admincols{grid-template-columns:1fr}}

/* V0.8 Auth & self-managed core */
.authwrap{max-width:720px;margin:0 auto}.authgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.authbox{border:1px solid var(--line);background:#0a0d0b;padding:18px}.authbox h2{color:#e6a13a}.badge{display:inline-block;padding:3px 7px;border:1px solid #5b401b;color:#dba04a;font-size:9px}.noteitem{border:1px solid #3d2d19;background:#0a0d0b;padding:10px;margin:7px 0}.noteitem.unread{border-color:#a56b20}.accountline{color:#e5a23c!important}
@media(max-width:700px){.authgrid{grid-template-columns:1fr}}

/* V1.0 Beta release marker */
.beta-tag{display:inline-block;font-size:8px;letter-spacing:.16em;border:1px solid #9a651f;color:#e4a23c;padding:3px 5px;margin-right:7px;vertical-align:middle}