*{box-sizing:border-box}body{margin:0;background:#f5f7f8;color:#24363c;font:15px/1.5 system-ui}header,main{max-width:1500px;margin:auto;padding:24px}header{border-bottom:1px solid #dce3e5}h1{font-size:30px;margin:8px 0}small{color:#366958}button,input,select{font:inherit;padding:9px;border:1px solid #ccd7d7;border-radius:6px;background:white;color:inherit}button{cursor:pointer}button:hover{background:#e6f1ec}label{display:grid;gap:6px;font-size:12px}form{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:12px;background:white;padding:20px;border-radius:12px}.workspace{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.table-scroll{overflow:auto;background:white;border-radius:10px}table{border-collapse:collapse;width:100%}th,td{padding:12px;border-bottom:1px solid #e1e7e6;text-align:left}th{font-size:12px}#map{height:430px;border-radius:10px}#details:not(:empty){margin-top:20px;background:white;padding:22px;border-radius:10px}#details a,#details button{margin-right:14px}a{color:#166852}footer{margin-top:24px;color:#58696c;font-size:12px}@media(max-width:800px){.workspace{grid-template-columns:1fr}header,main{padding:16px}#map{height:320px}}