@font-face{font-family:Arabic;src:local('Segoe UI'),local('Tahoma');font-display:swap}*{box-sizing:border-box} :root{--green:#125c4c;--green-dark:#103f36;--green-light:#eaf5ee;--gold:#bd954c;--ink:#1c3030;--muted:#657774;--line:#e3e9e7;--bg:#f5f7f8;--white:#fff;--red:#b73838;--shadow:0 8px 30px #183f3510}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 Arabic,'Segoe UI',Tahoma,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:var(--green);text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #bd954c;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #337b66;outline-offset:1px}svg.ico{width:22px;height:22px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.boot{min-height:100vh;display:grid;place-content:center;text-align:center;font-size:28px;color:var(--green)}.boot span{font-size:18px}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:256px;background:#fff;border-inline-end:1px solid var(--line);padding:28px 18px;z-index:30;display:flex;flex-direction:column;overflow:auto}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap;margin-bottom:30px}.brand img{width:44px;height:44px}.brand strong{display:block;font-size:20px;letter-spacing:-.6px;line-height:1.2}.brand small{font-size:14px;letter-spacing:2px;color:var(--muted)}.navgroup{font-size:14px;color:#84918c;margin:20px 14px 6px}.navitem{border:0;background:none;color:#63746f;width:100%;display:flex;align-items:center;gap:12px;text-align:start;padding:10px 14px;border-radius:10px;margin:2px 0;font-size:16px;min-height:44px}.navitem:hover{background:#f4f7f5}.navitem.active{background:var(--green);color:#fff;box-shadow:0 5px 12px #125c4c20}.sidebar-bottom{margin-top:auto;padding-top:24px}.workspace{margin-inline-start:256px;min-height:100vh}.topbar{height:82px;background:#ffffffed;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 36px;position:sticky;top:0;z-index:20;backdrop-filter:blur(10px)}.topbar-title{display:flex;align-items:center;gap:14px}.topbar-title strong{font-size:20px}.topbar-title small{font-size:15px;color:var(--muted);display:block}.top-actions{display:flex;align-items:center;gap:14px}.iconbutton{background:#fff;border:1px solid var(--line);border-radius:12px;display:inline-flex;align-items:center;justify-content:center;width:43px;height:43px;color:var(--muted);position:relative}.badge-dot{width:8px;height:8px;position:absolute;top:7px;right:8px;background:#d49c42;border-radius:50%;border:2px solid #fff}.avatar{height:40px;width:40px;border-radius:50%;display:grid;place-content:center;background:#e7eee8;color:var(--green);font-weight:700}.person{display:flex;gap:10px;align-items:center;font-size:16px}.person small{display:block;font-size:14px;color:var(--muted)}.page{max-width:1530px;margin:auto;padding:28px 36px 70px}.welcome{background:linear-gradient(110deg,#125c4c,#103f36);border-radius:20px;color:#fff;padding:27px 30px;display:flex;align-items:center;justify-content:space-between;gap:22px;position:relative;overflow:hidden}.welcome h1{font-size:26px;margin:3px 0 8px;font-weight:600}.welcome p{margin:0;color:#c4dcd3;font-size:16px}.welcome small{font-size:14px;color:#d9ba76}.welcome .welcome-mark{opacity:.12;position:absolute;inset-inline-end:15px;bottom:-40px;transform:rotate(-12deg);pointer-events:none}.welcome-mark svg.ico{height:180px;width:180px;stroke-width:.7}.welcome .btn{z-index:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:10px;padding:10px 16px;min-height:44px;background:var(--green);color:white;font-size:16px;font-weight:600;white-space:nowrap}.btn:hover{filter:brightness(.96)}.btn.light{background:#fff;color:var(--green);border-color:var(--line)}.btn.outline{background:transparent;border-color:var(--line);color:var(--ink)}.btn.danger{color:var(--red);background:#fff0f0}.btn.small{padding:6px 12px;min-height:36px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.stat{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px 20px;display:flex;align-items:center;gap:16px}.stat .stat-icon,.quick-icon{width:48px;height:48px;display:grid;place-content:center;background:var(--green-light);color:var(--green);border-radius:14px;flex-shrink:0}.stat:nth-child(2) .stat-icon{background:#eef1df;color:#626a3e}.stat:nth-child(3) .stat-icon{background:#fbf4e6;color:#aa8240}.stat:nth-child(4) .stat-icon{background:#f2edfa;color:#8864b0}.stat strong{font-size:27px;line-height:1.2;display:block;font-weight:600}.stat span{font-size:15px;color:var(--muted)}.quickbar{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:24px 0}.quick{border:1px solid var(--line);background:white;border-radius:13px;padding:14px;display:flex;gap:12px;align-items:center;color:var(--ink);font-size:16px;text-align:start}.quick:hover{border-color:#92b8a5;transform:translateY(-1px)}.quick-icon{height:39px;width:39px;border-radius:11px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:27px 0 17px}.section-head h2{margin:0;font-size:21px}.section-head p{margin:3px 0;color:var(--muted);font-size:16px}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:20px}.tab{border:0;border-bottom:3px solid transparent;background:none;color:var(--muted);padding:12px 17px;min-height:48px}.tab.active{color:var(--green);border-bottom-color:var(--green);font-weight:600}.tab .count{background:#e9efeb;margin-inline-start:7px;font-size:14px;padding:1px 7px;border-radius:6px}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0 23px}.searchbox{flex:1;display:flex;align-items:center;gap:9px;min-width:200px;position:relative}.searchbox .ico{position:absolute;inset-inline-start:13px;color:#87958f}.searchbox input{padding-inline-start:43px}.toolbar select{width:auto;min-width:125px}.view-toggle{display:flex;gap:5px}.view-toggle button.active{background:var(--green-light);color:var(--green);border-color:#bcdbcb}input,select,textarea{width:100%;background:#fff;border:1px solid #dce4df;border-radius:9px;padding:10px 12px;min-height:45px;color:var(--ink);font-size:17px}textarea{resize:vertical;min-height:95px}input[type=checkbox]{width:19px;height:19px;min-height:19px;accent-color:var(--green);vertical-align:middle}input[type=number],input[type=email],input[type=url],input[type=tel],input[type=date],input[type=password]{direction:ltr;text-align:start}input::placeholder{color:#8e9b94}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 3px 9px #1a423004;transition:transform .16s,box-shadow .16s}.card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.card-cover{height:136px;background:#edf3ef;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#9bb7a9}.card-cover svg.ico{width:65px;height:65px;stroke-width:1}.card-cover .cover-label{position:absolute;bottom:12px;inset-inline-end:15px;color:#6d897b;font-size:14px;letter-spacing:.5px}.card-cover .badge{position:absolute;top:12px;inset-inline-start:14px}.card:nth-child(3n+2) .card-cover{background:#f1f2e5;color:#a8ae82}.card:nth-child(3n) .card-cover{background:#f4f1ea;color:#b8ab91}.card-body{padding:18px}.card h3{font-size:19px;margin:8px 0 5px;line-height:1.65}.card h3 button{border:0;background:none;color:inherit;font:inherit;text-align:start;padding:0}.card-sub{font-size:15px;color:var(--muted);display:flex;align-items:center;gap:5px}.card-sub svg.ico{width:15px;height:15px}.card-meta{display:flex;gap:15px;color:#6e7c75;font-size:15px;margin-top:15px}.card-meta span{display:flex;align-items:center;gap:5px}.card-meta svg.ico{width:16px;height:16px}.card-foot{border-top:1px solid #edf0ed;padding-top:14px;margin-top:16px;display:flex;justify-content:space-between;align-items:center;gap:10px}.price{color:var(--green);font-size:20px;font-weight:650;direction:inherit}.price small{font-size:14px;font-weight:400;color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:6px;background:var(--green-light);color:var(--green);font-size:14px;font-weight:600;white-space:nowrap}.badge.blue{background:#eef1df;color:#626a3e}.badge.gold{background:#fbf3e4;color:#9a752f}.badge.red{background:#ffeded;color:#ae4040}.badge.gray{background:#eef0f0;color:#697775}.empty{border:1px dashed #cedbd3;border-radius:15px;padding:48px 20px;text-align:center;background:#fff}.empty .empty-icon{width:70px;height:70px;border-radius:20px;background:#edf5ef;display:grid;place-content:center;color:#5c8d76;margin:0 auto 17px}.empty svg.ico{width:32px;height:32px}.empty h3{font-size:21px;margin:5px 0}.empty p{font-size:16px;color:var(--muted);margin:5px 0 20px}.table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:14px}table{border-collapse:collapse;width:100%;font-size:16px}th,td{padding:14px 18px;text-align:start;border-bottom:1px solid #edf1ee}th{color:var(--muted);background:#fafcfb;font-weight:500}tbody tr:last-child td{border:0}.mobile-menu,.mobile-bottom{display:none}.demo-banner{font-size:15px;background:#fff4d9;text-align:center;color:#876621;padding:6px 14px}.split-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;margin:16px 0}.panel h3{margin:0 0 14px;font-size:19px}.activity{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.activity:last-child{border:0}.activity-text{flex:1;min-width:0}.activity strong{display:block;font-size:16px}.activity small{font-size:14px;color:var(--muted)}.muted{color:var(--muted)}.small-text{font-size:15px}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-brand{background:var(--green-dark);color:white;padding:70px;display:flex;flex-direction:column;justify-content:center}.auth-brand img{width:76px;margin-bottom:30px}.auth-brand h1{font-size:42px;line-height:1.3;letter-spacing:-1px}.auth-brand p{color:#b8d5c7;max-width:380px}.auth-form{display:flex;align-items:center;justify-content:center;padding:35px}.auth-card{width:min(100%,420px)}.auth-card h2{font-size:26px;margin:15px 0 6px}.auth-card form{display:grid;gap:17px;margin:26px 0}.auth-card .btn{width:100%}.form-field{display:flex;flex-direction:column;gap:6px;font-size:16px}.form-field small{color:var(--muted);font-size:14px}.form-field.wide{grid-column:1/-1}.form-field.check{flex-direction:row;align-items:center;gap:9px;align-self:end;min-height:45px}.required{color:#b68432;margin-inline-start:4px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid details{grid-column:1/-1}.form-grid details summary{cursor:pointer;margin:10px 0;color:var(--green)}.form-grid details>.form-grid{padding-top:10px}.error-box{color:#a12f2f;background:#fff0ef;border:1px solid #f1cfca;border-radius:8px;padding:10px 14px;font-size:16px;margin:10px 0}.success-box{background:var(--green-light);padding:16px;border-radius:10px}.full{width:100%}dialog{border:1px solid var(--line);border-radius:18px;box-shadow:0 25px 90px #09271b35;width:min(740px,calc(100vw - 32px));max-height:90dvh;padding:0;color:var(--ink)}dialog::backdrop{background:#12271e75;backdrop-filter:blur(3px)}.modal-head{padding:20px 25px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:white;z-index:2}.modal-head h2{font-size:20px;margin:0}.modal-content{padding:24px}.modal-footer{padding:16px 24px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px;position:sticky;bottom:0;background:#fff;z-index:2}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-grid div{border-bottom:1px solid #eef2ef;padding-bottom:12px;overflow-wrap:anywhere}.detail-grid dt{color:var(--muted);font-size:14px}.detail-grid dd{margin:5px 0 0;font-size:17px;white-space:pre-wrap}.detail-grid .wide{grid-column:1/-1}.notice-row{width:100%;border:0;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:flex-start;gap:12px;padding:17px 4px;text-align:start}.notice-row.unread{background:#f2f8f4}.notice-row strong{font-size:16px}.notice-row small{display:block;color:var(--muted);font-size:14px}.file-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:9px;padding:10px 12px;margin:8px 0;overflow-wrap:anywhere}.upload-label{border:1px dashed #a6c0ae;border-radius:10px;padding:15px;display:block;text-align:center;cursor:pointer}.upload-label input{margin-top:10px;font-size:15px}.permission-table th,.permission-table td{padding:9px;font-size:15px;text-align:center}.permission-table th:first-child,.permission-table td:first-child{text-align:start}.match-card{padding:20px;background:#fff;border:1px solid var(--line);border-radius:16px}.match-score{font-size:27px;color:var(--green);font-weight:700}.match-card h3{font-size:19px;margin:12px 0}.match-card p{font-size:16px;color:var(--muted)}.match-card .reasons{display:flex;gap:6px;flex-wrap:wrap;margin:17px 0}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}.settings-row:last-child{border:0}.settings-row select{max-width:200px}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(100px);padding:12px 24px;border-radius:12px;background:#183f35;color:#fff;z-index:100;box-shadow:var(--shadow);opacity:0;transition:.2s;max-width:90vw;text-align:center;font-size:16px}#toast.show{transform:translateX(-50%) translateY(0);opacity:1}.overlay{display:none}.link-btn{border:0;background:none;color:var(--green);padding:6px;font:inherit;font-size:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.error-page{padding:60px;text-align:center}.section-tag{color:var(--gold);font-size:14px;font-weight:600}.settings-box{max-width:850px}.nowrap{white-space:nowrap}
@media(min-width:1500px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1150px){.sidebar{width:222px;padding:24px 12px}.workspace{margin-inline-start:222px}.page{padding:24px}.topbar{padding:0 24px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{gap:10px}.stat{padding:14px 12px;gap:10px}.stat-icon{width:38px!important;height:38px!important}.quickbar{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.sidebar{transform:translateX(110%);transition:transform .2s;width:265px;box-shadow:var(--shadow)}[dir=ltr] .sidebar{transform:translateX(-110%)}body.menu-open .sidebar{transform:translateX(0)}body.menu-open .overlay{display:block;position:fixed;inset:0;background:#163c3260;z-index:25}.workspace{margin:0}.mobile-menu{display:inline-flex}.topbar{height:70px;padding:0 18px}.top-actions{gap:9px}.person .person-text{display:none}.page{padding:20px 18px 95px}.mobile-bottom{position:fixed;bottom:0;inset-inline:0;padding:7px 8px calc(7px + env(safe-area-inset-bottom));display:flex;justify-content:space-around;background:#fffffffa;border-top:1px solid var(--line);z-index:22;backdrop-filter:blur(10px)}.mobile-bottom button{border:0;background:none;display:flex;flex-direction:column;gap:3px;align-items:center;color:#87948d;font-size:13px;min-width:55px;padding:4px 5px}.mobile-bottom button.active{color:var(--green);font-weight:700}.mobile-bottom svg.ico{height:22px;width:22px}.welcome{padding:22px;align-items:flex-start}.welcome h1{font-size:22px}.welcome .btn{padding:8px 12px}.stats{grid-template-columns:repeat(2,1fr);gap:12px}.stat{padding:15px}.stat strong{font-size:25px}.stat span{font-size:14px}.auth-page{grid-template-columns:1fr}.auth-brand{display:none}.auth-form{padding:30px 22px;min-height:100dvh}.split-panels{grid-template-columns:1fr}.grid{gap:14px}.section-head h2{font-size:20px}.topbar-title small{font-size:13px}.topbar-title strong{font-size:18px}#toast{bottom:90px}}
@media(max-width:520px){.grid{grid-template-columns:1fr}.welcome{display:block}.welcome .row{margin-top:18px}.welcome h1{font-size:23px}.quickbar{gap:10px}.quick{padding:11px;gap:9px;font-size:15px}.quick-icon{width:35px;height:35px}.toolbar{gap:8px}.searchbox{flex-basis:100%;min-width:0}.toolbar select{flex:1;min-width:0}.view-toggle{display:none}.form-grid,.detail-grid{grid-template-columns:1fr}.modal-content{padding:20px}.modal-head{padding:15px 20px}.modal-head h2{font-size:20px}.modal-footer{padding:14px 20px}.card-cover{height:110px}.card{border-radius:14px}.card h3{font-size:19px}.tabs{overflow:auto}.tab{padding:10px 13px;white-space:nowrap}.person{display:none}.table-wrap{font-size:15px}.settings-row{align-items:flex-start;flex-direction:column;gap:8px}.settings-row select{max-width:100%}.section-head{align-items:flex-start}.section-head .btn{padding:8px 12px}.match-card{padding:17px}.permission-table th,.permission-table td{padding:8px 6px}.permission-table{min-width:370px}}
[hidden]{display:none!important}.card-cover img{width:100%;height:100%;object-fit:cover}.attachment-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0}.attachment-gallery img{width:100%;height:125px;object-fit:cover;border-radius:9px}
.workflow-filters{background:#fff;border:1px solid var(--line);border-radius:12px;margin:0 0 20px;padding:14px 18px}.workflow-filters>summary{cursor:pointer;color:var(--green);font-weight:600}.workflow-filters[open]>summary{margin-bottom:18px}.workflow-filters .form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workflow-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin:22px 0}.workflow-metric{padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;flex-direction:column;gap:6px}.workflow-metric strong{font-size:27px;color:var(--green)}.workflow-metric span,.workflow-assignee{font-size:15px;color:var(--muted)}.workflow-selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:760px}.workflow-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.workflow-summary-grid .panel{min-width:0}.workflow-item{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px}.workflow-item .link-btn{text-align:start;overflow-wrap:anywhere}.workflow-item>span{flex-shrink:0;color:var(--muted)}.bulk-unit-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;padding:14px 0;border-top:1px solid var(--line)}#bulk-error,#advanced-error{color:var(--red)}#project-back{margin-bottom:16px}@media(max-width:800px){.workflow-filters .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-summary-grid{grid-template-columns:1fr}}@media(max-width:520px){.workflow-selector,.workflow-filters .form-grid,.bulk-unit-row{grid-template-columns:1fr}.workflow-item{flex-direction:column;gap:6px}.workflow-metric{padding:14px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.inline-entry{grid-column:1/-1;background:#f5faf7;border:1px solid #cbded3;border-radius:12px;padding:18px;margin:4px 0 12px}.inline-entry-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.inline-entry-head h3{font-size:18px;margin:0}.inline-entry>.btn{margin-top:16px}.inline-error{color:var(--red);font-size:15px;margin-bottom:8px}.inline-add{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;font-size:15px;padding:2px 0}.inline-add svg.ico{width:16px;height:16px}.form-field>label>select{margin-top:6px}.inline-entry .inline-entry{background:#fff}@media(max-width:520px){.inline-entry{padding:12px}.inline-entry-head{align-items:flex-start}.inline-entry .form-grid{gap:14px}}
.permission-column{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--green);cursor:pointer}.permission-column input{flex-shrink:0}
.rent-overview{margin:36px 0 26px}.rent-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.rent-panel{min-width:0;background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden}.rent-panel>header{padding:20px 20px 16px;border-bottom:1px solid var(--line)}.rent-panel>header>div:first-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rent-panel h3{font-size:18px;margin:0}.rent-symbol{display:flex;color:var(--green)}.rent-panel.overdue .rent-symbol{color:#ab6649}.rent-count{margin-inline-start:auto;border-radius:6px;background:#f2f5f3;color:var(--muted);font-size:14px;padding:2px 7px}.rent-panel header p{margin:7px 0 12px;color:var(--muted);font-size:14px}.rent-total strong{font-size:25px;font-weight:600;font-variant-numeric:tabular-nums}.rent-total span{font-size:14px;color:var(--muted)}.overdue .rent-total strong{color:#995a40}.upcoming .rent-total strong{color:var(--green)}.rent-table{table-layout:fixed;font-size:15px}.rent-table th,.rent-table td{padding:13px 16px;vertical-align:top}.rent-table th:first-child{width:45%}.rent-table th:nth-child(2){width:29%}.rent-table th:last-child{text-align:end;width:26%}.rent-table .link-btn{font-size:15px;padding:0;text-align:start;font-weight:600;overflow-wrap:anywhere}.rent-table small{display:block;font-size:13px;color:var(--muted);margin-top:4px;overflow-wrap:anywhere}.rent-table time{font-size:14px}.rent-table .rent-amount{text-align:end;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.rent-table .due-today{color:var(--green)}.rent-empty{min-height:160px;padding:28px 16px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;color:#83948c}.rent-empty p{margin:0;font-size:15px}.rent-panel footer{padding:10px 16px;border-top:1px solid var(--line);text-align:center}@media(max-width:1150px){.rent-columns{grid-template-columns:1fr}}@media(max-width:520px){.rent-panel>header{padding:16px}.rent-table th,.rent-table td{padding:12px 10px}.rent-panel h3{font-size:17px}.rent-overview{margin-top:28px}}
.hold-badge{display:flex;align-items:flex-start;gap:8px;margin:10px 0;padding:10px 12px;background:#fff5de;border:1px solid #e7d6a9;border-radius:10px;color:#795813;font-size:15px}.hold-badge small{display:block;font-size:14px}.hold-badge .ico{width:18px;height:18px}.card-body>.btn{margin-top:12px;width:100%}
.listing-media{margin-top:24px;border-top:1px solid var(--line);padding-top:12px}.media-drop{border:2px dashed #b7cec3;padding:16px;border-radius:12px;background:#f4faf6}.media-drop:focus-within,.media-drop:focus{outline:2px solid var(--green);outline-offset:2px}.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.media-item{min-width:0;border:1px solid var(--line);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:5px}.media-item img,.media-item video{width:100%;height:180px;object-fit:contain;border-radius:8px;background:#edf2ef}.media-item small{overflow-wrap:anywhere}.media-status{font-size:16px;color:var(--green);margin-top:10px}.listing-media h3{font-size:20px}.media-drop .row{gap:8px}@media(max-width:520px){.media-grid{grid-template-columns:1fr}.media-drop .btn{white-space:normal;font-size:15px;padding:8px 10px}}
@media(max-width:520px){.section-head{flex-direction:column;align-items:stretch}.section-head>.row{justify-content:flex-start}.section-head h2{overflow-wrap:break-word}.topbar-title{min-width:0;gap:8px}.topbar-title>div{min-width:0}.topbar-title strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}.topbar-title .iconbutton,.top-actions{flex-shrink:0}.topbar{gap:8px;padding-inline:12px}}
/* Distinct navigation divisions; titles and icons also identify each scope. */
.nav-division{--division:#626a3e;--division-bg:#f4f5e9;--division-line:#d9ddbe;--division-hover:#e7ead3;margin-top:18px;padding:8px 6px;border:1px solid var(--division-line);border-inline-start:3px solid var(--division);border-radius:14px;background:var(--division-bg)}
.nav-division--management{--division:#125c4c;--division-bg:#eef7f2;--division-line:#d0e5d9;--division-hover:#dceee3}
.nav-division-heading{display:flex;align-items:center;gap:8px;margin:0 2px 7px;padding:4px 2px 10px;border-bottom:1px solid var(--division-line);color:var(--division);font-size:16px;font-weight:700;line-height:1.5}
.nav-division-icon{display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;border-radius:9px;background:var(--division);color:#fff}
.nav-division-icon .ico{width:18px;height:18px}
.nav-division .navitem{gap:9px;padding:9px 8px;color:#435650}
.nav-division .navitem>.ico{color:var(--division);width:20px;height:20px}
.nav-division .navitem:hover{background:var(--division-hover)}
.nav-division .navitem.active{background:var(--division);color:#fff;box-shadow:none;font-weight:600}
.nav-division .navitem.active>.ico{color:#fff}
.nav-division .navitem:focus-visible{outline-color:var(--division);outline-offset:1px}

.property-section{margin:24px 0}.property-section>h3{display:flex;align-items:center;gap:9px;font-size:19px;margin:0 0 14px}.property-projects{display:grid;gap:16px}
.property-project{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;box-shadow:var(--shadow)}
.property-project-summary{display:flex;align-items:center;gap:18px;padding:16px;cursor:pointer;list-style:none}.property-project-summary::-webkit-details-marker{display:none}.property-project-summary:hover{background:#fafcfb}.property-project-summary:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}
.project-cover{width:148px;height:112px;border-radius:11px;flex-shrink:0}.project-cover svg.ico{width:48px;height:48px}
.project-summary-text{min-width:0;flex:1}.project-summary-text h3{font-size:20px;margin:2px 0;overflow-wrap:anywhere}.project-summary-text p{font-size:15px;color:var(--muted);margin:3px 0 8px}
.project-toggle{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--green);flex-shrink:0}.project-chevron{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--green-light)}.project-chevron .ico{transform:rotate(90deg);width:18px;height:18px}.property-project[open] .project-chevron .ico{transform:rotate(-90deg)}.project-hide,.property-project[open] .project-show{display:none}.property-project[open] .project-hide{display:inline}
.project-units{border-top:1px solid var(--line);padding:18px;background:#f8faf9}.project-units-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 16px}.project-units-heading h4{margin:0;font-size:18px}.project-units .grid{grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr))}
.card-cover>.property-cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.card-cover:has(.property-cover-image)>.badge,.card-cover:has(.property-cover-image)>.cover-label{z-index:2;background:#ffffffed;color:var(--ink);padding:3px 9px;border-radius:6px}
@media(max-width:600px){.property-project-summary{gap:11px;padding:12px;flex-wrap:wrap}.project-cover{width:86px;height:86px}.project-summary-text h3{font-size:18px}.project-toggle{width:100%;justify-content:flex-end;padding-top:4px}.project-units{padding:12px}.project-units-heading{align-items:flex-start}.project-units-heading .btn{white-space:normal;text-align:center}}


.request-area-range{grid-column:1/-1;min-width:0;margin:6px 0;padding:15px 16px 10px;border:1px solid #cbded4;border-radius:12px;background:#f5faf7}.request-area-range legend{padding:0 7px;font-size:17px;font-weight:700;color:var(--green)}.request-area-inputs{display:grid;grid-template-columns:1fr 1fr;gap:14px}.request-area-range p{margin:9px 0 0}.request-area-inputs .form-field{min-width:0}


.floor-editor{grid-column:1/-1;min-width:0;border:1px solid #d3e2d9;border-radius:12px;padding:16px;margin:8px 0;background:#f8fbf9}.floor-editor>h3{font-size:19px;margin:0}.floor-rows{display:grid;gap:12px;margin:14px 0}.floor-row{background:#fff;border:1px solid var(--line);border-radius:10px;padding:13px}.floor-row-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.floor-dimensions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.floor-dimensions .form-field{min-width:0}.floor-area-mode{grid-column:1/-1}.floor-editor input[readonly]{background:#edf4ef;color:var(--green);font-weight:600}.floor-detail{margin:20px 0}.floor-detail th,.floor-detail td{white-space:nowrap}.bulk-unit-row .floor-editor{grid-column:1/-1}.floor-detail h3{font-size:19px}@media(max-width:600px){.floor-editor{padding:12px}.floor-dimensions{grid-template-columns:repeat(2,minmax(0,1fr))}.floor-row{padding:10px}}

.unit-toolbar{display:flex;gap:14px;flex-wrap:wrap;margin:14px 0 20px}.unit-toolbar>.form-field{min-width:185px;flex:1;max-width:320px}.card-cover .unit-state{top:auto;bottom:12px;z-index:3}.unit-number{font-weight:700;color:var(--green);font-size:15px}.merged-unit-note{font-size:14px;color:var(--muted);margin:6px 0}.merge-options{display:grid;gap:9px;max-height:330px;overflow:auto;margin:14px 0}.merge-option{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:9px}.merge-option input{flex-shrink:0}.meter-section{margin:18px 0;border-top:1px solid var(--line);padding-top:14px}.meter-section h3{margin:0}.meter-list{display:grid;gap:8px;margin:12px 0}.meter-row{display:flex;gap:10px;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:10px;padding:10px}.meter-row small{display:block;color:var(--muted)}@media(max-width:600px){.unit-toolbar>.form-field{min-width:0;max-width:none;width:100%}}


/* Compact shared layout, with full-width grouped fields and readable payment tables. */
.page{padding:20px 24px 48px}.topbar{height:66px;padding-inline:24px}.sidebar{padding:20px 12px}.brand{margin-bottom:18px}.sidebar-bottom{padding-top:14px}.section-head{margin:14px 0 10px}.section-head h2{margin:2px 0;font-size:22px}.section-head p{margin:3px 0}.toolbar{gap:9px;margin-bottom:12px}.grid{gap:12px}.card-body{padding:14px}.card-body h3{margin:5px 0 8px}.card-cover{height:108px}.card-cover svg.ico{width:50px;height:50px}.card-meta{gap:8px;margin:9px 0}.card-foot{margin-top:10px;padding-top:9px}.panel{padding:15px;margin:12px 0}.panel h3{margin-bottom:10px}.welcome{padding:20px 24px}.stats{gap:12px;margin:14px 0}.stat{padding:16px}.unit-toolbar{gap:10px;margin:10px 0 14px}.property-section>h3{margin:12px 0 8px}.property-project-summary{padding:14px;gap:14px}.project-units{padding:12px}.project-units-heading{gap:8px;flex-wrap:wrap;margin-bottom:10px}.project-summary-text p{margin:3px 0}.project-cover{height:90px}.modal-head{padding:12px 18px}.modal-head h2{font-size:21px}.modal-content{padding:16px 18px}.modal-footer{padding:10px 18px}.form-grid{gap:11px}.form-field{gap:4px}.form-field input:not([type=checkbox]):not([type=file]),.form-field select{min-height:40px;padding:7px 10px}.form-field textarea{min-height:72px;padding:8px 10px}.form-grid details summary{margin:5px 0}.detail-grid{gap:10px}.detail-grid dt{font-size:14px}.detail-grid dd{margin:1px 0}.floor-editor{padding:12px;margin:5px 0}.floor-rows{gap:9px;margin:10px 0}.floor-row{padding:10px}.floor-row-head{margin-bottom:8px}.floor-dimensions{gap:9px}.floor-detail{margin:12px 0}.organized-fields,.lease-finance-fields{grid-column:1/-1;min-width:0;border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:0}.organized-fields legend,.lease-finance-fields legend{padding-inline:6px;font-size:16px;font-weight:700;color:var(--green)}.lease-finance-fields{background:#f5faf7}.lease-finance-fields p{margin:8px 0 0}.lease-schedule,.lease-tenant-preview{grid-column:1/-1;min-width:0}.lease-schedule h3,.tenant-detail h3{font-size:18px;margin:10px 0 6px}.lease-schedule p{font-size:15px;margin:6px 0}.lease-schedule table input[type=date]{min-width:135px;max-width:155px;padding:5px;font-size:15px}.lease-schedule th,.lease-schedule td{padding:7px 9px}.tenant-detail{padding:10px 12px;border:1px solid var(--line);border-radius:10px;margin:8px 0}.tenant-detail .detail-grid{margin:6px 0}.payment-card-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:9px 0;border-top:1px solid var(--line)}.payment-card-totals small{display:block;font-size:13px;color:var(--muted)}.payment-card-totals strong{font-size:17px;overflow-wrap:anywhere}.card-dues{border-top:1px solid var(--line);margin-top:8px;padding-top:6px}.card-dues h4{display:flex;justify-content:space-between;gap:8px;margin:0 0 5px;font-size:14px}.card-dues.overdue h4{color:var(--red)}.card-dues.upcoming h4{color:var(--green)}.card-dues p{margin:3px 0}.card-dues-scroll{max-height:190px;overflow:auto}.card-dues table{width:100%;min-width:0;font-size:14px}.card-dues th,.card-dues td{padding:5px 3px;white-space:normal;vertical-align:top}.card-dues td small{display:block;max-width:160px;font-size:13px;color:var(--muted);overflow-wrap:anywhere}.card-dues .link-btn{font-size:14px;line-height:1.4}.rent-panel header{padding:14px 16px}.rent-table th,.rent-table td{padding:9px 10px}.rent-empty{padding:18px}.rent-total strong{font-size:25px}.rent-overview{margin-top:20px}.table-wrap th,.table-wrap td{padding-block:9px}.organized-fields [hidden],.lease-finance-fields [hidden]{display:none!important}
@media(max-width:650px){.page{padding:14px 12px 36px}.topbar{height:62px;padding-inline:12px}.form-grid,.detail-grid{gap:10px}.modal-content{padding:12px}.modal-head,.modal-footer{padding:10px 12px}.organized-fields,.lease-finance-fields{padding:8px 10px}.form-field input:not([type=checkbox]):not([type=file]),.form-field select{min-height:44px}.card-body{padding:12px}.card-dues .link-btn{min-height:36px}.project-units-heading>.btn{min-height:40px}.unit-toolbar{margin-bottom:10px}.tenant-detail .detail-grid{grid-template-columns:1fr 1fr}.tenant-detail dd{overflow-wrap:anywhere}}


/* Compact division dashboards and persistent navigation. */
.dashboard-divisions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.dashboard-division{min-width:0;background:#fff;border:1px solid #cfe0d8;border-top:3px solid var(--green);border-radius:12px;padding:12px 14px}.dashboard-division.brokerage{border-color:#d9ddbe;border-top-color:#626a3e}.dashboard-division header{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.dashboard-division h2{display:flex;gap:7px;align-items:center;margin:0;font-size:18px;color:var(--green)}.dashboard-division.brokerage h2{color:#626a3e}.dashboard-division .link-btn{display:inline-flex;align-items:center;gap:3px;font-size:14px;min-height:32px}.dashboard-division .link-btn svg{width:14px;height:14px}.dashboard-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:10px;gap:6px}.dashboard-metrics button{border:0;border-radius:8px;background:#f3f8f5;padding:10px 5px;text-align:center;color:var(--green)}.brokerage .dashboard-metrics button{background:#f4f5e9;color:#626a3e}.dashboard-metrics strong{display:block;font-size:24px;line-height:1.3}.dashboard-metrics span{font-size:14px}.home-brokerage{margin-top:20px}.home-brokerage .empty{padding:20px}.home-brokerage .empty-icon{display:none}.welcome{padding:14px 18px}.welcome h1{font-size:23px;margin:0}.welcome p{font-size:15px}.rent-overview{margin-top:14px}.page-heading{min-width:0}.breadcrumbs{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.breadcrumbs button{border:0;background:none;padding:0;color:var(--green);font-size:14px;text-decoration:underline;text-underline-offset:3px}.back-button{flex-shrink:0}.back-button svg{width:17px;height:17px}html[dir=ltr] .back-button svg{transform:rotate(180deg)}.topbar-title{gap:10px;min-width:0}.topbar-title strong{font-size:18px}.grid:has(>.finance-card){grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));align-items:start}.finance-card .payment-card-totals{background:#f4f8f6;border:1px solid #e3ece7;border-radius:8px;padding:8px}.payment-card-totals strong{font-variant-numeric:tabular-nums}.card-dues h4{font-size:15px}.card-dues.overdue h4 span{background:#fff0ef;color:#a13d36;padding:0 6px;border-radius:4px}.card-dues.upcoming h4 span{background:#eaf5ee;padding:0 6px;border-radius:4px}.card-dues td:last-child{white-space:nowrap}.card-dues td small{max-width:none}.finance-card .card-body>.small-text{margin:8px 0}.finance-card .card-dues{display:inline-block;vertical-align:top;width:calc(50% - 5px)}.finance-card .card-dues.overdue{margin-inline-end:10px}.organized-fields legend{line-height:1.6}.organized-fields:has([data-field=kind]){background:#fafcfb}.form-grid>details{grid-column:1/-1;border-top:1px solid var(--line);padding-top:8px}.form-grid>details>summary{font-size:16px}.form-grid>details>.form-grid{margin-top:8px}.navitem{min-height:38px;padding-block:7px}.nav-division-heading{margin-block:5px}.nav-division{margin-block:10px}.card-dues .link-btn{min-height:30px}
@media(max-width:1100px){.finance-card .card-dues{display:block;width:100%}.finance-card .card-dues.overdue{margin-inline-end:0}.dashboard-division header{align-items:flex-start}.top-actions{gap:7px}}
@media(max-width:700px){.dashboard-divisions{grid-template-columns:1fr}.topbar .person{display:none}.back-button{padding-inline:8px}.breadcrumbs span[aria-current]{max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-title strong{font-size:16px}.top-actions .iconbutton{width:34px;height:36px}.welcome h1{font-size:21px}.grid:has(>.finance-card){grid-template-columns:1fr}.card-dues .link-btn{min-height:36px}}
.finance-card{container-type:inline-size}@container(max-width:600px){.finance-card .card-dues{display:block;width:100%}.finance-card .card-dues.overdue{margin-inline-end:0}}
@media(max-width:800px){.page{padding-bottom:92px}}
.brokerage-total{display:flex;flex-direction:column;gap:4px;background:#f1f7f4;border-radius:8px;padding:10px;margin:10px 0;color:var(--green)}.brokerage-total small{font-size:14px;color:var(--muted)}
.voice-entry{padding:12px;border:1px solid var(--line);border-radius:10px;margin-bottom:14px}.voice-text{display:block;width:100%;min-height:75px;margin:10px 0;font:inherit;padding:8px;border:1px solid var(--line);border-radius:6px}
.permission-group th{background:#eaf3ee;color:var(--green);font-weight:700;text-align:start;padding:14px}.permission-table input{min-width:18px;min-height:18px}
.request-rating{margin:6px 0;color:#996600}.request-rating>span{font-size:1.3rem;letter-spacing:2px}.request-rating small{color:var(--muted)}
.push-dialog{width:min(560px,calc(100vw - 24px));max-height:90dvh;overflow:auto}.push-dialog .row,#device-notifications .row{flex-wrap:wrap}.push-state{font-weight:700;color:var(--green);padding:10px;background:#eef7f2;border-radius:8px}.push-guide{line-height:1.8}.push-result{min-height:1.5em}.push-dialog::backdrop{background:#163c3260}
.attachment-row{flex-wrap:wrap}.attachment-name{flex:1;min-width:140px}.attachment-name>span{display:flex;align-items:center;gap:7px;overflow-wrap:anywhere}.attachment-name small{display:block;color:var(--muted)}.attachment-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.file-preview-dialog{width:min(1180px,calc(100vw - 24px));height:90dvh;overflow:hidden}.file-preview-dialog[open]{display:flex;flex-direction:column}.file-preview-dialog .modal-head{gap:12px;padding:12px 16px;flex-shrink:0}.file-preview-dialog h2{font-size:19px;min-width:0;overflow-wrap:anywhere}.file-preview-dialog .modal-head button{flex-shrink:0}.file-preview-dialog .modal-footer{padding:8px 16px;flex-shrink:0}.file-preview-content{flex:1;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;background:#edf1ef;padding:16px;text-align:center}.file-preview-status{margin:10px;overflow-wrap:anywhere}.file-preview-image,.file-preview-video{display:block;max-width:100%;max-height:70dvh;width:auto;height:auto;object-fit:contain;margin:auto}.pdf-preview-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;position:sticky;top:-16px;z-index:1;background:#fff;padding:10px;border:1px solid var(--line);border-radius:10px;margin-bottom:12px}.pdf-page-counter{font-size:16px;min-width:90px}.pdf-preview-paper{overflow:auto;max-width:100%;padding:4px;text-align:center}.pdf-preview-paper canvas{display:block;height:auto;margin:auto;background:white;box-shadow:0 2px 9px #183f3520}@media(max-width:520px){.file-preview-dialog{width:calc(100vw - 12px);height:94dvh;max-height:94dvh;border-radius:12px}.file-preview-content{padding:10px}.pdf-preview-controls{top:-10px;gap:5px;padding:7px}.pdf-preview-controls .btn{min-height:40px}.file-preview-dialog h2{font-size:17px}.attachment-actions .btn{min-height:40px}}
.nav-division--team{--division:#7250a0;--division-bg:#f5f0fa;--division-line:#e0d4ed;--division-hover:#e9def5}
.team-tasks{--task-accent:#7250a0}.team-tasks .section-tag,.team-tasks h2{color:var(--task-accent)}.team-tasks .btn:not(.outline){background:var(--task-accent);border-color:var(--task-accent)}.task-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.task-metrics>div{border:1px solid #e0d4ed;background:#faf7fd;border-radius:10px;padding:12px}.task-metrics strong{display:block;color:#7250a0;font-size:26px}.task-metrics span{font-size:15px}.task-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.task-filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;margin:12px 0}.task-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:12px}.task-card{padding:16px;background:white;border:1px solid var(--line);border-inline-start:4px solid #aa8dcc;border-radius:12px;min-width:0}.task-card.task-late{border-inline-start-color:#c34848}.task-card h3{margin:10px 0}.task-card h3 button{font-size:19px;color:var(--ink);text-align:start;overflow-wrap:anywhere}.task-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:15px;color:var(--muted);white-space:pre-wrap}.task-card dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.task-card dt{font-size:14px;color:var(--muted)}.task-card dd{margin:3px 0;font-size:16px}.task-card footer{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:10px}.task-card footer button{font-size:14px}@media(max-width:700px){.task-metrics{grid-template-columns:repeat(2,1fr)}.task-filters{grid-template-columns:1fr 1fr}.task-filters label:first-child{grid-column:1/-1}}