:root{font-family:system-ui,sans-serif;color:#182738;background:#f3f4f3;line-height:1.6}*{box-sizing:border-box}body{margin:0}header,footer{background:#132434;color:#fff;padding:24px max(5vw,20px)}header{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}a{color:#17446a;text-underline-offset:4px}header a,footer a{color:#fff}nav{display:flex;gap:24px;flex-wrap:wrap}.brand{font-size:28px;font-weight:850;letter-spacing:3px;text-decoration:none}.brand span{display:block;font-size:12px;font-weight:400;letter-spacing:0}main{max-width:1180px;margin:auto;padding:32px 20px;min-height:65vh}h1{font-size:clamp(28px,5vw,46px);line-height:1.15}h2{line-height:1.3}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:24px}.card,section.panel{background:#fff;border:1px solid #dce1e5;padding:24px;border-radius:8px;margin-bottom:20px}.card img{width:100%;height:200px;object-fit:contain}.placeholder{height:150px;display:grid;place-items:center;background:#edf0f3;color:#64717b;font-size:40px}.price{font-size:24px;font-weight:700}.notice{background:#fff0be;padding:16px;border-left:4px solid #be8500}.error{background:#ffe9e5;padding:16px;border-left:4px solid #b3341a}label{display:block;margin:14px 0}input,select,textarea,button{font:inherit;max-width:100%}input:not([type=checkbox]),select,textarea{display:block;width:100%;padding:10px;border:1px solid #8393a1;border-radius:4px}input[type=checkbox]{width:20px;height:20px;vertical-align:middle}button,.button{display:inline-block;background:#163e60;color:#fff;border:0;padding:12px 20px;border-radius:4px;cursor:pointer;text-decoration:none}button:hover,.button:hover{background:#245a85}.filters{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin-bottom:24px}.filters label{flex:1;min-width:150px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;background:white}th,td{text-align:left;padding:12px;border-bottom:1px solid #dde3e7}td input{min-width:65px}.pagination{margin:24px 0}.skip{position:absolute;left:-10000px}.skip:focus{left:10px;top:10px;background:white;padding:10px}:focus-visible{outline:3px solid #dc9700;outline-offset:3px}pre{white-space:pre-wrap;overflow-wrap:anywhere}.description{white-space:pre-line}.product-image{max-width:100%;max-height:400px;object-fit:contain}footer{margin-top:32px}footer nav{margin:16px 0}@media(max-width:500px){header{padding:20px}nav{gap:16px}main{padding:24px 16px}}@media print{header,footer,button,.notice{display:none}main{max-width:none}}
