:root{--ink:#172b35;--muted:#6b7f88;--line:#dce7eb;--paper:#fff;--bg:#eef4f6;--green:#103d52;--green2:#16566a;--deep:#103d52;--mint:#e3eef2;--orange:#e79b42;--red:#d85757;--blue:#2f7898;--shadow:0 10px 30px rgba(16,61,82,.09)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Tajawal',system-ui,sans-serif;min-height:100vh}button,input,select{font:inherit}.sidebar{width:245px;position:fixed;top:0;right:0;bottom:0;background:var(--deep);color:#fff;padding:28px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 28px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#22aa91,#0b7667);font-size:25px;font-weight:800}.brand b{display:block;font-size:22px}.brand small{color:#a5b9b5}.sidebar nav{display:flex;flex-direction:column;gap:7px}.nav-item{border:0;color:#a8bbb7;background:transparent;border-radius:10px;padding:13px 14px;display:flex;align-items:center;gap:11px;cursor:pointer;text-align:right;transition:.2s}.nav-item svg{width:19px}.nav-item:hover,.nav-item.active{background:#1b403b;color:#fff}.nav-item.active{box-shadow:inset -3px 0 #29b99d}.nav-item em{margin-right:auto;background:#dc5f5f;color:#fff;border-radius:20px;padding:2px 7px;font-style:normal;font-size:11px}.sidebar-foot{margin-top:auto;background:#183a36;border:1px solid #28504b;border-radius:16px;padding:18px;text-align:center}.sidebar-foot .help-icon{margin:-36px auto 8px;background:#239f89;border:6px solid var(--deep);width:43px;height:43px;border-radius:50%;display:grid;place-items:center;font-weight:800}.sidebar-foot b,.sidebar-foot small{display:block}.sidebar-foot small{color:#a5b9b5;margin:5px 0 14px}.sidebar-foot button{width:100%;border:0;background:#fff;color:var(--deep);border-radius:8px;padding:8px;font-weight:700}main{margin-right:245px;min-height:100vh}header{height:88px;background:#fff;border-bottom:1px solid var(--line);padding:0 34px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.heading h1{font-size:20px;margin:0 0 4px}.heading p{margin:0;color:var(--muted);font-size:13px}.header-actions{display:flex;align-items:center;gap:13px}.search{height:42px;width:300px;border:1px solid var(--line);background:#f9fbfa;border-radius:11px;display:flex;align-items:center;padding:0 13px;gap:8px}.search svg{width:18px;color:var(--muted)}.search input{border:0;outline:0;background:transparent;width:100%;color:var(--ink)}.icon-btn{width:42px;height:42px;border:1px solid var(--line);border-radius:11px;background:#fff;display:grid;place-items:center;position:relative;cursor:pointer}.icon-btn svg{width:19px}.icon-btn i{position:absolute;width:7px;height:7px;background:#e35c5c;border:2px solid white;border-radius:50%;top:8px;right:8px}.profile{display:flex;align-items:center;gap:9px;border-right:1px solid var(--line);padding-right:13px}.profile .avatar{width:39px;height:39px;background:#dceee9;color:var(--green);font-weight:800;border-radius:11px;display:grid;place-items:center}.profile b,.profile small{display:block;font-size:12px}.profile small{color:var(--muted);margin-top:2px}.mobile-menu{display:none}.content{padding:30px 34px 45px;max-width:1500px;margin:auto}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.toolbar h2{margin:0;font-size:20px}.toolbar p{margin:5px 0 0;color:var(--muted);font-size:13px}.primary-btn{border:0;background:var(--green);color:#fff;border-radius:10px;padding:11px 17px;font-weight:700;cursor:pointer;box-shadow:0 5px 15px rgba(11,118,103,.18)}.secondary-btn{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:9px;padding:9px 13px;cursor:pointer}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:22px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;box-shadow:var(--shadow);position:relative;overflow:hidden}.stat-top{display:flex;justify-content:space-between;align-items:flex-start}.stat-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center}.stat-icon svg{width:21px}.stat-icon.green{background:#e6f6f1;color:var(--green)}.stat-icon.blue{background:#ebf2fd;color:var(--blue)}.stat-icon.orange{background:#fff2df;color:var(--orange)}.stat-icon.red{background:#fdecec;color:var(--red)}.stat-card small{color:var(--muted)}.stat-value{font-size:28px;font-weight:800;margin:11px 0 3px}.trend{font-size:11px;color:var(--green);font-weight:700}.trend.bad{color:var(--red)}.currency{font-size:13px;margin-right:3px}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);padding:21px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.card-header h3{margin:0;font-size:16px}.card-header a{color:var(--green);font-size:12px;cursor:pointer}.chart-wrap{height:230px;display:flex;align-items:end;gap:18px;padding:22px 8px 0;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 54px,#edf1f0 55px)}.bar-group{flex:1;height:100%;display:flex;align-items:end;justify-content:center;gap:5px;position:relative}.bar{width:13px;border-radius:5px 5px 0 0;background:var(--green)}.bar.alt{background:#b9ded6}.bar-label{position:absolute;bottom:-24px;font-size:10px;color:var(--muted)}.chart-legend{display:flex;justify-content:center;gap:20px;padding-top:34px;font-size:11px;color:var(--muted)}.dot{width:7px;height:7px;display:inline-block;border-radius:50%;margin-left:5px;background:var(--green)}.dot.alt{background:#b9ded6}.occupancy{display:flex;align-items:center;gap:28px;padding:10px}.donut{width:148px;height:148px;border-radius:50%;background:conic-gradient(var(--green) 0 77%,#e9efed 77%);display:grid;place-items:center}.donut:after{content:'';width:105px;height:105px;border-radius:50%;background:#fff;position:absolute}.donut-text{z-index:1;text-align:center}.donut-text b{font-size:25px;display:block}.donut-text small{color:var(--muted)}.legend-list{display:grid;gap:15px;flex:1}.legend-row{display:flex;justify-content:space-between;font-size:12px}.legend-row span:first-child{color:var(--muted)}.list{display:grid}.payment-row{display:grid;grid-template-columns:1.2fr .7fr .7fr .65fr;align-items:center;gap:10px;padding:13px 0;border-top:1px solid var(--line);font-size:12px}.payment-row:first-child{border-top:0}.person{display:flex;gap:10px;align-items:center}.person-avatar{width:34px;height:34px;border-radius:9px;background:#e5f2ef;color:var(--green);display:grid;place-items:center;font-weight:800}.person small{display:block;color:var(--muted);margin-top:3px}.badge{display:inline-block;width:max-content;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:700}.badge.paid,.badge.active{background:#e7f5ef;color:#137c65}.badge.late,.badge.expiring{background:#fdeaea;color:#c54b4b}.badge.upcoming{background:#fff2dc;color:#b87524}.table-card{padding:0;overflow:hidden}.table-tools{padding:18px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.filter{display:flex;gap:8px}.table{width:100%;border-collapse:collapse}.table th{background:#f8faf9;text-align:right;color:var(--muted);font-size:11px;font-weight:600;padding:12px 18px}.table td{padding:15px 18px;border-top:1px solid var(--line);font-size:12px}.table tr:hover td{background:#fbfdfc}.property-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.property-card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:var(--shadow)}.property-visual{height:108px;background:linear-gradient(135deg,#d9ebe7,#aacfc7);position:relative;padding:18px}.property-visual:after{content:'🏢';position:absolute;font-size:65px;opacity:.45;left:20px;bottom:-9px}.property-visual .badge{background:rgba(255,255,255,.88);color:var(--green)}.property-body{padding:18px}.property-body h3{margin:0 0 4px}.property-body>small{color:var(--muted)}.property-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:17px;padding-top:14px;border-top:1px solid var(--line)}.property-meta div{text-align:center}.property-meta b,.property-meta small{display:block}.property-meta small{color:var(--muted);font-size:10px;margin-bottom:4px}.alert-list{display:grid;gap:12px}.alert-item{display:flex;gap:13px;align-items:flex-start;padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff}.alert-symbol{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;flex:none}.alert-symbol.danger{background:#fdeaea;color:var(--red)}.alert-symbol.warning{background:#fff1dc;color:var(--orange)}.alert-symbol.info{background:#eaf1fc;color:var(--blue)}.alert-symbol.success{background:#e6f4ef;color:var(--green)}.alert-item h4{margin:1px 0 5px;font-size:14px}.alert-item p{margin:0;color:var(--muted);font-size:12px}.alert-item time{margin-right:auto;color:var(--muted);font-size:10px;white-space:nowrap}.alert-item.unread{border-right:3px solid var(--green)}.empty{text-align:center;color:var(--muted);padding:50px}.modal-backdrop{display:none;position:fixed;inset:0;background:rgba(10,28,25,.5);z-index:50;align-items:center;justify-content:center;padding:20px}.modal-backdrop.show{display:flex}.modal{background:#fff;width:min(520px,100%);border-radius:17px;padding:27px;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.2)}.close{position:absolute;left:18px;top:14px;border:0;background:transparent;font-size:26px;color:var(--muted);cursor:pointer}.modal h2{margin-top:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:12px;color:var(--muted)}.field input,.field select{padding:11px;border:1px solid var(--line);border-radius:9px;outline:0}.modal-actions{margin-top:20px;display:flex;gap:8px}.toast{position:fixed;left:25px;bottom:25px;background:var(--deep);color:#fff;border-radius:10px;padding:13px 18px;opacity:0;transform:translateY(20px);transition:.25s;z-index:80}.toast.show{opacity:1;transform:none}
@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.property-grid{grid-template-columns:repeat(2,1fr)}.search{width:220px}.dashboard-grid{grid-template-columns:1fr}}
@media(max-width:780px){.sidebar{transform:translateX(100%);transition:.25s}.sidebar.open{transform:none}main{margin-right:0}header{padding:0 16px}.mobile-menu{display:block;border:0;background:transparent;font-size:23px}.heading p,.profile>div:not(.avatar),.profile>span,.search{display:none}.content{padding:20px 15px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:15px}.stat-value{font-size:22px}.property-grid{grid-template-columns:1fr}.table-card{overflow:auto}.table{min-width:720px}.payment-row{grid-template-columns:1.2fr .8fr .7fr}.payment-row>span:nth-child(3){display:none}.occupancy{flex-direction:column}.toolbar{align-items:flex-end}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}
@media(max-width:430px){.stats{grid-template-columns:1fr}.header-actions{gap:7px}.profile{padding-right:7px}.content{padding:16px 11px}.dashboard-grid{gap:12px}}
.logout-btn{margin-top:auto;margin-bottom:38px;width:100%}.sidebar:has(.logout-btn) .sidebar-foot{margin-top:0}
.pdf-drop{border:2px dashed #b9d2cc;background:#f5faf8;border-radius:13px;padding:25px;text-align:center;display:grid;gap:7px}.pdf-drop small{color:var(--muted)}.pdf-drop input{margin:auto;max-width:100%}.import-error,.import-warning{display:none;margin-top:12px;padding:11px;border-radius:9px;background:#fff1dc;color:#9b651f;font-size:12px}.import-error.show,.import-warning{display:block}.import-error{background:#fdeaea;color:var(--red)}.import-ok{background:#e7f5ef;color:var(--green);padding:11px;border-radius:9px;margin:12px 0}.extract-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:15px}.extract-grid>div{border:1px solid var(--line);border-radius:9px;padding:9px}.extract-grid small,.extract-grid b{display:block}.extract-grid small{color:var(--muted);font-size:10px;margin-bottom:4px}.extract-grid b{font-size:12px}.schedule-wrap{max-height:230px;overflow:auto;border:1px solid var(--line);border-radius:10px}.hidden{display:none!important}@media(max-width:600px){.extract-grid{grid-template-columns:1fr}}
.dashboard-note-card{margin-bottom:18px}.note-list{display:grid;gap:10px}.note-item{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:11px;background:#fff;padding:11px 13px}.note-item span{font-weight:700}.note-item small{margin-right:auto;color:var(--muted);font-size:11px}.note-item.done span{text-decoration:line-through;color:var(--muted)}.mini-note{font-size:11px;color:var(--green);font-weight:800;padding:7px 10px;border-radius:9px;background:#e7f5ef}
.activity-date{text-align:right;white-space:nowrap}.contract-detail-actions{margin:0 0 14px}
.dashboard-collection-card{margin-bottom:18px}.dashboard-mini-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.dashboard-mini-filters select{border:1px solid var(--line);border-radius:9px;padding:10px;background:#fff}.non-compliant-row{grid-template-columns:1.2fr .55fr .7fr .4fr}
@media(max-width:700px){.dashboard-mini-filters{grid-template-columns:1fr}.non-compliant-row{grid-template-columns:1fr}}
.payment-row.with-actions{grid-template-columns:1.2fr .6fr .8fr .55fr 1.25fr}.payment-actions{display:flex;gap:6px;justify-content:flex-end}.mini-btn{border:1px solid var(--line);background:#fff;color:var(--green);border-radius:8px;padding:7px 9px;font-size:10px;cursor:pointer;white-space:nowrap}.mini-btn:hover{background:var(--mint)}.mini-btn.done{color:var(--muted);background:#f3f6f5}.mini-btn:disabled{cursor:default}@media(max-width:900px){.payment-row.with-actions{grid-template-columns:1fr .6fr .7fr}.payment-row.with-actions>.badge{display:none}.payment-actions{grid-column:1/-1;justify-content:flex-start}}
.payment-row.expiring-row{grid-template-columns:1.4fr .8fr .65fr}.settings-note,.field small{color:var(--muted);font-size:10px;line-height:1.6}
.badge.partial{background:#eaf1fc;color:var(--blue)}
.clickable{cursor:pointer;transition:.2s}.clickable:hover{transform:translateY(-3px);border-color:#b8d6cf}.record-actions{display:flex;gap:6px;margin-top:12px}.record-actions button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:6px 9px;color:var(--green);cursor:pointer;font-size:10px}.record-actions .danger-action{color:var(--red)}.settings-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.user-list{display:grid;gap:8px;margin-bottom:18px}.user-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 0}.user-row small{display:block;color:var(--muted);margin-top:3px}.profile{position:relative;cursor:pointer}.profile-dropdown{display:none;position:absolute;top:52px;left:0;width:170px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:6px;z-index:30}.profile-dropdown.show{display:grid}.profile-dropdown button{border:0;background:transparent;text-align:right;padding:10px;border-radius:7px;cursor:pointer}.profile-dropdown button:hover{background:var(--bg)}.search-results{display:grid}.search-result{display:flex;align-items:center;gap:12px;padding:14px;border-bottom:1px solid var(--line)}.search-result-copy{flex:1}.search-result small{display:block;color:var(--muted);margin-top:3px}.search-result-actions{display:flex;gap:7px}.search-result-actions button{border:1px solid var(--line);background:#fff;color:var(--green);border-radius:8px;padding:7px 10px;cursor:pointer}@media(max-width:900px){.settings-grid{grid-template-columns:1fr}.search-result{align-items:flex-start;flex-wrap:wrap}.search-result-actions{width:100%}}

.dashboard-filters,.page-filter{display:flex;gap:14px;align-items:end;margin-bottom:18px}.dashboard-filters .field,.page-filter .field{min-width:220px}.phone-number{display:inline-block;direction:ltr;unicode-bidi:isolate}.contract-number{border:0;background:transparent;color:var(--green);font-weight:800;text-decoration:underline;cursor:pointer}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.modal:has(.schedule-wrap){width:min(850px,100%);max-height:90vh;overflow:auto}@media(max-width:900px){.report-grid{grid-template-columns:1fr}.dashboard-filters,.page-filter{align-items:stretch;flex-direction:column}.dashboard-filters .field,.page-filter .field{min-width:0}}
.extract-grid .phone-field{text-align:right}.extract-grid .phone-field .phone-number{display:block;width:100%;text-align:right}.meter-row{display:grid;grid-template-columns:1.4fr 1fr auto;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--line);font-size:12px}.meter-row:first-child{border-top:0}.meter-row small{display:block;color:var(--muted);margin-top:4px}@media(max-width:700px){.meter-row{grid-template-columns:1fr}.meter-row .mini-btn{width:max-content}}
.dual-date{display:inline-grid;gap:2px;white-space:nowrap;line-height:1.25}.dual-date>span{font-weight:700}.dual-date small{display:block;color:var(--muted);font-size:10px;direction:rtl}.hijri-filter{flex-wrap:wrap}.hijri-filter .field{min-width:180px}
.today-date{margin-top:9px;display:flex;align-items:center;gap:9px;color:var(--muted);font-variant-numeric:tabular-nums}.today-date>span{display:inline-flex;align-items:center}.today-label{font-size:12px;font-weight:800;color:var(--green)}.today-gregorian{font-size:16px;font-weight:800;color:var(--ink)}.today-hijri{font-size:14px;font-weight:700;color:var(--green)}.today-clock{font-size:18px;font-weight:800;color:var(--ink);padding-right:10px;border-right:1px solid var(--line)}.today-date>small{font-size:10px;color:var(--muted)}
.user-account-actions{display:flex;align-items:center;gap:6px}.user-account-actions button{border:1px solid var(--line);background:#fff;color:var(--green);border-radius:7px;padding:6px 9px;cursor:pointer;font-size:10px}.user-account-actions .danger-action{color:var(--red)}.disabled-user{opacity:.58}.disabled-user small{color:var(--red)}
body[data-theme="navy"]{--bg:#eaf1f4;--paper:#fff;--ink:#17313d;--muted:#657d87;--line:#d5e3e9;--green:#103d52;--green2:#16566a;--deep:#103d52;--mint:#dceaf0;--shadow:0 12px 32px rgba(16,61,82,.1)}
body[data-theme="navy"] header{background:rgba(255,255,255,.95);backdrop-filter:blur(15px)}
body[data-theme="navy"] .sidebar{background:linear-gradient(180deg,#103d52,#16566a)}
body[data-theme="navy"] .nav-item:hover,body[data-theme="navy"] .nav-item.active{background:rgba(255,255,255,.12)}
body[data-theme="navy"] .nav-item.active{box-shadow:inset -3px 0 #72c9d1}
body[data-theme="navy"] .profile .avatar,body[data-theme="navy"] .person-avatar{background:#dceaf0;color:#103d52}
body[data-theme="navy"] .stat-icon.green,body[data-theme="navy"] .alert-symbol.success{background:#dceaf0;color:#103d52}
body[data-theme="navy"] .badge.paid,body[data-theme="navy"] .badge.active{background:#dceaf0;color:#103d52}
body[data-theme="navy"] .property-visual{background:linear-gradient(135deg,#dceaf0,#aac8d4)}
body[data-theme="navy"] .sidebar-foot{background:rgba(8,39,54,.35);border-color:rgba(255,255,255,.14)}
body[data-theme="navy"] .brand-image{object-fit:contain;border-color:rgba(255,255,255,.18);box-shadow:none}
body[data-theme="navy"] .primary-btn{background:linear-gradient(120deg,#103d52,#16566a);box-shadow:0 5px 15px rgba(16,61,82,.2)}
body[data-theme="navy"] .payment-value{background:#dceaf0;color:#103d52}
body[data-theme="navy"] .today-date .dual-date small{color:#16566a}
body[data-theme="navy"] .today-label,body[data-theme="navy"] .today-hijri{color:#16566a}
input[type="month"]{direction:ltr;text-align:right;min-inline-size:0}
input[type="month"]::-webkit-date-and-time-value{text-align:right;min-width:0}
.brand-image{width:48px;height:48px;object-fit:cover;border-radius:14px;border:1px solid rgba(239,199,99,.65);box-shadow:0 7px 18px rgba(0,0,0,.22)}
.person-avatar,.profile .avatar{font-size:0;position:relative}.person-avatar:before,.profile .avatar:before{content:'';position:absolute;width:9px;height:9px;border:2px solid currentColor;border-radius:50%;top:7px;right:50%;transform:translateX(50%)}.person-avatar:after,.profile .avatar:after{content:'';position:absolute;width:17px;height:9px;border:2px solid currentColor;border-bottom:0;border-radius:12px 12px 0 0;bottom:6px;right:50%;transform:translateX(50%)}
.payment-value{background:var(--mint);color:var(--green);border:1px solid var(--line);border-radius:10px;padding:13px}.report-filter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.print-report{background:#fff;color:#172523;border:1px solid var(--line);border-radius:15px;padding:25px;margin:22px 0;box-shadow:var(--shadow)}.print-report-header{text-align:center;border-bottom:2px solid var(--green);padding-bottom:16px;margin-bottom:18px}.report-logo{width:92px;height:92px;object-fit:contain;display:block;margin:0 auto 8px;border-radius:18px}.print-report-header h2{margin:7px 0}.print-report-header p{color:var(--muted);margin:0}.report-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:22px}.report-summary>div{border:1px solid var(--line);border-radius:10px;padding:12px;text-align:center}.report-summary small,.report-summary b{display:block}.report-summary small{color:var(--muted);margin-bottom:6px}.print-report h3{margin-top:25px}
.modal .form-grid,.modal .field{min-width:0}.modal .field input,.modal .field select{width:100%;min-width:0;max-width:100%}.payment-value{width:100%;max-width:100%;overflow:hidden;overflow-wrap:anywhere;line-height:1.75}.payment-date{display:grid;gap:4px;justify-items:start}.payment-date>small{color:var(--muted);font-size:10px}.payment-date .dual-date{justify-items:start}
@media(max-width:1000px){.report-filter-grid{grid-template-columns:1fr 1fr}.report-summary{grid-template-columns:1fr 1fr}}
@media(max-width:550px){.report-filter-grid{grid-template-columns:1fr}.report-summary{grid-template-columns:1fr}}
@media(max-width:780px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  main{width:100%;min-width:0}
  header{height:auto;min-height:72px;padding:10px 12px;gap:8px}
  .heading{min-width:0;flex:1}
  .heading h1{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .today-date{gap:5px;flex-wrap:wrap;margin-top:5px}.today-label{display:none!important}.today-gregorian{font-size:12px}.today-hijri{font-size:11px}.today-clock{font-size:13px;padding-right:6px}.today-date>small{font-size:9px}
  .header-actions{flex:none}
  .icon-btn{width:38px;height:38px}
  .profile{border-right:0;padding-right:0}
  .profile .avatar{width:36px;height:36px}
  .content{width:100%;max-width:100%;min-width:0}
  .toolbar{align-items:stretch;flex-direction:column;gap:12px}
  .toolbar>button,.toolbar>.primary-btn{width:100%}
  .card,.stat-card,.table-card,.property-card{min-width:0;max-width:100%}
  .card{padding:16px}
  .card-header{gap:10px;align-items:flex-start;flex-wrap:wrap}
  .dashboard-filters,.page-filter{width:100%;gap:10px}
  .dashboard-filters .field,.page-filter .field{width:100%;max-width:100%}
  .field input,.field select{width:100%;max-width:100%;min-width:0}
  .filter,.table-tools{flex-wrap:wrap}
  .table-tools{align-items:stretch;gap:10px;padding:14px}
  .table-tools>*{max-width:100%}
  .table-card{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .table{min-width:650px}
  .payment-row,.payment-row.with-actions{grid-template-columns:1fr;gap:8px;padding:14px 0}
  .payment-row>span:nth-child(3){display:block}
  .payment-row.with-actions>.badge{display:inline-block}
  .payment-actions{grid-column:auto;justify-content:flex-start;flex-wrap:wrap}
  .payment-actions .mini-btn{flex:1;min-width:120px}
  .alert-item{display:grid;grid-template-columns:auto 1fr}
  .alert-item time{grid-column:2;margin-right:0}
  .modal-backdrop{padding:0;align-items:flex-end}
  .modal{width:100%;max-width:100%;max-height:92dvh;overflow-y:auto;border-radius:20px 20px 0 0;padding:24px 16px calc(20px + env(safe-area-inset-bottom))}
  .modal-actions{position:sticky;bottom:0;background:#fff;padding-top:10px;flex-wrap:wrap}
  .modal-actions button{flex:1}
  .search-result-actions{flex-wrap:wrap}
  .search-result-actions button{flex:1}
  .toast{left:12px;right:12px;bottom:12px;text-align:center}
}
@media(max-width:430px){
  .stats{grid-template-columns:1fr 1fr}
  .stat-card{padding:13px}
  .stat-value{font-size:20px}
  .property-meta{grid-template-columns:1fr 1fr}
  .user-row{align-items:flex-start;gap:10px;flex-direction:column}
  .user-account-actions{width:100%;flex-wrap:wrap}
}
@media print{body *{visibility:hidden!important}.print-report,.print-report *{visibility:visible!important}.print-report{position:absolute;inset:0;width:100%;margin:0;border:0;box-shadow:none;padding:12mm;direction:rtl}.print-report .table-card{overflow:visible}.print-report .table{min-width:0}.print-report .table th,.print-report .table td{padding:7px;font-size:9px}.print-report .badge{color:#222!important;background:#eee!important}.print-report h3{page-break-after:avoid}@page{size:A4;margin:8mm}}