:root{--bg:#f4f6f8;--surface:#ffffff;--text:#18212b;--muted:#6b7280;--primary:#8b1e1e;--primary-2:#c9472e;--gold:#d4a64a;--gold-2:#f3df9c;--dark:#101820;--success:#198754;--line:#e8edf3;--shadow:0 12px 32px rgba(16,24,32,.08)}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}
a{text-decoration:none}.text-muted{color:var(--muted)!important}
.public-body{background:linear-gradient(180deg,#f8fafc 0%,#f5f7fa 100%)}
.public-navbar{background:rgba(16,24,32,.9);backdrop-filter:blur(10px)}
.brand-logo{width:56px;height:56px;object-fit:contain;border-radius:14px;background:#fff;padding:4px}
.hero-modern{background:radial-gradient(circle at top right, rgba(212,166,74,.18), transparent 34%),linear-gradient(135deg,#111827 0%, #7d1d1d 48%, #b8402b 100%);padding:4.8rem 0;color:#fff}
.hero-chip,.section-kicker{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .9rem;border-radius:999px;font-weight:700;font-size:.92rem}
.hero-chip{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff}
.section-kicker{background:#fff7e6;color:#95681f}
.hero-title{font-size:clamp(2.1rem,5vw,4rem);line-height:1.05;font-weight:800;max-width:780px}
.hero-text{font-size:1.08rem;color:rgba(255,255,255,.86);max-width:650px}
.hero-panel{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(18px);padding:1.75rem;border-radius:28px;box-shadow:var(--shadow)}
.hero-logo{width:130px;max-width:100%;display:block;margin:auto;background:#fff;border-radius:24px;padding:10px}
.hero-contact{display:flex;align-items:center;gap:.7rem;padding:.7rem 0;border-bottom:1px solid rgba(255,255,255,.12)}
.hero-contact:last-child{border-bottom:0}
.glass-metric{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12);padding:1rem;border-radius:20px;text-align:center}.glass-metric strong{display:block;font-size:1.55rem}.glass-metric span{color:#f1f5f9;font-size:.9rem}
.section-head h2{font-weight:800;margin:.35rem 0 .45rem}.section-head p{max-width:720px;margin:auto;color:var(--muted)}
.category-scroll{display:flex;gap:.85rem;flex-wrap:wrap;justify-content:center}.cat-pill{border:1px solid var(--line);background:#fff;padding:.8rem 1rem;border-radius:999px;font-weight:700;color:var(--text);box-shadow:0 6px 18px rgba(0,0,0,.03)}.cat-pill span{background:#f3f4f6;padding:.2rem .45rem;border-radius:999px;margin-left:.35rem}.cat-pill.active,.cat-pill:hover{background:var(--dark);color:#fff}.cat-pill.active span,.cat-pill:hover span{background:rgba(255,255,255,.14);color:#fff}
.catalog-shell,.admin-card,.card-soft,.catalog-toolbar,.contact-card-modern{background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}
.search-xl{border-radius:18px;padding:1rem 1.1rem;border:1px solid #d7dee8;background:#fbfcfd}
.product-showcase{background:#fff;border-radius:26px;overflow:hidden;border:1px solid var(--line);box-shadow:0 14px 34px rgba(16,24,32,.08);transition:transform .2s ease, box-shadow .2s ease}.product-showcase:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(16,24,32,.14)}
.product-photo-wrap{position:relative;background:linear-gradient(180deg,#f8fafc,#eef2f7);height:250px;display:flex;align-items:center;justify-content:center;padding:1rem}.product-photo{max-width:100%;max-height:100%;object-fit:contain;display:block;filter:drop-shadow(0 14px 24px rgba(0,0,0,.12))}
.product-category{font-size:.82rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#9a6d1f}.product-name{font-size:1.28rem;font-weight:800;margin:.2rem 0 0}
.stock-badge{display:inline-block;padding:.45rem .75rem;border-radius:999px;background:#edf7ef;color:#0f7a37;font-weight:700;font-size:.84rem}.stock-badge.low{background:#fff0f0;color:#c62828}
.product-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.product-meta div{background:#f8fafc;border:1px solid var(--line);padding:.75rem .85rem;border-radius:16px}.product-meta span{display:block;color:var(--muted);font-size:.82rem}.product-meta strong{display:block;margin-top:.15rem}
.price-label{color:var(--muted);font-size:.85rem}.product-price{font-size:1.65rem;font-weight:800;color:#111827}
.contact-card-modern{padding:2rem}
.contact-list{display:grid;gap:1rem}.contact-list div{background:#f8fafc;border:1px solid var(--line);padding:1rem;border-radius:16px;font-weight:600}
.topbar{background:linear-gradient(90deg,#111827,#1f2937)}
.hero,.hero-card,.info-card,.highlight-card,.mini-tile,.contact-strip{display:none}
.stats-card{background:linear-gradient(180deg,#ffffff,#f8fafc);border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 28px rgba(15,23,42,.06)}
.small-muted{font-size:.84rem;color:var(--muted)}
.login-wrap{min-height:100vh;background:linear-gradient(135deg,#eef2ff,#f8fafc)}
.login-brand{background:linear-gradient(145deg,#111827,#7d1d1d), url('../img/products/login-side.png') center/cover no-repeat}
.admin-layout .admin-sidebar{min-height:100vh;background:linear-gradient(180deg,#101820,#182433);color:#fff;position:sticky;top:0}
.admin-user-box{padding:1rem;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.admin-sidebar .nav-link{color:rgba(255,255,255,.88);border-radius:14px;padding:.82rem 1rem;margin-bottom:.35rem}.admin-sidebar .nav-link.active,.admin-sidebar .nav-link:hover{background:rgba(255,255,255,.11);color:#fff}
.admin-content-wrap{background:#f3f6fa;min-height:100vh}
.form-control,.form-select{border-radius:14px;padding:.82rem 1rem;border-color:#d7dee8}.form-control:focus,.form-select:focus{border-color:#b8402b;box-shadow:0 0 0 .2rem rgba(184,64,43,.12)}
.btn{border-radius:14px}.btn-primary{background:#b8402b;border-color:#b8402b}.btn-primary:hover{background:#9e3725;border-color:#9e3725}
.dashboard-header{background:linear-gradient(135deg,#111827,#1f2937);color:#fff;border-radius:28px;padding:2rem;box-shadow:var(--shadow)}
.dashboard-metric{background:#fff;border:1px solid var(--line);border-radius:22px;padding:1.25rem;box-shadow:var(--shadow)}.dashboard-metric .value{font-size:1.8rem;font-weight:800}.dashboard-metric .label{color:var(--muted);font-weight:600}
.dashboard-metric .sub{font-size:.9rem;color:var(--muted)}
.table-modern{--bs-table-bg:transparent;--bs-table-border-color:#e7ecf2}.table-modern thead th{background:#f8fafc;color:#475569;font-size:.83rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:0;white-space:nowrap}.table-modern>:not(caption)>*>*{padding:1rem .85rem;vertical-align:middle}.table-modern tbody tr{background:#fff}.table-modern tbody tr:hover{background:#f9fbfd}
.dataTables_wrapper .dataTables_filter input,.dataTables_wrapper .dataTables_length select{border:1px solid #d7dee8;border-radius:12px;padding:.42rem .7rem;background:#fff}.dataTables_wrapper .dataTables_paginate .paginate_button{border-radius:10px !important;border:1px solid transparent !important}.dataTables_wrapper .dataTables_paginate .paginate_button.current{background:#111827 !important;color:#fff !important;border-color:#111827 !important}
.badge-soft{background:#f8fafc;border:1px solid var(--line);padding:.4rem .7rem;border-radius:999px;font-weight:700;color:#334155}
.barcode-box,.customer-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:1rem}.scan-result{font-size:.94rem;color:var(--muted)}
.product-picker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.75rem;max-height:320px;overflow:auto}.quick-product{border:1px solid var(--line);border-radius:18px;padding:.85rem;background:#fff;text-align:left;transition:.15s ease}.quick-product:hover{border-color:#b8402b;transform:translateY(-2px);box-shadow:0 10px 20px rgba(16,24,32,.08)}
.product-thumb-sm{width:56px;height:56px;object-fit:cover;border-radius:14px;border:1px solid var(--line);background:#fff}.product-thumb-lg{width:96px;height:96px;object-fit:contain;border-radius:18px;border:1px solid var(--line);background:#fff;padding:6px}
.table-responsive{border-radius:20px}
.public-footer,.footer-dark{background:linear-gradient(180deg,#0f172a,#111827);color:#fff}
@media (max-width:991px){.admin-layout .admin-sidebar{position:static;min-height:auto}.hero-modern{padding:4rem 0}.product-photo-wrap{height:230px}}
@media (max-width:767px){.brand-logo{width:48px;height:48px}.hero-title{font-size:2.2rem}.dashboard-header{padding:1.4rem}.product-picker-grid{grid-template-columns:1fr 1fr}.product-photo-wrap{height:215px}.contact-card-modern{padding:1.25rem}}
@media (max-width:575px){.product-picker-grid{grid-template-columns:1fr}.glass-metric strong{font-size:1.2rem}.search-xl{padding:.9rem 1rem}}

.closure-card{border-radius:24px;padding:1.2rem;color:#fff;box-shadow:0 14px 32px rgba(15,23,42,.12)}
.closure-card .kicker{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;opacity:.85}
.closure-card .amount{font-size:1.85rem;font-weight:800;line-height:1.1;margin-top:.35rem}
.closure-card .meta{font-size:.9rem;opacity:.9;margin-top:.35rem}
.gradient-cash{background:linear-gradient(135deg,#0f172a,#1d4ed8)}
.gradient-flow{background:linear-gradient(135deg,#0f766e,#14b8a6)}
.gradient-business{background:linear-gradient(135deg,#7c2d12,#f97316)}
.gradient-safe{background:linear-gradient(135deg,#14532d,#22c55e)}