.tenant-vacate-page-body{padding:1.25rem 1.5rem 1.5rem!important;min-height:0!important}.tenant-vacate-container{max-width:920px;margin:0 auto;width:100%}.tenant-lease-overview-card{background:linear-gradient(135deg,rgba(37,99,235,.04),rgba(59,130,246,.01));border:1px solid var(--border,#e2e8f0);border-left:4px solid var(--brand-500,#2563eb);border-radius:14px;padding:1.1rem 1.25rem;margin-bottom:1rem;box-shadow:0 2px 10px rgba(0,0,0,.02)}.tenant-lease-overview-card h3{margin:0;font-size:1rem;display:flex;align-items:center;gap:.4rem;color:var(--text-primary,#0f172a)}.tenant-lease-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:.85rem 1rem;gap:.85rem 1rem;margin-top:.75rem}.tenant-lease-detail-item{display:flex;align-items:center;gap:.75rem;background:var(--surface-card,#fff);padding:.6rem .85rem;border-radius:10px;border:1px solid var(--border,#e2e8f0)}.tenant-lease-detail-icon{width:34px;height:34px;border-radius:8px;background:rgba(37,99,235,.1);color:var(--brand-600,#2563eb);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tenant-lease-detail-label{font-size:.68rem;text-transform:uppercase;color:var(--text-muted,#94a3b8);font-weight:700;letter-spacing:.04em;line-height:1.1;display:block}.tenant-lease-detail-value{font-size:.9rem;font-weight:700;color:var(--text-primary,#0f172a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.15rem;display:block}.tenant-vacate-form-card.card{border-radius:14px;padding:1.25rem 1.5rem!important;max-width:100%;display:block!important;transition:none!important}.tenant-vacate-form-card.card:hover{transform:none!important}.tenant-vacate-form-card h3{margin-top:0;font-size:1.05rem;margin-bottom:.5rem;color:var(--text-primary,#0f172a);display:flex;align-items:center;gap:.4rem}.tenant-vacate-form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.85rem 1.25rem;gap:.85rem 1.25rem}.tenant-vacate-section-title{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--brand-600,#2563eb);margin:.75rem 0 .4rem;display:flex;align-items:center;gap:.4rem;grid-column:1/-1;border-bottom:1px solid var(--border,#e2e8f0);padding-bottom:.3rem}.tenant-vacate-form-group{margin-bottom:.6rem}.tenant-vacate-form-group.full-width{grid-column:1/-1}.tenant-vacate-form-group label{font-weight:600;color:var(--text-primary,#0f172a)!important;font-size:.825rem!important;margin-bottom:.3rem!important;display:block}.tenant-vacate-form-control{width:100%;padding:.65rem .85rem!important;border-radius:8px!important;font-size:.875rem!important;border:1px solid var(--border,#e2e8f0)!important;background:var(--surface-card,#fff)!important;color:var(--text-primary,#0f172a)!important;box-sizing:border-box;font-family:inherit}.tenant-vacate-form-control:focus{outline:none;border-color:var(--brand-500,#2563eb)!important;box-shadow:0 0 0 3px rgba(37,99,235,.15)!important}.tenant-vacate-notice-banner{background:#fffaf0;border:1px solid #feebc8;color:#c05621;padding:.85rem 1rem;border-radius:10px;margin-bottom:1rem;display:flex;align-items:flex-start;gap:.75rem;font-size:.875rem}.tenant-vacate-confirm-box{margin-top:.75rem;margin-bottom:.75rem;background:var(--surface-bg,#f8fafc);padding:.75rem .9rem;border-radius:8px;border:1px solid var(--border,#e2e8f0)}.tenant-vacate-confirm-box label{display:flex;align-items:flex-start;gap:.5rem;cursor:pointer;font-size:.8rem;color:var(--text-secondary,#64748b);line-height:1.35}.tenant-vacate-submit-btn{width:100%;padding:.85rem;font-weight:600;font-size:.9rem;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:.5rem}.tenant-vacate-status-card.card{border-radius:14px;padding:1.25rem!important;margin-bottom:1rem;display:block!important}.tenant-vacate-timeline{display:flex;justify-content:space-between;align-items:center;position:relative;margin:2rem 0;padding:0 .5rem}.tenant-vacate-timeline:before{content:"";position:absolute;top:22px;left:40px;right:40px;height:4px;background:var(--border,#e2e8f0);z-index:1}.tenant-vacate-timeline-step{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;flex:1 1}.tenant-vacate-timeline-icon{width:44px;height:44px;border-radius:50%;background:var(--surface-card,#fff);border:3px solid var(--border,#e2e8f0);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:var(--text-muted,#94a3b8)}.tenant-vacate-timeline-step.active .tenant-vacate-timeline-icon{border-color:var(--brand-500,#2563eb);background:var(--brand-500,#2563eb);color:#fff;box-shadow:0 0 0 4px rgba(37,99,235,.2)}.tenant-vacate-timeline-step.completed .tenant-vacate-timeline-icon{border-color:#10b981;background:#10b981;color:#fff}.tenant-vacate-timeline-label{margin-top:.5rem;font-size:.75rem;font-weight:600;color:var(--text-muted,#94a3b8)}.tenant-vacate-timeline-step.active .tenant-vacate-timeline-label{color:var(--brand-600,#2563eb);font-weight:700}.tenant-vacate-status-banner{padding:.85rem 1rem;border-radius:10px;background:var(--surface-bg,#f8fafc);border:1px solid var(--border,#e2e8f0)}.tenant-vacate-settlement-card{background:var(--surface-card,#fff);border:1px solid var(--border,#e2e8f0);border-radius:12px;padding:1.25rem;margin-top:1rem}.tenant-vacate-settlement-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px dashed var(--border,#e2e8f0);font-size:.9rem}.tenant-vacate-settlement-row.total{border-bottom:none;border-top:2px solid var(--border,#e2e8f0);font-weight:700;font-size:1.05rem;padding-top:.85rem;color:var(--brand-600,#2563eb)}.tenant-vacate-cancel-btn{padding:.5rem 1rem;font-size:.85rem;border-radius:8px;border:1px solid #fecaca;background:#fef2f2;color:#b91c1c;cursor:pointer;font-weight:600}.spin{animation:tenant-vacate-spin 1s linear infinite}@keyframes tenant-vacate-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:680px){.tenant-vacate-page-body{padding:.75rem!important}.tenant-vacate-form-grid{grid-template-columns:1fr}.tenant-lease-details-grid{grid-template-columns:1fr 1fr}}