:root{--navy:#102943;--navy2:#173b5f;--gold:#c9a34c;--gold2:#e4c979;--ink:#172536;--muted:#6d7b88;--line:#e4e9ee;--soft:#f5f7f9;--white:#fff;--danger:#b74747;--shadow:0 12px 35px rgba(16,41,67,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Tajawal","Segoe UI",Tahoma,Arial,sans-serif;color:var(--ink);background:#f7f8fa url('/assets/images/mris-real-estate-bg.svg') center top/cover fixed no-repeat;direction:rtl}a{text-decoration:none;color:inherit}button{font:inherit}
.app-shell{min-height:100vh}.topbar{height:78px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 28px;position:sticky;top:0;z-index:30;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px;justify-self:start}.brand img{width:48px;height:48px;border-radius:14px;object-fit:cover;border:1px solid #eee}.brand strong{display:block;color:var(--navy);font-size:17px}.brand small{color:var(--muted)}.system-title{text-align:center}.system-title strong{display:block;color:var(--navy);font-size:21px}.system-title small{color:var(--gold);font-weight:700}.top-actions{display:flex;align-items:center;gap:10px;justify-self:end}.icon-btn,.profile-btn{border:1px solid var(--line);background:#fff;cursor:pointer}.icon-btn{width:43px;height:43px;border-radius:13px;font-size:20px;position:relative}.icon-btn .badge{position:absolute;top:-5px;right:-5px;background:var(--gold);color:#fff;border-radius:999px;font-size:10px;min-width:18px;height:18px;display:grid;place-items:center;border:2px solid #fff}.profile-btn{display:flex;align-items:center;gap:9px;padding:5px 7px 5px 13px;border-radius:15px}.avatar{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;display:grid;place-items:center;font-weight:800}.profile-btn b{display:block;font-size:13px}.profile-btn small{display:block;color:var(--muted);font-size:11px}
.layout{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:calc(100vh - 78px)}.sidebar{background:rgba(16,41,67,.98);color:#fff;padding:22px 14px;position:sticky;top:78px;height:calc(100vh - 78px);overflow:auto}.nav-label{font-size:11px;color:#9eafbf;padding:12px 13px 7px}.nav-link{display:flex;align-items:center;gap:11px;padding:12px 13px;border-radius:13px;color:#d9e1e8;margin:4px 0;font-size:14px}.nav-link:hover,.nav-link.active{background:rgba(201,163,76,.17);color:#fff}.nav-link.active{box-shadow:inset -3px 0 0 var(--gold)}.nav-icon{width:23px;text-align:center}.sidebar-footer{margin-top:25px;border-top:1px solid rgba(255,255,255,.12);padding-top:13px}.main{padding:28px;max-width:1500px;width:100%;margin:0 auto}.welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.welcome h1{margin:0;color:var(--navy);font-size:29px}.welcome p{margin:7px 0 0;color:var(--muted)}.system-health{background:#fff;border:1px solid var(--line);border-radius:15px;padding:11px 15px;display:flex;align-items:center;gap:9px;font-size:13px}.dot{width:9px;height:9px;border-radius:50%;background:#4e9b6f;box-shadow:0 0 0 4px rgba(78,155,111,.13)}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr);gap:18px}.panel{background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.panel-head h2{font-size:17px;margin:0;color:var(--navy)}.panel-head a{font-size:12px;color:var(--gold);font-weight:800}.today-panel{min-height:260px}.tasks{display:grid;gap:10px}.task{display:grid;grid-template-columns:10px 1fr auto;gap:11px;align-items:center;padding:12px;background:var(--soft);border-radius:14px;border:1px solid transparent}.task:hover{border-color:#d9e0e6}.task-dot{width:9px;height:9px;border-radius:50%}.red{background:#c95757}.amber{background:#d5a83c}.blue{background:#4d7ca4}.gray{background:#9aa5af}.task b{font-size:13px}.task small{display:block;color:var(--muted);margin-top:3px}.task span:last-child{font-size:12px;color:var(--muted)}.ai-panel{background:linear-gradient(145deg,var(--navy),#1b446a);color:#fff;position:relative;overflow:hidden}.ai-panel:after{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(255,255,255,.1);border-radius:50%;left:-65px;bottom:-80px}.ai-panel .panel-head h2{color:#fff}.ai-label{color:var(--gold2);font-weight:800;font-size:12px}.ai-actions{display:grid;gap:10px;position:relative;z-index:1}.ai-action{padding:12px 13px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);border-radius:14px;font-size:13px;line-height:1.7}.ai-action b{color:var(--gold2);margin-left:5px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.stat{background:#fff;border:1px solid var(--line);border-radius:17px;padding:16px;box-shadow:0 8px 25px rgba(16,41,67,.05)}.stat small{color:var(--muted)}.stat strong{display:block;color:var(--navy);font-size:25px;margin-top:8px}.stat em{font-style:normal;color:var(--gold);font-size:11px}.quick-actions{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.quick{background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px 8px;text-align:center;font-size:12px;font-weight:800;color:var(--navy);transition:.2s}.quick:hover{transform:translateY(-2px);border-color:var(--gold)}.quick i{display:block;font-style:normal;font-size:20px;margin-bottom:7px;color:var(--gold)}
.sections-title{display:flex;align-items:center;justify-content:space-between;margin:25px 0 13px}.sections-title h2{margin:0;color:var(--navy);font-size:19px}.sections{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.section-card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:18px;min-height:185px;display:flex;flex-direction:column;box-shadow:0 8px 25px rgba(16,41,67,.05);transition:.22s}.section-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:rgba(201,163,76,.65)}.section-icon{width:46px;height:46px;border-radius:14px;background:#f1f4f7;color:var(--navy);display:grid;place-items:center;font-size:21px;margin-bottom:14px}.section-card h3{margin:0;color:var(--navy);font-size:15px}.section-card p{color:var(--muted);font-size:12px;line-height:1.65;margin:8px 0 15px}.section-card .enter{margin-top:auto;color:var(--gold);font-size:12px;font-weight:900}.sources{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.source{padding:11px;background:var(--soft);border-radius:13px;text-align:center}.source b{display:block;color:var(--navy);font-size:12px}.source small{color:var(--muted);font-size:10px}.source-status{width:8px;height:8px;border-radius:50%;display:inline-block;margin-left:4px}.connected{background:#4e9b6f}.pending{background:#d5a83c}.footer{text-align:center;color:var(--muted);font-size:11px;padding:22px}
.drawer-overlay{display:none;position:fixed;inset:0;background:rgba(7,20,34,.45);z-index:49}.drawer{position:fixed;top:0;left:-340px;width:min(320px,88vw);height:100%;background:#fff;z-index:50;transition:.25s;padding:20px;box-shadow:20px 0 50px rgba(0,0,0,.18)}body.drawer-open .drawer{left:0}body.drawer-open .drawer-overlay{display:block}.drawer-head{display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line);padding-bottom:16px}.drawer-close{margin-right:auto;border:0;background:var(--soft);width:35px;height:35px;border-radius:10px;cursor:pointer}.drawer-menu{display:grid;gap:6px;margin-top:15px}.drawer-menu a{padding:12px;border-radius:12px;background:var(--soft);font-size:13px}.mobile-menu{display:none}
@media(max-width:1180px){.sections{grid-template-columns:repeat(3,1fr)}.quick-actions{grid-template-columns:repeat(3,1fr)}.sources{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.topbar{grid-template-columns:1fr auto;padding:0 15px;height:68px}.system-title{display:none}.layout{grid-template-columns:1fr}.sidebar{display:none}.main{padding:18px 14px}.dashboard-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.sections{grid-template-columns:repeat(2,1fr)}.mobile-menu{display:grid}.top-actions .profile-btn div:last-child{display:none}.welcome{align-items:flex-start}.system-health{display:none}}
@media(max-width:560px){.brand div{display:none}.brand img{width:42px;height:42px}.welcome h1{font-size:23px}.welcome p{font-size:13px}.panel{padding:16px;border-radius:17px}.stats{grid-template-columns:repeat(2,1fr);gap:9px}.stat{padding:13px}.stat strong{font-size:21px}.quick-actions{grid-template-columns:repeat(2,1fr)}.sections{grid-template-columns:1fr}.section-card{min-height:150px}.sources{grid-template-columns:repeat(2,1fr)}.top-actions{gap:6px}.icon-btn{width:39px;height:39px}.profile-btn{padding:4px}.main{padding-bottom:8px}}