:root{
  --owner-bg:#f3f6fb;--owner-surface:#ffffff;--owner-soft:#f0f3fa;--owner-ink:#111827;
  --owner-muted:#7b8799;--owner-line:#e4eaf3;--owner-brand:#625cf6;--owner-gold:#625cf6;
  --owner-gold-soft:#efefff;--owner-good:#169b62;--owner-good-soft:#e9f8f0;
  --owner-warn:#d78a00;--owner-warn-soft:#fff6df;--owner-danger:#e24b4b;--owner-danger-soft:#fff0f0;
  --owner-info:#2f6fed;--owner-info-soft:#edf4ff;--owner-sidebar:236px
}
:root[data-owner-theme=dark]{
  --owner-bg:#0d1422;--owner-surface:#121c2f;--owner-soft:#18243a;--owner-ink:#edf2fb;
  --owner-muted:#9aa8bb;--owner-line:#26344a;--owner-brand:#8b86ff;--owner-gold:#8b86ff;
  --owner-gold-soft:#292552;--owner-good:#64d69d;--owner-good-soft:#183c2d;
  --owner-warn:#f1bd58;--owner-warn-soft:#3b3020;--owner-danger:#ff8b8b;--owner-danger-soft:#482526;
  --owner-info:#8db8ff;--owner-info-soft:#22344d
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--owner-bg);color:var(--owner-ink);font-family:"Cairo",Arial,sans-serif;font-size:14px;line-height:1.8}
button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}
.owner-demo-banner{height:42px;background:#090f1b;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 18px;text-align:center}
.owner-demo-banner strong{border:1px solid #ffffff44;border-radius:999px;padding:2px 8px;font-size:10px;letter-spacing:.15em}
.owner-demo-banner span{font-size:11px;color:#cbd5e1}
.owner-app{min-height:calc(100vh - 42px);padding-inline-start:var(--owner-sidebar)}
.owner-sidebar{position:fixed;z-index:50;inset-block:42px 0;inset-inline-start:0;width:var(--owner-sidebar);background:linear-gradient(180deg,#0b1220,#0e192b);color:#e7edf7;padding:22px 17px;display:flex;flex-direction:column;overflow:auto}
.owner-brand{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #ffffff24;padding:0 10px 18px}
.owner-brand-lockup{display:flex;align-items:center;gap:10px}.owner-brand-lockup img{width:84px;filter:none}.owner-brand strong{display:block;font-size:13px}.owner-brand span{display:block;color:#8e9bb0;font-size:10px;margin-top:2px}.owner-close{display:none}
.owner-profile{padding:18px 10px 12px;display:grid;gap:1px}.owner-profile strong{font-size:14px}.owner-profile span{color:#93a1b5;font-size:11px}.owner-profile small{color:#a7a3ff;font-size:10px}
.owner-nav{display:grid;gap:4px;margin-top:9px}
.owner-nav button{border:0;background:transparent;color:#c6d0df;text-align:right;padding:10px 11px;border-radius:5px;display:flex;align-items:center;gap:10px;font-weight:600}
.owner-nav button span{font-size:9px;color:#718097;min-width:19px}.owner-nav button:hover{background:#ffffff0d}.owner-nav button.active{background:#625cf62a;color:#ffffff;border-inline-start:2px solid #7f79ff}
.owner-help{margin-top:auto;border-top:1px solid #ffffff24;padding:18px 10px 0}.owner-help strong{font-size:12px}.owner-help p{font-size:10px;color:#8795a9;line-height:1.8}.owner-help a{font-size:11px;color:#aaa6ff;text-decoration:underline;text-underline-offset:4px}
.owner-main{min-width:0}.owner-topbar{height:66px;position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--owner-bg) 94%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--owner-line);display:flex;align-items:center;justify-content:space-between;padding:0 30px}
.owner-top-title{display:flex;align-items:center;gap:14px}.owner-top-title strong{font-size:13px}.owner-top-title span{font-size:11px;color:var(--owner-muted);border-inline-start:1px solid var(--owner-line);padding-inline-start:14px}
.owner-top-actions{display:flex;align-items:center;gap:8px}.icon-btn,.owner-back,.owner-menu{border:1px solid var(--owner-line);background:var(--owner-surface);color:var(--owner-ink);border-radius:5px;min-height:38px;padding:7px 11px;font-weight:600}.icon-btn{width:40px}.owner-back{font-size:11px}.owner-menu{display:none;font-size:20px}
.owner-content{max-width:1240px;margin:auto;padding:30px 38px 52px}.owner-view{display:none;animation:ownerFade .16s ease}.owner-view.active{display:block}@keyframes ownerFade{from{opacity:.2;transform:translateY(3px)}to{opacity:1;transform:none}}
.owner-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:5px 0 25px;border-bottom:1px solid var(--owner-line)}.owner-hero>div:first-child>span,.page-heading>div>span{color:var(--owner-gold);font-size:11px}.owner-hero h1,.page-heading h1{font-size:29px;line-height:1.5;margin:5px 0 5px}.owner-hero p,.page-heading p{margin:0;color:var(--owner-muted)}
.property-tag{border-inline-start:1px solid var(--owner-line);padding-inline-start:22px;min-width:220px}.property-tag span,.property-tag small{display:block;color:var(--owner-muted);font-size:10px}.property-tag strong{display:block;font-size:14px;margin:3px 0}
.owner-kpis{display:grid;grid-template-columns:repeat(4,1fr);padding:23px 0;border-bottom:1px solid var(--owner-line)}.owner-kpis article{padding:3px 20px;border-inline-start:1px solid var(--owner-line)}.owner-kpis article:first-child{border:0;padding-inline-start:0}.owner-kpis span{display:block;color:var(--owner-muted);font-size:10px}.owner-kpis strong{display:block;font-size:28px;font-weight:600;margin:3px 0}.owner-kpis small{color:var(--owner-muted);font-size:10px}.good{color:var(--owner-good)!important}
.owner-grid{display:grid;gap:24px;margin-top:26px}.owner-grid.three{grid-template-columns:1fr 1fr .9fr}.owner-grid.two{grid-template-columns:1fr 1fr}
.owner-card{background:var(--owner-surface);border:1px solid var(--owner-line);border-radius:10px;box-shadow:0 8px 28px rgba(23,42,72,.05);padding:22px;min-width:0}.card-title{margin-bottom:17px}.card-title span{font-size:10px;color:var(--owner-muted)}.card-title h2{font-size:16px;margin:2px 0}
.donut-wrap{display:flex;align-items:center;gap:20px}.owner-donut{width:116px;aspect-ratio:1;border-radius:50%;padding:9px;background:conic-gradient(var(--owner-good) 0 60%,var(--owner-gold) 60% 80%,var(--owner-line) 80% 100%)}.owner-donut>div{width:100%;height:100%;border-radius:50%;background:var(--owner-bg);display:grid;place-content:center;text-align:center}.owner-donut strong{font-size:25px}.owner-donut span{font-size:10px;color:var(--owner-muted)}
.donut-legend{display:grid;gap:7px;flex:1}.donut-legend div{display:flex;align-items:center;gap:7px;font-size:10px}.donut-legend i{width:7px;height:7px;background:var(--owner-line)}.donut-legend i.paid{background:var(--owner-good)}.donut-legend i.due{background:var(--owner-gold)}.donut-legend strong{margin-inline-start:auto;font-size:11px}
.summary-lines{display:grid}.summary-lines>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--owner-line)}.summary-lines span{color:var(--owner-muted);font-size:11px}.summary-lines strong{font-size:12px}.summary-lines .total{border-top:2px solid var(--owner-line);border-bottom:0;margin-top:3px}.summary-lines .total strong{font-size:15px}
.owner-primary,.owner-secondary,.owner-danger-btn,.owner-link-btn{min-height:41px;border-radius:7px;padding:8px 13px;font-weight:700}.owner-primary{background:linear-gradient(135deg,#6f66ff,#594ff0);border:1px solid #5f56f3;color:#fff}.owner-secondary{background:var(--owner-surface);border:1px solid var(--owner-line);color:var(--owner-ink)}.owner-danger-btn{background:var(--owner-danger);border:1px solid var(--owner-danger);color:#fff}.owner-link-btn{border:0;background:transparent;color:var(--owner-brand);padding-inline:0;text-decoration:underline;text-underline-offset:4px}.full{width:100%;margin-top:15px}
.mini-list{display:grid}.mini-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--owner-line)}.mini-row:last-child{border-bottom:0}.mini-row strong{display:block;font-size:11px}.mini-row small{display:block;color:var(--owner-muted);font-size:9px}
.status{display:inline-flex;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:700}.status.good{background:var(--owner-good-soft)}.status.warn{background:var(--owner-warn-soft);color:var(--owner-warn)}.status.info{background:var(--owner-info-soft);color:var(--owner-info)}.status.danger{background:var(--owner-danger-soft);color:var(--owner-danger)}
.transaction-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--owner-line)}.transaction-list strong{display:block;font-size:11px}.transaction-list small{display:block;color:var(--owner-muted);font-size:9px}.transaction-list b{font-size:11px}.attention{background:var(--owner-gold-soft)}.attention p{color:var(--owner-muted);line-height:2}
.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:22px;margin-bottom:25px}.page-heading h1{font-size:27px}.unit-label{text-align:end;border-inline-start:1px solid var(--owner-line);padding-inline-start:20px}.unit-label span{display:block;color:var(--owner-muted);font-size:10px}.unit-label strong{font-size:17px}
.billing-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}.invoice-table-wrap{overflow:auto}.invoice-table{width:100%;border-collapse:collapse;min-width:620px}.invoice-table th,.invoice-table td{padding:12px;text-align:right;border-bottom:1px solid var(--owner-line);font-size:11px}.invoice-table th{color:var(--owner-muted);font-size:9px}
.month-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px}.month-buttons button{border:1px solid var(--owner-line);background:var(--owner-surface);color:var(--owner-ink);border-radius:5px;padding:8px;text-align:right;font-size:10px}.month-buttons button.selected{border-color:var(--owner-gold);background:var(--owner-gold-soft)}.month-buttons button:disabled{opacity:.55;cursor:not-allowed}.month-buttons button strong{display:block;font-size:11px}.month-buttons button small{color:var(--owner-muted)}
.payment-total,.payment-grand{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--owner-line);font-size:11px;margin-top:10px}.payment-grand{border-top:2px solid var(--owner-brand)}.payment-grand strong{font-size:18px}.safe-note{display:block;color:var(--owner-muted);font-size:9px;line-height:1.7;margin-top:8px}
.maintenance-list{display:grid;gap:12px}.maintenance-item{background:var(--owner-surface);border:1px solid var(--owner-line);border-radius:7px;padding:18px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.maintenance-item h3{margin:0 0 4px;font-size:14px}.maintenance-item p{margin:0;color:var(--owner-muted);font-size:10px}.maintenance-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}
.emergency-grid{margin-bottom:24px}.emergency-card h2{font-size:18px;margin:10px 0 5px}.emergency-card p{color:var(--owner-muted);min-height:54px}.emergency-card.danger{border-top:3px solid var(--owner-danger)}.emergency-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--owner-danger);color:var(--owner-danger);font-weight:800;font-size:18px}.emergency-icon.neutral{border-color:var(--owner-gold);color:var(--owner-gold)}
.report-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--owner-line)}.report-list strong{font-size:11px}.report-kpis{margin-bottom:26px}
.account-card{text-align:center}.profile-avatar{width:70px;height:70px;border-radius:50%;margin:0 auto 12px;background:var(--owner-gold-soft);color:var(--owner-gold);display:grid;place-items:center;font-size:25px;font-weight:800}.account-card h2{margin:0}.account-card p{color:var(--owner-muted)}.account-rows{margin-top:20px;text-align:right}.account-rows>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--owner-line)}.account-rows span{color:var(--owner-muted);font-size:10px}.account-rows strong{font-size:11px}
.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--owner-line)}.setting-row strong{display:block;font-size:11px}.setting-row small{display:block;color:var(--owner-muted);font-size:9px}.setting-row input{accent-color:var(--owner-brand)}
.owner-modal{position:fixed;inset:0;z-index:100}.owner-modal-backdrop{position:absolute;inset:0;border:0;background:#0f1713aa;backdrop-filter:blur(3px)}.owner-modal-card{position:relative;width:min(520px,calc(100vw - 28px));margin:9vh auto;background:var(--owner-surface);border:1px solid var(--owner-line);border-radius:8px;padding:25px;max-height:82vh;overflow:auto}.modal-close{position:absolute;top:13px;left:13px;border:1px solid var(--owner-line);background:var(--owner-surface);color:var(--owner-ink);width:35px;height:35px;border-radius:50%;font-size:20px}.owner-modal-card>span{color:var(--owner-gold);font-size:10px}.owner-modal-card h2{margin:3px 0 17px;font-size:20px}.owner-modal-card form{display:grid;gap:12px}.owner-modal-card label{display:grid;gap:5px;font-size:10px;color:var(--owner-muted)}.owner-modal-card input,.owner-modal-card select,.owner-modal-card textarea{border:1px solid var(--owner-line);background:var(--owner-bg);color:var(--owner-ink);border-radius:5px;padding:9px;min-height:42px}.owner-modal-card textarea{min-height:110px;resize:vertical}
.owner-toast{position:fixed;left:20px;bottom:20px;z-index:120;background:#111827;color:#fff;border-radius:6px;padding:11px 14px;font-size:11px;box-shadow:0 18px 50px #0003}
@media(max-width:1000px){.owner-grid.three{grid-template-columns:1fr 1fr}.monthly-card{grid-column:1/-1}.billing-layout{grid-template-columns:1fr}.payment-summary{order:-1}.owner-kpis{grid-template-columns:1fr 1fr}.owner-kpis article:nth-child(3){border-inline-start:0;margin-top:15px}}
@media(max-width:760px){:root{--owner-sidebar:0px}.owner-app{padding-inline-start:0}.owner-sidebar{width:280px;transform:translateX(105%);transition:.22s;inset-block-start:42px;box-shadow:-25px 0 60px #0005}.owner-sidebar.open{transform:none}.owner-close{display:block;background:transparent;color:#fff;border:0;font-size:23px}.owner-menu{display:block}.owner-topbar{padding:0 13px}.owner-top-title span{display:none}.owner-content{padding:22px 14px 42px}.owner-hero{align-items:flex-start;flex-direction:column}.property-tag{border-inline-start:0;padding-inline-start:0}.owner-grid.three,.owner-grid.two{grid-template-columns:1fr}.monthly-card{grid-column:auto}.page-heading{flex-direction:column}.owner-top-actions .owner-back{display:none}}
@media(max-width:480px){.owner-kpis{grid-template-columns:1fr 1fr}.owner-kpis article{padding:10px;border-inline-start:0;border-bottom:1px solid var(--owner-line)}.owner-kpis strong{font-size:22px}.donut-wrap{align-items:flex-start;flex-direction:column}.owner-donut{width:100px}.owner-top-title strong{font-size:12px}.owner-demo-banner span{font-size:9px}.maintenance-item{grid-template-columns:1fr}}
@media print{.owner-demo-banner,.owner-sidebar,.owner-topbar,.owner-primary,.owner-secondary{display:none!important}.owner-app{padding:0}.owner-content{max-width:none;padding:0}.owner-view{display:none!important}.owner-view[data-owner-panel=report]{display:block!important}.owner-card{break-inside:avoid;box-shadow:none}}