:root{--primary-color: #9BAAFF;--primary-light: #CCD5FF;--primary-dark: #6B7FFF;--primary-gradient: linear-gradient(135deg, #CCD5FF 0%, #9BAAFF 50%, #6B7FFF 100%);--primary-gradient-soft: linear-gradient(135deg, #E8EBFF 0%, #CCD5FF 100%);--white: #FFFFFF;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827;--text-primary: #1F2937;--text-secondary: #4B5563;--text-muted: #6B7280;--success-color: #10B981;--success-light: #D1FAE5;--warning-color: #F59E0B;--warning-light: #FEF3C7;--error-color: #EF4444;--error-light: #FEE2E2;--info-color: #3B82F6;--info-light: #DBEAFE;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-soft: 0 4px 20px rgba(155, 170, 255, .2);--radius-sm: .375rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--sidebar-width: 280px;--header-height: 64px;--mobile-nav-height: 64px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--gray-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;color:var(--text-primary)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p{color:var(--text-secondary)}a{color:var(--primary-dark);text-decoration:none}a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease;border:none;outline:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary-gradient);color:var(--white);box-shadow:var(--shadow-soft)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md),var(--shadow-soft)}.btn-secondary{background:var(--white);color:var(--primary-dark);border:2px solid var(--primary-light)}.btn-secondary:hover:not(:disabled){background:var(--primary-light)}.btn-outline{background:transparent;color:var(--text-secondary);border:1px solid var(--gray-300)}.btn-outline:hover:not(:disabled){background:var(--gray-100);border-color:var(--gray-400)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--gray-100)}.btn-danger{background:var(--error-color);color:var(--white)}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-success{background:var(--success-color);color:var(--white)}.btn-success:hover:not(:disabled){background:#059669}.btn-sm{padding:.375rem .875rem;font-size:.8125rem}.btn-lg{padding:.875rem 1.75rem;font-size:1rem}.btn-icon{padding:.5rem;width:36px;height:36px}.btn-block{width:100%}.card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.card-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-100)}.card-body{padding:1.5rem}.card-footer{padding:1rem 1.5rem;border-top:1px solid var(--gray-100);background:var(--gray-50)}.card-bubbly{background:var(--primary-gradient-soft);border:none;box-shadow:var(--shadow-soft)}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.form-input,.form-select,.form-textarea{width:100%;padding:.625rem .875rem;font-size:.9375rem;color:var(--text-primary);background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius);transition:all .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #9baaff33}.form-input::placeholder,.form-textarea::placeholder{color:var(--gray-400)}.form-textarea{resize:vertical;min-height:100px}.form-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer}.form-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-color)}.form-error{color:var(--error-color);font-size:.8125rem;margin-top:.375rem}.form-hint{color:var(--text-muted);font-size:.8125rem;margin-top:.375rem}.badge{display:inline-flex;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:500;border-radius:var(--radius-full)}.badge-primary{background:var(--primary-light);color:var(--primary-dark)}.badge-success{background:var(--success-light);color:var(--success-color)}.badge-warning{background:var(--warning-light);color:var(--warning-color)}.badge-error{background:var(--error-light);color:var(--error-color)}.badge-info{background:var(--info-light);color:var(--info-color)}.badge-gray{background:var(--gray-200);color:var(--gray-600)}.table-container{overflow-x:auto;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.table th,.table td{padding:.875rem 1rem;text-align:left;border-bottom:1px solid var(--gray-100)}.table th{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--gray-50)}.table tr:hover td{background:var(--gray-50)}.stat-card{background:var(--white);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow)}.stat-card-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.stat-card-icon.primary{background:var(--primary-light);color:var(--primary-dark)}.stat-card-icon.success{background:var(--success-light);color:var(--success-color)}.stat-card-icon.warning{background:var(--warning-light);color:var(--warning-color)}.stat-card-icon.error{background:var(--error-light);color:var(--error-color)}.stat-card-label{font-size:.875rem;color:var(--text-muted)}.tabs{display:flex;gap:.25rem;background:var(--gray-100);padding:.25rem;border-radius:var(--radius-full);width:fit-content}.tab{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease}.tab:hover{color:var(--text-primary)}.tab.active{background:var(--white);color:var(--primary-dark);box-shadow:var(--shadow-sm)}.modal{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:500px;max-height:calc(100vh - 2rem);overflow:hidden;display:flex;flex-direction:column}.modal-lg{max-width:800px}.modal-title{font-size:1.125rem;font-weight:600}.modal-close{background:transparent;border:none;padding:.5rem;cursor:pointer;color:var(--text-muted);border-radius:var(--radius)}.modal-body{padding:1.5rem;overflow-y:auto}.modal-footer{display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem;border-top:1px solid var(--gray-100);background:var(--gray-50)}.alert{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:var(--radius-md)}.alert-icon{flex-shrink:0}.alert-content{flex:1}.alert-title{font-weight:600;margin-bottom:.25rem}.alert-success{background:var(--success-light);color:var(--success-color)}.alert-warning{background:var(--warning-light);color:var(--warning-color)}.alert-error{background:var(--error-light);color:var(--error-color)}.alert-info{background:var(--info-light);color:var(--info-color)}.avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--primary-gradient);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.avatar-sm{width:32px;height:32px;font-size:.75rem}.avatar-lg{width:56px;height:56px;font-size:1.25rem}.empty-state{text-align:center;padding:3rem 2rem}.empty-state-icon{width:64px;height:64px;margin:0 auto 1rem;background:var(--primary-light);color:var(--primary-color);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.empty-state-title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.skeleton{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.rounded{border-radius:var(--radius)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.shadow{box-shadow:var(--shadow)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:768px){h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.hide-mobile{display:none!important}}@media(min-width:769px){.hide-desktop{display:none!important}}@media(min-width:768px)and (max-width:1024px){.grid-cols-4{grid-template-columns:repeat(2,1fr)}}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:var(--white);border-right:1px solid var(--gray-200);display:flex;flex-direction:column;z-index:100;transition:width .3s ease}.sidebar.collapsed{width:72px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1rem;border-bottom:1px solid var(--gray-100)}.sidebar-logo{display:flex;align-items:center;gap:.75rem;overflow:hidden}.logo-icon{width:40px;height:40px;background:var(--primary-gradient);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:700;font-size:.875rem;flex-shrink:0}.logo-text{font-weight:600;font-size:1.125rem;color:var(--text-primary);white-space:nowrap}.collapse-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--gray-100);border:none;border-radius:var(--radius);cursor:pointer;color:var(--text-muted);transition:all .2s}.collapse-btn:hover{background:var(--gray-200);color:var(--text-primary)}.sidebar.collapsed .collapse-btn{margin-left:auto;margin-right:auto}.sidebar-nav{flex:1;padding:1rem .75rem;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;transition:all .2s;position:relative}.nav-item:hover{background:var(--primary-light);color:var(--primary-dark);text-decoration:none}.nav-item.active{background:var(--primary-gradient-soft);color:var(--primary-dark)}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--primary-color);border-radius:0 3px 3px 0}.nav-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-label{flex:1;font-size:.9375rem;font-weight:500;white-space:nowrap}.nav-badge{background:var(--error-color);color:var(--white);font-size:.6875rem;font-weight:600;padding:.125rem .375rem;border-radius:var(--radius-full);min-width:18px;text-align:center}.sidebar.collapsed .nav-item{justify-content:center;padding:.75rem}.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-badge{display:none}.sidebar-footer{padding:1rem;border-top:1px solid var(--gray-100)}.user-info{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--gray-50);border-radius:var(--radius-md);margin-bottom:.75rem}.user-details{display:flex;flex-direction:column;overflow:hidden}.user-name{font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.75rem;color:var(--text-muted)}.sidebar-actions{display:flex;flex-direction:column;gap:.5rem}.sidebar-action-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem;background:var(--gray-100);border:none;border-radius:var(--radius);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;text-decoration:none;transition:all .2s}.sidebar-action-btn:hover{background:var(--gray-200);color:var(--text-primary);text-decoration:none}.sidebar-action-btn.logout-btn:hover{background:var(--error-light);color:var(--error-color)}.sidebar.collapsed .sidebar-action-btn span,.sidebar.collapsed .user-info{display:none}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:var(--mobile-nav-height);background:var(--white);border-top:1px solid var(--gray-200);z-index:100}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;color:var(--text-muted);text-decoration:none;font-size:.6875rem;font-weight:500;transition:all .2s}.mobile-nav-item.active{background:var(--primary-light)}@media(max-width:768px){.sidebar{display:none}.mobile-nav{display:block}}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:var(--mobile-nav-height);background:var(--white);border-top:1px solid var(--gray-200);z-index:100;box-shadow:0 -2px 10px #0000000d}.mobile-nav-items{display:flex;height:100%}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;color:var(--text-muted);text-decoration:none;font-size:.6875rem;font-weight:500;transition:all .2s;position:relative}.mobile-nav-item:hover,.mobile-nav-item.active{color:var(--primary-dark);text-decoration:none}.mobile-nav-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:32px;height:3px;background:var(--primary-color);border-radius:0 0 3px 3px}.mobile-nav-icon{display:flex;align-items:center;justify-content:center}.mobile-nav-label{font-size:.625rem;font-weight:500}@media(max-width:768px){.mobile-nav{display:block}}.dashboard-layout{display:flex;min-height:100vh}.dashboard-main{flex:1;margin-left:var(--sidebar-width);padding:2rem;padding-bottom:calc(2rem + var(--mobile-nav-height));background:var(--gray-50);min-height:100vh}.dashboard-main.collapsed{margin-left:72px}.page-header{margin-bottom:2rem}.page-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.page-header p{color:var(--text-muted);font-size:.9375rem}.page-header-actions{display:flex;align-items:center;gap:1rem;margin-top:1rem}@media(min-width:769px){.dashboard-main{padding-bottom:2rem}}@media(max-width:768px){.dashboard-main{margin-left:0;padding:1rem;padding-bottom:calc(1rem + var(--mobile-nav-height))}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--primary-gradient-soft)}.auth-container{width:100%;max-width:420px;background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:2.5rem}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{display:flex;justify-content:center;margin-bottom:1.5rem}.auth-logo .logo-icon{width:64px;height:64px;background:var(--primary-gradient);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:700;font-size:1.25rem;box-shadow:var(--shadow-soft)}.auth-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.auth-header p{color:var(--text-muted);font-size:.9375rem}.auth-form{margin-bottom:1.5rem}.auth-error{background:var(--error-light);color:var(--error-color);padding:.875rem 1rem;border-radius:var(--radius);font-size:.875rem;margin-bottom:1.25rem;text-align:center}.auth-warning{display:flex;align-items:flex-start;gap:.75rem;background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #FDBA74;border-radius:var(--radius);padding:1rem;margin-bottom:1.25rem}.auth-warning svg{color:#ea580c;flex-shrink:0;margin-top:2px}.auth-warning strong{display:block;color:#c2410c;font-size:.875rem;margin-bottom:.25rem}.auth-warning p{color:#9a3412;font-size:.8125rem;margin:0}.password-input{position:relative}.password-input .form-input{padding-right:3rem}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:var(--radius-sm)}.password-toggle:hover{color:var(--text-primary);background:var(--gray-100)}.form-actions-auth{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.forgot-link{font-size:.875rem;color:var(--primary-dark)}.forgot-link:hover{text-decoration:underline}.auth-footer{text-align:center;padding-top:1.5rem;border-top:1px solid var(--gray-100)}.auth-footer p{font-size:.9375rem;color:var(--text-muted)}.auth-footer a{color:var(--primary-dark);font-weight:500}.spin{animation:spin 1s linear infinite}.demo-mode-banner{display:flex;align-items:flex-start;gap:.75rem;background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #FDBA74;border-radius:var(--radius);padding:1rem;margin-bottom:1.25rem}.demo-mode-banner svg{color:#ea580c;flex-shrink:0;margin-top:2px}.demo-mode-banner strong{display:block;color:#c2410c;font-size:.875rem;margin-bottom:.25rem}.demo-mode-banner p{color:#9a3412;font-size:.8125rem;margin:0}.demo-accounts{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.demo-account-btn{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border:2px solid var(--gray-200);border-radius:var(--radius);background:var(--white);cursor:pointer;transition:all .2s}.demo-account-btn:hover{border-color:var(--primary);background:var(--primary-soft)}.demo-account-btn.admin:hover{border-color:#7c3aed;background:#ede9fe}.demo-account-btn.tenant:hover{border-color:#059669;background:#ecfdf5}.demo-account-btn.applicant:hover{border-color:#0284c7;background:#e0f2fe}.demo-role{font-weight:600;font-size:.875rem;color:var(--text-primary)}.demo-account-btn.admin .demo-role{color:#7c3aed}.demo-account-btn.tenant .demo-role{color:#059669}.demo-account-btn.applicant .demo-role{color:#0284c7}.demo-email{font-size:.8125rem;color:var(--text-muted)}.demo-password-hint{text-align:center;font-size:.8125rem;color:var(--text-muted);margin-top:.5rem}.demo-password-hint code{background:var(--gray-100);padding:.125rem .375rem;border-radius:4px;font-family:monospace;color:var(--text-primary)}@media(max-width:480px){.auth-page{padding:1rem}.auth-container{padding:1.5rem}}.admin-dashboard{max-width:1400px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);text-decoration:none;transition:all .2s;position:relative}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);text-decoration:none}.stat-card-arrow{position:absolute;right:1rem;color:var(--gray-400);transition:transform .2s}.stat-card:hover .stat-card-arrow{transform:translate(4px);color:var(--primary-color)}.stat-card-content{flex:1}.stat-card-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:.25rem}.stat-card-label{font-size:.8125rem;color:var(--text-muted)}.stat-primary .stat-card-icon{background:var(--primary-light);color:var(--primary-dark)}.stat-success .stat-card-icon{background:var(--success-light);color:var(--success-color)}.stat-warning .stat-card-icon{background:var(--warning-light);color:var(--warning-color)}.stat-error .stat-card-icon{background:var(--error-light);color:var(--error-color)}.stat-info .stat-card-icon{background:var(--info-light);color:var(--info-color)}.quick-actions{display:flex;flex-wrap:wrap;gap:.75rem}.quick-action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--primary-gradient);color:var(--white);border-radius:var(--radius-full);text-decoration:none;font-size:.875rem;font-weight:500;box-shadow:var(--shadow-soft);transition:all .2s}.quick-action-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md),var(--shadow-soft);text-decoration:none}.dashboard-section h2{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;margin-bottom:2rem}.dashboard-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.dashboard-card .card-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--gray-100)}.dashboard-card .card-header h3{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;color:var(--text-primary)}.card-link{display:flex;align-items:center;gap:.25rem;font-size:.8125rem;color:var(--primary-dark);text-decoration:none}.dashboard-card .card-body{padding:0}.activity-list{list-style:none;padding:0;margin:0}.activity-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid var(--gray-50);transition:background .2s}.activity-item:hover{background:var(--gray-50)}.activity-item:last-child{border-bottom:none}.activity-icon{width:32px;height:32px;border-radius:var(--radius);background:var(--primary-light);color:var(--primary-dark);display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon.priority-emergency{background:var(--error-light);color:var(--error-color)}.activity-icon.priority-high{background:var(--warning-light);color:var(--warning-color)}.activity-icon.priority-medium{background:var(--info-light);color:var(--info-color)}.activity-icon.priority-low{background:var(--gray-200);color:var(--gray-600)}.activity-content{flex:1;min-width:0}.activity-title{font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.25rem}.activity-meta{font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:.5rem}.separator{color:var(--gray-300)}.empty-state-sm{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--text-muted);text-align:center}.empty-state-sm svg{margin-bottom:.5rem;opacity:.5}.empty-state-sm p{font-size:.875rem}.performance-card .card-body{padding:1.25rem}.performance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.performance-item{text-align:center}.performance-value{display:block;font-size:1.5rem;font-weight:700;line-height:1;margin-bottom:.5rem}.performance-value.success{color:var(--success-color)}.performance-value.warning{color:var(--warning-color)}.performance-value.primary{color:var(--primary-dark)}.performance-value.info{color:var(--info-color)}.performance-label{font-size:.8125rem;color:var(--text-muted)}.dashboard-loading{padding:2rem}.skeleton-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-card-skeleton{height:100px}@media(max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.performance-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.quick-actions{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.5rem}.quick-action-btn{white-space:nowrap}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}}.properties-page{max-width:1400px;margin:0 auto}.properties-filters{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:.5rem;flex:1;min-width:200px;max-width:400px;background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-full);padding:.5rem 1rem}.search-box input{flex:1;border:none;outline:none;font-size:.9375rem;color:var(--text-primary)}.search-box input::placeholder{color:var(--gray-400)}.filter-group{display:flex;align-items:center;gap:.5rem;background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-full);padding:.5rem 1rem}.filter-group svg{color:var(--gray-400)}.filter-group select{border:none;outline:none;font-size:.875rem;color:var(--text-primary);background:transparent;cursor:pointer}.properties-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.property-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden;transition:all .2s}.property-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.property-image{position:relative;height:180px;background:var(--gray-100)}.property-image img{width:100%;height:100%;object-fit:cover}.property-image .no-image{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--gray-400);gap:.5rem}.property-badges{position:absolute;top:.75rem;left:.75rem;display:flex;flex-wrap:wrap;gap:.5rem}.property-menu-btn{position:absolute;top:.75rem;right:.75rem;width:32px;height:32px;background:var(--white);border:none;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s;box-shadow:var(--shadow)}.property-card:hover .property-menu-btn{opacity:1}.property-menu-btn:hover{background:var(--gray-100)}.property-menu{position:absolute;top:3rem;right:.75rem;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:160px;z-index:10;overflow:hidden}.menu-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;width:100%;border:none;background:transparent;font-size:.875rem;color:var(--text-secondary);cursor:pointer;text-decoration:none;transition:background .2s}.menu-item:hover{background:var(--gray-50);color:var(--text-primary);text-decoration:none}.menu-item.danger{color:var(--error-color)}.menu-item.danger:hover{background:var(--error-light)}.property-content{padding:1.25rem;text-decoration:none;display:block}.property-content:hover{text-decoration:none}.property-price{font-size:1.375rem;font-weight:700;color:var(--primary-dark);margin-bottom:.5rem}.property-price span{font-size:.875rem;font-weight:400;color:var(--text-muted)}.property-address{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.property-location{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:var(--text-muted);margin-bottom:1rem}.property-details{display:flex;gap:1rem;font-size:.8125rem;color:var(--text-secondary)}.property-details span{display:flex;align-items:center;gap:.25rem}.empty-state{text-align:center;padding:4rem 2rem;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.empty-state-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:var(--primary-light);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--primary-color)}.empty-state-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.empty-state-description{color:var(--text-muted);margin-bottom:1.5rem}@media(max-width:768px){.properties-filters{flex-direction:column}.search-box{max-width:none}.properties-grid{grid-template-columns:1fr}}.add-property-page{max-width:1100px;margin:0 auto}.add-property-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.header-left{display:flex;align-items:flex-start;gap:1rem}.header-left .btn-ghost{margin-top:.25rem}.form-message{padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:1.5rem;font-size:.9375rem}.form-message.success{background:var(--success-light);color:#15803d;border:1px solid #bbf7d0}.form-message.error{background:var(--error-light);color:#dc2626;border:1px solid #fecaca}.property-form-layout{display:flex;gap:1.5rem}.section-nav{width:200px;flex-shrink:0;display:flex;flex-direction:column;gap:.25rem;position:sticky;top:1rem;align-self:flex-start}.section-nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:transparent;border:none;border-radius:var(--radius);cursor:pointer;font-size:.9375rem;font-weight:500;color:var(--text-secondary);transition:all .2s;text-align:left}.section-nav-item:hover{background:var(--gray-100);color:var(--text-primary)}.section-nav-item.active{background:var(--primary-light);color:var(--primary-dark)}.property-form{flex:1;min-width:0}.form-section{background:var(--white);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow)}.form-section h2{font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.section-hint{color:var(--text-muted);margin-bottom:1.5rem;font-size:.875rem}.subsection-title{font-size:1rem;font-weight:600;margin-top:2rem;margin-bottom:1rem;padding-top:1.5rem;border-top:1px solid var(--gray-100)}.form-label{display:block;font-weight:500;font-size:.875rem;color:var(--text-primary);margin-bottom:.375rem}.form-input{width:100%;padding:.625rem .75rem;border:1px solid var(--gray-300);border-radius:var(--radius);font-size:.9375rem;font-family:inherit;transition:border-color .2s,box-shadow .2s;background:var(--white)}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.form-textarea{width:100%;padding:.625rem .75rem;border:1px solid var(--gray-300);border-radius:var(--radius);font-size:.9375rem;font-family:inherit;resize:vertical;min-height:80px;transition:border-color .2s,box-shadow .2s}.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.form-hint{font-size:.8125rem;color:var(--text-muted);margin-top:.375rem}.form-hint a{color:var(--primary-color)}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.5rem;margin-bottom:1rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--radius);cursor:pointer;font-size:.875rem;color:var(--text-secondary);transition:background .15s}.checkbox-label:hover{background:var(--gray-50)}.checkbox-label input[type=checkbox]{accent-color:var(--primary-color);width:16px;height:16px}.photo-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:2px dashed var(--gray-300);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;color:var(--text-muted);text-align:center;margin-bottom:1.5rem}.photo-upload-area:hover{border-color:var(--primary-color);background:var(--primary-light);color:var(--primary-dark)}.photo-upload-area p{font-weight:500;margin:.5rem 0 .25rem}.photo-upload-area span{font-size:.8125rem}.upload-progress{margin-top:.5rem;font-size:.875rem;color:var(--primary-color)}.photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.photo-item{position:relative;aspect-ratio:4/3;border-radius:var(--radius);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .2s}.photo-item:hover{border-color:var(--primary-color)}.photo-item.cover{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light)}.photo-item img{width:100%;height:100%;object-fit:cover}.cover-badge{position:absolute;top:.5rem;left:.5rem;background:var(--primary-gradient);color:#fff;padding:.125rem .5rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.photo-remove{position:absolute;top:.375rem;right:.375rem;width:24px;height:24px;background:#0009;color:#fff;border:none;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s}.photo-item:hover .photo-remove{opacity:1}@media(max-width:768px){.property-form-layout{flex-direction:column}.section-nav{width:100%;flex-direction:row;overflow-x:auto;position:static;gap:.5rem;padding-bottom:.5rem}.section-nav-item{white-space:nowrap;padding:.5rem .75rem;font-size:.875rem}.form-row,.form-row-3{grid-template-columns:1fr}.form-section{padding:1.25rem}.add-property-page .page-header{flex-direction:column;gap:1rem}.header-left{flex-direction:column}.photos-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.tenants-page{max-width:1400px;margin:0 auto}.tenants-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.tenants-page .header-actions{display:flex;gap:8px}.filters-bar .search-box{display:flex;align-items:center;gap:8px;flex:1;min-width:200px;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:0 12px}.filters-bar .search-box input{border:none;outline:none;padding:10px 0;flex:1;font-size:14px}.filters-bar .filter-group select{padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff}.tenant-info{display:flex;align-items:center;gap:.75rem}.tenant-name{font-weight:500;color:var(--text-primary, #1a1a2e)}.tenant-contact{display:flex;align-items:center;gap:.25rem;font-size:.8125rem;color:var(--text-muted, #6b7280)}.property-info,.lease-info{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary, #4b5563)}.balance{display:flex;align-items:center;gap:.25rem;font-weight:500;color:var(--success-color, #059669)}.balance.due{color:var(--error-color, #dc2626)}.tenant-actions{display:flex;gap:6px}.tenants-page .loading-state,.tenants-page .error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.applications-page{max-width:1200px;margin:0 auto}.filter-tabs{display:flex;gap:.25rem;background:var(--gray-100);padding:.25rem;border-radius:var(--radius-full)}.filter-tab{padding:.5rem 1rem;font-size:.8125rem;font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;text-transform:capitalize;transition:all .2s}.filter-tab:hover{color:var(--text-primary)}.filter-tab.active{background:var(--white);color:var(--primary-dark);box-shadow:var(--shadow-sm)}.applications-list{display:flex;flex-direction:column;gap:1rem}.application-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.25rem}.application-main{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.application-info h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.application-meta{display:flex;gap:1.5rem;font-size:.8125rem;color:var(--text-muted)}.application-meta span{display:flex;align-items:center;gap:.375rem}.application-actions{display:flex;gap:.5rem}.loading-skeleton{display:flex;flex-direction:column}@media(max-width:768px){.filter-tabs{overflow-x:auto;width:100%}.application-main{flex-direction:column;gap:.75rem}.application-actions{flex-wrap:wrap}}.payments-page{max-width:1400px;margin:0 auto}.payments-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.summary-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.summary-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.summary-icon.success{background:var(--success-light);color:var(--success-color)}.summary-icon.warning{background:var(--warning-light);color:var(--warning-color)}.summary-icon.error{background:var(--error-light);color:var(--error-color)}.summary-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:.25rem}.summary-label{font-size:.8125rem;color:var(--text-muted)}.date-cell{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.amount-cell{font-weight:600;color:var(--text-primary)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-error{color:var(--error-color)}.invoices-page{max-width:1200px}.invoices-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.summary-card{background:#fff;border-radius:var(--radius-lg);padding:1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200)}.summary-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.summary-icon.success{background-color:var(--success-light, #dcfce7);color:var(--success-dark, #166534)}.summary-icon.warning{background-color:var(--warning-light, #fef3c7);color:var(--warning-dark, #92400e)}.summary-icon.error{background-color:var(--error-light, #fee2e2);color:var(--error-dark, #991b1b)}.summary-value{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.summary-label{font-size:.85rem;color:var(--gray-600)}.filters-bar{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-md);padding:.5rem .75rem;flex:1;min-width:200px}.search-box input{border:none;outline:none;background:none;flex:1;font-size:.9rem}.search-box svg{color:var(--gray-400)}.filter-group{display:flex;align-items:center;gap:.5rem;color:var(--gray-600)}.filter-group select{padding:.5rem .75rem;border:1px solid var(--gray-300);border-radius:var(--radius-md);background:#fff;font-size:.9rem;cursor:pointer}.table th{background-color:var(--gray-50);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-600)}.table tr:hover{background-color:var(--gray-50)}.table tr.overdue-row{background-color:var(--error-light, #fef2f2)}.table tr.overdue-row:hover{background-color:#fee2e2}.invoice-cell{display:flex;align-items:center;gap:.75rem}.invoice-icon{color:var(--gray-400)}.invoice-description{font-weight:500;color:var(--gray-900)}.invoice-id{font-size:.8rem;color:var(--gray-500);font-family:var(--font-mono, monospace)}.tenant-cell{display:flex;flex-direction:column}.tenant-name{font-weight:500;color:var(--gray-900)}.property-address{font-size:.8rem;color:var(--gray-500)}.date-cell{display:flex;align-items:center;gap:.35rem;color:var(--gray-700);font-size:.9rem}.amount-cell{font-weight:600;font-family:var(--font-mono, monospace);color:var(--gray-900)}.actions-cell{display:flex;gap:.25rem}.btn-icon{background:none;border:none;padding:.375rem;border-radius:var(--radius-sm);cursor:pointer;color:var(--gray-500);display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:var(--gray-100);color:var(--gray-700)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#fff;border-radius:var(--radius-lg);border:1px dashed var(--gray-300)}.empty-state p{color:var(--gray-600);font-size:.9rem;margin-bottom:1.5rem}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:#fff;border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;overflow:auto;box-shadow:var(--shadow-xl)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-200)}.modal-header h2{font-size:1.25rem;font-weight:600;color:var(--gray-900)}.modal-body{padding:1.5rem}.modal-footer{display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem;border-top:1px solid var(--gray-200);background:var(--gray-50)}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--gray-700);margin-bottom:.5rem}.form-group input,.form-group select{width:100%;padding:.625rem .875rem;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:.9rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.alert{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:var(--radius-md);margin-bottom:1.25rem;font-size:.9rem}.alert-error{background-color:var(--error-light, #fee2e2);color:var(--error-dark, #991b1b)}.spinner{animation:spin 1s linear infinite}@media(max-width:768px){.invoices-summary{grid-template-columns:1fr}.filters-bar{flex-direction:column}.table-container{overflow-x:auto}.table{min-width:800px}.form-row{grid-template-columns:1fr}}.statements-page .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.admin-summary-row{display:flex;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.admin-summary-row .summary-card{display:flex;align-items:center;gap:.75rem;background:#fff;border-radius:.75rem;padding:1rem 1.25rem;box-shadow:0 1px 3px #0000001a;flex:1;min-width:180px}.summary-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#6b7280}.summary-amount{display:block;font-size:1.25rem;font-weight:700}.filter-bar{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;padding:.5rem .75rem;flex:1;min-width:200px}.search-box input{border:none;outline:none;flex:1;font-size:.875rem}.filter-group{display:flex;align-items:center;gap:.5rem;color:#6b7280}.filter-group select{border:1px solid #d1d5db;border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;background:#fff}.statements-table-wrap{overflow-x:auto;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a}.statements-table{width:100%;border-collapse:collapse;font-size:.875rem}.statements-table th{text-align:left;padding:.75rem 1rem;font-weight:600;color:#6b7280;border-bottom:2px solid #e5e7eb;white-space:nowrap}.statements-table td{padding:.75rem 1rem;border-bottom:1px solid #f3f4f6}.stmt-row{cursor:pointer;transition:background .15s}.stmt-row:hover{background:#f9fafb}.stmt-row.expanded{background:#f0f5ff}.cell-month{font-weight:600}.detail-row td{padding:0;background:#fafafa}.ledger-detail{padding:1rem 1.5rem}.ledger-detail h4{margin:0 0 .75rem;font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em;color:#6b7280}.loading-inline{display:flex;align-items:center;gap:.5rem;padding:1rem 0;color:#6b7280}.ledger-table{width:100%;border-collapse:collapse;font-size:.8125rem}.ledger-table th{text-align:left;font-weight:600;color:#6b7280;border-bottom:1px solid #e5e7eb;padding:.5rem .75rem}.btn-sm{font-size:.75rem;padding:.25rem .5rem}.btn-outline{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;cursor:pointer;display:inline-flex;align-items:center;gap:.25rem;transition:background .15s}.btn-outline:hover{background:#f3f4f6}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:.75rem;width:100%;max-width:420px;box-shadow:0 10px 40px #0003;overflow:hidden}.modal-header h3{margin:0;font-size:1rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.8125rem;font-weight:500;color:#374151;margin-bottom:.375rem}.form-group input{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f126}@media(max-width:768px){.admin-summary-row,.filter-bar{flex-direction:column}.statements-table th:nth-child(4),.statements-table td:nth-child(4){display:none}}.maintenance-page{max-width:1200px;margin:0 auto}.status-summary{display:flex;gap:1rem;margin-bottom:2rem}.status-card{flex:1;display:flex;flex-direction:column;align-items:center;padding:1.25rem;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);cursor:pointer;transition:all .2s}.status-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.status-icon{width:48px;height:48px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}.status-icon.new{background:var(--info-light);color:var(--info-color)}.status-icon.in-progress{background:var(--warning-light);color:var(--warning-color)}.status-icon.completed{background:var(--success-light);color:var(--success-color)}.status-count{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1}.status-label{font-size:.8125rem;color:var(--text-muted);margin-top:.25rem}.tickets-list{display:flex;flex-direction:column;gap:1rem}.ticket-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.25rem}.ticket-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.ticket-info h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;text-transform:capitalize}.ticket-description{font-size:.875rem;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ticket-badges{display:flex;gap:.5rem}.ticket-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--gray-100)}.ticket-meta{display:flex;gap:1rem;font-size:.75rem;color:var(--text-muted)}.ticket-actions{display:flex;align-items:center;gap:.75rem}.comment-count{display:flex;align-items:center;gap:.25rem;font-size:.8125rem;color:var(--text-muted)}@media(max-width:768px){.status-summary{flex-direction:column}.ticket-header{flex-direction:column;gap:.75rem}.ticket-footer{flex-direction:column;gap:.75rem;align-items:flex-start}.ticket-meta{flex-wrap:wrap}}.maintenance-page .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.maintenance-page .modal{background:var(--white);border-radius:var(--radius-lg);width:90%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.maintenance-page .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-100)}.maintenance-page .modal-header h2{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;margin:0}.maintenance-page .modal-close{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:var(--radius);color:var(--text-muted);transition:background .2s}.maintenance-page .modal-close:hover{background:var(--gray-100);color:var(--text-primary)}.maintenance-page .modal-body{padding:1.25rem 1.5rem;overflow-y:auto;flex:1}.maintenance-page .modal-body .form-label{display:flex;flex-direction:column;gap:.375rem;margin-bottom:1rem;font-weight:500;font-size:.875rem;color:var(--text-primary)}.maintenance-page .modal-body select,.maintenance-page .modal-body input,.maintenance-page .modal-body textarea{padding:.625rem .75rem;border:1px solid var(--gray-300);border-radius:var(--radius);font-size:.9375rem;font-family:inherit;background:var(--white);transition:border-color .2s}.maintenance-page .modal-body select:focus,.maintenance-page .modal-body input:focus,.maintenance-page .modal-body textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.maintenance-page .modal-body textarea{resize:vertical;min-height:80px}.maintenance-page .modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid var(--gray-100);margin-top:.5rem}.messages-page{height:calc(100vh - 4rem);margin:-2rem}.messages-container{display:flex;height:100%;background:var(--white)}.conversations-panel{width:320px;border-right:1px solid var(--gray-200);display:flex;flex-direction:column}.panel-header{padding:1rem;border-bottom:1px solid var(--gray-100)}.panel-header h2{font-size:1.125rem;margin-bottom:.75rem}.panel-header .search-box{max-width:none}.conversations-list{flex:1;overflow-y:auto}.conversation-item{display:flex;align-items:center;gap:.75rem;padding:1rem;cursor:pointer;transition:background .2s;border-bottom:1px solid var(--gray-50)}.conversation-item:hover{background:var(--gray-50)}.conversation-item.active{background:var(--primary-light)}.conversation-icon{width:40px;height:40px;border-radius:var(--radius-full);background:var(--gray-200);display:flex;align-items:center;justify-content:center;color:var(--gray-600);flex-shrink:0}.conversation-icon.maintenance{background:var(--warning-light);color:var(--warning-color)}.conversation-icon.direct{background:var(--primary-light);color:var(--primary-dark)}.conversation-info{flex:1;min-width:0}.conversation-name{font-weight:500;color:var(--text-primary);margin-bottom:.25rem}.conversation-preview{font-size:.8125rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-time{font-size:.75rem;color:var(--text-muted)}.conversation-skeleton{height:72px;margin:.5rem}.no-conversations{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-muted);text-align:center}.no-conversations svg{margin-bottom:.5rem;opacity:.5}.messages-panel{flex:1;display:flex;flex-direction:column}.messages-panel .panel-header{background:var(--white)}.selected-conversation{display:flex;align-items:center;gap:.75rem}.selected-conversation h3{font-size:1rem}.messages-list{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem;background:var(--gray-50)}.message{max-width:70%;padding:.75rem 1rem;border-radius:var(--radius-lg)}.message.sent{align-self:flex-end;background:var(--primary-gradient);color:var(--white)}.message.received{align-self:flex-start;background:var(--white);box-shadow:var(--shadow-sm)}.message-content{font-size:.9375rem;line-height:1.4}.message-time{font-size:.6875rem;opacity:.7;margin-top:.25rem;text-align:right}.message-input{display:flex;gap:.5rem;padding:1rem;border-top:1px solid var(--gray-100);background:var(--white)}.message-input input{flex:1;padding:.75rem 1rem;border:1px solid var(--gray-300);border-radius:var(--radius-full);font-size:.9375rem}.message-input input:focus{outline:none;border-color:var(--primary-color)}.message-input button{width:44px;height:44px;border-radius:var(--radius-full);background:var(--primary-gradient);color:var(--white);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.message-input button:hover:not(:disabled){transform:scale(1.05)}.message-input button:disabled{opacity:.5;cursor:not-allowed}.no-selection{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);text-align:center;padding:2rem}.no-selection svg{margin-bottom:1rem;opacity:.3}.no-selection h3{color:var(--text-secondary);margin-bottom:.5rem}.panel-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.panel-header-row h2{margin-bottom:0}.no-messages-hint{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);text-align:center}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--white);border-radius:var(--radius-lg);width:90%;max-width:520px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-100)}.modal-header h2{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;margin:0}.modal-close{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:var(--radius);color:var(--text-muted);transition:background .2s}.modal-close:hover{background:var(--gray-100);color:var(--text-primary)}.modal-body{padding:1.25rem 1.5rem;overflow-y:auto;flex:1}.user-picker-list{display:flex;flex-direction:column;gap:.25rem;max-height:400px;overflow-y:auto}.user-picker-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:var(--radius);cursor:pointer;transition:background .15s}.user-picker-item:hover{background:var(--gray-50)}.user-picker-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--primary-light);color:var(--primary-dark);display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-picker-info{flex:1;min-width:0}.user-picker-name{font-weight:500;color:var(--text-primary);font-size:.9375rem}.user-picker-email{font-size:.8125rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-users-found{text-align:center;padding:2rem;color:var(--text-muted)}.mobile-back-btn{display:none}@media(max-width:768px){.messages-page{height:calc(100vh - var(--mobile-nav-height) - 2rem);margin:-1rem}.conversations-panel{width:100%;display:none}.conversations-panel.show{display:flex;position:absolute;inset:0;z-index:10;background:var(--white)}.messages-panel{width:100%}.mobile-back-btn{display:inline-flex}}.alerts-page{max-width:800px;margin:0 auto}.alerts-filters{display:flex;gap:.5rem;margin-bottom:1.5rem}.filter-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-full);cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:var(--primary-color)}.filter-btn.active{background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-dark)}.alerts-list{display:flex;flex-direction:column;gap:.75rem}.alert-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);border-left:4px solid var(--primary-color);transition:all .2s}.alert-item.read{border-left-color:var(--gray-300);opacity:.7}.alert-item.read:hover{opacity:1}.alert-icon{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.alert-icon.primary{background:var(--primary-light);color:var(--primary-dark)}.alert-icon.success{background:var(--success-light);color:var(--success-color)}.alert-icon.warning{background:var(--warning-light);color:var(--warning-color)}.alert-icon.error{background:var(--error-light);color:var(--error-color)}.alert-icon.info{background:var(--info-light);color:var(--info-color)}.alert-icon.gray{background:var(--gray-200);color:var(--gray-600)}.alert-content{flex:1;min-width:0}.alert-title{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.alert-message{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.alert-time{font-size:.75rem;color:var(--text-muted)}.alert-actions{display:flex;gap:.25rem}.alert-skeleton{height:80px;margin-bottom:.75rem}.alerts-loading{display:flex;flex-direction:column}.documents-page{max-width:1200px;margin:0 auto}.folder-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.folder-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);cursor:pointer;transition:all .2s}.folder-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.folder-icon{font-size:2rem}.folder-info h3{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.folder-info p{font-size:.8125rem;color:var(--text-muted)}.documents-list{display:flex;flex-direction:column;gap:.75rem}.document-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:all .2s}.document-item:hover{box-shadow:var(--shadow-md)}.document-icon{width:48px;height:48px;background:var(--primary-light);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--primary-dark)}.document-info{flex:1}.document-info h4{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:.375rem}.document-meta{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-muted)}.document-actions{display:flex;gap:.25rem}.document-skeleton{height:72px;margin-bottom:.75rem}.documents-loading{display:flex;flex-direction:column}.send-doc-info{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--gray-50);border-radius:var(--radius);margin-bottom:1rem;font-weight:500;color:var(--text-primary)}.documents-page .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.documents-page .modal{background:var(--white);border-radius:var(--radius-lg);width:90%;max-width:520px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.documents-page .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-100)}.documents-page .modal-header h2{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;margin:0}.documents-page .modal-close{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:var(--radius);color:var(--text-muted);transition:background .2s}.documents-page .modal-close:hover{background:var(--gray-100);color:var(--text-primary)}.documents-page .modal-body{padding:1.25rem 1.5rem;overflow-y:auto;flex:1}.documents-page .user-picker-list{display:flex;flex-direction:column;gap:.25rem;max-height:350px;overflow-y:auto}.documents-page .user-picker-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:var(--radius);cursor:pointer;transition:background .15s}.documents-page .user-picker-item:hover{background:var(--gray-50)}.documents-page .user-picker-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--primary-light);color:var(--primary-dark);display:flex;align-items:center;justify-content:center;flex-shrink:0}.documents-page .user-picker-info{flex:1;min-width:0}.documents-page .user-picker-name{font-weight:500;color:var(--text-primary)}.documents-page .user-picker-email{font-size:.8125rem;color:var(--text-muted)}.documents-page .no-users-found{text-align:center;padding:2rem;color:var(--text-muted)}.settings-page{max-width:1000px;margin:0 auto}.settings-message{padding:1rem;border-radius:var(--radius);margin-bottom:1.5rem;font-weight:500}.settings-message.success{background:var(--success-light);color:var(--success-color)}.settings-message.error{background:var(--error-light);color:var(--error-color)}.settings-layout{display:grid;grid-template-columns:200px 1fr;gap:2rem}.settings-tabs{display:flex;flex-direction:column;gap:.25rem}.settings-tab{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:transparent;border:none;border-radius:var(--radius);color:var(--text-secondary);font-size:.9375rem;font-weight:500;cursor:pointer;text-align:left;transition:all .2s}.settings-tab:hover{background:var(--gray-100);color:var(--text-primary)}.settings-tab.active{background:var(--primary-light);color:var(--primary-dark)}.settings-content{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:2rem}.settings-section h2{font-size:1.25rem;margin-bottom:.5rem}.section-description{color:var(--text-muted);margin-bottom:2rem}.subsection-title{font-size:1rem;margin-top:2rem;margin-bottom:1rem;padding-top:1.5rem;border-top:1px solid var(--gray-100)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.stripe-status{margin-bottom:2rem}.status-indicator{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-radius:var(--radius-lg)}.status-indicator.connected{background:var(--success-light);color:var(--success-color)}.status-indicator.disconnected{background:var(--gray-100);color:var(--text-secondary)}.status-indicator h3{font-size:1rem;margin-bottom:.25rem}.status-indicator p{font-size:.875rem;opacity:.8}.setup-instructions{background:var(--gray-50);border-radius:var(--radius);padding:1.5rem}.setup-instructions h3{font-size:1rem;margin-bottom:1rem}.setup-instructions ol{padding-left:1.25rem;margin-bottom:1.5rem}.setup-instructions li{margin-bottom:.5rem;color:var(--text-secondary)}.setup-instructions a{color:var(--primary-dark)}.setup-instructions code{background:var(--gray-200);padding:.125rem .375rem;border-radius:var(--radius-sm);font-size:.8125rem}.env-vars h4{font-size:.875rem;margin-bottom:.5rem}.env-vars ul{list-style:none;padding:0}.env-vars li{margin-bottom:.25rem}.notification-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.notification-options .form-checkbox{padding:1rem;background:var(--gray-50);border-radius:var(--radius)}.color-picker{display:flex;gap:.75rem;align-items:center}.color-picker input[type=color]{width:48px;height:48px;padding:0;border:2px solid var(--gray-300);border-radius:var(--radius);cursor:pointer}.color-picker .form-input{width:120px}.logo-upload{display:flex;align-items:center;gap:1rem}.logo-preview{width:80px;height:80px;background:var(--primary-gradient);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.logo-placeholder{color:var(--white);font-weight:700;font-size:1.5rem}@media(max-width:768px){.settings-layout{grid-template-columns:1fr;gap:1rem}.settings-tabs{flex-direction:row;overflow-x:auto;padding-bottom:.5rem}.settings-tab span{display:none}.settings-content{padding:1.5rem}.form-row{grid-template-columns:1fr}}.users-page{padding:0}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.header-content h1{margin:0 0 4px;font-size:24px;font-weight:600;color:#1a1a2e}.header-content p{margin:0;color:#6b7280;font-size:14px}.header-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-secondary:hover{background:#e5e7eb}.btn-primary{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:#2563eb;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:background .2s;white-space:nowrap}.btn-primary:hover{background:#1d4ed8}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#6b7280;cursor:pointer;transition:all .15s}.btn-icon:hover{background:#f3f4f6;color:#2563eb;border-color:#2563eb}.users-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;border-radius:12px;padding:20px;text-align:center;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;align-items:center;gap:4px}.stat-icon{color:#9ca3af}.stat-card.stat-admin .stat-icon{color:#92400e}.stat-card.stat-tenant .stat-icon{color:#065f46}.stat-card.stat-applicant .stat-icon{color:#3730a3}.stat-value{display:block;font-size:32px;font-weight:700;color:#1a1a2e}.stat-label{font-size:14px;color:#6b7280}.users-filters{display:flex;gap:16px;margin-bottom:24px}.search-box{flex:1;position:relative}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.search-box input{width:100%;padding:12px 16px 12px 38px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff}.search-box input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.role-filter select{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;min-width:150px}.users-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;margin-bottom:24px}.users-table{width:100%;border-collapse:collapse}.users-table th{text-align:left;padding:14px 16px;background:#f9fafb;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e5e7eb}.users-table td{padding:14px 16px;border-bottom:1px solid #f3f4f6;font-size:14px;color:#374151}.users-table tbody tr:hover{background:#f9fafb}.users-table tbody tr.current-user{background:#eff6ff}.users-table tbody tr.current-user:hover{background:#dbeafe}.users-table tbody tr.row-expanded{background:#f0f5ff}.empty-state{text-align:center;padding:48px!important;color:#9ca3af}.expand-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:#6b7280;cursor:pointer;transition:all .15s}.expand-btn:hover{background:#e5e7eb;color:#2563eb}.user-info{display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;flex-shrink:0}.user-details{display:flex;flex-direction:column}.user-name{font-weight:500;color:#1a1a2e;display:flex;align-items:center;gap:8px}.you-badge{background:#dbeafe;color:#1d4ed8;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}.cell-email{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-phone{color:#6b7280;white-space:nowrap}.cell-date{white-space:nowrap;color:#6b7280}.role-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600;text-transform:capitalize}.badge-admin{background:#fef3c7;color:#92400e}.badge-tenant{background:#d1fae5;color:#065f46}.badge-applicant{background:#e0e7ff;color:#3730a3}.action-buttons{display:flex;align-items:center;gap:6px}.role-select{padding:6px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;background:#fff;cursor:pointer;min-width:110px}.role-select:disabled{opacity:.6;cursor:not-allowed}.updating-indicator{font-size:12px;color:#2563eb;font-style:italic}.activity-row td{padding:0!important;border-bottom:2px solid #e5e7eb}.activity-panel{padding:20px 24px;background:#f8fafc;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.activity-section h4{display:flex;align-items:center;gap:6px;margin:0 0 12px;font-size:14px;font-weight:600;color:#1a1a2e}.activity-summary{display:flex;gap:20px;flex-wrap:wrap}.activity-summary div{font-size:14px;color:#4b5563}.muted{color:#9ca3af;font-size:13px;margin:0}.mini-table{width:100%;border-collapse:collapse;font-size:13px}.mini-table th{text-align:left;padding:6px 8px;font-weight:600;color:#6b7280;border-bottom:1px solid #e5e7eb;font-size:11px;text-transform:uppercase}.mini-table td{padding:6px 8px;border-bottom:1px solid #f3f4f6;color:#374151}.capitalize{text-transform:capitalize}.status-pill{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;text-transform:capitalize}.status-completed{color:#059669}.status-pending{color:#d97706}.status-processing{color:#2563eb}.status-failed{color:#dc2626}.status-refunded{color:#6b7280}.priority-pill{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;text-transform:capitalize}.priority-low{background:#d1fae5;color:#065f46}.priority-medium{background:#fef3c7;color:#92400e}.priority-high{background:#fee2e2;color:#991b1b}.priority-emergency{background:#dc2626;color:#fff}.spinner-sm{display:inline-block;width:16px;height:16px;border:2px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite;margin-right:8px;vertical-align:middle}.users-help{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px 24px}.users-help h3{margin:0 0 12px;font-size:16px;font-weight:600;color:#1a1a2e}.users-help ul{margin:0;padding-left:20px}.users-help li{margin-bottom:8px;font-size:14px;color:#4b5563;line-height:1.5}.users-help li:last-child{margin-bottom:0}.modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:#fff;border-radius:16px;width:100%;max-width:480px;box-shadow:0 20px 60px #0003;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:18px;font-weight:600;display:flex;align-items:center;gap:8px;color:#1a1a2e}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:#6b7280;cursor:pointer}.modal-close:hover{background:#f3f4f6;color:#1a1a2e}.modal-body{padding:24px;display:flex;flex-direction:column;gap:16px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding-top:8px}.notice-to{margin:0;padding:12px 24px;background:#f9fafb;font-size:14px;color:#4b5563}.form-label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:500;color:#374151}.form-label input,.form-label select,.form-label textarea{padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit;background:#fff;transition:border-color .15s}.form-label input:focus,.form-label select:focus,.form-label textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-label textarea{resize:vertical;min-height:100px}.form-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border:1px solid #fee2e2;border-radius:8px;color:#991b1b;font-size:14px}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.error-state h2{margin:8px 0;color:#dc2626}.error-state p{margin:0 0 20px;color:#6b7280}@media(max-width:768px){.page-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%}.users-filters{flex-direction:column}.users-table-container{overflow-x:auto}.users-table{min-width:700px}.activity-panel{grid-template-columns:1fr}}.tenant-dashboard{max-width:1200px;margin:0 auto}.dashboard-cards{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1.5rem;margin-bottom:2rem}.dashboard-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.5rem;display:flex;flex-direction:column}.dashboard-card.rent-card{background:var(--primary-gradient-soft)}.card-icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--primary-light);color:var(--primary-dark);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.card-icon.lease-icon{background:var(--info-light);color:var(--info-color)}.card-icon.maintenance-icon{background:var(--warning-light);color:var(--warning-color)}.card-content{flex:1}.card-content h3{font-size:.875rem;font-weight:500;color:var(--text-muted);margin-bottom:.5rem}.rent-amount{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:.5rem}.due-date{font-size:.875rem;color:var(--text-secondary)}.days-left{color:var(--primary-dark);font-weight:500}.card-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.card-link{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:500;color:var(--primary-dark);margin-top:auto;padding-top:1rem}.card-link:hover{text-decoration:underline}.dashboard-section h2{font-size:1.125rem;margin-bottom:1rem}.quick-actions{display:flex;gap:1rem}.quick-action{flex:1;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);text-decoration:none;color:var(--text-primary);transition:all .2s}.quick-action:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);text-decoration:none;color:var(--primary-dark)}.quick-action svg{color:var(--primary-color)}.quick-action span{font-size:.875rem;font-weight:500}.property-info-card{display:flex;gap:1.5rem;padding:1.5rem;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.property-image-placeholder{width:120px;height:100px;background:var(--gray-100);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--gray-400)}.property-details{flex:1}.property-details h3{font-size:1rem;margin-bottom:.5rem}.property-details p{font-size:.875rem;color:var(--text-muted);margin-bottom:1rem}@media(max-width:1024px){.dashboard-cards{grid-template-columns:1fr 1fr}.dashboard-card.rent-card{grid-column:span 2}}@media(max-width:768px){.dashboard-cards{grid-template-columns:1fr}.dashboard-card.rent-card{grid-column:span 1}.quick-actions,.property-info-card{flex-direction:column}.property-image-placeholder{width:100%;height:120px}}.tenant-payments-page{max-width:1000px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.loading-spinner{color:var(--primary-color);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.alert{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:var(--radius-md);margin-bottom:1.5rem;font-size:.9rem}.alert button{margin-left:auto;background:none;border:none;font-size:1.25rem;cursor:pointer;opacity:.7;line-height:1}.alert button:hover{opacity:1}.alert-success{background-color:var(--success-light, #dcfce7);color:var(--success-dark, #166534);border:1px solid var(--success, #22c55e)}.alert-error{background-color:var(--error-light, #fee2e2);color:var(--error-dark, #991b1b);border:1px solid var(--error, #ef4444)}.alert-info{background-color:var(--info-light, #dbeafe);color:var(--info-dark, #1e40af);border:1px solid var(--info, #3b82f6)}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{background:#fff;border-radius:var(--radius-lg);padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200)}.summary-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.summary-card.outstanding .summary-icon{background-color:var(--warning-light, #fef3c7);color:var(--warning-dark, #92400e)}.summary-card.paid .summary-icon{background-color:var(--success-light, #dcfce7);color:var(--success-dark, #166534)}.summary-card.rent .summary-icon{background-color:var(--primary-light, #dbeafe);color:var(--primary-color, #2563eb)}.summary-content h3{font-size:.85rem;color:var(--gray-600);font-weight:500;margin-bottom:.25rem}.summary-amount{font-size:1.75rem;font-weight:700;color:var(--gray-900)}.summary-note{font-size:.8rem;color:var(--gray-500)}.payments-section{margin-bottom:2rem}.payments-section h2{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:var(--gray-900)}.invoices-list{display:flex;flex-direction:column;gap:1rem}.invoice-card{background:#fff;border-radius:var(--radius-lg);padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:border-color .2s,box-shadow .2s}.invoice-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.invoice-card.overdue{border-left:4px solid var(--error, #ef4444)}.invoice-card.due{border-left:4px solid var(--warning, #f59e0b)}.invoice-info{flex:1}.invoice-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.invoice-header h3{font-size:1rem;font-weight:600;color:var(--gray-900);margin:0}.invoice-details{display:flex;align-items:center;gap:1rem;color:var(--gray-600);font-size:.85rem}.invoice-type{text-transform:capitalize}.invoice-due{display:flex;align-items:center;gap:.25rem}.invoice-action{display:flex;align-items:center;gap:1.5rem}.invoice-amount{font-size:1.5rem;font-weight:700;color:var(--gray-900);white-space:nowrap}.invoice-action .btn{display:flex;align-items:center;gap:.5rem;white-space:nowrap}.invoice-action .spinner{animation:spin 1s linear infinite}.table-container{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:.875rem 1rem;text-align:left;border-bottom:1px solid var(--gray-200)}.table th{background-color:var(--gray-50);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-600)}.table tr:last-child td{border-bottom:none}.table .amount{font-weight:600;font-family:var(--font-mono, monospace)}.payment-method{display:flex;align-items:center;gap:.35rem}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:capitalize}.badge-success{background-color:var(--success-light, #dcfce7);color:var(--success-dark, #166534)}.badge-warning{background-color:var(--warning-light, #fef3c7);color:var(--warning-dark, #92400e)}.badge-error{background-color:var(--error-light, #fee2e2);color:var(--error-dark, #991b1b)}.badge-info{background-color:var(--info-light, #dbeafe);color:var(--info-dark, #1e40af)}.badge-gray{background-color:var(--gray-100);color:var(--gray-700)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;background:#fff;border-radius:var(--radius-lg);border:1px dashed var(--gray-300)}.empty-state svg{color:var(--gray-400);margin-bottom:1rem}.empty-state .text-success{color:var(--success, #22c55e)}.empty-state h3{font-size:1.1rem;color:var(--gray-900);margin-bottom:.5rem}.empty-state p{color:var(--gray-600);font-size:.9rem}.stripe-notice{display:flex;align-items:center;gap:.5rem;justify-content:center;padding:1rem;color:var(--gray-500);font-size:.85rem;border-top:1px solid var(--gray-200);margin-top:2rem}@media(max-width:768px){.summary-cards{grid-template-columns:1fr}.invoice-card{flex-direction:column;align-items:stretch;gap:1rem}.invoice-action{justify-content:space-between;padding-top:1rem;border-top:1px solid var(--gray-100)}.table-container{overflow-x:auto}.table{min-width:600px}}.rent-history-page .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.rent-summary{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-bottom:1.5rem}.summary-card{display:flex;align-items:center;gap:1rem;background:#fff;border-radius:.75rem;padding:1.25rem;box-shadow:0 1px 3px #0000001a}.summary-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:.75rem;background:var(--gray-100, #f3f4f6);color:var(--gray-600, #4b5563)}.summary-card.outstanding .summary-icon{background:#fef2f2;color:#dc2626}.summary-amount{font-size:1.5rem;font-weight:700}.text-red{color:#dc2626}.text-green{color:#16a34a}.text-muted{color:#9ca3af}.statements-section h2{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.125rem}.statements-list{display:flex;flex-direction:column;gap:.75rem}.statement-card{background:#fff;border-radius:.75rem;border:1px solid #e5e7eb;overflow:hidden;transition:box-shadow .2s}.statement-card:hover{box-shadow:0 2px 8px #00000014}.statement-card.status-open{border-left:4px solid #dc2626}.statement-card.status-paid{border-left:4px solid #16a34a}.statement-header{display:flex;align-items:center;padding:1rem 1.25rem;cursor:pointer;gap:1rem}.statement-month{display:flex;align-items:center;gap:.5rem;min-width:180px}.statement-month h3{margin:0;font-size:1rem;font-weight:600}.statement-info{display:flex;align-items:center;gap:1.5rem;flex:1;flex-wrap:wrap}.statement-rent,.statement-balance{font-size:.875rem}.statement-balance{font-weight:600}.expand-btn{background:none;border:none;cursor:pointer;padding:.25rem;color:#6b7280;border-radius:.375rem}.expand-btn:hover{background:#f3f4f6}.statement-detail{border-top:1px solid #e5e7eb;padding:1.25rem;background:#fafafa}.ledger-section h4,.payment-section h4{margin:0 0 .75rem;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280}.ledger-table{width:100%;border-collapse:collapse;font-size:.875rem;margin-bottom:1rem}.ledger-table th{text-align:left;font-weight:600;color:#6b7280;border-bottom:2px solid #e5e7eb;padding:.5rem .75rem}.ledger-table td{padding:.5rem .75rem;border-bottom:1px solid #f3f4f6}.ledger-table .text-right{text-align:right}.ledger-row.type-fee td{color:#92400e}.ledger-row.type-payment td{color:#166534}.ledger-total td{border-top:2px solid #d1d5db;border-bottom:none;padding-top:.75rem}.payment-section{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid #e5e7eb}.payment-form{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap}.payment-input-group{flex:1;min-width:200px}.payment-input-group label{display:block;font-size:.8125rem;font-weight:500;color:#374151;margin-bottom:.375rem}.input-with-prefix{display:flex;align-items:center;border:1px solid #d1d5db;border-radius:.5rem;overflow:hidden;background:#fff}.input-with-prefix .prefix{padding:.5rem .75rem;background:#f9fafb;color:#6b7280;font-weight:500;border-right:1px solid #d1d5db}.input-with-prefix input{border:none;outline:none;padding:.5rem .75rem;flex:1;font-size:.875rem;min-width:100px}.input-hint{display:block;font-size:.75rem;color:#9ca3af;margin-top:.25rem}.pay-btn{display:flex;align-items:center;gap:.5rem;white-space:nowrap}.alert-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.badge-gray{background:#f3f4f6;color:#4b5563}@media(max-width:768px){.statement-header{flex-wrap:wrap}.statement-month{min-width:auto;width:100%}.statement-info{gap:.75rem}.payment-form{flex-direction:column;align-items:stretch}}.tenant-documents-page .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.upload-card{background:#fff;border:2px dashed #d1d5db;border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem}.upload-card h3{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1rem}.upload-form{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap}.upload-select{flex:1;min-width:180px}.upload-select label{display:block;font-size:.8125rem;font-weight:500;color:#374151;margin-bottom:.375rem}.upload-select select{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;background:#fff}.upload-file-btn .btn{cursor:pointer}.upload-file-btn .btn.disabled{opacity:.6;pointer-events:none}.upload-hint{margin:.75rem 0 0;font-size:.75rem;color:#9ca3af}.signature-banner{display:flex;align-items:center;gap:1rem;background:#fffbeb;border:1px solid #fde68a;border-radius:.75rem;padding:1rem 1.25rem;margin-bottom:1.5rem;color:#92400e}.signature-banner div p{margin:.25rem 0 0;font-size:.8125rem}.signature-banner .btn{margin-left:auto;white-space:nowrap}.doc-group{margin-bottom:1.5rem}.doc-group h2{font-size:.9375rem;font-weight:600;margin:0 0 .75rem;color:#374151}.doc-list{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #00000014;overflow:hidden}.doc-row{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid #f3f4f6;transition:background .15s}.doc-row:last-child{border-bottom:none}.doc-row:hover{background:#f9fafb}.doc-icon{color:#6b7280;flex-shrink:0}.icon-img{color:#2563eb}.doc-info{flex:1;min-width:0}.doc-name{display:block;font-weight:500;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-date{display:block;font-size:.75rem;color:#9ca3af}.doc-status{flex-shrink:0}.doc-actions{display:flex;gap:.25rem}.icon-btn{background:none;border:none;cursor:pointer;padding:.375rem;border-radius:.375rem;color:#6b7280}.icon-btn:hover{background:#f3f4f6;color:#111827}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}@media(max-width:640px){.upload-form{flex-direction:column;align-items:stretch}.signature-banner{flex-direction:column;text-align:center}.signature-banner .btn{margin-left:0}}.tenant-lease-page .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.lease-card{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.lease-card-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;gap:1rem}.lease-file-info{display:flex;align-items:center;gap:.75rem}.lease-file-info h3{margin:0;font-size:1rem}.lease-meta{font-size:.75rem;color:#9ca3af}.icon-pdf{color:#dc2626}.pdf-preview{width:100%;height:500px;background:#f3f4f6}.pdf-preview iframe{width:100%;height:100%;border:none}.lease-card-actions{display:flex;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;flex-wrap:wrap}.modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.sign-modal{background:#fff;border-radius:.75rem;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #00000040}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;display:flex;align-items:center;gap:.5rem;font-size:1rem}.modal-close{background:none;border:none;cursor:pointer;color:#6b7280;padding:.25rem;border-radius:.375rem}.modal-close:hover{background:#f3f4f6}.modal-body{padding:1.25rem}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;padding:.75rem 1.25rem;border-top:1px solid #e5e7eb}.sign-tabs{display:flex;gap:.25rem;background:#f3f4f6;border-radius:.5rem;padding:.25rem;margin-bottom:1rem}.sign-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem;border:none;background:transparent;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;color:#6b7280;transition:all .15s}.sign-tabs button.active{background:#fff;color:#111827;box-shadow:0 1px 2px #0000001a}.sig-canvas-wrap{position:relative;margin-bottom:1rem}.sig-canvas{width:100%;height:150px;border:2px solid #d1d5db;border-radius:.5rem;background:#fafafa;cursor:crosshair}.clear-btn{position:absolute;top:.5rem;right:.5rem;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;padding:.25rem .5rem;font-size:.75rem;cursor:pointer;color:#6b7280}.clear-btn:hover{background:#f3f4f6}.sig-type input{width:100%;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;margin-bottom:.75rem;box-sizing:border-box}.sig-type input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f126}.sig-preview{font-family:Times New Roman,serif;font-style:italic;font-size:2rem;padding:.75rem 1rem;border:1px dashed #d1d5db;border-radius:.5rem;text-align:center;color:#1a1a2e;margin-bottom:1rem;min-height:3rem}.consent-label{display:flex;align-items:flex-start;gap:.5rem;font-size:.8125rem;color:#374151;cursor:pointer;padding:.75rem;background:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb}.consent-label input[type=checkbox]{margin-top:.125rem;flex-shrink:0}.consent-label svg{flex-shrink:0;color:#6366f1;margin-top:.125rem}.alert{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1rem;font-size:.875rem}.alert button{margin-left:auto;background:none;border:none;font-size:1.25rem;cursor:pointer;line-height:1;opacity:.5}.alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-success{background:#dcfce7;color:#166534}.badge-error{background:#fef2f2;color:#991b1b}.badge-warning{background:#fef3c7;color:#92400e}.badge-info{background:#dbeafe;color:#1e40af}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:#6b7280}.empty-state h3{margin:.75rem 0 .25rem;color:#111827}.empty-state p{margin:0}@media(max-width:640px){.pdf-preview{height:300px}.lease-card-header{flex-direction:column;align-items:flex-start}}.applicant-dashboard{max-width:1000px;margin:0 auto}.getting-started{margin-bottom:2rem}.getting-started-content{display:flex;align-items:center;gap:1.5rem;padding:2rem;background:var(--primary-gradient-soft);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft)}.getting-started-content svg{color:var(--primary-color);flex-shrink:0}.getting-started-content h2{font-size:1.25rem;margin-bottom:.25rem}.getting-started-content p{color:var(--text-secondary)}.getting-started-content>div{flex:1}.dashboard-section{margin-bottom:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h2{font-size:1.125rem}.applications-list{display:flex;flex-direction:column;gap:.75rem}.application-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.application-icon{width:48px;height:48px;background:var(--primary-light);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--primary-dark)}.application-info{flex:1}.application-info h3{font-size:1rem;font-weight:600;margin-bottom:.25rem}.application-info p{font-size:.8125rem;color:var(--text-muted)}.empty-applications{text-align:center;padding:3rem 2rem;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.empty-icon{width:64px;height:64px;margin:0 auto 1rem;background:var(--gray-100);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--gray-400)}.empty-applications h3{font-size:1.125rem;margin-bottom:.5rem}.empty-applications p{color:var(--text-muted);margin-bottom:1.5rem}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.step-card{padding:1.5rem;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);text-align:center}.step-number{width:40px;height:40px;background:var(--primary-gradient);color:var(--white);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem;margin:0 auto 1rem}.step-card h3{font-size:.9375rem;margin-bottom:.5rem}.step-card p{font-size:.8125rem;color:var(--text-muted)}@media(max-width:768px){.getting-started-content{flex-direction:column;text-align:center}.getting-started-content>div{width:100%}.steps-grid{grid-template-columns:repeat(2,1fr)}.application-card{flex-wrap:wrap}}@media(max-width:480px){.steps-grid{grid-template-columns:1fr}}
