:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#17202a;background:#f4f5f6}
*{box-sizing:border-box}html,body{height:100%;margin:0}button,input{font:inherit}
button{cursor:pointer;border:0;border-radius:7px;padding:.7rem 1rem;background:#9e1b1b;color:#fff;font-weight:700}
button.secondary{background:#fff;color:#8d1717;border:1px solid #b9b9b9;width:100%;margin-top:.55rem}
.message{min-height:1.25rem;color:#9e1b1b}.app-view{height:100%;display:grid;grid-template-columns:300px 1fr;grid-template-rows:56px 1fr;grid-template-areas:"top top" "side map"}
.topbar{grid-area:top;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#fff;border-bottom:1px solid #ddd;z-index:1001}.topbar span{display:block;font-size:12px;color:#666;margin-top:2px}.topbar button{padding:.45rem .75rem}
.sidebar{grid-area:side;padding:12px;overflow:auto;background:#f7f7f7;border-right:1px solid #ddd;z-index:900}.panel{background:#fff;border-radius:8px;padding:12px;margin-bottom:10px;box-shadow:0 1px 5px #0002}.panel h2{font-size:15px;margin:0 0 10px}.panel label{display:block;margin:7px 0;font-size:13px}.panel dl{margin:0}.panel dl div{padding:6px 0;border-bottom:1px solid #eee}.panel dl div:last-child{border-bottom:0}.panel dt{font-size:11px;color:#666}.panel dd{margin:2px 0 0;font-weight:700;font-size:13px;word-break:break-word}.inline-form{display:grid;grid-template-columns:1fr 1fr auto;gap:5px}.inline-form input{min-width:0;padding:7px;border:1px solid #bbb;border-radius:5px}.inline-form button{padding:7px}
@media(max-width:760px){.app-view{grid-template-columns:1fr;grid-template-rows:54px auto 1fr;grid-template-areas:"top" "side" "map"}.sidebar{max-height:38vh;border-right:0;border-bottom:1px solid #ddd}.topbar{padding:0 9px}}