.unit-page-container{background:linear-gradient(135deg,hsl(var(--background)),hsl(var(--muted)),hsl(var(--background)));min-height:100vh}.unit-detail-container{max-width:1600px;margin:0 auto;padding:1rem 12rem;width:100%}.unit-header{display:flex;align-items:center;margin-bottom:1.5rem}.back-button{padding:.5rem;border-radius:12px;border:1px solid hsl(var(--border));background-color:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:hsl(var(--foreground));cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.back-button:hover{background-color:#fff3;transform:translate(-2px)}.unit-main-layout{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;align-items:start;width:100%}.unit-column-1{display:flex;flex-direction:column;width:100%}.unit-title-section-full{margin-bottom:.5rem}.unit-title{font-size:2rem;font-weight:700;margin:0 0 .75rem;color:hsl(var(--foreground))}.unit-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.unit-type-tag{padding:.375rem .875rem;border-radius:20px;background-color:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:hsl(var(--foreground));font-size:.75rem;font-weight:600;border:1px solid rgba(255,255,255,.2)}.unit-specs{display:flex;align-items:center;gap:.375rem;color:hsl(var(--muted-foreground));font-size:.875rem}.unit-column-1-container{display:flex;flex-direction:column;gap:1.5rem;min-height:0;width:100%}.unit-row-1{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;min-height:0;flex:1;width:100%;align-items:stretch}.unit-column-1a{display:flex;flex-direction:column;gap:.75rem;width:100%;height:100%}.main-photo-card{width:100%;max-width:300px;aspect-ratio:1;overflow:hidden;border-radius:24px;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000001a;padding:0;margin:0}.main-photo-card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.photo-thumbnails-row{width:100%;max-width:300px;display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.photo-thumbnail{aspect-ratio:1;border-radius:16px;overflow:hidden;border:2px solid rgba(255,255,255,.1);background:transparent;cursor:pointer;transition:all .2s ease;padding:0;margin:0;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 16px #0000001a}.photo-thumbnail:hover{border-color:#ffffff4d;transform:scale(1.05);box-shadow:0 6px 20px #00000026}.photo-thumbnail.active{border-color:hsl(var(--primary));border-width:3px}.photo-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.unit-column-1b{display:flex;flex-direction:column;gap:1.5rem;min-height:0;width:100%;height:100%}.unit-row-2{flex:1;min-height:0;width:100%}.unit-column-2{display:flex;flex-direction:column;gap:1.5rem;min-height:0;width:100%;height:100%}.unit-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;border:1px solid rgba(255,255,255,.1);padding:1rem;box-shadow:0 8px 32px #00000013;transition:all .3s ease;display:flex;flex-direction:column;min-height:0;position:relative}.unit-card:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 12px 40px #00000026}.digital-keys-card{flex:0 0 50%;min-height:0;display:flex;flex-direction:column}.card-header{top:1rem;left:1rem;z-index:10;margin:0;padding:0;background:transparent!important;border:none;display:block}.card-title{font-size:.875rem;font-weight:600;margin:0;padding:0;color:hsl(var(--muted-foreground));background:transparent;height:24px}.icon-button{padding:.375rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);background-color:transparent;color:hsl(var(--muted-foreground));cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.icon-button:hover{background-color:#ffffff0d;border-color:#fff3;color:hsl(var(--foreground))}.keys-list{display:flex;flex-direction:column;gap:.5rem;flex:1;min-height:0;padding-top:.5rem;overflow-y:auto}.key-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:transparent;border-radius:8px;border:none;transition:background .2s ease}.key-item:hover{background:#ffffff08}.key-info{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.key-info svg{color:hsl(var(--muted-foreground));flex-shrink:0}.key-name{font-weight:600;color:hsl(var(--foreground));font-size:.875rem;margin:0}.key-meta{font-size:.75rem;color:hsl(var(--muted-foreground));margin:.25rem 0 0}.key-status{padding:.25rem .5rem;border-radius:8px;font-size:.625rem;font-weight:600;flex-shrink:0}.key-status.active{background-color:#22c55e26;color:#22c55e}.card-action-button{width:100%;padding:.75rem;border-radius:8px;border:1px solid rgba(255,255,255,.2);background-color:transparent;color:hsl(var(--foreground));font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:auto;flex-shrink:0}.card-action-button:hover{background-color:#ffffff0d;border-color:#ffffff4d}.large-tabbed-card{flex:1;min-height:0;display:flex;flex-direction:column}.tabbed-section-header{margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.tab-buttons{display:flex;gap:.5rem}.tab-button{padding:.75rem 1.5rem;border:none;background:transparent;color:hsl(var(--muted-foreground));font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent;margin-bottom:-1px;position:relative}.tab-button:hover{color:hsl(var(--foreground))}.tab-button.active{color:hsl(var(--primary));border-bottom-color:hsl(var(--primary))}.tabbed-content{flex:1;min-height:0;overflow-y:auto}.tab-panel-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.panel-subtitle{font-size:1.125rem;font-weight:600;margin:0 0 1.25rem;color:hsl(var(--foreground))}.vacant-pipeline{margin-top:1rem}.pipeline-stages{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.pipeline-stage{display:flex;flex-direction:column;gap:.75rem}.pipeline-stage h4{font-size:.75rem;font-weight:600;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.05em;margin:0}.pipeline-card{padding:1rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s ease}.pipeline-card:hover{background:#ffffff14;transform:translateY(-2px)}.pipeline-card-name{font-weight:600;color:hsl(var(--foreground));font-size:.875rem;margin-bottom:.25rem}.pipeline-card-source{font-size:.75rem;color:hsl(var(--muted-foreground))}.occupied-details{margin-top:1rem}.lease-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.lease-info-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.lease-label{font-size:.75rem;color:hsl(var(--muted-foreground))}.lease-value{font-size:1rem;font-weight:600;color:hsl(var(--foreground))}.lease-value.status-paid{color:#22c55e}.maintenance-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.primary-btn-small{padding:.5rem 1rem;border-radius:10px;border:1px solid rgba(255,255,255,.2);background-color:#ffffff1a;color:hsl(var(--foreground));font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.primary-btn-small:hover{background-color:#ffffff26;transform:translateY(-1px)}.maintenance-tickets-list{display:flex;flex-direction:column;gap:.75rem}.maintenance-ticket-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.ticket-main{flex:1}.ticket-title{font-weight:600;color:hsl(var(--foreground));font-size:.875rem;margin-bottom:.25rem}.ticket-meta{font-size:.75rem;color:hsl(var(--muted-foreground))}.ticket-status-badge{padding:.375rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.ticket-status-badge.high{background-color:#ef444433;color:#ef4444}.ticket-status-badge.completed{background-color:#22c55e33;color:#22c55e}.documents-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.document-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.document-item:hover{background:#ffffff14;transform:translate(4px)}.document-name{font-weight:600;color:hsl(var(--foreground));font-size:.875rem;margin-bottom:.25rem}.document-date{font-size:.75rem;color:hsl(var(--muted-foreground))}.residents-card{flex:1;min-height:0;height:100%;display:flex;flex-direction:column}.residents-list{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;padding-top:.5rem}.resident-item{cursor:pointer;display:flex;align-items:center;padding:4px;background:#00000003;border-radius:8px;border:none;transition:background .2s ease}.resident-item:hover{background:#00000009}.resident-avatar{width:36px;height:36px;border-radius:8px;background:#ffffff14;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:hsl(var(--muted-foreground))}.resident-details{flex:1;min-width:0}.resident-name-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.resident-name{font-weight:600;color:hsl(var(--foreground));font-size:.875rem;margin:0}.resident-child-badge{padding:.125rem .5rem;border-radius:12px;background:#fb923c26;color:#fb923c;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.resident-phone{font-size:.75rem;color:hsl(var(--muted-foreground));margin:0}.vacant-message{display:flex;align-items:center;gap:.75rem;padding:1.5rem;background:#fb923c1a;border-radius:12px;border:1px solid rgba(251,146,60,.2);color:#fb923c;font-size:.875rem;font-weight:500}.task-list-card{flex:0 0 50%;min-height:0;display:flex;flex-direction:column}.tasks-list{display:flex;flex-direction:column;gap:.75rem;flex:1;min-height:0;overflow-y:auto;padding-top:.5rem}.task-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:transparent;border-radius:8px;border:none;transition:background .2s ease}.task-item:hover{background:#ffffff08}.task-checkbox{flex-shrink:0;display:flex;align-items:center}.task-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;background-color:transparent;border:1.5px solid rgba(255,255,255,.8);border-radius:4px;appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;transition:all .2s ease}.task-checkbox input[type=checkbox]:hover{border-color:#ffffffe6}.task-checkbox input[type=checkbox]:checked{background-color:hsl(var(--primary));border-color:hsl(var(--primary))}.task-checkbox input[type=checkbox]:checked:after{content:"";position:absolute;left:50%;top:50%;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:translate(-50%,-60%) rotate(45deg) scale(.7)}.task-content{flex:1;min-width:0}.task-title{font-weight:600;color:hsl(var(--foreground));font-size:.875rem;margin:0 0 .25rem;flex:1}.task-due{font-size:.75rem;color:hsl(var(--muted-foreground));margin:0}.task-priority{padding:.25rem .5rem;border-radius:8px;font-weight:600;font-size:.625rem;flex-shrink:0;text-transform:capitalize;align-self:center}.task-priority.high{background-color:#ef444426;color:#ef4444}.task-priority.medium{background-color:#fb923c26;color:#fb923c}@media(max-width:1024px){.unit-main-layout,.unit-row-1{grid-template-columns:1fr}.pipeline-stages{grid-template-columns:repeat(2,1fr)}.lease-info-grid{grid-template-columns:1fr}}@media(max-width:768px){.unit-detail-container{padding:1rem}.unit-title{font-size:1.5rem}.photo-thumbnails-row{grid-template-columns:repeat(2,1fr)}.pipeline-stages{grid-template-columns:1fr}}