:root{font-family:Arial,Helvetica,sans-serif;color:#243044;background:#f5f7fa}*{box-sizing:border-box}body{margin:0}header{background:#18253c;color:white;padding:22px 4%;display:flex;align-items:center;justify-content:space-between}header h1{margin:0;font-size:22px}header span{font-size:13px;color:#b8c9dc}nav{background:white;padding:12px 4%;border-bottom:1px solid #dce4ec}nav button{background:transparent;color:#33445a}main{max-width:1280px;margin:25px auto;padding:0 18px}.hidden{display:none}.panel,.stat,.productrow,.productcard{background:white;border:1px solid #e0e7ef;border-radius:9px;padding:18px;margin:12px 0;box-shadow:0 1px 3px #ddd3}button{border:0;border-radius:6px;background:#2465c7;color:white;padding:10px 15px;cursor:pointer;margin:3px}button:hover{opacity:.85}input,select,textarea{border:1px solid #cbd5e1;border-radius:6px;padding:10px;margin:4px;max-width:100%}textarea{width:100%;min-height:95px}.statgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.stat strong{display:block;font-size:25px;margin-top:9px}.productrow{display:flex;justify-content:space-between;gap:10px;align-items:center}.muted{color:#6b7280;font-size:13px}.gallery{display:flex;gap:10px;overflow:auto}.gallery figure{margin:0;min-width:160px;max-width:200px}.gallery img{width:150px;height:160px;object-fit:contain;background:#fafafa}.gallery figcaption{font-size:11px}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f6fb;padding:12px;border-radius:7px;font-size:12px}.bar{height:14px;background:#dce6f2;border-radius:8px;overflow:hidden}.bar>div{height:100%;background:#3e8d71}.login{max-width:420px;margin:15vh auto;background:white;padding:35px;border-radius:12px;box-shadow:0 2px 20px #0001}.login input{width:100%}@media(max-width:750px){.two{grid-template-columns:1fr}header{display:block}.productrow{display:block}}