:root{--navy:#101827;--navy2:#172235;--mint:#23c891;--bg:#f4f6f8;--line:#e5e9ed;--muted:#7b8491;--text:#18202d;--amber:#e59a2c;--red:#e25454}*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--text);background:var(--bg)}button,input,select{font:inherit}.shell{display:grid;grid-template-columns:238px 1fr;min-height:100vh}aside{background:var(--navy);color:white;padding:25px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.logo{height:64px;display:flex;align-items:center;gap:4px;margin:0 10px 28px}.logo img{width:105px;height:95px;object-fit:cover}.logo span{font:700 9px Manrope;letter-spacing:.16em;color:#718096;border-left:1px solid #3a4351;padding-left:9px}aside nav{display:grid;gap:5px}.nav-item{width:100%;height:44px;border:0;border-radius:9px;background:transparent;color:#9aa4b2;display:flex;align-items:center;gap:13px;text-align:left;padding:0 14px;font-weight:600;font-size:13px;cursor:pointer}.nav-item span{font-size:19px;width:20px}.nav-item b{margin-left:auto;background:#263246;border-radius:10px;padding:2px 7px;font-size:10px}.nav-item:hover,.nav-item.active{color:white;background:#202d40}.nav-item.active:before{content:'';position:absolute;left:16px;width:3px;height:22px;background:var(--mint);border-radius:3px}.sidebar-bottom{margin-top:auto}.user{border-top:1px solid #263245;margin-top:15px;padding:20px 8px 0;display:flex;align-items:center;gap:10px}.user i,.avatar{width:34px;height:34px;display:inline-grid;place-items:center;border-radius:9px;background:#dff8ef;color:#087b5c;font-style:normal;font-weight:700;font-size:11px}.user span{display:grid}.user b{font-size:12px}.user small{font-size:10px;color:#7f8997}.user button{margin-left:auto;border:0;background:none;color:#8190a2;cursor:pointer}main{min-width:0;padding:0 34px 45px}header{height:105px;display:flex;align-items:center;justify-content:space-between}.crumb{font-size:9px;color:#8e97a2;font-weight:700;letter-spacing:.12em;margin:0 0 7px}h1{font:800 24px Manrope;margin:0;letter-spacing:-.7px}.header-actions{display:flex;align-items:center;gap:10px}.search{width:285px;height:40px;background:white;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;padding:0 12px;gap:8px}.search span{font-size:19px;color:#8d96a0}.search input{border:0;outline:0;width:100%;font-size:12px}.icon-button{width:40px;height:40px;border:1px solid var(--line);background:white;border-radius:9px;position:relative;cursor:pointer}.icon-button i{position:absolute;width:6px;height:6px;background:var(--red);border-radius:50%;right:9px;top:8px}.primary{border:0;background:var(--navy);color:white;border-radius:9px;padding:0 16px;height:40px;font-weight:700;font-size:12px;cursor:pointer}.primary:hover{background:#223149}.alert{min-height:62px;background:#fff8ed;border:1px solid #f0d6aa;border-radius:11px;display:flex;align-items:center;padding:10px 14px;gap:12px;margin-bottom:18px}.alert>span{width:32px;height:32px;border-radius:8px;background:#fff0d2;color:#b97012;display:grid;place-items:center;font-weight:800}.alert div{display:grid}.alert b{font-size:12px}.alert small{font-size:11px;color:#8d7352;margin-top:2px}.alert button{margin-left:auto;border:0;background:none;color:#9a6119;font-size:11px;font-weight:700;cursor:pointer}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.stats article{height:137px;background:white;border:1px solid var(--line);border-radius:12px;padding:18px;position:relative;overflow:hidden}.stats article>div{display:flex;justify-content:space-between}.stats span{font-size:11px;color:#68717d;font-weight:600}.stats em{font-style:normal;font-size:9px;padding:3px 6px;border-radius:8px}.green{background:#e6f8f1;color:#07865e}.orange{background:#fff2dc;color:#ab6713}.stats strong{display:block;font:800 26px Manrope;margin:10px 0 2px}.stats strong u{font:600 12px DM Sans;text-decoration:none}.stats small{font-size:9px;color:#9aa1aa}.spark{position:absolute;right:16px;bottom:14px;width:64px;height:23px;border-top:2px solid var(--mint);transform:skewY(-12deg);opacity:.6}.spark:after{content:'';position:absolute;inset:4px 0 -6px;background:linear-gradient(#24c99530,transparent)}.s2{transform:skewY(8deg)}.s3{border-color:var(--amber)}.s4{transform:skewY(-5deg)}.grid{display:grid;grid-template-columns:1.45fr 1fr;gap:16px;margin-bottom:16px}.panel{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.panel-head{height:70px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f2}.panel-head h2{font:800 14px Manrope;margin:0}.panel-head p{font-size:9px;color:#929aa4;margin:3px 0 0}.legend{display:flex;gap:10px;font-size:9px;color:#7c8590}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px}.green-dot{background:var(--mint)}.amber-dot{background:var(--amber)}.map{height:302px;position:relative;overflow:hidden;background-color:#edf1ed;background-image:linear-gradient(36deg,transparent 47%,#d9dfda 48%,#d9dfda 50%,transparent 51%),linear-gradient(110deg,transparent 47%,#dce1dc 48%,#dce1dc 50%,transparent 51%);background-size:150px 120px,190px 145px}.map:after{content:'';position:absolute;right:-35px;top:-20px;width:30%;height:130%;background:#d9eaed;transform:rotate(10deg)}.roads{position:absolute;width:120%;height:13px;background:#fff;top:48%;left:-10%;transform:rotate(-14deg);box-shadow:0 0 0 1px #d8ded9}.area{position:absolute;font-size:8px;color:#9ba39d;font-weight:700;letter-spacing:.12em}.a1{left:17%;top:18%}.a2{left:40%;top:40%}.a3{right:19%;top:23%}.a4{left:47%;bottom:13%}.map-pin{position:absolute;width:28px;height:28px;border:3px solid white;border-radius:50%;background:var(--navy);color:white;font-size:10px;font-weight:700;box-shadow:0 4px 12px #17223544;cursor:pointer;z-index:2}.map-pin.amber{background:var(--amber)}.p1{left:35%;top:28%}.p2{left:51%;top:58%}.p3{right:24%;top:36%}.p4{left:25%;bottom:18%}.map-count{position:absolute;left:14px;bottom:14px;background:white;border-radius:9px;box-shadow:0 5px 16px #17223520;padding:9px 12px;display:grid}.map-count b{font:800 16px Manrope}.map-count span{font-size:8px;color:#8e969f}.link{border:0;background:none;color:#09835f;font-size:9px;font-weight:700;cursor:pointer}.issue{min-height:77px;padding:13px 16px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;border-bottom:1px solid #edf0f2}.issue-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-style:normal;font-weight:800}.issue-icon.red{background:#fff0ef;color:var(--red)}.issue-icon.amber{background:#fff5e3;color:var(--amber)}.issue div{display:grid}.issue b{font-size:10px}.issue small{font-size:9px;color:#89919b;margin-top:3px}.issue button,.filter{border:1px solid var(--line);border-radius:7px;background:white;padding:7px 9px;font-size:9px;font-weight:700;cursor:pointer}.empty{height:230px;display:grid;place-content:center;text-align:center;gap:6px}.empty span{font-size:25px;color:var(--mint)}.empty b{font-size:12px}.empty small{font-size:10px;color:var(--muted)}.recent{min-height:240px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:10px}th{text-align:left;color:#929aa4;font-size:8px;text-transform:uppercase;letter-spacing:.06em;padding:10px 18px;background:#fafbfb}td{padding:11px 18px;border-top:1px solid #edf0f2;white-space:nowrap}td small{display:block;color:#9aa2ab;margin-top:2px}.status{display:inline-block;padding:4px 7px;border-radius:10px;font-size:8px;font-weight:700}.active-status{background:#e4f8f0;color:#07835d}.waiting{background:#fff2dc;color:#ac6914}.done{background:#eef0f2;color:#747d87}.more{border:0;background:none;cursor:pointer;color:#8f98a2}.full{min-height:560px}.hidden{display:none!important}dialog{border:0;border-radius:16px;padding:0;box-shadow:0 22px 80px #17223555;width:min(540px,calc(100% - 30px))}dialog::backdrop{background:#10182799;backdrop-filter:blur(3px)}dialog form{padding:27px;position:relative}dialog h2{font:800 21px Manrope;margin:0 0 22px}.close{position:absolute;right:18px;top:16px;border:0;background:none;font-size:24px;color:#8b939c;cursor:pointer}dialog label{display:grid;gap:6px;font-size:10px;font-weight:700;margin-bottom:14px}dialog input,dialog select{height:42px;border:1px solid var(--line);border-radius:8px;padding:0 11px;outline:0;font-size:12px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.secondary{height:40px;border:1px solid var(--line);background:white;border-radius:9px;padding:0 16px;font-weight:700;font-size:12px}.toast{position:fixed;right:25px;bottom:25px;background:var(--navy);color:white;padding:12px 16px;border-radius:9px;font-size:11px;box-shadow:0 10px 30px #17223544;opacity:0;transform:translateY(15px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:none}@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.search{width:210px}}@media(max-width:760px){.shell{display:block}aside{height:auto;position:relative;padding:8px 12px;flex-direction:row;align-items:center}.logo{margin:0;width:105px}.logo span,.sidebar-bottom{display:none}aside nav{display:flex;overflow:auto;margin-left:auto}.nav-item{width:auto;padding:0 10px}.nav-item span,.nav-item b{display:none}.nav-item.active:before{display:none}main{padding:0 14px 28px}header{height:auto;padding:18px 0;align-items:flex-start}.header-actions{flex-wrap:wrap;justify-content:flex-end}.search{order:3;width:100%}.icon-button{display:none}.stats{grid-template-columns:1fr 1fr}.alert small{display:none}.panel-head{height:62px}.map{height:260px}.two{grid-template-columns:1fr}}@media(max-width:480px){.stats{grid-template-columns:1fr}.stats article{height:112px}.primary{padding:0 10px}.logo{width:85px}.logo img{width:85px}.nav-item{font-size:11px}.alert button{font-size:0}.alert button:after{content:'Visa →';font-size:10px}}