@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}:root{--bg-primary: #0a0e14;--bg-secondary: #111418;--bg-tertiary: #1a1d23;--bg-elevated: #1e2229;--bg-hover: #252a31;--text-primary: #e3e8ef;--text-secondary: #9ca3af;--text-tertiary: #6b7280;--text-inverse: #0a0e14;--primary: #14b8a6;--primary-hover: #0d9488;--primary-light: #5eead4;--primary-dark: #0f766e;--success: #10b981;--success-hover: #059669;--warning: #f59e0b;--warning-hover: #d97706;--danger: #ef4444;--danger-hover: #dc2626;--info: #3b82f6;--info-hover: #2563eb;--border: #2a2f38;--border-light: #374151;--border-focus: var(--primary);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--font-sans: "IBM Plex Mono", monospace;--font-mono: "IBM Plex Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:1.6;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar{display:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-medium);line-height:1.3;color:var(--text-primary)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-base)}h6{font-size:var(--text-sm)}code,pre{font-family:var(--font-mono);font-size:var(--text-sm)}.app-layout{display:flex;min-height:100vh}.sidebar{width:70px;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:width .2s ease-in-out;position:sticky;top:0;height:100vh;z-index:100;box-shadow:var(--shadow-lg);flex-shrink:0}.sidebar:hover{width:260px}.sidebar-header{padding:var(--space-6);padding-left:19px;border-bottom:1px solid var(--border);display:flex;justify-content:flex-start;align-items:center;gap:20px}.sidebar-logo{height:32px;width:auto;object-fit:contain;flex-shrink:0}.sidebar-title{height:28px;width:0;opacity:0;object-fit:contain;overflow:hidden;transition:opacity var(--transition-base),width var(--transition-base)}.sidebar:hover .sidebar-title{opacity:1;width:auto}.sidebar-toggle{background:transparent;color:var(--text-secondary);padding:var(--space-2);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-base);border:none;display:flex;align-items:center;justify-content:center}.sidebar-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-nav{flex:1;padding:var(--space-4) 0;overflow-y:auto}.sidebar-nav a{display:flex;align-items:center;gap:26px;padding:var(--space-3);padding-left:26px;margin:var(--space-1) 0;color:var(--text-secondary);text-decoration:none;transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base);border-radius:0;font-size:var(--text-sm);font-weight:var(--font-normal);text-transform:uppercase;letter-spacing:.05em;border-left:2px solid transparent;white-space:nowrap;overflow:hidden}.sidebar-nav a:hover{background:transparent;color:var(--text-primary)}.sidebar-nav a.active{background:#14b8a61a;color:var(--primary);border-left-color:var(--primary)}.sidebar-nav a svg{width:18px;height:18px;flex-shrink:0;min-width:18px}.sidebar-nav a span{opacity:0;width:0;overflow:hidden}.sidebar:hover .sidebar-nav a span{opacity:1;width:auto}.sidebar.collapsed .sidebar-footer button span{display:none}.sidebar.collapsed .sidebar-footer button{justify-content:center;padding:var(--space-3)}.sidebar-footer{padding:0;border-top:none;margin-top:auto}.sidebar-logout{display:flex;align-items:center;gap:26px;padding:var(--space-3);padding-left:26px;margin:var(--space-1) 0;color:var(--text-secondary);text-decoration:none;transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base);border-radius:0;font-size:var(--text-sm);font-weight:var(--font-normal);text-transform:uppercase;letter-spacing:.05em;border-left:2px solid transparent;white-space:nowrap;overflow:hidden;cursor:pointer}.sidebar-logout:hover{background:transparent;color:var(--danger)}.sidebar-logout svg{width:18px;height:18px;flex-shrink:0;min-width:18px}.sidebar-logout span{opacity:0;width:0;overflow:hidden}.sidebar:hover .sidebar-logout span{opacity:1;width:auto}.sidebar-footer button{background:transparent;color:var(--danger);border:1px solid var(--danger);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-semibold);font-size:var(--text-sm)}.sidebar-footer button:hover{background:#ef444426;color:#fff;border-color:#ef444426}.main-content{flex:1;padding:calc(var(--space-12) + var(--space-8));min-height:100vh;background:var(--bg-primary);display:flex;flex-direction:column}.page-header{margin-bottom:var(--space-12)}.page-header h1{font-size:28px;color:var(--text-primary);margin-bottom:8px;font-weight:var(--font-medium)}.page-header p{color:var(--text-secondary);font-size:14px}.container{width:100%}button{cursor:pointer;border:none;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);box-shadow:var(--shadow-sm)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--primary);color:var(--text-inverse)}button.primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:var(--shadow-md)}button.danger{background:var(--danger);color:#fff}button.danger:hover:not(:disabled){background:var(--danger-hover);box-shadow:var(--shadow-md)}button.secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}button.secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-light)}button.success{background:var(--success);color:#fff}button.success:hover:not(:disabled){background:var(--success-hover);box-shadow:var(--shadow-md)}button.icon-button{background:transparent;color:var(--text-primary);padding:var(--space-2);box-shadow:none;border-radius:var(--radius-sm)}button.icon-button:hover:not(:disabled){background:transparent;color:var(--primary);box-shadow:none}button.icon-button-delete:hover:not(:disabled){color:var(--danger)}button.contract-generate-button{width:100%;background:transparent;color:var(--text-primary);box-shadow:none;border:1px solid var(--border);font-size:var(--text-base);padding:var(--space-4)}button.contract-generate-button:hover:not(:disabled){background:transparent;color:var(--primary);border-color:var(--primary);box-shadow:none}input,textarea,select{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);margin-bottom:var(--space-4);background:var(--bg-secondary);color:var(--text-primary);transition:all var(--transition-base)}input:hover,textarea:hover,select:hover{border-color:var(--border-light)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);background:var(--bg-tertiary);box-shadow:0 0 0 3px #14b8a61a}input:read-only,textarea:read-only,select:disabled{background:var(--bg-tertiary);cursor:not-allowed;opacity:.7}label{display:block;margin-bottom:var(--space-2);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:-.01em}label.required:after{content:" *";color:var(--danger)}.card{background:var(--bg-secondary);padding:var(--space-8);border-radius:var(--radius-lg);border:1px solid var(--border);margin-bottom:var(--space-6);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card:hover{border-color:var(--border-light);box-shadow:var(--shadow-md)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);letter-spacing:-.02em}.card-actions{display:flex;gap:var(--space-3)}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);color:var(--text-secondary)}.empty-state h3{margin-bottom:var(--space-2);color:var(--text-primary);font-weight:var(--font-semibold)}.empty-state p{color:var(--text-tertiary);font-size:var(--text-sm)}.form-section{margin-bottom:var(--space-10)}.form-section-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--border);display:flex;align-items:center;gap:var(--space-3)}.form-section-title svg{color:var(--primary)}.form-grid{display:grid;gap:var(--space-4)}.form-grid.cols-2{grid-template-columns:repeat(2,1fr)}.form-grid.cols-3{grid-template-columns:repeat(3,1fr)}.form-grid.cols-4{grid-template-columns:repeat(4,1fr)}.two-column-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.modal{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);scrollbar-width:none;-ms-overflow-style:none}.modal::-webkit-scrollbar{display:none}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg-secondary);z-index:1}.modal form{padding:var(--space-6)}.modal .form-section{margin-bottom:var(--space-8)}.modal .form-actions{position:sticky;bottom:0;background:var(--bg-secondary);margin:0;margin-top:var(--space-6);padding-top:var(--space-6)}button.modal-button{background:transparent;color:var(--text-primary);border:1px solid var(--border);box-shadow:none;font-size:var(--text-sm)}button.modal-button-cancel:hover:not(:disabled){background:transparent;color:var(--danger);border-color:var(--danger);box-shadow:none}button.modal-button-save:hover:not(:disabled){background:transparent;color:var(--primary);border-color:var(--primary);box-shadow:none}.form-field{display:flex;flex-direction:column}.form-field label{margin-bottom:var(--space-2)}.form-actions{display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-6);border-top:1px solid var(--border);margin-top:var(--space-6)}table{width:100%;border-collapse:collapse;background:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden}thead{background:var(--bg-tertiary);border-bottom:2px solid var(--border)}thead th{padding:var(--space-4) var(--space-5);text-align:left;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}tbody tr{border-bottom:1px solid var(--border);transition:background-color var(--transition-base)}tbody tr:hover{background:var(--bg-hover)}tbody tr:last-child{border-bottom:none}tbody td{padding:var(--space-4) var(--space-5);font-size:var(--text-sm);color:var(--text-primary)}.table-wrapper{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow-sm)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em}.badge.success{background:#14b8a626;color:var(--primary)}.badge.danger{background:#ef444426;color:var(--danger)}.badge.warning{background:#f59e0b26;color:var(--warning)}.badge.info{background:#3b82f626;color:var(--info)}.filter-bar{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border);margin-bottom:var(--space-6)}.filter-bar button{font-size:var(--text-sm);padding:var(--space-2) var(--space-4)}.alert{padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);margin-bottom:var(--space-6);display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm)}.alert.error{background:#ef44441a;border:1px solid var(--danger);color:var(--danger)}.alert.success{background:#10b9811a;border:1px solid var(--success);color:var(--success)}.alert.info{background:#14b8a61a;border:1px solid var(--primary);color:var(--primary)}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.metric-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;gap:var(--space-4);align-items:flex-start;transition:all var(--transition-base)}.metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.metric-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-content{flex:1;min-width:0}.metric-label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2)}.metric-value{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary);line-height:1.2}.metric-sublabel{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1)}.tenant-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-6)}.tenant-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);cursor:pointer;transition:all var(--transition-base)}.tenant-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.tenant-card:hover .tenant-apartment{color:var(--text-secondary)}.tenant-card:hover .tenant-name{color:var(--text-primary)}.tenant-card:hover .tenant-card-row span:first-child{color:var(--text-secondary)}.tenant-card:hover .tenant-card-row strong{color:var(--text-primary)}.tenant-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.tenant-apartment{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-1);transition:color var(--transition-base)}.tenant-name{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-secondary);transition:color var(--transition-base)}.tenant-card-body{display:flex;flex-direction:column;gap:var(--space-3)}.tenant-card-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm)}.tenant-card-row span:first-child{color:var(--text-tertiary);transition:color var(--transition-base)}.tenant-card-row strong{color:var(--text-secondary);font-weight:var(--font-medium);transition:color var(--transition-base)}.modal-large{max-width:900px}.modal-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);padding:var(--space-6);background:var(--bg-tertiary);border-bottom:1px solid var(--border)}.summary-item{text-align:center}.summary-label{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.05em}.summary-value{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary)}.badge.warning{background:#f59e0b26;color:var(--warning);border:1px solid var(--warning)}.badge.info{background:#3b82f626;color:var(--info);border:1px solid var(--info)}.modal-summary-grid-five{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-4);padding:var(--space-6);background:var(--bg-tertiary);border-bottom:1px solid var(--border)}.modal-summary-grid-six{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-4);padding:var(--space-6);background:var(--bg-tertiary);border-bottom:1px solid var(--border)}.deposit-warning{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border)}.deposit-warning-text{font-size:var(--text-sm);color:var(--primary);margin-bottom:var(--space-3)}.rent-record-button{width:100%;padding:var(--space-4);background:transparent;color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);box-shadow:none;font-family:var(--font-sans)}.rent-record-button:hover{color:var(--primary);border-color:var(--primary);background:transparent;box-shadow:none}@media (max-width: 768px){.form-grid.cols-2,.form-grid.cols-3,.form-grid.cols-4{grid-template-columns:1fr}.sidebar{width:260px;transform:translate(-260px)}.sidebar:hover{transform:translate(0)}.main-content{margin-left:0;padding:var(--space-6)}table{font-size:var(--text-xs)}thead th,tbody td{padding:var(--space-3)}.metrics-grid,.tenant-cards-grid{grid-template-columns:1fr}.modal-summary-grid,.modal-summary-grid-five,.modal-summary-grid-six{grid-template-columns:repeat(2,1fr)}}.home-container{max-width:1100px;margin:auto;display:flex;flex-direction:column;justify-content:center;flex:1}.home-header{text-align:center;margin-bottom:5rem}.home-title-main{font-size:42px;color:var(--text-primary);margin-bottom:var(--space-2);font-weight:var(--font-semibold);letter-spacing:-.02em}.home-title-sub{font-size:24px;color:var(--text-secondary);margin-bottom:var(--space-4);font-weight:var(--font-normal)}.home-header p{color:var(--text-secondary);font-size:var(--text-base)}.home-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-5);row-gap:var(--space-5);justify-items:center}.home-grid .home-card:nth-child(1){grid-column:1 / 3}.home-grid .home-card:nth-child(2){grid-column:3 / 5}.home-grid .home-card:nth-child(3){grid-column:5 / 7}.home-grid .home-card:nth-child(4){grid-column:2 / 4}.home-grid .home-card:nth-child(5){grid-column:4 / 6}.home-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--transition-base);text-decoration:none;display:flex;flex-direction:column;gap:var(--space-4);position:relative;width:100%;max-width:320px}.home-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-light)}.home-card-header{display:flex;justify-content:space-between;align-items:center}.home-card-title-row{display:flex;align-items:center;gap:var(--space-3)}.home-card-icon{color:var(--text-primary);flex-shrink:0;display:flex;align-items:center;justify-content:center}.home-card-arrow{color:var(--text-tertiary);transition:all var(--transition-base)}.home-card:hover .home-card-arrow{color:var(--text-secondary);transform:translate(4px)}.home-card-title{font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--text-primary);margin:0}.home-card-description{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5;margin:0;flex:1;min-height:70px}.home-card-link{color:var(--primary);font-size:var(--text-sm);font-weight:var(--font-medium);transition:color var(--transition-base)}.home-card:hover .home-card-link{color:var(--primary-light)}@media (max-width: 768px){.home-grid{grid-template-columns:1fr}.home-grid .home-card:nth-child(1),.home-grid .home-card:nth-child(2),.home-grid .home-card:nth-child(3),.home-grid .home-card:nth-child(4),.home-grid .home-card:nth-child(5){grid-column:1 / -1}.home-card{max-width:100%}.home-title-main{font-size:32px}.home-title-sub{font-size:20px}}