:root{--ink:#1a2a42;--line:#e5e9ef;--soft:#f5f7fa;--purple:#765cda}
*{box-sizing:border-box}body{margin:0;font-family:Arial;background:var(--soft);color:var(--ink)}a{text-decoration:none;color:inherit}.admin-nav{background:#17283f;color:#fff}.admin-nav .inner{max-width:1180px;margin:auto;height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.admin-links a{margin-left:20px;font-size:13px}.admin-wrap{max-width:1180px;margin:28px auto;padding:0 20px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.metric{background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px}.metric b{display:block;font-size:28px;margin-top:8px}.box{background:#fff;border:1px solid var(--line);border-radius:15px;padding:24px;margin-top:20px}.btn{display:inline-block;border:0;border-radius:8px;background:#17283f;color:#fff;padding:11px 15px;font-weight:bold;cursor:pointer}.btn.purple{background:var(--purple)}table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}th{background:#f8fafc}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.formgrid label{font-size:12px;font-weight:bold}.formgrid input,.formgrid textarea,.formgrid select{width:100%;padding:11px;border:1px solid var(--line);border-radius:8px;margin-top:6px}.formgrid textarea{min-height:110px}.full{grid-column:1/-1}.preview{display:flex;gap:10px;flex-wrap:wrap}.preview img{width:105px;height:105px;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:#fff}.login{max-width:390px;margin:80px auto;background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px}.login input{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;margin:7px 0}
@media(max-width:750px){.grid,.formgrid{grid-template-columns:1fr}.full{grid-column:auto}.admin-links{display:none}}

.product-thumb{width:58px;height:58px;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:#fff}.no-photo{display:inline-flex;width:58px;height:58px;align-items:center;justify-content:center;text-align:center;font-size:10px;color:#7b8794;border:1px dashed #cfd6df;border-radius:8px}.action-buttons{display:flex;gap:7px;flex-wrap:wrap}.btn-edit,.btn-view{display:inline-block;padding:8px 10px;border-radius:7px;font-size:12px;font-weight:bold;white-space:nowrap}.btn-edit{background:var(--purple);color:#fff}.btn-view{background:#eef2f7;color:#17283f}.upload-warning{background:#fff8e5;border:1px solid #f0d68a;border-radius:10px;padding:12px 15px;margin:12px 0;color:#755800}.upload-warning ul{margin:8px 0 0;padding-left:20px}