:root{--nav:#11263b;--blue:#135be5;--bg:#f3f6fa;--ink:#10243a;--border:#e9eef5}
body{font-family:Tahoma,Arial,sans-serif}.shell{grid-template-columns:220px minmax(0,1fr)}.sidebar{background:linear-gradient(120deg,#102235,#162e46);padding:25px 5px 20px}.brand{padding-bottom:25px}.brand-mark{height:58px;display:flex;justify-content:center;align-items:center}.brand-mark svg{width:50px;height:50px;stroke:#c6a369;stroke-width:2}.sidebar nav button{width:100%;font-size:15px;padding:16px 20px;margin-bottom:3px;gap:19px}.sidebar nav button svg{width:21px;height:21px;flex:none}.sidebar nav button.active{background:linear-gradient(90deg,#213e5b,#2b4c6c)}.sidebar .bottom{padding:20px 14px 0}.sidebar .bottom p{color:#d0dbe5;font-size:13px}.content{padding:0 24px 24px;background:radial-gradient(ellipse at top right,#e6edf5,transparent 58%),#f3f6fa}.topbar{padding:10px 7px;min-height:64px;gap:14px}.top-search{max-width:470px;margin-right:auto;background:#fff;border:1px solid #e8edf6;height:43px;font-size:14px}.topbar .toolbar{align-items:center}.topbar .toolbar button{font-size:13px;padding:7px 12px}.welcome{text-align:left;padding:17px 12px 25px}.welcome h1{font-size:36px}.welcome p{font-size:18px;color:#24374c}.stats{direction:ltr;gap:14px}.stat{direction:rtl;border:0;min-height:96px;padding:16px;background:#fff;border-radius:13px}.stat strong{font-size:27px}.stat .symbol{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:14px;background:#1763e9;color:white;box-shadow:0 3px 6px #12376314}.stat .symbol svg{width:30px;height:30px}.stats:not(.money) .stat:nth-child(2) .symbol{background:#149951}.stats:not(.money) .stat:nth-child(3) .symbol{background:#e1b409}.stats:not(.money) .stat:nth-child(4) .symbol{background:#d63331}.stats.money .symbol{background:transparent;box-shadow:none;color:#169757}.stats.money .symbol svg{width:36px;height:36px}.stats.money .stat:last-child .symbol{color:#275674}.stats.money .stat{min-height:92px}.workspace{align-items:start;grid-template-columns:minmax(0,1fr) 340px}.panel{border:0;border-radius:13px;padding:18px}.panel-head{margin-bottom:16px}.panel-head h2{font-size:21px}.table-wrap th{font-weight:600;color:#203043;background:#f3f6fa}.table-wrap td{padding:11px 9px}.table-wrap button{padding:5px 8px;font-size:12px}.panel-head .primary{background:#155fe2;padding:10px 18px}.property-image{height:190px}.plot-placeholder{min-height:175px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#e8eff7,#f4f7fb);color:#536c84}.plot-placeholder svg{width:38px;height:38px;margin:0 auto 12px;stroke:#8a9eb3}.side-panels .details-row{padding:8px 2px}.calc-grid{gap:8px}.calc-item{padding:14px 4px}.calc-item b{font-size:20px}.profile-card{background:#ffffff0c;border-radius:12px;padding:13px;display:flex;align-items:center;gap:12px;margin-bottom:15px}.profile-card svg{width:35px;height:35px;color:#b7c8d8}.profile-card b{font-size:14px}.profile-card small{display:block;color:#b2c2d2}.login .brand-mark{justify-content:flex-start;margin-bottom:15px}.login .panel{border-radius:16px}.login h1{font-size:28px}
@media(max-width:1180px){.shell{grid-template-columns:205px minmax(0,1fr)}.workspace{grid-template-columns:minmax(0,1fr) 300px}.stat strong{font-size:24px}.stat .symbol{width:44px;height:44px}}
@media(max-width:920px){.shell{grid-template-columns:1fr}.sidebar{padding:9px}.sidebar nav button{width:auto;display:inline-flex;margin:0;padding:10px 13px;gap:7px}.sidebar nav button svg{width:18px;height:18px}.workspace{grid-template-columns:1fr}.top-search{max-width:none}.welcome{text-align:right}.welcome h1{font-size:30px}.welcome p{font-size:16px}.side-panels{grid-template-columns:1fr 1fr}.stat .symbol{display:none}}
@media(max-width:580px){.content{padding:0 12px 20px}.topbar{padding:12px 0;gap:10px}.top-search{order:-1}.welcome{padding:10px 3px 20px}.welcome h1{font-size:28px}.welcome p{font-size:15px}.stats{gap:10px}.stat{min-height:88px;padding:14px}.stat strong{font-size:23px}.side-panels{grid-template-columns:1fr}.panel{padding:15px}.table-wrap table{font-size:14px}.stats.money .stat:last-child{grid-column:1/-1}}

.content{position:relative;background:#f3f6fa}.content:before{content:"";position:absolute;inset:0 0 auto;height:215px;background:linear-gradient(90deg,#f3f6fa 8%,#f3f6faed 35%,#f3f6fa20 80%),linear-gradient(0deg,#f3f6fa,transparent 38%),url("madinah.jpg") right 43%/cover no-repeat;pointer-events:none}.topbar,#page{position:relative}.geo-help{margin-bottom:20px}.geo-help p{line-height:1.9;margin:10px 0}.official-link{display:inline-block;color:#185ca3;font-size:14px;margin:9px 0;text-decoration:none}.official-link:hover{text-decoration:underline}.location-helper{padding:15px;border-radius:10px;background:#f3f7fc}.location-helper button{margin:10px 0}.location-helper p{line-height:1.8}.location-helper #location-feedback{color:#145c9e}.welcome{min-height:130px}.topbar .toolbar{background:#ffffffbb;border-radius:10px}.welcome p{max-width:650px}.welcome h1,.welcome p{text-shadow:0 1px 3px #ffffff99}
@media(max-width:920px){.content:before{height:200px;background-position: center;background-image:linear-gradient(90deg,#f3f6faef,#f3f6fabf),url("madinah.jpg")}.welcome{min-height:120px}}
.sidebar,.sidebar nav,.workspace>*,.side-panels,.panel,.stat{min-width:0}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.stats.money{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:920px){.shell,.workspace{grid-template-columns:minmax(0,1fr)}.side-panels{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{flex-wrap:wrap}.topbar #date{font-size:12px}.top-search{flex:1;min-width:160px}.welcome p{overflow-wrap:anywhere}}@media(max-width:580px){.stats,.stats.money{grid-template-columns:repeat(2,minmax(0,1fr))}.side-panels{grid-template-columns:minmax(0,1fr)}.top-search{flex:auto}}