/* Brand colors: background #f7e3bc, accent/dark #442619 */
:root{ --bg:#f7e3bc; --accent:#442619; --white:#fff; --muted:#6b5a50; }
body{ font-family:Inter,Arial,sans-serif; background:var(--bg); color:var(--accent); margin:0; padding:20px; }
.container{ max-width:980px; margin:0 auto; }
h1{ text-align:center; color:var(--accent); font-size:2rem; margin-bottom:8px; }
.panel{ background:var(--white); border-radius:10px; padding:20px; margin:18px 0; box-shadow:0 2px 10px rgba(0,0,0,0.06); }
input,select,button{ padding:12px; border-radius:8px; border:1px solid rgba(68,38,25,0.08); margin:8px 0; width:100%; box-sizing:border-box; font-size:1rem; }
label{ display:block; margin-top:8px; color:var(--accent); }
button{ background:var(--accent); color:var(--bg); border:0; cursor:pointer; font-weight:600; padding:12px; }
button:hover{ opacity:0.95; }
.muted{ color:var(--muted); font-size:0.9rem; }
.message{ margin-top:10px; color:#b00020; }
table{ width:100%; border-collapse:collapse; margin-top:10px; }
th,td{ padding:10px; border-bottom:1px solid rgba(68,38,25,0.06); text-align:left; }
#map{ border-radius:8px; overflow:hidden; }
a{ color:var(--accent); text-decoration:none; font-weight:600; }
@media(min-width:768px){ h1{ font-size:2.6rem; } .panel{ padding:28px; } }