:root {
  --bg: #0b0d11;
  --panel: #131720;
  --panel-2: #1a1f2b;
  --text: #f5f7fa;
  --muted: #aab2bf;
  --accent: #ffb000;
  --accent-2: #ff7a00;
  --border: rgba(255,255,255,.08);
}
* { box-sizing: border-box; }
body { margin:0; font-family: Tahoma, Arial, sans-serif; background: linear-gradient(180deg,#0b0d11,#0f131b); color: var(--text); }
a { color: inherit; text-decoration: none; }
.container { width:min(1120px,92%); margin:auto; }
.site-header { position:sticky; top:0; backdrop-filter: blur(10px); background: rgba(11,13,17,.75); border-bottom:1px solid var(--border); }
.nav { display:flex; align-items:center; justify-content:space-between; padding:16px 0; }
.nav nav { display:flex; gap:18px; }
.logo { font-size:28px; font-weight:800; color:var(--accent); }
.hero { padding:72px 0 36px; }
.hero-grid { display:grid; grid-template-columns: 1.4fr .9fr; gap:24px; align-items:center; }
.badge { display:inline-block; background:rgba(255,176,0,.12); color:var(--accent); padding:8px 12px; border-radius:999px; border:1px solid rgba(255,176,0,.2); }
h1 { font-size:42px; line-height:1.3; margin:18px 0; }
p { color:var(--muted); line-height:1.9; }
.actions { display:flex; gap:12px; margin-top:18px; }
.btn { display:inline-block; padding:12px 18px; border-radius:12px; font-weight:700; transition:.2s; border:1px solid var(--border); }
.btn:hover { transform: translateY(-2px); }
.primary { background: linear-gradient(135deg,var(--accent),var(--accent-2)); color:#111; }
.secondary { background: var(--panel); }
.glass, .product-card, .form-card, .stat-box, .login-box { background: rgba(19,23,32,.9); border:1px solid var(--border); box-shadow:0 16px 30px rgba(0,0,0,.25); }
.card, .product-card, .form-card, .stat-box, .login-box { border-radius:20px; padding:22px; }
.section { padding:30px 0 60px; }
.cards { display:grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap:18px; }
.price { font-size:22px; font-weight:800; color:var(--accent); margin:10px 0 14px; }
.site-footer { padding:28px 0; border-top:1px solid var(--border); margin-top:32px; color:var(--muted); }
ul { padding-right:20px; line-height:2; color:var(--muted); }
.admin-body { background:#0a0d13; }
.login-box { width:min(420px,92%); margin:90px auto; }
input, button { width:100%; }
label { display:block; margin:12px 0 8px; }
input { background:var(--panel-2); color:var(--text); border:1px solid var(--border); border-radius:12px; padding:12px 14px; }
button { cursor:pointer; }
.alert { padding:12px 14px; border-radius:12px; margin:14px 0; }
.success { background: rgba(25, 135, 84, .15); border:1px solid rgba(25,135,84,.35); }
.error { background: rgba(220, 53, 69, .15); border:1px solid rgba(220,53,69,.35); }
.admin-layout { display:grid; grid-template-columns: 250px 1fr; min-height:100vh; }
.sidebar { background:#0f141d; border-left:1px solid var(--border); padding:22px; display:flex; flex-direction:column; gap:12px; }
.sidebar a { padding:10px 12px; border-radius:12px; background:rgba(255,255,255,.03); }
.content { padding:28px; }
.stats-grid { display:grid; grid-template-columns: repeat(3,1fr); gap:16px; margin-top:18px; }
.stat-box strong { display:block; font-size:34px; margin-top:8px; color:var(--accent); }
.table { width:100%; border-collapse: collapse; margin-top:20px; background:var(--panel); overflow:hidden; border-radius:18px; }
.table th, .table td { border-bottom:1px solid var(--border); padding:12px; text-align:right; }
.narrow { width:min(720px,92%); }
code { color:#ffd166; }
@media (max-width: 860px) {
  .hero-grid, .admin-layout, .stats-grid { grid-template-columns: 1fr; }
  h1 { font-size: 32px; }
}