body{font-family:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif;background:radial-gradient(circle at 80% 0,#fff4e8 0,transparent 22%),#f4f6f8}
aside{box-shadow:-8px 0 30px #2130430a}.brand b{font-weight:700;letter-spacing:-.4px}header{box-shadow:0 4px 18px #20304008}header h1{font-weight:700;letter-spacing:-.5px}
.stats article{position:relative;overflow:hidden;transition:.25s}.stats article:after{content:'';position:absolute;left:-15px;top:-20px;width:65px;height:65px;border-radius:50%;background:#f47a1009}.stats article:hover{transform:translateY(-3px);box-shadow:0 12px 25px #26384912}.stats b{font-weight:700}
.map{height:390px;background:#e9eef1;isolation:isolate}.leaflet-container{font-family:'IBM Plex Sans Arabic',sans-serif}.leaflet-control-attribution{font-size:8px}.office-marker span{display:block;width:18px;height:18px;border:4px solid #fff;border-radius:50%;box-shadow:0 3px 10px #1d293755;animation:pulse 2s infinite}.office-marker span:after{content:'';position:absolute;inset:-5px;border:2px solid currentColor;border-radius:50%;opacity:.3}@keyframes pulse{50%{transform:scale(1.15)}}.mapPop{min-width:175px;text-align:right;direction:rtl}.mapPop b,.mapPop small{display:block}.mapPop small{color:#76808d;margin:3px 0 9px}.mapPop div{border-block:1px solid #eee;padding:8px 0;line-height:1.8}.mapPop strong{color:#e86b00}.mapPop button{border:0;background:none;color:#e86b00;font-weight:700;padding:8px 0 0}
.analytics{display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:13px;margin-top:13px}.chartCard,.gaugeCard{height:290px;padding-bottom:14px}.chartCard canvas{height:205px!important;padding:0 14px}.gauge{width:145px;height:145px;border-radius:50%;margin:0 auto 10px;display:grid;place-items:center;align-content:center;background:conic-gradient(#f47a10 0 91%,#ffead7 91%);position:relative}.gauge:before{content:'';position:absolute;inset:14px;border-radius:50%;background:#fff}.gauge b,.gauge span{position:relative;z-index:1}.gauge b{font-size:30px;color:#e96800}.gauge span{font-size:9px;color:#77808b}.miniBars{padding:0 18px}.miniBars p{font-size:9px;color:#6f7884;background:#f0f2f4;border-radius:7px;height:7px;margin:13px 0;position:relative}.miniBars p i{position:absolute;right:0;bottom:0;height:7px;border-radius:7px;background:linear-gradient(90deg,#ffad5d,#f47a10)}
.card{border-color:#e4e8ec}.title h2{margin:0;font-weight:700}.list>div:not(.title){transition:.2s}.list>div:not(.title):hover{background:#fff7ef;padding-right:17px}
@media(max-width:1100px){.analytics{grid-template-columns:1fr 1fr}.gaugeCard{grid-column:1/-1}}@media(max-width:800px){.analytics{grid-template-columns:1fr}.gaugeCard{grid-column:auto}.chartCard{height:270px}}