*{box-sizing:border-box}body{margin:0;background:#f4f7fc;color:#10264d;font:14px system-ui,Arial}.top{background:#061a35;color:white;padding:17px 24px;display:flex;justify-content:space-between;align-items:center}.top b{font-size:23px;letter-spacing:1px}.top small{display:block;color:#c3d8f4}.layout{display:grid;grid-template-columns:205px 1fr;min-height:90vh}aside{background:#081e3b;padding:15px 9px;color:#e1ebfa}aside div{padding:12px;border-radius:7px}aside .active{background:#0870f8}main{padding:20px;min-width:0}.heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.heading h1{margin:0;font-size:27px}.heading p{color:#64799a}.btn{border:1px solid #ccdaed;background:white;color:#1557b5;border-radius:7px;padding:9px 12px;cursor:pointer}.primary{background:#0866f5;color:white;border-color:#0866f5}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:14px 0}.stat,.panel{background:white;border:1px solid #e2eaf5;border-radius:10px;box-shadow:0 4px 15px #0b2b5008;overflow:hidden}.stat{padding:13px}.stat label{display:block;color:#6c7f9e;font-size:11px}.stat strong{font-size:24px}.workspace{display:grid;grid-template-columns:190px minmax(320px,1.5fr) minmax(250px,.9fr);gap:11px}.ph{padding:12px;border-bottom:1px solid #e4ebf5;display:flex;justify-content:space-between;align-items:center}.ph h2{margin:0;font-size:14px}.pb{padding:12px}.filters .pb{display:grid;gap:10px}.field label{display:block;font-size:11px;color:#61769a;margin-bottom:4px}.field select,.field input{width:100%;padding:9px;border:1px solid #d7e2f2;border-radius:6px;background:white}.map{height:320px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 45% 45%,#205c70,#0a304c 55%,#061b36)}.land{position:absolute;inset:25px 10px;background:#17604d;clip-path:polygon(8% 30%,18% 15%,29% 22%,38% 10%,49% 19%,61% 12%,70% 25%,84% 27%,90% 43%,82% 57%,91% 67%,76% 73%,70% 85%,58% 78%,51% 95%,41% 82%,32% 70%,22% 65%,18% 52%,10% 48%)}.pin{position:absolute;border:2px solid white;width:13px;height:13px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);cursor:pointer}.maplabel{position:absolute;color:white;font-size:10px;font-weight:bold;text-shadow:0 1px 4px #000}.legend{position:absolute;left:10px;bottom:10px;background:#051b32ed;color:white;padding:10px;border-radius:7px;font-size:10px}.legend span{display:block;margin-top:5px}.tablepanel{margin-top:11px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:11px}th,td{text-align:left;padding:9px;border-bottom:1px solid #edf2f9}th{background:#f7faff;color:#63799b}tbody tr{cursor:pointer}tbody tr:hover{background:#eef6ff}.badge{padding:4px 6px;border-radius:5px;font-size:10px;background:#fff0dc;color:#b65a00}.red{background:#ffe5e8;color:#d9253b}.yellow{background:#fff8d7;color:#936700}.green{background:#dff8ed;color:#087e5c}.detail .photo{height:135px;overflow:hidden;border-radius:7px;margin:10px 0}.photo img{width:100%;height:100%;object-fit:cover}.kv{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:11px}.kv span{color:#7284a1}.detailtabs{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0}.detailtabs button{border:0;background:#edf4ff;padding:7px;border-radius:5px;color:#1459b5;cursor:pointer}.progress{height:6px;background:#e3eaf4;margin:8px 0}.progress i{display:block;width:82%;height:100%;background:#0875ff}.toast{display:none;position:fixed;bottom:18px;right:18px;background:#08284c;color:white;padding:12px;border-radius:8px}.toast.show{display:block}@media(max-width:1100px){.workspace{grid-template-columns:180px 1fr}.detail{grid-column:1/-1}.stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.layout{grid-template-columns:1fr}aside{display:none}main{padding:10px}.heading{display:block}.stats{grid-template-columns:repeat(2,1fr)}.workspace{grid-template-columns:1fr}.user{display:none}}