body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#eef6f8;color:#102033}
.topbar{height:76px;background:#071722;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 36px}
.brand{font-size:22px;font-weight:900}.brand span{display:block;font-size:12px;color:#8fb5c2}
.topbar a{color:#fff;text-decoration:none;border:1px solid #17c4d2;padding:10px 16px;border-radius:10px}
.page{max-width:1250px;margin:28px auto;padding:0 18px}.panel{background:#fff;border-radius:18px;padding:24px;box-shadow:0 12px 35px #0001}
.filters{display:grid;grid-template-columns:1fr 320px 150px;gap:12px;margin:18px 0}
input,select,button{padding:13px;border-radius:9px;border:1px solid #cfdde3;font-weight:800}
button{background:#12b8c8;color:#fff;border:none;cursor:pointer}.status{font-weight:900;color:#007888;margin-bottom:12px}
.catalog{width:100%;border-collapse:collapse}th{background:#eaf3f6;text-align:left;padding:12px}td{border-bottom:1px solid #e1eaee;padding:12px;vertical-align:middle}
.ref{font-weight:900}.old{color:#b00020;text-decoration:line-through;font-weight:900}.new{color:#08785d;font-weight:900;font-size:21px}
.discount{background:#d9f8ec;color:#08785d;border-radius:14px;padding:4px 8px;font-weight:900;font-size:12px}
.dot{display:inline-block;width:14px;height:14px;border-radius:50%;margin-right:8px}.green{background:#18b957}.yellow{background:#f5c400}.red{background:#d80027}
.pagination{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:18px}.pagination button{background:white;color:#102033;border:1px solid #cfdde3}.pagination button.active{background:#08785d;color:#fff}
.imgbox{width:54px;height:54px;background:#eef6f8;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;color:#0097a7;text-align:center}