:root{--ink:#173d38;--dark:#103530;--muted:#72847f;--line:#dfe6e2;--paper:#f7f8f5;--green:#19705e;--amber:#bd7a16;--red:#c34d3a;--violet:#71609c}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Alexandria,Arial,sans-serif;font-size:13px}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.login-page{display:grid;grid-template-columns:46% 54%;min-height:100vh}.login-panel{background:#fff;display:flex;flex-direction:column;justify-content:center;padding:12%;position:relative}.brand{align-items:center;color:white;display:flex;font-family:"Noto Kufi Arabic",sans-serif;font-size:21px;font-weight:700;gap:10px;text-decoration:none}.brand i{background:#d7aa58;display:inline-block;height:24px;position:relative;width:6px}.brand i:before,.brand i:after{background:#d7aa58;bottom:0;content:"";position:absolute;width:6px}.brand i:before{height:15px;right:9px}.brand i:after{height:20px;right:18px}.login-panel .brand{color:var(--ink);margin-bottom:62px}.label,.hint{color:var(--muted);font-size:11px}.login-panel h1{font-family:"Noto Kufi Arabic";font-size:27px;margin:10px 0}.login-panel form{display:grid;gap:15px;margin-top:25px;max-width:370px}.login-panel label,.modal-card label{color:#526762;display:grid;font-size:11px;font-weight:600;gap:7px}.login-panel input,.modal-card input,.modal-card select{background:#fff;border:1px solid var(--line);border-radius:6px;color:var(--ink);height:42px;outline-color:var(--green);padding:0 11px}.primary{background:var(--ink);border:0;border-radius:6px;color:#fff;font-weight:600;height:42px;padding:0 16px}.error{color:var(--red);font-size:11px;margin:0}.demo-note{color:#95a29e;font-size:10px;margin-top:18px}.login-art{background:linear-gradient(150deg,#123b37,#286357);min-height:100%;overflow:hidden;position:relative}.art-copy{bottom:15%;color:white;position:absolute;right:13%;width:420px;z-index:2}.overline{color:#83938e;font-family:"Noto Kufi Arabic";font-size:9px;letter-spacing:.3px;margin:0 0 6px}.login-art .overline{color:#d7aa58}.art-copy h2{font-family:"Noto Kufi Arabic";font-size:36px;line-height:1.7;margin:6px 0}.art-copy p{color:#cae0d8;font-size:13px}.building{bottom:-7%;display:flex;gap:10px;height:56%;left:10%;position:absolute;transform:skewY(-7deg);width:80%}.building i{background:linear-gradient(90deg,#235e52,#3e7d6c);box-shadow:inset 9px 0 rgba(255,255,255,.07);flex:1}.building i:nth-child(2){height:84%;margin-top:auto}.building i:nth-child(3){height:69%;margin-top:auto}.building i:nth-child(4){height:92%;margin-top:auto}.app{min-height:100vh}.sidebar{background:var(--dark);bottom:0;color:#c3d3cd;display:flex;flex-direction:column;padding:26px 15px;position:fixed;right:0;top:0;width:245px;z-index:10}.portfolio{align-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:8px;display:flex;gap:9px;margin:38px 0 25px;padding:9px}.avatar{align-items:center;background:#cbdcd5;border-radius:50%;color:var(--dark);display:inline-flex;font-size:10px;font-weight:700;height:30px;justify-content:center;width:30px}.portfolio b,.sidebar-footer b{color:#f1f6f3;display:block;font-size:11px}.portfolio small,.sidebar-footer small{color:#a4bbb3;font-size:9px}.portfolio button{background:none;border:0;color:white;margin-right:auto}nav{display:grid;gap:4px}nav a{align-items:center;border-radius:6px;color:#bbccc6;display:flex;gap:12px;padding:11px;text-decoration:none}nav a:hover,nav a.active{background:rgba(255,255,255,.11);color:#fff}nav a:first-letter{font-size:17px}nav em{background:#c77d25;border-radius:9px;color:#fff;font-size:9px;font-style:normal;margin-right:auto;padding:2px 6px}.sidebar-footer{border-top:1px solid rgba(255,255,255,.14);margin-top:auto;padding-top:15px}.sidebar-footer>button{background:none;border:0;color:#b8cac4;font-size:11px;margin-bottom:17px;padding:0}.sidebar-footer>div{align-items:center;display:flex;gap:8px}.sidebar-footer p{margin:0}main{margin-right:245px;min-height:100vh;padding:0 42px 40px}header{align-items:center;border-bottom:1px solid var(--line);display:flex;height:70px;justify-content:space-between}.crumb{display:flex;gap:12px}.crumb span{color:var(--muted);font-size:11px}.crumb span:after{color:#aab7b2;content:"/";margin-right:12px}.crumb b{font-size:11px}.header-actions{display:flex;gap:9px}.search{background:white;border:1px solid var(--line);border-radius:6px;color:#82918d;font-size:11px;padding:0 11px;width:220px}.small{font-size:11px;height:35px}.mobile-menu{background:none;border:0;color:var(--ink);display:none;font-size:20px}.hero{align-items:end;display:flex;justify-content:space-between;padding:35px 0 25px}.hero h1{font-family:"Noto Kufi Arabic";font-size:25px;margin:7px 0}.hero>div>p:last-child{color:var(--muted);font-size:12px;margin:0}.date-control,.outline{background:#fff;border:1px solid var(--line);border-radius:6px;color:#5d716b;font-size:11px;padding:8px 10px}.date-control{display:flex;gap:15px}.kpis{display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}.kpis article,.panel{background:#fff;border:1px solid var(--line);border-radius:9px}.kpis article{min-height:165px;padding:15px}.kpi-icon{align-items:center;border-radius:6px;display:flex;font-size:16px;height:27px;justify-content:center;width:27px}.green{background:#e1f0e9;color:var(--green)}.amber{background:#fff0d9;color:var(--amber)}.red{background:#f9e3df;color:var(--red)}.violet{background:#ece8f5;color:var(--violet)}.kpis p{color:var(--muted);font-size:11px;margin:14px 0 4px}.kpis strong{font-family:"Noto Kufi Arabic";font-size:17px}.kpis strong small{color:var(--muted);font-size:10px;font-weight:400}.kpis article>small{color:#879691;display:block;font-size:9px;margin-top:13px}.up{color:var(--green)!important}.down{color:var(--red)!important}.bar{background:#e8eeeb;border-radius:3px;height:4px;margin-top:10px}.bar i{background:var(--green);border-radius:3px;display:block;height:100%;width:0}.bar.amber i{background:var(--amber)}.map-section{margin-top:30px}.section-heading,.panel-title{align-items:end;display:flex;justify-content:space-between;margin-bottom:13px}h2{font-family:"Noto Kufi Arabic";font-size:17px;margin:0}.active-map{background:#eef3f0;color:var(--ink);font-weight:bold;margin-right:-7px}.map{background:#dce9e0;border:1px solid #d0dcd5;border-radius:9px;height:365px;overflow:hidden;position:relative}.roads{background-image:linear-gradient(37deg,transparent 47%,rgba(104,132,120,.36) 48%,rgba(104,132,120,.36) 49%,transparent 50%),linear-gradient(115deg,transparent 48%,rgba(104,132,120,.27) 49%,rgba(104,132,120,.27) 50%,transparent 51%);background-size:125px 90px,180px 120px;inset:0;position:absolute}.sea{background:#b8dadd;border-radius:0 50% 50% 0;height:500px;left:-260px;position:absolute;top:-80px;width:350px}.map-name{color:#6f837b;font-family:"Noto Kufi Arabic";font-size:10px;position:absolute}.map-name.first{right:45%;top:38%}.map-name.second{right:66%;top:22%}.pin{align-items:center;border:3px solid white;border-radius:50%;box-shadow:0 2px 8px #52716870;color:#fff;display:flex;height:31px;justify-content:center;position:absolute;width:31px;z-index:3}.pin.شاغر{background:var(--amber);border-radius:6px}.pin.مؤجر{background:var(--green)}.pin.محجوز{background:var(--violet)}.pin.overdue{border-color:var(--red);border-width:4px}.map-legend{background:#fffffff2;border-radius:6px;bottom:14px;display:flex;gap:13px;left:14px;padding:8px 10px;position:absolute}.map-legend span{align-items:center;color:#5e706a;display:flex;font-size:9px;gap:4px}.map-legend i{border-radius:50%;height:7px;width:7px}.rented{background:var(--green)}.available{background:var(--amber)}.reserved{background:var(--violet)}.overdue{background:var(--red)}.property-detail{background:#fff;border-radius:8px;box-shadow:0 10px 28px #143a3335;overflow:hidden;position:absolute;right:14px;top:14px;width:245px;z-index:5}.close-detail,.modal-close{background:none;border:0;color:#546a64;font-size:21px;position:absolute;left:8px;top:5px;z-index:2}.detail-image{align-items:center;background:linear-gradient(135deg,#d8e6dc,#a7c6b7);color:#467b6b;display:flex;font-size:47px;height:82px;justify-content:center;position:relative}.detail-image span{background:#e1f0e9;border-radius:7px;bottom:7px;color:var(--green);font-size:8px;padding:4px;position:absolute;right:8px}.detail-body{padding:12px}.detail-body small{color:#82928d;font-size:9px}.detail-body h3{font-family:"Noto Kufi Arabic";font-size:16px;margin:6px 0}.detail-body p{color:#71827e;font-size:10px}.specs{border-bottom:1px solid var(--line);border-top:1px solid var(--line);display:flex;gap:13px;margin:10px 0;padding:8px 0}.specs span{color:#758680;font-size:9px}.specs b{color:var(--ink);display:block;font-size:10px}.detail-button{font-size:10px;height:31px;width:100%}.grids{display:grid;gap:18px;grid-template-columns:1.12fr .88fr;margin-top:28px}.panel{padding:17px}.text-button{background:none;border:0;color:var(--green);font-size:10px;font-weight:bold;padding:0}.row{align-items:center;border-top:1px solid #e9edeb;display:grid;gap:9px;grid-template-columns:31px 1fr auto;padding:11px 0}.row .avatar{background:#e6d8c0}.row b{display:block;font-size:10px}.row small{color:#82918d;font-size:9px}.row .amount{font-family:"Noto Kufi Arabic";font-size:10px}.row .late{color:var(--red);font-size:9px}.ticket-icon{align-items:center;border-radius:6px;display:flex;height:27px;justify-content:center;width:27px}.priority{border-radius:8px;font-size:8px;padding:4px 6px}.priority.عالية{background:#f9e3df;color:var(--red)}.priority.متوسطة{background:#fff0d9;color:#a76b12}.popover{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 9px 25px #143a3325;display:grid;gap:12px;padding:15px;position:fixed;top:180px;z-index:20}.popover label{color:#60746e;font-size:11px}.popover .primary{font-size:10px;height:32px}.modal{align-items:center;background:#11363075;display:flex;inset:0;justify-content:center;position:fixed;z-index:30}.modal-card{background:#fff;border-radius:10px;display:grid;gap:13px;padding:25px;position:relative;width:400px}.modal-card h2{margin-bottom:7px}.modal-card .primary{margin-top:5px}.two{display:grid;gap:10px;grid-template-columns:1fr 1fr}
@media(max-width:1000px){.kpis{grid-template-columns:repeat(2,1fr)}.grids{grid-template-columns:1fr}}@media(max-width:700px){.login-page{display:block}.login-art{display:none}.login-panel{min-height:100vh;padding:32px}.login-panel .brand{margin-bottom:60px}.sidebar{display:none}.sidebar.open{display:flex;width:245px}.app main{margin:0;padding:0 16px 25px}.mobile-menu{display:block}.crumb{display:none}header{height:60px}.search{display:none}.hero{padding:27px 0 19px}.hero h1{font-size:20px}.date-control{display:none}.kpis{gap:9px}.kpis article{min-height:143px;padding:12px}.kpis strong{font-size:14px}.map{height:425px}.property-detail{bottom:10px;right:10px;top:auto;width:calc(100% - 20px)}.detail-image{display:none}.map-legend{display:none}.section-heading>div:last-child .outline:not(:first-child){display:none}.grids{gap:12px;margin-top:17px}.panel{padding:13px}.modal-card{margin:15px;width:calc(100% - 30px)}}