*{box-sizing:border-box}body{margin:0;background:#f2f6fb;color:#112b46;font:15px Arial,sans-serif}header{background:#071e38;color:white;padding:24px max(24px,calc((100vw - 1100px)/2));display:flex;align-items:center;gap:25px}header a{font-size:23px;font-weight:900;text-decoration:none;color:inherit}header a span{color:#ffca24}header>span{font-size:12px;color:#b7cfe7}header button{margin-left:auto}main{max-width:1100px;margin:55px auto;padding:0 24px}h1{font-size:38px;letter-spacing:-1.2px;margin:12px 0}p{color:#61758c;line-height:1.6}.eyebrow{font-size:11px;letter-spacing:2px;color:#a37100;font-weight:bold}#login{max-width:420px;margin:70px auto}label{display:block;font-size:13px;font-weight:bold;margin:18px 0}input,textarea{display:block;width:100%;padding:13px;border:1px solid #c8d5e4;border-radius:7px;margin-top:8px;font:inherit;background:#fff}button{border:0;border-radius:7px;background:#ffca24;color:#071e38;padding:13px 18px;font-weight:bold;cursor:pointer}button:disabled{opacity:.55;cursor:wait}.secondary{background:#e6edf5}.danger{background:#fff0f0;color:#a52d30}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.search{max-width:450px}#items{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.item{background:white;border:1px solid #dfe7f0;padding:20px;border-radius:12px}.item img{width:100%;height:160px;object-fit:contain}.item h2{font-size:19px}.item small{color:#61758c}.item .actions{display:flex;gap:10px;margin-top:16px}.badge{font-size:11px;display:inline-block;background:#edf3f9;padding:5px 8px;margin-top:10px}.checkbox{display:flex;gap:10px;align-items:center}.checkbox input{width:auto;margin:0}dialog{border:0;border-radius:15px;max-width:550px;width:calc(100% - 30px);padding:27px;max-height:90vh}dialog::backdrop{background:#071e38bb}dialog h2{margin:0;font-size:22px}#preview{height:120px;width:100%;object-fit:contain}#status,#formStatus{color:#9a3e00;font-size:13px}#saveProduct{width:100%}[hidden]{display:none!important}:focus-visible{outline:3px solid #408ac9;outline-offset:3px}@media(max-width:700px){#items{grid-template-columns:1fr 1fr;gap:12px}header{padding:20px;gap:12px}header>span{display:none}.heading{align-items:start}h1{font-size:30px}.item{padding:14px}.item .actions{flex-wrap:wrap}.item img{height:125px}main{padding:0 18px;margin-top:35px}}