:root{
	--bg:#f6f8fb; --primary:#0b72b9; --muted:#6b7280; --card:#ffffff; --accent:#06b6d4;
}
*{box-sizing:border-box}
body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; margin:0; padding:0; color:#111; background:var(--bg)}
.container { max-width:1100px; margin:28px auto; padding:0 20px }
.site-header { background:linear-gradient(90deg,var(--primary), #0a5fa0); color:white; padding:14px 0; box-shadow:0 2px 6px rgba(11,114,185,0.12) }
.site-header .container{display:flex;align-items:center;justify-content:space-between}
.site-header a.brand{color:white;font-weight:600;text-decoration:none;font-size:18px}
.site-header nav a{color:rgba(255,255,255,0.95);margin-left:14px;text-decoration:none}

.admin-dropdown{position:relative;display:inline-block}
.admin-dropdown .admin-menu{display:none;position:absolute;right:0;background:var(--card);color:#111;padding:8px;border-radius:8px;box-shadow:0 6px 18px rgba(16,24,40,0.12)}
.admin-dropdown .admin-menu a{display:block;padding:6px 10px;color:inherit;text-decoration:none}
.admin-dropdown .admin-menu a:hover{background:#f3f7fb}
.admin-dropdown.show .admin-menu{display:block}

.grid{display:grid;grid-template-columns:1fr 360px;gap:20px}
.card{background:var(--card);border-radius:10px;padding:16px;box-shadow:0 1px 4px rgba(16,24,40,0.06)}
h1,h2,h3{margin:0 0 10px}

.products{width:100%;border-collapse:separate;border-spacing:0}
.products th { text-align:left;padding:10px;color:var(--muted);font-size:13px }
.products td{padding:12px;border-top:1px solid #eef2f7 }
.products tr:first-child td{border-top:none}

.muted{color:var(--muted)}
.btn{display:inline-block;background:var(--primary);color:white;padding:8px 12px;border-radius:8px;border:none;cursor:pointer}
.btn.ghost{background:transparent;border:1px solid #e6edf6;color:var(--primary)}
.btn.danger{background:#ef4444}

form.inline{display:flex;gap:8px;align-items:center}
input[type="number"], input[type="text"], select{padding:8px;border:1px solid #e6eef6;border-radius:8px}

.packs-list{margin-top:8px}
.pack-row{display:flex;gap:8px;align-items:center;margin-bottom:8px}
.pack-row input{width:120px}

@media (max-width:900px){.grid{grid-template-columns:1fr}.site-header .container{flex-direction:column;gap:10px;align-items:flex-start}}