:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: #2D3748;--color-text: #2D3748;--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: #2D3748;--color-text: #2D3748}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--card-padding: 40px;--card-padding-mobile: 16px;--card-padding-mobile-sm: 12px;--content-padding: 24px;--content-padding-mobile: 12px;--content-padding-mobile-sm: 8px}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}@media (max-width: 768px){.properties-section,.tenants-section,.leases-section,.finances-section,.maintenance-section,.settings-section{padding:var(--content-padding-mobile, 12px)!important}.stat-card,.property-card,.tenant-card,.lease-card,.maintenance-card,.finance-card{padding:var(--card-padding-mobile, 16px)!important;margin:8px 0!important}.dashboard-overview,.recent-activity,.properties-content,.tenants-content,.leases-content,.maintenance-content{padding:var(--card-padding-mobile, 16px)!important}.section-header,.search-and-filters{padding:12px 0!important;margin:8px 0!important}}@media (max-width: 480px){.properties-section,.tenants-section,.leases-section,.finances-section,.maintenance-section,.settings-section{padding:var(--content-padding-mobile-sm, 8px)!important}.stat-card,.property-card,.tenant-card,.lease-card,.maintenance-card,.finance-card{padding:var(--card-padding-mobile-sm, 12px)!important;margin:6px 0!important}.dashboard-overview,.recent-activity,.properties-content,.tenants-content,.leases-content,.maintenance-content{padding:var(--card-padding-mobile-sm, 12px)!important}.section-header,.search-and-filters{padding:8px 0!important;margin:6px 0!important}}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{display:flex;place-items:center}#app{display:grid;grid-template-columns:1fr 1fr;padding:0 2rem}}:root{--color-brand-primary: #3B82F6;--color-brand-secondary: #60A5FA;--color-brand-tertiary: #DBEAFE;--color-accent-primary: #1E40AF;--color-accent-secondary: #2563EB;--color-text-primary: #2D3748;--color-text-secondary: #4A5568;--color-text-tertiary: #718096;--color-text-inverse: #FFFFFF;--color-surface-primary: #FFFFFF;--color-surface-secondary: #F7FAFC;--color-surface-tertiary: #EDF2F7;--color-background-primary: #FFFFFF;--color-background-secondary: #F8FAFC;--color-background-tertiary: #F1F5F9;--color-border-primary: #E2E8F0;--color-border-secondary: #CBD5E0;--color-border-focus: #3B82F6;--color-success-primary: #10B981;--color-success-background: #ECFDF5;--color-warning-primary: #F59E0B;--color-warning-background: #FFFBEB;--color-error-primary: #EF4444;--color-error-background: #FEF2F2;--spacing-0: 0;--spacing-1: .125rem;--spacing-2: .25rem;--spacing-3: .5rem;--spacing-4: .75rem;--spacing-5: 1rem;--spacing-6: 1.5rem;--spacing-7: 2rem;--spacing-8: 2.5rem;--spacing-9: 3rem;--spacing-10: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--font-heading: "Inter", "Helvetica Neue", "Arial", sans-serif;--font-body: "Inter", "Helvetica Neue", "Arial", sans-serif;--font-mono: "Fira Code", "Monaco", "Consolas", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--z-hide: -1;--z-base: 0;--z-overlay: 10;--z-dropdown: 20;--z-modal: 30;--z-popover: 40;--z-tooltip: 50;--size-container-sm: 640px;--size-container-md: 768px;--size-container-lg: 1024px;--size-container-xl: 1280px;--size-input-sm: 2rem;--size-input-md: 2.5rem;--size-input-lg: 3rem;--size-button-sm: 2rem;--size-button-md: 2.5rem;--size-button-lg: 3rem;--transition-fast: .15s ease-in-out;--transition-normal: .2s ease-in-out;--transition-slow: .3s ease-in-out}body{font-family:var(--font-body);color:var(--color-text-primary);background-color:var(--color-background-tertiary);line-height:1.5;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-weight-semibold);line-height:1.2;margin:0;color:var(--color-text-primary)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-md)}p{margin:0;line-height:1.6}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none;transition:var(--transition-normal)}button:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}input,textarea,select{font-family:var(--font-body);font-size:var(--font-size-md);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);padding:var(--spacing-3) var(--spacing-4);transition:var(--transition-normal)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #3b82f61a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;transition:var(--transition-normal);cursor:pointer;border:none}.btn-primary{background:var(--color-brand-primary);color:var(--color-text-inverse)}.btn-primary:hover{background:var(--color-accent-primary)}.btn-secondary{background:var(--color-surface-primary);color:var(--color-text-primary);border:1px solid var(--color-border-primary)}.btn-secondary:hover{background:var(--color-surface-secondary);border-color:var(--color-border-secondary)}.btn-danger{background:var(--color-error-primary);color:var(--color-text-inverse)}.btn-danger:hover{background:#dc2626}.btn-sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-xs);height:var(--size-button-sm)}.btn-md{padding:var(--spacing-3) var(--spacing-5);font-size:var(--font-size-sm);height:var(--size-button-md)}.btn-lg{padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-md);height:var(--size-button-lg)}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-sm);transition:var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--color-brand-primary)}.card-compact{padding:var(--spacing-4)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4)}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.card-subtitle{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin:var(--spacing-1) 0 0 0}.badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.badge-primary{background:var(--color-brand-tertiary);color:var(--color-brand-primary)}.badge-success{background:var(--color-success-background);color:var(--color-success-primary)}.badge-warning{background:var(--color-warning-background);color:var(--color-warning-primary)}.badge-error{background:var(--color-error-background);color:var(--color-error-primary)}.list{display:flex;flex-direction:column;gap:var(--spacing-3)}.list-item{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);padding:var(--spacing-4) var(--spacing-5);transition:var(--transition-normal);cursor:pointer}.list-item:hover{border-color:var(--color-brand-primary);box-shadow:var(--shadow-sm)}.list-item-content{display:flex;align-items:center;gap:var(--spacing-4)}.list-item-main{flex:1}.list-item-actions{display:flex;gap:var(--spacing-2);opacity:0;transition:var(--transition-normal)}.list-item:hover .list-item-actions{opacity:1}.grid{display:grid;gap:var(--spacing-6)}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid-1{grid-template-columns:1fr}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.view-toggle{display:flex;gap:var(--spacing-1);background:var(--color-surface-tertiary);border-radius:var(--radius-md);padding:var(--spacing-1)}.view-toggle-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-tertiary);cursor:pointer;transition:var(--transition-normal)}.view-toggle-button:hover{color:var(--color-text-secondary);background:#ffffff80}.view-toggle-button.active{background:var(--color-surface-primary);color:var(--color-brand-primary);box-shadow:var(--shadow-sm)}.avatar{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-brand-primary);color:var(--color-text-inverse);font-weight:var(--font-weight-semibold)}.avatar-sm{width:32px;height:32px;font-size:var(--font-size-xs)}.avatar-md{width:40px;height:40px;font-size:var(--font-size-sm)}.avatar-lg{width:48px;height:48px;font-size:var(--font-size-md)}.status{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase}.status-active{background:var(--color-success-background);color:var(--color-success-primary)}.status-inactive{background:var(--color-error-background);color:var(--color-error-primary)}.status-pending{background:var(--color-warning-background);color:var(--color-warning-primary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-5)}.modal-content{background:var(--color-surface-primary);border-radius:var(--radius-xl);width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-6);border-bottom:1px solid var(--color-border-primary)}.modal-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.modal-close{background:none;border:none;cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-md);color:var(--color-text-tertiary);transition:var(--transition-normal)}.modal-close:hover{background:var(--color-surface-tertiary);color:var(--color-text-secondary)}.modal-body{padding:var(--spacing-6)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-6);border-top:1px solid var(--color-border-primary)}@media (max-width: 768px){.grid-auto,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.list-item-content{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}.list-item-actions{opacity:1}.modal-overlay{padding:var(--spacing-3)}.modal-content{max-height:95vh}}.sidebar-layout{display:flex;height:100vh;overflow:hidden}.main-content{position:absolute;left:320px;top:0;right:0;bottom:0;overflow-y:auto;background-color:var(--color-background-tertiary)}.content-header{padding:var(--spacing-7);background:var(--color-surface-primary);border-bottom:1px solid var(--color-border-primary)}.content-title{margin:0 0 var(--spacing-2) 0;font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.content-subtitle{margin:0;color:var(--color-text-tertiary);font-size:var(--font-size-lg)}.content-body{padding:0}.section{padding:var(--spacing-6)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6)}.section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.placeholder{text-align:center;padding:var(--spacing-9);background:var(--color-surface-primary);border-radius:var(--radius-xl);border:1px solid var(--color-border-primary)}.placeholder-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-4) 0}.placeholder-description{color:var(--color-text-tertiary);margin-bottom:var(--spacing-7)}.placeholder-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-6);margin-top:var(--spacing-7)}.feature-item{padding:var(--spacing-6);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-surface-secondary)}.feature-title{margin:0 0 var(--spacing-2) 0;font-size:var(--font-size-lg);color:var(--color-text-primary)}.feature-description{margin:0;font-size:var(--font-size-sm);color:var(--color-text-tertiary)}@media (max-width: 768px){.sidebar{width:280px}.main-content{left:280px}.content-header{padding:var(--spacing-6)}.section{padding:var(--spacing-4)}.placeholder-features{grid-template-columns:1fr}}@media (max-width: 640px){.sidebar{position:relative;width:100%;height:auto}.main-content{left:0;position:static}.sidebar-layout{flex-direction:column;height:auto}}*{box-sizing:border-box}html,body,#app{margin:0;padding:0;width:100%;height:100%}