*{box-sizing:border-box}body{margin:0;background:#f4f6f8;color:#17202a;font-family:Inter,Arial,sans-serif}a{color:inherit}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 22px;background:#111827;color:#fff;position:sticky;top:0;z-index:20}.topbar div{display:grid;gap:2px}.topbar span{font-size:11px;opacity:.72}.topbar nav{display:flex;gap:7px;flex-wrap:wrap}.topbar a{text-decoration:none;padding:7px 9px;border-radius:8px;font-size:12px;font-weight:800}.topbar a:hover{background:rgba(255,255,255,.1)}.container{width:min(1500px,calc(100% - 28px));margin:20px auto}.auth-card{width:min(460px,calc(100% - 30px));margin:8vh auto;background:#fff;padding:28px;border:1px solid #e1e5ea;border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.08)}.card,.stats>div{background:#fff;border:1px solid #e1e5ea;border-radius:14px;box-shadow:0 8px 28px rgba(0,0,0,.04)}.card{padding:17px;margin-top:15px}.card h2{margin:0 0 12px}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.stats>div{padding:14px;display:grid;gap:4px}.stats span{font-size:11px;color:#667085}.stats strong{font-size:24px}.grid-form{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.grid-form .wide{grid-column:1/-1}label{display:grid;gap:6px;font-weight:700;font-size:12px}input,select,textarea{width:100%;min-height:40px;padding:8px 10px;border:1px solid #d8dde4;border-radius:9px;background:#fff;font:inherit}textarea{resize:vertical}.btn,.mini{border:1px solid #d8dde4;border-radius:9px;background:#fff;cursor:pointer;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn{min-height:40px;padding:0 14px}.btn.primary,.mini.primary{background:#111827;color:#fff;border-color:#111827}.mini{padding:5px 8px;font-size:11px}.mini.danger{color:#b42318}.mini.ok{color:#237a38}.alert{padding:11px 13px;border-radius:9px;margin:11px 0}.alert.ok{background:#eaf7ed;color:#23612b}.alert.error{background:#fff0ee;color:#b42318}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-head form{display:flex;gap:7px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;vertical-align:top;padding:9px;border-bottom:1px solid #edf0f3}th{background:#fafbfc;white-space:nowrap}td small{display:block;color:#667085;margin-top:3px}code{font-size:11px}.status{display:inline-block;padding:4px 7px;border-radius:999px;font-weight:900;font-size:10px}.status.active{background:#eaf7ed;color:#23612b}.status.blocked,.status.inactive{background:#fff0ee;color:#b42318}.status.expired{background:#fff7e6;color:#9a6700}.actions{display:flex;flex-wrap:wrap;gap:5px}.muted{color:#667085;font-size:12px;line-height:1.5}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.product-card{border:1px solid #e7ebf0;border-radius:12px;padding:14px;background:#fafbfc}.product-card h3{margin:0 0 5px}.product-card .meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0}.system-checks{display:flex;gap:8px;flex-wrap:wrap}.check-ok,.check-bad{padding:8px 10px;border-radius:9px;font-size:11px;font-weight:800}.check-ok{background:#eef8f0;color:#23612b}.check-bad{background:#fff0ee;color:#b42318}@media(max-width:950px){.stats{grid-template-columns:repeat(2,1fr)}.grid-form{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.topbar{align-items:flex-start;flex-direction:column}.stats,.grid-form,.product-grid{grid-template-columns:1fr}.section-head{align-items:stretch;flex-direction:column}.section-head form{width:100%}}