*{box-sizing:border-box} :root{--blue:#0867c9;--blue-dark:#063d8b;--navy:#071b4c;--bg:#eaf2fc;--muted:#6b7890;--line:#dce5f0;--green:#18b76b;--gold:#f2b836;--shadow:0 8px 22px rgba(41,81,132,.12)}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(135deg,#e4edf9,#f4f7fc 58%,#e5effb);font-family:'Tajawal',sans-serif;color:var(--navy);min-height:100vh}.dashboard-header{height:92px;background:rgba(255,255,255,.96);box-shadow:0 8px 22px rgba(39,75,117,.12);display:flex;align-items:center;gap:32px;padding:0 max(24px,calc((100vw - 1820px)/2));position:sticky;top:0;z-index:10}.wordmark{display:flex;align-items:center;gap:11px;color:#0753a5;text-decoration:none;font-size:30px;font-weight:900;white-space:nowrap}.wordmark img{width:48px;height:48px;object-fit:cover;border-radius:50%;border:2px solid #d8ae62}.desktop-nav{display:flex;gap:8px;align-items:center;flex:1;justify-content:center}.desktop-nav a{padding:11px 18px;border-radius:10px;color:#2d3039;font-size:20px;font-weight:800;text-decoration:none;white-space:nowrap}.desktop-nav a:hover,.desktop-nav a.active{background:#0969c9;color:#fff}.manager-chip{display:flex;align-items:center;gap:9px;direction:rtl;white-space:nowrap}.manager-chip>span:last-child{display:flex;flex-direction:column;gap:0}.manager-chip strong{font-size:17px}.manager-chip small{font-size:12px;color:#6c7790}.manager-avatar{background:#0867c9;color:white;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:24px;font-weight:900}.bell{font-size:29px;color:#0753a5;position:relative}.bell b{position:absolute;right:-8px;top:-8px;background:#df4f57;color:#fff;width:23px;height:23px;border-radius:50%;font-size:13px;display:grid;place-items:center}.dashboard-main{max-width:1820px;margin:0 auto;padding:34px 34px 70px}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 26px}.overline{font-size:15px;color:#6c778a;font-weight:700;display:block;margin-bottom:4px}.page-intro h1{font-size:44px;line-height:1.05;margin:0 0 7px;letter-spacing:-1.3px}.page-intro p{font-size:17px;color:#424d62;margin:0}.primary-button{display:inline-flex;align-items:center;gap:8px;background:#0867cc;color:#fff;text-decoration:none;border-radius:8px;padding:14px 25px;font-size:20px;font-weight:900;box-shadow:0 8px 16px rgba(8,103,204,.22)}.primary-button span{font-size:28px;line-height:16px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:30px}.stat-card{min-height:155px;background:#fff;border-radius:12px;padding:20px 25px;box-shadow:var(--shadow);display:flex;align-items:center;gap:18px}.stat-card>div{display:flex;flex-direction:column}.stat-card>div>span{font-size:20px;font-weight:800;color:#5a5f68}.stat-card strong{font-size:52px;line-height:1.05;color:#062b70;letter-spacing:-1px}.stat-card strong em{font-size:21px;font-style:normal;letter-spacing:0}.stat-card small{font-size:15px;font-weight:800;margin-top:4px}.stat-card small b{font-weight:900}.positive{color:#20974e}.warning{color:#bd8320}.neutral{color:#8b6b23}.neutral b{color:#bd4f58}.stat-icon{flex:0 0 57px;width:57px;height:57px;border-radius:50%;display:grid;place-items:center;font-size:32px;font-weight:900;color:#fff}.building-icon{background:#0867c9}.check-icon{background:#35bd79}.open-icon{background:#f0b735}.cost-icon{background:#0867c9}.section-block{margin-bottom:28px}.section-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:13px}.section-title h2,.panel-head h2{font-size:30px;line-height:1.1;margin:0;color:#062261}.section-title h2 b{color:#1c2e5e}.section-title a{font-size:17px;color:#2a466f;text-decoration:none}.section-title a span{font-size:22px}.building-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.building-card{background:#fff;border-radius:10px;box-shadow:var(--shadow);overflow:hidden;min-width:0}.building-card .building-top{height:113px;padding:15px 13px 10px;position:relative;background:linear-gradient(135deg,#fff 0 62%,#e3efff 62%)}.building-card .building-top:before{content:'▥';position:absolute;left:15px;bottom:-5px;color:#1e65bc;font-size:68px;line-height:1;opacity:.18}.building-card h3{position:relative;font-size:18px;margin:26px 3px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.building-card p{position:relative;font-size:13px;color:#414b59;margin:0 3px}.building-status{position:absolute;right:0;top:0;padding:5px 11px 5px 16px;color:#fff;border-radius:0 0 0 14px;font-size:13px;font-weight:800}.building-status.active{background:#12b45e}.building-status.service{background:#eeb32c}.building-meta{display:flex;justify-content:space-around;gap:4px;padding:10px 7px 8px;border-top:1px solid #ebeff5;font-size:11px;color:#324967}.building-meta span{background:#edf4ff;border-radius:5px;padding:4px 5px;white-space:nowrap}.building-meta .orange{background:#fff0d3;color:#ae741c}.building-date{font-size:12px;padding:0 12px 11px;text-align:center;font-weight:700;color:#202c40}.content-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px;align-items:start}.panel{background:#fff;border-radius:12px;box-shadow:var(--shadow);padding:22px 24px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:17px}.panel-head h2 span{color:#1269bd}.filter-btn{border:0;background:transparent;color:#2f333a;font-size:17px;font-weight:800;cursor:pointer}.filter-btn span{margin-right:5px}.request-table{font-size:14px}.table-row{display:grid;grid-template-columns:1.12fr 1.25fr 1.05fr 1.18fr .8fr .3fr;align-items:center;gap:8px;padding:11px 4px;border-top:1px solid #e4e9f1;color:#202b3a}.table-row b{color:#0b4b98}.table-row span{font-weight:600}.table-head{border:0;padding-top:0;padding-bottom:8px;color:#707989;font-size:13px;font-weight:800}.status{justify-self:start;color:#fff;border-radius:6px;padding:4px 8px;font-size:12px;white-space:nowrap}.status.progress{background:#f0a529}.status.done{background:#19ae61}.status.urgent{background:#d72e37}.status.closed{background:#9b9da3}.row-action{border:0;background:transparent;font-weight:900;cursor:pointer}.new-request-panel{scroll-margin-top:110px}.new-request-panel label:not(.priority){display:block;font-size:15px;font-weight:800;margin:11px 0 5px}.new-request-panel input,.new-request-panel select,.new-request-panel textarea{width:100%;border:1px solid #c8d4e5;border-radius:8px;background:#fff;padding:11px 12px;color:#182b4e;outline:none}.new-request-panel input:focus,.new-request-panel select:focus,.new-request-panel textarea:focus{border-color:#4995db;box-shadow:0 0 0 4px rgba(21,111,206,.1)}.new-request-panel fieldset{border:0;padding:0;margin:10px 0 5px;display:flex;align-items:center;gap:7px}.new-request-panel legend{font-size:15px;font-weight:800;float:right;margin-left:8px}.priority{position:relative}.priority input{position:absolute;opacity:0}.priority span{display:inline-block;border:1px solid #bcc6d2;border-radius:7px;padding:6px 14px;font-size:13px;font-weight:800;background:#f9fafb;cursor:pointer}.priority input:checked+span{background:#efb72f;border-color:#efb72f;color:#332400}.priority.high input:checked+span{background:#e15d5d;border-color:#e15d5d;color:#fff}.submit-request{width:100%;border:0;border-radius:8px;margin-top:16px;background:#0868cc;color:#fff;padding:12px;font-size:18px;font-weight:900;cursor:pointer;box-shadow:0 7px 15px rgba(8,104,204,.2)}.submit-request span{font-size:20px;margin-right:4px}.form-note{text-align:center;margin:8px 0 0;font-size:12px;color:#303743}.dashboard-status{text-align:center;color:#15935b;font-weight:800;font-size:13px;min-height:18px;margin:8px 0 0}.reports-strip{margin-top:20px;background:#fff;border-radius:12px;box-shadow:var(--shadow);padding:20px 25px;display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:18px;align-items:center}.reports-strip h2{font-size:24px;margin:0}.report-mini{border-right:1px solid #e2e8f1;padding-right:22px;display:flex;flex-direction:column;gap:4px}.report-mini span{font-size:13px;color:#667287}.report-mini strong{font-size:28px;color:#0754a7}.report-mini small{font-size:12px;color:#1b9a5d;font-weight:800}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#0a2a5f;color:#fff;border-radius:10px;padding:11px 18px;opacity:0;pointer-events:none;transition:.25s;font-weight:800;z-index:30}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:1250px){.dashboard-header{gap:16px}.wordmark{font-size:24px}.desktop-nav a{font-size:16px;padding:10px}.stat-card{padding:16px 15px}.stat-card>div>span{font-size:16px}.stat-card strong{font-size:41px}.building-grid{grid-template-columns:repeat(3,1fr)}.building-card h3{font-size:21px}.content-grid{grid-template-columns:1fr}.reports-strip{grid-template-columns:1fr repeat(3,1fr)}}@media(max-width:720px){.dashboard-header{height:auto;min-height:75px;padding:10px 14px;flex-wrap:wrap;gap:10px}.wordmark{order:1;font-size:20px}.wordmark img{width:38px;height:38px}.manager-chip{order:2;margin-right:auto}.manager-chip strong{font-size:13px}.manager-chip small{font-size:9px}.manager-avatar{width:38px;height:38px;font-size:18px}.bell{font-size:22px}.desktop-nav{order:3;flex-basis:100%;overflow:auto;justify-content:flex-start;gap:2px}.desktop-nav a{font-size:12px;padding:8px 10px}.dashboard-main{padding:23px 14px 45px}.page-intro{align-items:flex-start;flex-direction:column}.page-intro h1{font-size:31px}.page-intro p{font-size:14px}.primary-button{font-size:16px;padding:11px 16px}.stat-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{min-height:126px;padding:14px 10px;gap:8px;align-items:flex-start}.stat-icon{flex-basis:38px;width:38px;height:38px;font-size:21px}.stat-card>div>span{font-size:12px}.stat-card strong{font-size:30px}.stat-card strong em{font-size:13px}.stat-card small{font-size:10px}.section-title h2,.panel-head h2{font-size:22px}.section-title a{font-size:13px}.building-grid{grid-template-columns:repeat(2,1fr);gap:10px}.building-card .building-top{height:102px}.building-card h3{font-size:16px;margin-top:27px}.building-card p{font-size:11px}.building-meta{font-size:9px;padding:7px 3px}.building-meta span{padding:3px 2px}.building-date{font-size:10px;padding-bottom:9px}.panel{padding:17px 12px}.requests-panel{overflow:auto}.request-table{min-width:670px}.panel-head{gap:5px}.reports-strip{grid-template-columns:1fr 1fr;padding:15px;gap:13px}.reports-strip>div:first-child{grid-column:1/-1}.report-mini{padding-right:9px}.report-mini strong{font-size:21px}.report-mini span{font-size:11px}}

.dashboard-notifications{position:absolute;top:78px;right:24px;z-index:15;width:min(420px,calc(100% - 48px));background:#fff;border:1px solid #d7e4f3;border-radius:16px;padding:15px;box-shadow:0 18px 40px rgba(12,57,119,.2)}.dashboard-notifications[hidden]{display:none}.dashboard-notifications .notifications-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6eef7;padding-bottom:10px;margin-bottom:8px}.dashboard-notifications .notifications-head span{font-size:10px;color:#6c7f9b}.dashboard-notifications .notifications-head h2{font-size:18px;margin:2px 0}.dashboard-notifications .notifications-head button{border:0;background:#edf4fb;color:#56708f;border-radius:8px;font-size:22px;width:30px;height:30px;cursor:pointer}.dashboard-notifications .notifications-list{max-height:390px;overflow:auto}.dashboard-notifications .notification-item{display:flex;gap:10px;padding:11px 2px;border-bottom:1px solid #edf2f8}.dashboard-notifications .notification-icon{width:28px;height:28px;flex:0 0 28px;border-radius:9px;background:#e2efff;color:#0868cc;display:grid;place-items:center;font-weight:900}.dashboard-notifications .notification-item strong{font-size:11px;color:#0a68c9}.dashboard-notifications .notification-item h3{font-size:13px;margin:2px 0}.dashboard-notifications .notification-item p{color:#70829d;font-size:10px;margin:0}

.building-card{cursor:pointer;position:relative}.building-card:focus{outline:3px solid #8dc2fa;outline-offset:2px}.building-details-hint{display:block;color:#176cc0;font-size:10px;font-weight:800;margin-top:8px}.building-modal{position:fixed;inset:0;background:rgba(5,30,65,.58);z-index:80;display:grid;place-items:center;padding:18px}.building-modal[hidden]{display:none}.building-modal-card{background:#fff;border-radius:18px;width:min(720px,100%);max-height:90vh;overflow:auto;padding:24px;position:relative;box-shadow:0 25px 70px rgba(0,30,80,.35)}.building-modal-close{position:absolute;left:16px;top:14px;border:0;background:#edf4fb;color:#42617f;width:34px;height:34px;border-radius:10px;font-size:23px;cursor:pointer}.building-modal-head{border-bottom:2px solid #0a68c9;padding-bottom:14px}.building-modal-head span{font-size:11px;color:#71829b}.building-modal-head h2{margin:4px 0;font-size:25px;color:#092654}.building-modal-head p{margin:0;color:#647994;font-size:12px}.building-detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.building-detail-stats div{background:#f1f7ff;border-radius:10px;padding:12px}.building-detail-stats span,.building-detail-stats strong{display:block}.building-detail-stats span{color:#647994;font-size:11px}.building-detail-stats strong{color:#0754a7;font-size:19px;margin-top:5px}.building-modal-section{border-top:1px solid #e6eef7;padding-top:12px;margin-top:14px}.building-modal-section h3{font-size:16px;margin:0 0 10px}.apartment-chip{display:inline-block;background:#e8f3ff;color:#0a65b7;border-radius:8px;padding:6px 9px;margin:3px;font-size:11px;font-weight:800}.building-maintenance-list article{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #edf2f7;padding:11px 0}.building-maintenance-list article:last-child{border-bottom:0}.building-maintenance-list strong{font-size:12px}.building-maintenance-list p,.building-maintenance-list small{display:block;color:#6b7d96;font-size:11px;margin:4px 0}.building-maintenance-list b{white-space:nowrap;color:#0b68c5;font-size:12px}@media(max-width:520px){.building-modal-card{padding:18px 14px}.building-detail-stats{grid-template-columns:1fr 1fr}.building-detail-stats div:last-child{grid-column:span 2}}
@media(min-width:700px){.building-detail-stats{grid-template-columns:repeat(4,1fr)}}
.building-card{text-decoration:none;color:inherit;display:block}