:root{font-family:system-ui,-apple-system,sans-serif;color:#10202d;background:#f5f8fa}
*{box-sizing:border-box}body{margin:0}a{color:#125d80}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #e19c20}
.container{width:min(1100px,92%);margin:0 auto}.site-head{background:#102a39;color:white}
.site-head .container{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:70px;flex-wrap:wrap}
.site-head a{color:white;text-decoration:none;margin-right:1rem}
.site-head .brand{font-size:1.25rem;font-weight:800}.site-footer{padding:2rem 0;color:#455764}
h1{font-size:clamp(1.6rem,3vw,2.6rem);line-height:1.2}
.panel{background:white;border:1px solid #d8e2e9;border-radius:12px;padding:1.5rem;margin:1.5rem 0;min-width:0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.card{display:block;background:white;border:1px solid #d8e2e9;border-radius:12px;padding:1rem;text-decoration:none;color:inherit}
.card:hover{border-color:#125d80}.card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}
.filters{display:flex;flex-wrap:wrap;gap:1rem}.filters label{display:flex;flex-direction:column;gap:.4rem}
input,select,textarea,button{font:inherit;padding:.6rem;border:1px solid #9cb5c3;border-radius:6px;max-width:100%}
button{background:#125d80;color:white;cursor:pointer}.actions{display:flex;gap:.75rem;flex-wrap:wrap}
.pagination{display:flex;gap:1rem;margin:1.5rem 0}.muted{color:#526675}
dl{display:grid;grid-template-columns:max-content 1fr;gap:.5rem 1rem}
.inventory-reservations li{overflow-wrap:anywhere}.inventory-history{width:100%;max-width:100%;overflow-x:auto}.inventory-history th,.inventory-history td{padding:.5rem;text-align:left;border-bottom:1px solid #d8e2e9;white-space:nowrap}
@media(max-width:600px){.site-head .container{padding:1rem 0}.panel{padding:1rem}}