:root{--orange:#f97316;--orange-dark:#ea580c;--ink:#20252a;--sidebar:#1f2429;--muted:#6b7280;--line:#e5e7eb;--bg:#f4f6f9}*{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;color:var(--ink);background:var(--bg)}a{text-decoration:none}.btn-primary{--bs-btn-bg:var(--orange);--bs-btn-border-color:var(--orange);--bs-btn-hover-bg:var(--orange-dark);--bs-btn-hover-border-color:var(--orange-dark)}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:var(--sidebar);padding:22px 14px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;color:#fff;font-weight:750;font-size:18px;padding:8px 12px}.brand i{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--orange);font-size:20px}.sidebar nav{display:grid;gap:5px;margin-top:30px}.sidebar nav a,.logout{display:flex;align-items:center;gap:12px;color:#aeb6bf;padding:12px 14px;border-radius:9px}.sidebar nav a:hover,.sidebar nav a.active{background:#2d3339;color:#fff}.sidebar nav a.active i{color:var(--orange)}.logout{margin-top:auto}.page{grid-column:2}.page>header{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;gap:15px}.page>header span{margin-left:auto;color:var(--muted)}.menu-toggle{display:none;border:0;background:none;font-size:24px}.page main{padding:28px;max-width:1500px}.welcome{padding:34px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#272d33,#1d2125);display:flex;justify-content:space-between;align-items:center}.welcome h1{font-size:29px;margin:8px 0}.welcome p{color:#b7bec6;margin:0}.welcome>i{font-size:90px;color:rgba(249,115,22,.75)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:#fdba74}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}.metrics a{background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px;display:flex;align-items:center;gap:16px;color:inherit}.metric-icon{width:52px;height:52px;border-radius:13px;display:grid;place-items:center;font-size:23px}.metric-icon.orange{background:#ffedd5;color:#ea580c}.metric-icon.blue{background:#dbeafe;color:#2563eb}.metrics small,.metrics strong{display:block}.metrics small{color:var(--muted)}.metrics strong{font-size:25px;margin-top:3px}.content-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.content-head h1{font-size:27px;margin:0}.content-head p{color:var(--muted);margin:5px 0 0}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.search{padding:18px;display:flex;gap:10px;border-bottom:1px solid var(--line)}.search i{align-self:center;color:var(--muted)}.search input{flex:1;border:0;outline:0}.table{margin:0}.table th{font-size:12px;text-transform:uppercase;color:var(--muted);background:#fafafa}.table td,.table th{padding:14px 18px}.table code{color:#c2410c;background:#fff7ed;padding:5px 8px;border-radius:6px}.empty{text-align:center;padding:40px!important;color:var(--muted)!important}.pagination-wrap{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border-top:1px solid var(--line);color:var(--muted)}.pagination-wrap div{display:flex;gap:8px}.verify-page{min-height:100vh;background:radial-gradient(circle at 10% 10%,#ffedd5,transparent 35%),linear-gradient(135deg,#f8fafc,#eef2f7)}.verify-wrap{max-width:1120px;margin:auto;padding:28px 24px}.verify-header{display:flex;justify-content:space-between;align-items:center}.brand.public{color:var(--ink);padding:0}.live{background:#fff;border:1px solid var(--line);border-radius:30px;padding:8px 13px;font-size:13px;color:var(--muted)}.live i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#22c55e;margin-right:7px}.verify-grid{min-height:calc(100vh - 160px);display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.verify-grid h1{font-size:clamp(36px,5vw,58px);line-height:1.08;margin:18px 0}.verify-grid>section>p{color:var(--muted);font-size:17px;max-width:600px}.trust{display:grid;gap:10px;margin-top:28px}.trust div{display:flex;align-items:center;gap:11px}.trust i{color:var(--orange);font-size:20px}.verify-card,.login-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:32px;box-shadow:0 28px 70px -45px #111827}.verify-card h2{margin:15px 0 4px}.verify-card>p,.login-card>p{color:var(--muted)}.verify-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:15px;background:#ffedd5;color:#ea580c;font-size:26px}.result{display:flex;gap:12px;padding:14px;border-radius:11px;margin-top:18px}.result i{font-size:21px}.result strong,.result small{display:block}.result small{margin-top:4px}.result-success{color:#166534;background:#dcfce7}.result-danger{color:#991b1b;background:#fee2e2}.verify-wrap footer{font-size:12px;color:var(--muted)}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top left,#ffedd5,transparent 42%),var(--bg);padding:20px}.login-card{width:min(430px,100%)}.login-card h1{text-align:center;font-size:27px;margin:28px 0 7px}.login-card>p{text-align:center;margin-bottom:25px}
@media(max-width:800px){.app-shell{display:block}.sidebar{transform:translateX(-100%);transition:.2s}.menu-open .sidebar{transform:none}.page{min-height:100vh}.menu-toggle{display:block}.page main{padding:20px}.metrics{grid-template-columns:1fr}.verify-grid{grid-template-columns:1fr;gap:35px;padding:55px 0}.verify-header{align-items:flex-start}.welcome>i{display:none}.content-head{align-items:flex-start;gap:15px}.table td,.table th{padding:12px}.verify-wrap footer{margin-top:30px}}
#addProduct,.content-head [data-bs-target="#addProduct"]{display:none!important}