:root{--bg: #2d2216;--bg-dark: #21170f;--panel: #3a2b1b;--panel-2: #4a3722;--text: #efe1c2;--sub: #c7b58f;--line: #6e5532;--gold: #d4aa52;--danger: #b04536}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);font-family:Georgia,Times New Roman,serif;background:radial-gradient(circle at 14% 10%,rgba(198,148,76,.3),transparent 42%),radial-gradient(circle at 82% 88%,rgba(124,87,39,.3),transparent 36%),linear-gradient(180deg,#2f2114,#21170f 52%,#1b130d)}.layout{max-width:1160px;margin:28px auto;padding:0 20px 40px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;border:1px solid rgba(132,100,57,.55);border-radius:14px;padding:14px 16px;background:linear-gradient(180deg,#553f26bf,#392918c7);box-shadow:inset 0 1px #ffe1aa24,0 10px 22px #00000042}.topbar>div:first-child{flex:1 1 auto;min-width:0}h1{margin:0;color:#f4d48a;letter-spacing:.5px;text-shadow:0 1px 0 #000}.subtitle{color:var(--sub);margin:5px 0 0}.userBadge{border:1px solid #8e6a3a;padding:8px 13px;border-radius:999px;background:linear-gradient(180deg,#4f3a23,#3f2d1b);box-shadow:inset 0 1px #ffe1aa29}.topbarControls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.langLabel{color:var(--sub);font-size:12px;text-transform:uppercase;letter-spacing:.8px}.langSwitch{display:inline-flex;gap:6px}.langSwitch button{padding:6px 10px;font-size:13px}.langSwitch button.active{border-color:#d4aa52;box-shadow:0 0 0 1px #d4aa5259 inset}.profpackMenu summary{list-style:none;cursor:pointer;border:1px solid var(--line);padding:8px 12px;border-radius:999px;background:var(--panel)}.profpackMenu[open] div{position:absolute;margin-top:6px;right:18px;border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:var(--panel-2);z-index:30}.cartBadgeButton{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:8px 12px;font-weight:700}.cartBadgeWrap{position:relative}.cartBadgeButton span{min-width:22px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#00000040;border:1px solid #8d6f40}.cartModal{width:min(520px,100%)}.cartHoverTooltip{position:absolute;top:calc(100% + 8px);right:0;width:260px;padding:12px;border:1px solid #7c623b;border-radius:10px;background:linear-gradient(180deg,#4b3825,#3a2b1b);box-shadow:0 8px 16px #00000059;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease;z-index:20}.cartHoverTooltip ul{margin:8px 0;padding-left:18px}.cartHoverTooltip li{margin-bottom:4px}.cartBadgeWrap:hover .cartHoverTooltip{opacity:1;transform:translateY(0)}.navPanel{display:flex;flex-wrap:wrap;gap:10px;border:1px solid #7a5c34;border-radius:14px;padding:12px;background:linear-gradient(180deg,#584027d1,#3b2b1bdb);margin-bottom:16px;box-shadow:inset 0 1px #ffe1aa1a,0 8px 18px #00000038}.navPanel a,.navPanel button{text-decoration:none;color:var(--text);border:1px solid #7c623b;background:linear-gradient(180deg,#5a432a,#46321f);padding:8px 14px;border-radius:10px;font-family:inherit;box-shadow:inset 0 1px #ffe1aa24}.navPanel .navLinkActive{border-color:#d4aa52;box-shadow:0 0 0 1px #d4aa5259 inset;filter:brightness(1.09)}.navPanel a:hover,.navPanel button:hover{filter:brightness(1.08)}.card{background:linear-gradient(180deg,#513a24,#3a2b1b);border:1px solid #7a5d37;border-radius:16px;padding:18px;box-shadow:inset 0 1px #ffebb41a,0 16px 30px #0000004d;margin-bottom:16px}.card h2{margin:0;color:#f0cf84}.authCard{width:min(700px,100%);margin:24px auto 16px}.authCard h2,.authCard>.subtitle{text-align:center}.formGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:12px 0}input,button,select{font-family:inherit;border-radius:10px;border:1px solid #7b633e;padding:10px 12px;color:var(--text)}input,select{background:#2a1f13;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus{outline:none;border-color:#d4aa52;box-shadow:0 0 0 3px #d4aa5238}button{cursor:pointer;background:linear-gradient(180deg,#9f7440,#744f2a);border-color:#b5884b;box-shadow:0 5px 12px #00000040,inset 0 1px #ffe8b94d;transition:transform .14s ease,filter .14s ease,box-shadow .14s ease;font-weight:700;letter-spacing:.15px}button:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 8px 16px #00000054,inset 0 1px #ffe8b957}button:active{transform:translateY(0)}button.ghost{background:#ffffff05;border-color:#7c623b;box-shadow:inset 0 1px #ffe1aa1f}button.danger{background:linear-gradient(180deg,#be6150,#993a2b);border-color:#a44233}button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.categoryBar{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.categoryBar button.active{border-color:#d4aa52;box-shadow:0 0 0 1px #d4aa5259 inset}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.product{border:1px solid #725734;background:linear-gradient(180deg,#3627189e,#21180f8c);border-radius:12px;padding:12px;box-shadow:inset 0 1px #ffe1aa14,0 8px 16px #0003;transition:transform .15s ease,box-shadow .15s ease}.product:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffe1aa1a,0 12px 18px #00000047}.product h3{margin:0 0 8px}.productFooter{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.cartItems{display:grid;gap:8px}.cartItem{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid #6d5232;padding-bottom:8px}.cartFooter{margin-top:10px;display:grid;gap:8px}.cartActions{display:flex;gap:8px;flex-wrap:wrap}.productIcon{width:84px;height:84px;object-fit:cover;border-radius:10px;border:1px solid #80643c;margin-bottom:8px}.adminIcon{width:32px;height:32px;object-fit:cover;border-radius:6px;border:1px solid #80643c}strong{color:var(--gold)}table{width:100%;border-collapse:collapse;margin-top:12px}thead{background:#d4aa5224}th,td{border-bottom:1px solid #6d5232;padding:10px 8px;text-align:left}tbody tr:hover{background:#fada8e12}.alert{position:sticky;bottom:10px;border:1px solid #9a7440;border-radius:12px;padding:12px 14px;background:linear-gradient(180deg,#896236,#6b4a26);box-shadow:0 12px 24px #00000047}.modalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000094;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.modalCard{width:min(840px,100%);background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:inset 0 1px #ffebb414,0 14px 26px #00000073}.modalCard h3{margin:0;color:#f0cf84}.modalPreview{display:flex;align-items:center;gap:10px;margin:4px 0 12px;color:var(--sub)}.modalActions{display:flex;gap:8px}.paymentResult{margin-top:12px;border:1px solid #6d5232;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px}.paymentResultSuccess{background:#2c62364d;border-color:#4f9d5f}.paymentResultFailed{background:#8531274d;border-color:#b45d4b}.paymentIcon{width:42px;height:42px;border-radius:999px;border:1px solid currentColor;display:inline-flex;align-items:center;justify-content:center;font-size:22px}.authPanel{display:grid;gap:14px;margin-top:12px}.authPanelCentered{max-width:560px;margin:8px auto 0;justify-items:center}.authPanelForm{border:1px solid rgba(212,170,82,.35);border-radius:16px;padding:24px;background:linear-gradient(180deg,#140e0970,#0e0a0652);box-shadow:inset 0 1px #ffebb41a,0 18px 30px #00000057}.authPanelForm .formGrid{width:100%;grid-template-columns:1fr;margin:0 0 12px}.authPanelForm input{text-align:left}.authPanelForm button{width:100%;margin-top:6px;font-size:16px;font-weight:700;padding:12px 14px}.authPanelFooter{margin-top:14px;text-align:center;color:var(--sub)}.authPanelFooter p{margin:0}.authPanelFooter a{color:#f4d48a}.captchaBox{width:100%;margin:8px 0 12px;border:1px solid #7b633e;border-radius:12px;padding:12px;background:#0000002e}.captchaHeader{display:flex;justify-content:space-between;align-items:center;gap:10px}.captchaImage{width:min(100%,240px);height:72px;object-fit:contain;border-radius:8px;border:1px solid #6d5232;margin:8px 0;background:#1f150d}@media (max-width: 860px){.authPanelCentered{max-width:100%}}.grantStateCell{display:inline-flex;align-items:center;gap:8px}.grantLogButton{width:24px;height:24px;border-radius:999px;padding:0;font-weight:700;line-height:1}.grantLogPre{margin:10px 0 12px;padding:12px;border-radius:10px;border:1px solid #7b633e;background:#22170f;color:var(--text);max-height:420px;overflow:auto;white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;line-height:1.45}.topupPackagesList{display:grid;gap:10px;margin:12px 0}.topupPackageRow{display:grid;grid-template-columns:minmax(180px,2fr) minmax(120px,1fr) minmax(120px,1fr) minmax(100px,.8fr) auto auto;gap:10px;align-items:center}.topupPackageRow>input,.topupPackageRow>button{margin:0}.topupActiveToggle{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}@media (max-width: 980px){.topupPackageRow{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width: 900px){.topbar{flex-direction:column;align-items:stretch}.topbarControls{flex-wrap:wrap;justify-content:flex-start}.navPanel a,.navPanel button{flex:1 1 calc(50% - 10px);text-align:center}}.card h2{padding-bottom:10px;margin-bottom:8px;border-bottom:1px solid rgba(212,170,82,.24)}.card>.subtitle{margin-bottom:14px}.formGrid{gap:12px}.formGrid>span{align-self:center;color:var(--sub)}.categoryBar{margin:14px 0;padding:10px;border:1px solid rgba(130,98,57,.5);border-radius:12px;background:#0000001f}.categoryBar button{min-height:38px}.grid{gap:14px}.product h3{font-size:18px;color:#f3d18a}.product .subtitle{min-height:40px}.productFooter{margin-top:12px;padding-top:10px;border-top:1px dashed rgba(212,170,82,.24)}.productFooter button{min-width:124px}table{border:1px solid rgba(130,98,57,.58);border-radius:12px;overflow:hidden;background:#0000001a}thead{background:linear-gradient(180deg,#d4aa523d,#d4aa5226)}th{font-size:12px;letter-spacing:.35px;text-transform:uppercase;color:#f0d8a7}tbody tr:nth-child(2n){background:#ffffff08}tbody tr:hover{background:#fada8e1c}th,td{padding:11px 10px}.grantStateCell span{display:inline-flex;padding:3px 9px;border-radius:999px;border:1px solid rgba(212,170,82,.3);background:#0003}.grantLogButton{box-shadow:0 3px 9px #00000038}.modalCard{border-radius:16px;border-color:#87673e}.modalActions{margin-top:8px;justify-content:flex-end}.topupPackageRow{border:1px solid rgba(126,96,56,.45);border-radius:12px;padding:10px;background:#0000001a}.alert{font-weight:600}@media (max-width: 900px){table{font-size:13px}th,td{padding:9px 7px}}