:root{font-family:Arial,Helvetica,sans-serif;color:#17212d;background:#f3f5f7;font-size:16px}*{box-sizing:border-box}body{margin:0}header{padding:20px 4%;background:#fff;border-bottom:1px solid #dce2e8;display:flex;gap:24px;align-items:center;justify-content:space-between}nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.brand{font-weight:bold;font-size:20px;color:#17212d}a{color:#245cab;text-decoration:none}a:hover{text-decoration:underline}main{max-width:1180px;margin:32px auto;padding:0 24px}h1{font-size:30px;margin:20px 0}h2{font-size:18px;margin:0 0 10px;overflow-wrap:anywhere}p{line-height:1.5}.muted{color:#637181;font-size:14px}.panel{background:white;border:1px solid #dee4eb;border-radius:12px;padding:24px;margin-bottom:18px}.login{max-width:480px;margin:60px auto}.heading{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:20px}.heading h1{margin-bottom:8px}label{display:block;font-size:14px;font-weight:bold;margin-bottom:18px}input,select{display:block;width:100%;min-height:42px;border:1px solid #bec9d5;border-radius:6px;padding:10px 12px;font:inherit;margin-top:7px;background:#fff;color:#17212d}button,.button{display:inline-block;border:1px solid transparent;background:#245cab;color:#fff;border-radius:7px;padding:11px 17px;cursor:pointer;font:inherit;font-size:14px;text-align:center}button:hover,.button:hover{filter:brightness(.95);text-decoration:none}.quiet{background:#edf2f8;color:#245cab;border-color:#d4dfec}.danger{background:#ad2636}.danger-link{color:#ad2636;font-size:14px}.notice,.error{padding:16px;border-radius:8px;margin-bottom:18px}.notice{background:#e1f4e8;color:#175932}.error{background:#ffe7e7;color:#93202c}.filters{display:flex;align-items:end;gap:16px;flex-wrap:wrap}.filters label{flex:1;min-width:200px;margin:0}.filters>span{align-self:center}.product{display:flex;gap:22px;align-items:center}.product img{height:92px;width:92px;object-fit:contain;border-radius:8px;background:#f7f8fa}.product-info{flex:1;min-width:0}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.badge{display:inline-block;border-radius:20px;background:#e1f4e8;color:#175932;padding:4px 10px;font-size:12px}.badge.hidden{background:#edf0f3;color:#637181}.pagination{justify-content:center;margin:24px 0}.pagination a{padding:10px 15px;background:white;border-radius:6px;border:1px solid #dce2e8}.pagination a[aria-current]{background:#245cab;color:white}.edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.photo-preview{width:100%;max-height:240px;object-fit:contain;margin-bottom:18px}.checkbox{display:flex;align-items:center;gap:10px}.checkbox input{width:18px;min-height:auto;margin:0}.variant-row{display:grid;grid-template-columns:minmax(180px,3fr) repeat(4,minmax(85px,1fr)) auto;gap:12px;align-items:end;padding:16px 0;border-bottom:1px solid #e6ebf0}.variant-row label{margin:0}.savebar{display:flex;gap:24px;align-items:center;position:sticky;bottom:0;padding:18px;background:#f3f5f7}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid #93bcef;outline-offset:2px}@media(max-width:760px){header{align-items:flex-start;flex-direction:column;padding:16px}nav{gap:12px}main{padding:0 14px;margin:20px auto}.heading{align-items:flex-start;flex-direction:column}.product{flex-wrap:wrap;padding:16px}.actions{width:100%}.edit-grid{grid-template-columns:1fr;gap:0}.panel{padding:18px}.variant-row{grid-template-columns:repeat(3,1fr)}.variant-row label:first-of-type{grid-column:1/-1}.variant-row button{grid-column:1/-1}.login{margin:20px auto}.filters label{min-width:100%}}

