:root{font-family:system-ui,-apple-system,Arial;color:#1d3028;background:#f5f4ef}
*{box-sizing:border-box}
body{margin:0}
header{background:#19372c;color:white;padding:22px max(18px,calc((100vw - 1100px)/2))}
header h1{margin:4px 0;font-size:clamp(23px,4vw,35px)}
header p{color:#f0d79a;margin:0}
nav{display:flex;gap:15px;flex-wrap:wrap;margin-top:15px}
a{color:#166a4b}
nav a{color:#fff}
main{max-width:1100px;margin:auto;padding:24px 16px 70px}
.card{background:#fff;border:1px solid #e0e4dd;border-radius:14px;padding:20px;margin-bottom:16px;box-shadow:0 2px 9px #173b2410}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:15px}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px}
.stat{background:#e7eee7;padding:18px;border-radius:12px}
.stat strong{display:block;font-size:27px}
input,select,textarea,button{font:inherit}
input,select,textarea{display:block;width:100%;padding:11px;border:1px solid #bdc8bf;border-radius:8px;margin:6px 0 14px}
input[type=checkbox]{display:inline;width:auto;margin:0 8px 0 0}
button,.btn{display:inline-block;background:#20583f;color:#fff;border:0;border-radius:8px;padding:10px 15px;text-decoration:none;cursor:pointer}
button:disabled{opacity:.5}
button.secondary,.btn.secondary{background:#e6eee8;color:#1d3028}
.muted{color:#64756b;font-size:14px}
.taken{color:#a34330}
.free{color:#237349}
.pill{border-radius:20px;padding:3px 10px;background:#e8eee9;font-size:12px}
table{width:100%;border-collapse:collapse}
th,td{padding:10px;text-align:left;border-bottom:1px solid #e4e9e5}
 .scroll{overflow-x:auto}
.inline{display:inline}
.inline input{display:none}
.alert{background:#fff4d8;border-radius:8px;padding:12px;margin:12px 0}
.roomhead{display:flex;justify-content:space-between;gap:10px;align-items:center}
.small{font-size:12px}
label{font-weight:600}
footer{text-align:center;padding:22px;color:#65766a}

img,table{max-width:100%}
main,.card{overflow-wrap:anywhere}
@media (max-width:480px){.roomhead{flex-wrap:wrap}}