*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--nav-bg:#1d3461;--nav-text:#ffffffe0;--nav-hover:#ffffff1a;--accent:#2f6cc4;--accent-dark:#1e52a0;--navy:#1d3461;--accent-light:#e8eef8;--bg:#f0f2f5;--white:#fff;--text:#2d3748;--text-muted:#718096;--text-light:#a0aec0;--border:#e2e8f0;--border-dark:#cbd5e0;--shadow-sm:0 1px 3px #00000014;--shadow:0 4px 6px #00000012;--shadow-md:0 8px 20px #0000001a;--green:#38a169;--green-bg:#f0fff4;--green-border:#c6f6d5;--red:#e53e3e;--red-bg:#fff5f5;--red-border:#fed7d7;--orange:#dd6b20;--orange-bg:#fffaf0;--orange-border:#feebc8;--blue:#3182ce;--blue-bg:#ebf8ff;--blue-border:#bee3f8;--purple:#805ad5;--purple-bg:#faf5ff;--nav-height:56px;--radius:8px;--radius-sm:4px;--radius-lg:12px;color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px}.readonly-mode .icon-btn.danger{display:none!important}body{background:var(--bg);min-height:100vh}#root{min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-dark)}h2{letter-spacing:-.2px;font-size:20px;font-weight:700}h3{font-size:16px;font-weight:600}.navbar{height:var(--nav-height);background:var(--nav-bg);z-index:100;position:sticky;top:0;box-shadow:0 2px 8px #00000040}.navbar-inner{align-items:center;gap:0;width:100%;max-width:1400px;height:100%;margin:0 auto;padding:0 20px;display:flex}.navbar-brand{flex-shrink:0;align-items:center;gap:10px;margin-right:20px;text-decoration:none;display:flex}.navbar-brand-icon{background:var(--accent);border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;display:flex}.navbar-brand-name{color:#fff;white-space:nowrap;font-size:14px;font-weight:700}.navbar-brand-sub{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-size:10px;display:block}.navbar-nav{flex:1;align-items:center;height:100%;display:flex;overflow:visible}.nav-link{height:var(--nav-height);color:var(--nav-text);white-space:nowrap;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0 12px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s;display:flex;position:relative}.nav-link:hover{background:var(--nav-hover);color:#fff}.nav-link.active{color:#fff}.nav-link.active:after{content:"";background:var(--accent);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:0;right:0}.nav-arrow{opacity:.7;margin-left:2px;font-size:9px;transition:transform .15s}.nav-bell{border-radius:var(--radius);color:#fff;opacity:.8;margin-right:6px;padding:6px 10px;font-size:18px;text-decoration:none;transition:opacity .15s,background .15s}.nav-bell:hover{opacity:1;background:var(--nav-hover)}.nav-dropdown{align-items:center;height:100%;display:flex;position:relative}.nav-dropdown:hover>.nav-link{background:var(--nav-hover);color:#fff}.nav-dropdown:hover .nav-arrow{transform:rotate(180deg)}.nav-dropdown:hover .dropdown-menu{display:block}.dropdown-menu{border-radius:0 0 var(--radius) var(--radius);box-shadow:var(--shadow-md);border:1px solid var(--border);border-top:3px solid var(--accent);z-index:200;background:#fff;min-width:200px;padding:4px 0;display:none;position:absolute;top:100%;left:0}.dropdown-item{color:var(--text);white-space:nowrap;padding:9px 18px;font-size:13px;transition:background .1s;display:block}.dropdown-item:hover{background:var(--accent-light);color:var(--accent-dark)}.dropdown-divider{background:var(--border);height:1px;margin:8px 0}.navbar-right{flex-shrink:0;align-items:center;margin-left:auto;display:flex}.user-menu{position:relative}.user-btn{border-radius:var(--radius);color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;align-items:center;gap:8px;height:38px;padding:6px 12px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.user-btn:hover{background:#ffffff2e}.user-avatar{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:flex}.user-dropdown{border-radius:var(--radius);box-shadow:var(--shadow-md);border:1px solid var(--border);z-index:200;background:#fff;min-width:200px;padding:4px 0;display:none;position:absolute;top:calc(100% + 8px);right:0}.user-menu.open .user-dropdown{display:block}.user-dropdown-header{border-bottom:1px solid var(--border);padding:12px 16px 10px}.user-dropdown-name{color:var(--text);font-size:14px;font-weight:600}.user-dropdown-email{color:var(--text-muted);margin-top:2px;font-size:12px}.user-dropdown-item{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;padding:9px 16px;font-size:13px;transition:background .1s;display:block}.user-dropdown-item:hover{background:#f7fafc}.user-dropdown-item.danger{color:var(--red)}.user-dropdown-item.danger:hover{background:var(--red-bg)}.dash-action-btn{border:1px solid var(--border);color:var(--text);white-space:nowrap;background:#fff;border-radius:8px;align-items:center;gap:7px;padding:7px 14px;font-size:12px;font-weight:600;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.dash-action-btn:hover{border-color:var(--accent);color:var(--accent-dark)}.dash-hero{align-items:stretch;gap:16px;display:flex}.dash-hero-card{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;flex:1;align-items:center;gap:14px;padding:20px;display:flex}.dash-hero-divider{display:none}.dash-hero-icon{flex-shrink:0;font-size:28px}.dash-hero-value{color:var(--text);font-size:16px;font-weight:800}.dash-hero-label{color:var(--text-muted);white-space:nowrap;margin-top:3px;font-size:11px}.home-action-btn{background:var(--bg);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:16px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.home-action-btn:hover{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);color:var(--accent-dark)}.home-action-icon{font-size:18px}.home-summary-card{background:#fff;padding:20px 24px}.home-summary-label{color:var(--text-muted);margin-bottom:8px;font-size:12px}.home-summary-value{color:var(--text);font-size:18px;font-weight:700}.page-layout{min-height:calc(100vh - var(--nav-height));background:var(--bg)}.page-content{max-width:1400px;margin:0 auto;padding:24px 24px 48px}.page-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.page-title{color:var(--text);font-size:20px;font-weight:700}.page-subtitle{color:var(--text-muted);margin-top:3px;font-size:13px}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:20px;display:grid}.stat-card{border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border);background:#fff;flex-direction:column;gap:6px;padding:20px;transition:box-shadow .2s,transform .15s;display:flex}.stat-card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.stat-card-icon{border-radius:var(--radius);justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:4px;font-size:20px;display:flex}.stat-card-icon.green{background:var(--green-bg)}.stat-card-icon.red{background:var(--red-bg)}.stat-card-icon.orange{background:var(--orange-bg)}.stat-card-icon.blue{background:var(--blue-bg)}.stat-card-icon.navy{background:#eef2f7}.stat-card-value{color:var(--text);font-size:26px;font-weight:800;line-height:1}.stat-card-value.green{color:var(--green)}.stat-card-value.red{color:var(--red)}.stat-card-value.orange{color:var(--orange)}.stat-card-value.blue{color:var(--blue)}.stat-card-value.navy{color:var(--nav-bg)}.stat-card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:600}.card{border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;margin-bottom:16px}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.card-title{color:var(--text);font-size:15px;font-weight:600}.card-body{padding:20px}.charts-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}@media (width<=900px){.charts-row{grid-template-columns:1fr}}.btn{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.btn:hover{background:var(--accent-dark)}.btn-navy{background:var(--nav-bg)}.btn-navy:hover{background:#152649}.btn-full{justify-content:center;width:100%;padding:11px}.btn-outline{color:var(--accent);border:1.5px solid var(--accent);border-radius:var(--radius);cursor:pointer;background:#fff;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn-outline:hover{background:var(--accent);color:#fff}.btn-ghost{color:var(--text-muted);border-radius:var(--radius);cursor:pointer;background:0 0;border:none;padding:7px 12px;font-size:13px;transition:all .15s}.btn-ghost:hover{background:var(--bg);color:var(--text)}.btn-sm{color:var(--text);border:1px solid var(--border-dark);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:#fff;padding:5px 12px;font-size:12px;font-weight:500;transition:all .15s}.btn-sm:hover{border-color:var(--accent);color:var(--accent)}.btn-sm.danger:hover{border-color:var(--red);color:var(--red)}.icon-btn{cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm);background:0 0;border:none;padding:5px 7px;font-size:14px;transition:all .15s}.icon-btn:hover{background:var(--bg);color:var(--text)}.icon-btn.danger:hover{background:var(--red-bg);color:var(--red)}.form-group{flex-direction:column;gap:5px;display:flex}label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}input,textarea,select{border:1.5px solid var(--border-dark);border-radius:var(--radius);color:var(--text);background:#fff;outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2f6cc424}select option{background:#fff}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.auth-page{background:#0f1f42;align-items:stretch;min-height:100vh;display:flex}.auth-left{background:linear-gradient(160deg,#1d3461 0%,#0f1f42 60%,#162040 100%);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px 40px;display:flex;position:relative;overflow:hidden}.auth-left:before{content:"";pointer-events:none;background:#2f6cc41f;border-radius:50%;width:400px;height:400px;position:absolute;top:-120px;right:-120px}.auth-left:after{content:"";pointer-events:none;background:#2f6cc414;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-80px;left:-80px}.auth-brand-logo{z-index:1;width:100%;max-width:320px;margin-bottom:48px;position:relative}.auth-tagline{color:#ffffff8c;text-align:center;z-index:1;max-width:280px;font-size:15px;line-height:1.6;position:relative}.auth-features{z-index:1;flex-direction:column;gap:18px;width:100%;max-width:280px;margin-top:48px;display:flex;position:relative}.auth-feature{color:#ffffffb3;align-items:center;gap:12px;font-size:13px;display:flex}.auth-feature-icon{background:#ffffff1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.auth-right{background:#f5f7fb;flex-shrink:0;justify-content:center;align-items:center;width:460px;padding:48px 40px;display:flex}.auth-card{background:#fff;border-radius:16px;flex-direction:column;gap:24px;width:100%;max-width:380px;padding:40px;display:flex;box-shadow:0 4px 32px #1d34611a}.auth-card-title{color:var(--nav-bg);margin-bottom:2px;font-size:22px;font-weight:800}.auth-card-sub{color:var(--text-muted);font-size:13px}.auth-logo{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.auth-logo-icon{background:var(--nav-bg);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;font-size:30px;display:flex}.auth-logo h1{color:var(--nav-bg);font-size:22px;font-weight:800}.auth-subtitle{color:var(--text-muted);font-size:13px}.auth-card form{flex-direction:column;gap:16px;display:flex}.auth-footer{text-align:center;color:var(--text-light);margin-top:-8px;font-size:12px}.auth-divider{background:var(--border);height:1px;margin:-4px 0}@media (width<=768px){.auth-page{flex-direction:column}.auth-left{flex:none;min-height:240px;padding:40px 24px}.auth-brand-logo{max-width:200px;margin-bottom:0}.auth-features,.auth-tagline{display:none}.auth-right{width:100%;padding:32px 20px}.auth-card{box-shadow:none}}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}thead th{background:var(--bg);text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border);padding:10px 16px;font-size:11px;font-weight:700}.table-head-accent th{text-transform:none;letter-spacing:0;border-bottom:none;border-right:1px solid #ffffff26;font-size:13px;font-weight:600;background:var(--accent)!important;color:#fff!important}.table-head-accent th:last-child{border-right:none}.checklist-box{border:1px solid var(--border);background:#fff;border-radius:8px;max-height:200px;overflow-y:auto}.checklist-item{align-items:center;gap:8px;padding:7px 12px;display:flex}.checklist-item:hover{background:var(--bg)}.checklist-item-apt{padding-left:32px}tbody td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 16px;font-size:13px}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:#f7fafc}.badge{border-radius:99px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.badge-green,.badge-PAID{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border)}.badge-red,.badge-LATE{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border)}.badge-orange,.badge-PENDING{background:var(--orange-bg);color:var(--orange);border:1px solid var(--orange-border)}.badge-blue,.badge-PARTIAL{background:var(--blue-bg);color:var(--blue);border:1px solid var(--blue-border)}.badge-grey{background:var(--bg);color:var(--text-muted);border:1px solid var(--border)}.list-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:13px 20px;transition:background .1s;display:flex}.list-row:last-child{border-bottom:none}.list-row:hover{background:#f7fafc}.building-row{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:16px 20px;transition:background .1s;display:flex}.building-row:last-child{border-bottom:none}.building-row:hover{background:#f7fafc}.building-row-icon{background:var(--accent-light);border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.building-row-info{flex:1;min-width:0}.building-row-name{color:var(--text);font-size:15px;font-weight:600}.building-row-name:hover{color:var(--accent)}.building-row-meta{color:var(--text-muted);margin-top:2px;font-size:12px}.building-row-stats{flex-shrink:0;gap:28px;display:flex}.row-stat{text-align:center}.row-stat-num{color:var(--text);font-size:18px;font-weight:700;display:block}.row-stat-num.green{color:var(--green)}.row-stat-num.orange{color:var(--orange)}.row-stat-label{text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted);font-size:10px}.building-row-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.occ-bar-wrap{background:var(--border);border-radius:99px;height:8px;margin-bottom:6px;overflow:hidden}.occ-bar-fill{background:var(--accent);border-radius:99px;height:100%;transition:width .6s}.occ-bar-labels{justify-content:space-between;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=768px){.grid-2,.grid-3{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}}.section-title{color:var(--text);border-bottom:2px solid var(--accent);margin-bottom:16px;padding-bottom:10px;font-size:14px;font-weight:700;display:inline-block}.muted{color:var(--text-muted);font-size:13px}.error-msg{color:var(--red);background:var(--red-bg);border-radius:var(--radius);border:1px solid var(--red-border);margin-bottom:16px;padding:10px 14px;font-size:13px}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:10px;padding:48px 20px;display:flex}.empty-state-icon{font-size:40px}.empty-state-text{font-size:15px}.green{color:var(--green)!important}.red{color:var(--red)!important}.orange{color:var(--orange)!important}.blue{color:var(--blue)!important}.coming-soon{min-height:350px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:48px;display:flex}.coming-soon-icon{font-size:52px}.coming-soon h2{color:var(--text);font-size:22px}.expense-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.expense-row:hover{background:#f7fafc}.expense-left{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.expense-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.expense-title{font-size:14px;font-weight:600}.expense-amount{color:var(--red);font-size:14px;font-weight:700}.type-badge{border-radius:99px;padding:2px 8px;font-size:11px;font-weight:600}.type-UTILITY{background:var(--blue-bg);color:var(--blue)}.type-MAINTENANCE{background:var(--orange-bg);color:var(--orange)}.type-CUSTOM{background:var(--purple-bg);color:var(--purple)}.apt-card{flex-direction:column;gap:8px;padding:16px;display:flex}.apt-card-top{justify-content:space-between;align-items:center;display:flex}.apt-num{color:var(--nav-bg);font-size:16px;font-weight:700}.apt-tenant-row{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.status-select-sm{border:1px solid var(--border-dark);color:var(--text);cursor:pointer;background:#fff;border-radius:99px;padding:3px 8px;font-size:11px;font-weight:600}.tenant-name{color:var(--text);margin-bottom:4px;font-size:18px;font-weight:700}.tenant-details{border-top:1px solid var(--border);flex-wrap:wrap;gap:20px;padding-top:12px;display:flex}.detail-item{flex-direction:column;gap:2px;display:flex}.detail-label{text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);font-size:11px}.detail-value{color:var(--nav-bg);font-size:16px;font-weight:700}.breadcrumb{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:16px;font-size:12px;display:flex}.breadcrumb a{color:var(--accent)}.breadcrumb-sep{color:var(--text-light)}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.two-col{grid-template-columns:1fr 1fr;gap:20px;display:grid}.section{padding:0 0 24px}.form-card{flex-direction:column;gap:16px;padding:20px;display:flex}.loading{height:100vh;color:var(--text-muted);justify-content:center;align-items:center;display:flex}[data-theme=dark]{--bg:#0f172a;--white:#1e293b;--text:#e2e8f0;--text-muted:#94a3b8;--text-light:#64748b;--border:#334155;--border-dark:#475569;--accent-light:#0f1e3a;--shadow-sm:0 1px 3px #0006;--shadow:0 4px 6px #0006;--shadow-md:0 8px 20px #00000080;--green-bg:#052e16;--green-border:#166534;--red-bg:#450a0a;--red-border:#991b1b;--orange-bg:#431407;--orange-border:#9a3412;--blue-bg:#0c1a2e;--blue-border:#1e40af;--purple-bg:#2e1065}[data-theme=dark] body{background:var(--bg);color:var(--text)}[data-theme=dark] .card,[data-theme=dark] .stat-card,[data-theme=dark] .dash-hero-card,[data-theme=dark] .home-summary-card,[data-theme=dark] .auth-card,[data-theme=dark] .checklist-box{background:var(--white);border-color:var(--border)}[data-theme=dark] .dropdown-menu,[data-theme=dark] .user-dropdown{border-color:var(--border);background:#1e293b}[data-theme=dark] .dropdown-item{color:var(--text)}[data-theme=dark] .dropdown-item:hover{background:var(--bg);color:var(--accent)}[data-theme=dark] .user-dropdown-item{color:var(--text)}[data-theme=dark] .user-dropdown-item:hover{background:var(--bg)}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background:var(--bg);color:var(--text);border-color:var(--border-dark)}[data-theme=dark] select option{background:var(--white);color:var(--text)}[data-theme=dark] .btn-outline{background:var(--white)}[data-theme=dark] .btn-sm{background:var(--bg);color:var(--text);border-color:var(--border-dark)}[data-theme=dark] .btn-ghost{color:var(--text-muted)}[data-theme=dark] .btn-ghost:hover{background:var(--border);color:var(--text)}[data-theme=dark] .dash-action-btn,[data-theme=dark] .home-action-btn{background:var(--white);color:var(--text);border-color:var(--border)}[data-theme=dark] .icon-btn{color:var(--text-muted)}[data-theme=dark] .icon-btn:hover{background:var(--border);color:var(--text)}[data-theme=dark] thead th{color:var(--text-muted);border-bottom-color:var(--border);background:#1e293b}[data-theme=dark] tbody td{border-bottom-color:var(--border);color:var(--text)}[data-theme=dark] tbody tr:hover td,[data-theme=dark] .list-row:hover,[data-theme=dark] .building-row:hover,[data-theme=dark] .expense-row:hover{background:#283548}[data-theme=dark] .status-select-sm{background:var(--bg);color:var(--text);border-color:var(--border-dark)}