:root{color-scheme:light;--bg: #f5f7fb;--surface: #ffffff;--surface-soft: #f8faff;--surface-muted: #eef4ff;--text: #0c2247;--muted: #58708f;--line: #d9e3f2;--blue: #2f66f5;--green: #18b45b;--teal: #00a4a6;--purple: #8e3dff;--amber: #d89a16;--danger: #e04f5f;--shadow: 0 10px 32px rgba(17, 34, 68, .06);font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-size:15px}button,input,textarea{font:inherit}button{cursor:pointer}.auth-shell,.reference-shell{min-height:100vh}.auth-shell{display:grid;grid-template-columns:1.1fr .9fr}.auth-panel{padding:56px}.auth-brand{background:linear-gradient(145deg,#111c34f5,#283757eb);color:#f9fbff;display:flex;flex-direction:column;justify-content:center}.auth-brand h1{font-size:clamp(2.4rem,5vw,4.8rem);line-height:.92;letter-spacing:-.04em;margin:0 0 20px;max-width:12ch}.auth-brand p{max-width:52ch;color:#f9fbffd1}.feature-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.feature-list span{border-radius:999px;padding:10px 14px;background:#ffffff14}.auth-form-panel{display:flex;flex-direction:column;justify-content:center;gap:18px}.auth-form,.setup-card,.table-card,.reference-stat-card,.property-form-card,.placeholder-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.auth-form,.setup-card,.property-form-card,.placeholder-card{padding:32px}.auth-form h2{margin:0 0 18px}.auth-form label,.property-form-grid label{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:.95rem}.auth-form input,.property-form-grid input,.property-form-grid textarea{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fff;color:var(--text)}.auth-form button,.primary-button,.primary-wide-button{border:0;border-radius:12px;padding:12px 18px;background:var(--blue);color:#fff;font-weight:700}.add-property-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;border:0;border-radius:6px;height:36px;padding:0 16px;background:#2563eb;color:#fff;font-size:.875rem;font-weight:500;transition:background-color .16s ease}.add-property-button:hover{background:#1d4ed8}.add-property-icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center}.add-property-icon svg{width:16px;height:16px}.ghost-button,.table-action-button,.icon-button{border:0;border-radius:6px;padding:0 12px;height:32px;background:transparent;color:var(--text);display:inline-flex;align-items:center;justify-content:center;transition:background-color .16s ease,color .16s ease}.table-action-button{border:1px solid var(--line);background:#fff}.icon-button:hover{background:#f3f4f6}.danger-button{color:var(--danger)}.eyebrow,.toolbar-field span,.current-photo-label{text-transform:uppercase;letter-spacing:.12em;font-size:.74rem;font-weight:700;color:var(--blue)}.form-message,.muted,.empty-state,.simple-list-row span,.tenant-cell span,.toolbar-note,.reference-stat-card small{color:var(--muted)}.setup-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.reference-shell{display:grid;grid-template-columns:250px 1fr;position:relative}.reference-shell:before{content:"";position:absolute;left:0;right:0;top:70px;height:1px;background:var(--line);z-index:2}.reference-sidebar{background:var(--surface);padding:0;position:relative;position:sticky;top:0;height:100vh;overflow:hidden}.reference-sidebar:after{content:"";position:absolute;top:70px;right:0;bottom:0;width:1px;background:var(--line)}.sidebar-card{height:100vh;display:grid;grid-template-rows:70px 1fr auto auto}.sidebar-header-spacer{height:70px}.brand-title{display:inline-flex;align-items:center;font-size:1.25rem;font-weight:600;letter-spacing:-.02em;line-height:1;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.avatar-button{border:0;background:transparent;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:999px}.account-menu{position:relative}.account-menu-popover{position:absolute;top:calc(100% + 10px);right:0;min-width:220px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow);display:grid;gap:10px;z-index:20}.account-menu-copy{display:grid;gap:4px}.account-menu-copy strong{font-size:.95rem}.account-menu-copy span{color:var(--muted);font-size:.78rem;word-break:break-word}.account-menu-action{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff;color:var(--text);text-align:left}.account-menu-action:hover{background:#f3f4f6}.sidebar-logo-icon,.sidebar-link-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;text-align:center;color:currentColor;flex-shrink:0}.sidebar-nav{display:grid;gap:4px;padding:16px;align-content:start;margin-top:10px}.sidebar-link{display:flex;align-items:center;gap:12px;width:100%;background:transparent;border:0;border-radius:10px;padding:10px 12px;color:#374151;text-align:left;transition:background-color .16s ease,color .16s ease}.sidebar-link:hover{background:#f3f4f6}.sidebar-link.active{background:#eff6ff;color:#1d4ed8}.sidebar-avatar,.app-topbar-avatar{width:40px;height:40px;border-radius:999px;display:grid;place-items:center;background:#dbe8ff;color:var(--blue);font-weight:700;font-size:.9rem}.reference-main{min-width:0;position:relative}.app-topbar{height:70px;background:var(--surface);display:flex;align-items:center;width:calc(100% + 250px);margin-left:-250px;padding:0 24px 0 32px;position:relative;z-index:3;box-sizing:border-box}.app-topbar-inner{width:100%;display:flex;align-items:center;justify-content:space-between}.app-topbar-brand{display:flex;align-items:center;gap:8px;line-height:1}.topbar-brand-icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;color:var(--blue);flex-shrink:0}.page-shell{padding:32px;display:grid;gap:28px}.page-section{display:grid;gap:24px}.rent-page-section{gap:20px;padding-top:0}.rent-page-section>.reference-stats-grid{margin-top:0}.hidden{display:none}.page-header,.page-header.with-action,.table-card-header,.pending-banner,.pending-banner-left,.page-toolbar,.table-actions,.form-submit-row{display:flex;align-items:center;justify-content:flex-start;gap:8px}.page-header h1{margin:0 0 6px;font-size:1.85rem;line-height:1;letter-spacing:-.04em}.page-header p{margin:0;color:var(--muted)}.reference-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.reference-stats-grid.three-up{grid-template-columns:repeat(3,minmax(0,1fr))}.reference-stat-card{padding:0;min-height:0;border-radius:14px;display:flex;flex-direction:column;gap:0}.stat-card-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 10px;margin-bottom:0;color:var(--text);font-size:.9rem;font-weight:500}.reference-stat-card strong:first-of-type{display:block;font-size:1.5rem;line-height:1.1;letter-spacing:-.03em;margin-bottom:6px;font-weight:700}.reference-stat-card small{display:block;font-size:.76rem;margin-top:0}.rent-stat-card,.tenant-stat-card{border-radius:12px}.property-summary-card{padding:24px;border-radius:12px}.property-summary-content{display:flex;align-items:center;justify-content:space-between;gap:16px}.page-header.with-action>:last-child{margin-left:auto}.property-summary-content p{margin:0;font-size:.9rem;color:var(--muted)}.property-summary-content strong{display:block;margin-top:4px;font-size:2rem;line-height:1.1;letter-spacing:-.03em}.property-summary-icon{width:36px;height:36px}.property-summary-icon svg{width:36px;height:36px}.stat-value.green{color:var(--green)}.stat-value.amber{color:var(--amber)}.reference-stat-card>strong,.reference-stat-card>small{padding:0 24px}.reference-stat-card>small:last-child{padding-bottom:24px}.card-icon{font-weight:700}.card-icon.blue{color:var(--blue)}.card-icon.green{color:var(--green)}.card-icon.purple{color:var(--purple)}.card-icon.teal{color:var(--teal)}.card-icon.amber{color:var(--amber)}.card-icon.slate{color:#55657e}.stat-icon-image{width:20px;height:20px;display:block}.pending-banner{padding:26px 24px;border:1px solid #ffca8a;border-radius:18px;background:#fff8ee;display:flex;align-items:center;justify-content:space-between}.pending-banner-icon{width:48px;height:48px;border-radius:999px;display:grid;place-items:center;background:#fff0d8;color:#ea7a00;font-size:1.5rem}.pending-banner h3{margin:0 0 4px;color:#9a3412;font-size:1rem;font-weight:600}.pending-banner p{margin:0;color:#c2410c;font-size:.875rem}.pending-banner-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;border:1px solid var(--line);border-radius:6px;height:36px;padding:0 16px;background:#fff;color:var(--text);font-size:.875rem;font-weight:500;margin-left:auto}.pending-banner-button:hover{background:#f3f4f6}.reference-two-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.dashboard-bottom-grid{align-items:start}.table-card{padding:24px}.table-card-header strong{font-size:1rem;font-weight:500}.simple-list,.import-list{display:grid;gap:14px}.simple-list-row,.import-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 12px;border-radius:14px;background:var(--surface-soft)}.simple-list-row strong,.right-metric strong,.property-cell strong,.tenant-cell strong{display:block;margin-bottom:4px}.right-metric{text-align:right}.primary-wide-button{width:100%;margin-top:18px}.data-table{display:grid}.data-table-head,.data-table-row{display:grid;align-items:center;gap:14px}.data-table-head{padding:8px 8px 14px;border-bottom:1px solid var(--line);font-weight:700}.data-table-row{padding:12px 8px;border-bottom:1px solid var(--line)}.data-table-row:last-of-type{border-bottom:0}.property-table .data-table-head,.property-table .data-table-row{grid-template-columns:2.2fr 1.5fr .9fr .8fr .9fr .8fr}.tenant-table .data-table-head,.tenant-table .data-table-row{grid-template-columns:1.5fr 1.5fr 1fr 1.2fr .8fr 1fr}.rent-table .data-table-head,.rent-table .data-table-row{grid-template-columns:1.2fr 1.4fr .8fr .9fr .9fr .8fr .8fr}.rent-records-card,.rent-info-card{border-radius:12px}.rent-records-card .table-card-header{margin-bottom:6px}.rent-table .data-table-head{padding-top:0}.rent-table .data-table-row span,.rent-table .data-table-row strong{font-size:.92rem}.imports-inline-list{display:grid;gap:12px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.imports-inline-list.no-top-border{margin-top:0;padding-top:0;border-top:0}.revenue-summary-card{border-radius:16px}.revenue-summary-title{display:inline-flex;align-items:center;gap:8px}.revenue-summary-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.revenue-summary-icon svg{width:20px;height:20px}.revenue-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:12px}.revenue-summary-metric{padding:18px;border-radius:14px}.revenue-summary-metric p{margin:0 0 10px;font-size:.875rem;color:#4b5563}.revenue-summary-metric strong{display:block;margin-top:4px;font-size:1.5rem;font-weight:700;line-height:1.1;letter-spacing:-.03em}.revenue-summary-metric.is-green{background:#ecfdf3}.revenue-summary-metric.is-green strong{color:#16a34a}.revenue-summary-metric.is-amber{background:#fffbeb}.revenue-summary-metric.is-amber strong{color:#d97706}.revenue-summary-metric.is-blue{background:#eff6ff}.revenue-summary-metric.is-blue strong{color:#2563eb}.property-cell{display:flex;align-items:center;gap:12px}.property-location{display:inline-flex;align-items:center;gap:6px;color:var(--text)}.location-icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;color:#9ca3af;flex-shrink:0}.location-icon svg{width:16px;height:16px}.table-thumb{width:64px;height:48px;border-radius:10px;background:linear-gradient(135deg,#dce7ff,#f2f6ff);background-size:cover;background-position:center;flex-shrink:0}.tenant-cell{display:grid;gap:4px}.tenant-contact-line{display:inline-flex;align-items:center;gap:6px}.tenant-contact-icon{width:12px;height:12px;display:inline-flex;align-items:center;justify-content:center;color:#6b7280;flex-shrink:0}.tenant-contact-icon svg{width:12px;height:12px}.tenant-contact-link{color:inherit;text-decoration:none}.tenant-contact-link:hover{text-decoration:underline}.status-pill{display:inline-flex;align-items:center;justify-content:center;width:fit-content;white-space:nowrap;flex-shrink:0;overflow:hidden;border:1px solid transparent;border-radius:6px;padding:2px 8px;font-size:.75rem;font-weight:500;line-height:1.2}.property-status-badge{display:inline-flex;align-items:center;justify-content:center;width:fit-content;white-space:nowrap;flex-shrink:0;overflow:hidden;border:1px solid transparent;border-radius:6px;padding:2px 8px;background:#f3f4f6;color:#374151;font-size:.75rem;font-weight:500;line-height:1.2}.property-action-button{min-width:32px}.property-action-button svg{width:16px;height:16px}.property-delete-button{color:var(--danger)}.status-pill.is-vacant,.status-pill.is-active,.status-pill.is-paid{background:#dcfce7;color:#15803d}.status-pill.is-occupied{background:#f3f4f6;color:#374151}.status-pill.is-pending{background:#fef3c7;color:#a16207}.page-toolbar{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;margin-top:0;margin-bottom:0}.toolbar-field,.toolbar-upload{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:10px 14px;background:var(--surface)}.toolbar-field input{border:0;padding:0;background:transparent;color:var(--text)}.toolbar-upload input{display:none}.property-form-card{display:grid;gap:22px}.property-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.full-span{grid-column:1 / -1}.current-photo-block{display:grid;gap:12px}.current-photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px}.current-photo-item{display:grid;gap:10px;padding:12px;border-radius:16px;background:var(--surface-soft);border:1px solid var(--line)}.current-photo-thumb{width:100%;aspect-ratio:1 / 1;border-radius:12px;background-size:cover;background-position:center}.info-card{align-content:start}.info-list{margin:0;padding-left:18px;color:var(--muted);display:grid;gap:12px}.placeholder-card p{color:var(--muted)}.alert{border-radius:14px;padding:12px 16px;margin:18px 32px 0}.alert.success{background:#e8faf0;color:#198a4b}.alert.error{background:#fdecef;color:var(--danger)}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#f5f7fbb3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);font-weight:700}@media (max-width: 1280px){.reference-stats-grid,.reference-stats-grid.three-up,.reference-two-column,.property-form-grid,.property-table .data-table-head,.property-table .data-table-row,.tenant-table .data-table-head,.tenant-table .data-table-row,.rent-table .data-table-head,.rent-table .data-table-row{grid-template-columns:1fr}}@media (max-width: 900px){.auth-shell,.reference-shell{grid-template-columns:1fr}.reference-sidebar{border-right:0;border-bottom:1px solid var(--line)}.sidebar-card{min-height:auto}.page-shell{padding:20px}.app-topbar{padding:0 20px}}
