/* Boost 1.6 — interfață în stilul VGUI din Half-Life / Counter-Strike 1.6 */
:root{
  --bg:#3e4637; --panel:#4c5844; --inset:#3e4637; --hi:#8c9284; --lo:#292c21;
  --text:#dedfd6; --dim:#a0aa95; --gold:#c4b550; --red:#d9795b; --ok:#9cc073;
  --tier-gold:#c4b550; --tier-silver:#c8ccc2; --tier-bronze:#c48a58;
  color-scheme:dark; box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px);
}
*,*::before,*::after{box-sizing:inherit}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--bg);color:var(--text);font:13px/1.45 Tahoma,Verdana,"Segoe UI",sans-serif}
a{color:var(--gold)}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:1px dotted var(--gold);outline-offset:2px}
[hidden]{display:none!important}

.raised{background:var(--panel);border:1px solid;border-color:var(--hi) var(--lo) var(--lo) var(--hi)}
.sunken{background:var(--inset);border:1px solid;border-color:var(--lo) var(--hi) var(--hi) var(--lo)}
.btn{display:inline-block;background:var(--panel);border:1px solid;border-color:var(--hi) var(--lo) var(--lo) var(--hi);
  padding:5px 14px;cursor:pointer;min-height:30px;text-decoration:none;color:var(--text)}
.btn:active{border-color:var(--lo) var(--hi) var(--hi) var(--lo)}
.btn.primary{color:var(--gold)}
.btn:disabled{color:var(--dim);cursor:default}
.btn.small{padding:3px 10px;min-height:26px}
input,select,textarea{background:var(--inset);border:1px solid;border-color:var(--lo) var(--hi) var(--hi) var(--lo);padding:6px 8px;width:100%;min-height:32px}
textarea{min-height:110px;font:12px/1.5 "Lucida Console",Consolas,monospace}
select option{background:var(--panel)}
input[type=checkbox]{width:auto;min-height:0}

.wrap{max-width:1080px;margin:0 auto;padding:20px 14px 48px}
.hero{margin:10px 0 26px}
.hero h1{font-size:clamp(30px,5.6vw,54px);line-height:1.02;margin:0;color:var(--gold);letter-spacing:-.01em}
.hero p{margin:10px 0 0;color:var(--dim);max-width:56ch;font-size:15px}
.window{margin-bottom:22px}
.titlebar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 10px;border-bottom:1px solid var(--lo)}
.titlebar h2{margin:0;font-size:13px}
.titlebar .x{color:var(--dim);font-size:12px}
.body{padding:14px}
h3{margin:0 0 8px;font-size:13px}
h3.gap{margin-top:24px}

.tabs{display:flex;gap:2px;padding:10px 10px 0;flex-wrap:wrap}
.tab{background:var(--inset);border:1px solid;border-color:var(--hi) var(--lo) transparent var(--hi);padding:6px 14px;cursor:pointer;position:relative;top:1px}
.tab[aria-selected="true"]{background:var(--panel);color:var(--gold)}
.tabpanel{border-top:1px solid var(--hi)}

.scroll{overflow-x:auto}
table{border-collapse:collapse;width:100%;min-width:680px}
th{font-weight:normal;color:var(--dim);text-align:left;padding:5px 8px;border-bottom:1px solid var(--lo);white-space:nowrap}
td{padding:7px 8px;border-bottom:1px solid rgba(0,0,0,.18);white-space:nowrap;vertical-align:middle}
td.wrap-cell{white-space:normal;max-width:280px}
tbody tr:hover{background:rgba(196,181,80,.08)}
tr.t-gold td:first-child{box-shadow:inset 3px 0 var(--tier-gold)}
tr.t-silver td:first-child{box-shadow:inset 3px 0 var(--tier-silver)}
tr.t-bronze td:first-child{box-shadow:inset 3px 0 var(--tier-bronze)}
.tier{display:inline-block;min-width:54px;font-size:12px}
.tier.gold{color:var(--tier-gold)}.tier.silver{color:var(--tier-silver)}.tier.bronze{color:var(--tier-bronze)}
.mono{font-family:"Lucida Console",Consolas,monospace;font-size:12px}
.dim{color:var(--dim)} .err{color:var(--red)} .ok{color:var(--ok)} .gold{color:var(--gold)}
.empty{padding:28px 10px;text-align:center;color:var(--dim)}
.bar{display:inline-block;width:60px;height:8px;margin-right:6px;vertical-align:middle;background:var(--lo)}
.bar i{display:block;height:100%;background:var(--ok)}

.packs{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:18px}
.pack{padding:0;cursor:pointer;text-align:left;width:100%}
.pack .pt{padding:6px 10px;border-bottom:1px solid var(--lo);display:flex;justify-content:space-between;gap:8px}
.pack .pb{padding:12px 10px}
.pack .price{font-size:28px;font-weight:bold}
.pack[aria-pressed="true"]{outline:1px solid var(--gold);outline-offset:-3px}
.pack[aria-disabled="true"]{opacity:.55;cursor:not-allowed}

.grid2{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
label{display:block}
label>span{display:block;color:var(--dim);margin-bottom:4px}
.check{display:flex;gap:8px;align-items:flex-start;margin-top:14px}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px}
.inline{display:flex;gap:8px}
.inline input{flex:1}
.note{padding:12px;margin-top:14px}
.code{font-family:"Lucida Console",Consolas,monospace;color:var(--gold);font-size:16px}
.preview{margin-top:10px;padding:10px}
.status{font-size:12px}
.status.awaiting_payment{color:var(--gold)} .status.paid{color:var(--ok)}
.status.rejected,.status.refunded{color:var(--red)} .status.expired{color:var(--dim)}
.stats{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:18px}
.stat{padding:10px}
.stat b{display:block;font-size:22px}
.foot{color:var(--dim);font-size:12px;max-width:72ch}
.terms{white-space:pre-wrap;color:var(--dim);max-height:220px;overflow:auto;padding:10px;margin-top:10px}
.login{max-width:360px;margin:60px auto}
.gap-top{margin-top:12px}
.botsbox{margin-top:14px;padding:4px 12px 10px}
.bots-opts{margin-top:10px}
.bots-mod{margin:10px 0 0}
.guide h2{font-size:15px;color:var(--gold);margin:22px 0 8px}
.guide pre{overflow-x:auto;padding:10px;margin:8px 0}
.guide li{margin:6px 0}