:root{--bg:#070b13;--bg2:#0d121d;--card:rgba(11,16,27,.85);--text:#edf4ff;--muted:#9aa8bf;--primary:#10d6ff;--secondary:#8f43ff;--accent:#b8ff36;--line:rgba(255,255,255,.08);--radius:22px;--shadow:0 15px 45px rgba(0,0,0,.35)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at top,rgba(16,214,255,.14),transparent 26%),radial-gradient(circle at right,rgba(143,67,255,.12),transparent 25%),linear-gradient(180deg,#05070d 0%,#080d17 100%)}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1200px,calc(100% - 32px));margin:0 auto}.glass{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(16px)}.topbar{position:sticky;top:0;z-index:20;background:rgba(7,11,19,.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav-wrap{display:flex;justify-content:space-between;align-items:center;padding:14px 0;gap:16px}.brand{display:flex;align-items:center;gap:14px}.brand-dot{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 0 16px var(--primary)}.brand small,.muted,.footer-copy,.mini-user{color:var(--muted)}.public-nav,.actions-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.hero,.section{padding:48px 0}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}.hero-card,.hero-side,.admin-card,.product-card,.cat-card,.feature-card,.contact-card{padding:22px;border-radius:var(--radius)}.badge,.tag{display:inline-flex;padding:8px 12px;border-radius:999px;border:1px solid rgba(16,214,255,.25);color:var(--primary);font-size:.86rem}.tag{padding:6px 10px}.hero h1{font-size:clamp(2.2rem,4vw,4.2rem);line-height:1.02;margin:12px 0 16px}.hero-actions,.product-actions,.filter-bar,.kpis,.grid-3,.grid-4,.footer-grid,.stats,.showcase,.form-grid{display:grid;gap:16px}.hero-actions,.filter-bar,.actions-row{display:flex}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:14px;font-weight:700;border:1px solid transparent}.btn-primary{background:linear-gradient(90deg,var(--primary),#2ce1c5);color:#07111a}.btn-secondary{background:linear-gradient(90deg,var(--secondary),#f542b9)}.btn-outline{border-color:var(--line);background:rgba(255,255,255,.02)}.btn-block{width:100%}.stats,.kpis{grid-template-columns:repeat(3,1fr)}.showcase,.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3,.footer-grid{grid-template-columns:repeat(3,1fr)}.stat,.kpi,.mini-card{padding:18px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.02)}.stat strong,.kpi strong{display:block;font-size:1.8rem}.product-card{padding:14px}.product-thumb{width:100%;height:190px;object-fit:cover;border-radius:16px}.product-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px}.price{font-size:1.5rem;color:var(--accent);font-weight:800}.product-actions{grid-template-columns:1fr 1fr;margin-top:14px}.section-head,.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:18px}.input,select,textarea{width:100%;padding:12px 14px;background:rgba(255,255,255,.03);color:var(--text);border:1px solid var(--line);border-radius:14px}textarea{min-height:120px;resize:vertical}label{display:block;margin-bottom:8px;color:var(--muted)}.form-grid{grid-template-columns:repeat(2,1fr)}.form-grid .full{grid-column:1/-1}.alert{padding:14px 16px;border-radius:16px;margin-bottom:16px;border:1px solid var(--line)}.alert-success{background:rgba(86,255,168,.08);color:#9ff6c0}.alert-error{background:rgba(255,94,125,.08);color:#ffc2ce}.footer{padding:28px 0 20px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr}.footer ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:14px 12px;border-bottom:1px solid var(--line);text-align:left}.thumb-small{width:72px;height:52px;object-fit:cover;border-radius:12px}.empty{text-align:center;padding:24px;color:var(--muted)}.admin-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{padding:22px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.side-nav{display:grid;gap:8px;margin-top:22px}.side-nav a{padding:12px 14px;border-radius:14px;color:var(--muted)}.side-nav a:hover{background:rgba(255,255,255,.05);color:var(--text);border:1px solid var(--line)}.admin-main{padding:26px}.login-box{max-width:520px;margin:0 auto}
@media (max-width:1000px){.hero-grid,.grid-4,.grid-3,.footer-grid,.stats,.kpis,.form-grid,.admin-shell{grid-template-columns:1fr 1fr}.admin-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--line)}}
@media (max-width:720px){.hero-grid,.grid-4,.grid-3,.stats,.showcase,.footer-grid,.kpis,.form-grid{grid-template-columns:1fr}.public-nav{display:none}.product-actions{grid-template-columns:1fr}}