.designer-container{position:fixed;top:0;left:0;right:0;bottom:0;height:100vh;width:100vw;display:flex;background-color:#1a1f2c;font-size:.875rem;font-family:Inter,Roboto,sans-serif;z-index:100;color:#fff}.designer-left-panel{width:280px;min-width:280px;max-width:280px;background-color:#222;margin:0;padding:5px;display:flex;flex-direction:column;gap:.1rem;overflow-y:auto;color:#fff}.designer-middle-panel{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.designer-building-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:.25rem 1.5rem;width:100%;max-width:none;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) rgba(42,42,42,.5)}.designer-building-container::-webkit-scrollbar{width:6px}.designer-building-container::-webkit-scrollbar-track{background:#2a2a2a80}.designer-building-container::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px}.designer-right-panel{width:280px;min-width:280px;max-width:280px;background-color:#222;padding:.5rem;display:flex;flex-direction:column;overflow-y:auto}.designer-stats-section{display:flex;flex-direction:column;gap:.1rem;max-height:70vh;overflow-y:auto;padding-right:.1rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) rgba(42,42,42,.5)}.designer-stats-section::-webkit-scrollbar{width:6px}.designer-stats-section::-webkit-scrollbar-track{background:#2a2a2a80}.designer-stats-section::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px}.designer-stat-card{background-color:#2a2a2a;padding:.15rem .2rem;border-radius:.5rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:.1rem;font-size:12px;color:#fff}.designer-stat-count-container{display:flex;gap:1rem}.designer-stat-count{font-size:12px;min-width:30px;text-align:center;padding:.25rem .5rem;border-radius:4px;position:relative;color:#fff}.designer-stat-residential{background-color:#9b87f5}.designer-stat-commercial{background-color:#5f844c}.designer-stat-retail{background-color:#ea384c}.designer-stat-service{background-color:#d6bcfa}.designer-stat-parking{background-color:#555}.designer-floor{display:flex;align-items:center;margin:0;padding-top:2px;padding-bottom:2px;height:70px;width:100%}.designer-floor-label{background-color:#2a2a2a;padding:0 .25rem;width:40px;min-width:40px;border-radius:4px;display:flex;justify-content:center;align-items:center;font-weight:600;font-size:12px;transition:all .2s ease;color:#fff;margin-right:.25rem;height:30px}.designer-floor-label:hover,.designer-floor-label.selected{background-color:#9b87f5;color:#fff}.designer-floor-units{flex:1;display:flex;gap:6px;align-items:center;background-color:transparent;max-width:none;justify-content:space-between;flex-wrap:nowrap;min-height:70px;transition:all .2s ease;padding:0 6px}.designer-unit{height:50px;border-radius:6px;padding:6px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:all .2s;font-size:12px;line-height:1.2;text-align:center;box-shadow:0 2px 4px #0003;border-width:2px;background-color:transparent}.designer-unit:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.designer-unit-selected{box-shadow:0 0 0 2px #fff,0 0 12px #9b87f599;transform:translateY(-1px);z-index:2}.designer-floor-content-wrapper{flex:1;display:flex;flex-direction:column;min-width:0}.designer-floor-area-bar{height:3px;background-color:#ffffff14;border-radius:2px;overflow:hidden;margin-top:1px}.designer-floor-area-fill{height:100%;border-radius:2px;transition:width .3s ease}.designer-floor-drop-hover{outline:2px dashed #9b87f5;outline-offset:-2px;background-color:#9b87f514}.designer-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#666;gap:1rem;text-align:center;padding:2rem}.designer-empty-state svg{opacity:.3}.designer-empty-state h3{font-size:1.1rem;font-weight:600;color:#888}.designer-empty-state p{font-size:.85rem;color:#555;max-width:280px}.designer-skeleton-floor{display:flex;align-items:center;gap:.5rem;padding:4px 0;height:70px}.designer-skeleton-label{width:40px;height:30px;border-radius:4px;background:#ffffff0f;animation:skeleton-pulse 1.5s ease-in-out infinite}.designer-skeleton-units{flex:1;height:50px;border-radius:6px;background:#ffffff0a;animation:skeleton-pulse 1.5s ease-in-out infinite;animation-delay:.1s}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.designer-unit-model-card-dragging{opacity:.5;transform:rotate(2deg)}.designer-unit-label{font-size:12px;font-weight:600;color:#fff}.designer-unit-model{font-size:12px;opacity:.9;color:#fff}.border-\[\#9b87f5\]{border-color:#9b87f5}.border-\[\#5f844c\]{border-color:#5f844c}.border-\[\#ea384c\]{border-color:#ea384c}.border-\[\#D6BCFA\]{border-color:#d6bcfa}.designer-floor-residential{background-color:#9b87f533;border-left:4px solid #9b87f5}.designer-floor-commercial{background-color:#5f844c33;border-left:4px solid #5f844c}.designer-floor-retail{background-color:#ea384c33;border-left:4px solid #ea384c}.designer-floor-service{background-color:#d6bcfa33;border-left:4px solid #D6BCFA}.designer-floor-parking{background-color:#5553;border-left:4px solid #555555}.designer-parking-lot{width:100%;height:40px;background-color:#333;border:1px solid #555555;border-radius:6px;padding:.5rem;text-align:center;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:space-between;margin:5px 0}.designer-parking-input{width:60px;background-color:#444;border:1px solid #666;border-radius:4px;color:#fff;text-align:center;padding:2px 4px;font-size:12px}.designer-filter-buttons{display:flex;gap:.25rem;margin-bottom:.75rem;padding:.25rem}.designer-filter-button{padding:.35rem .75rem;border-radius:4px;font-size:.75rem;font-weight:600;cursor:pointer;opacity:.7;transition:opacity .2s;border:none;color:#fff}.designer-unit-models-container{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) rgba(42,42,42,.5);display:flex;flex-direction:column;gap:1rem}.designer-unit-models-container::-webkit-scrollbar{width:6px}.designer-unit-models-container::-webkit-scrollbar-track{background:#2a2a2a80}.designer-unit-models-container::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px}.designer-unit-model-card{height:100px;background-color:#2a2a2a;border-radius:12px;cursor:pointer;transition:all .3s;overflow:hidden;display:flex;border:2px solid rgba(255,255,255,.1);margin-bottom:.75rem}.designer-unit-model-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000040;border-color:#9b87f5}.designer-unit-model-image-container{width:100px;min-width:100px;height:100px;overflow:hidden;position:relative}.designer-unit-model-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.designer-unit-model-content{flex:1;padding:.75rem;display:flex;flex-direction:column;justify-content:space-between}.designer-unit-model-number{font-size:1.25rem;font-weight:600;color:#fff}.designer-unit-model-type{font-size:1rem;color:#ccc}.designer-unit-model-area{color:#19d3c5;font-weight:600;font-size:1rem}.designer-unit-model-badge{background-color:#0000004d;border-radius:4px;padding:.2rem .5rem;display:inline-block;margin-bottom:.25rem}.designer-unit-model-details{padding:.25rem .5rem}.designer-unit-model-header{margin-bottom:.1rem}.designer-unit-selected-info{background-color:#000000b3;border-radius:12px;padding:1.5rem;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);margin-top:1rem}.designer-unit-selected-info-list{list-style:none;padding:0;margin:0 0 1rem}.designer-unit-selected-info-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;font-size:.9rem;border-bottom:1px solid rgba(255,255,255,.1)}.designer-unit-selected-info-item:last-child{border-bottom:none}.designer-unit-selected-info-label{color:#9b87f5;font-weight:500}.designer-unit-selected-info-value{color:#fff;font-weight:600}.designer-unit-selected-actions{display:flex;gap:.75rem;margin-top:1rem}.designer-dropdown-trigger{width:100%;color:inherit!important;background:#333!important;border:1px solid rgba(255,255,255,.2)!important;padding:.75rem!important;border-radius:4px}.designer-dropdown-content{z-index:99999!important;background-color:#333!important;color:#fff!important;border:1px solid rgba(255,255,255,.2)!important;margin-top:4px}.designer-dropdown-item{color:#fff!important}.designer-dropdown-item:hover{background-color:#ffffff1a!important}html[class*=light] .designer-dropdown-trigger{background:#fff!important;color:#000!important;border-color:#ddd!important}html[class*=light] .designer-dropdown-content{background-color:#fff!important;color:#000!important;border-color:#ddd!important}html[class*=light] .designer-dropdown-item{color:#000!important}html[class*=light] .designer-dropdown-item:hover{background-color:#f5f5f5!important}.designer-dialog{background-color:#333!important;color:#fff!important;border:1px solid rgba(255,255,255,.1)!important;z-index:100000!important}.designer-dialog-title{color:#fff!important;font-size:1.25rem!important;font-weight:600!important}.designer-dialog-description{color:#a0a0a0!important;margin-top:.5rem!important}.designer-dialog-input{background-color:#333!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important}.designer-dialog-button{background-color:#9b87f5!important;color:#fff!important;font-weight:500!important;border-radius:4px!important;padding:.5rem 1rem!important;transition:all .2s!important}.designer-dialog-button:hover:not(:disabled){background-color:#8a76e4!important}.designer-dialog-button:disabled{background-color:#6355af!important;opacity:.7!important;cursor:not-allowed!important}.designer-dialog-button-cancel{background-color:transparent!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important;font-weight:500!important;border-radius:4px!important;padding:.5rem 1rem!important;transition:all .2s!important}.designer-dialog-button-cancel:hover:not(:disabled){background-color:#ffffff1a!important}.designer-dialog-button-cancel:disabled{opacity:.5!important;cursor:not-allowed!important}.designer-select{background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;padding:.75rem 1.25rem;font-size:1rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:var(--designer-text-color)}:root,html[class*=light]{--designer-text-color: #000}html[class*=dark]{--designer-text-color: #fff}.designer-select [data-radix-select-trigger]{width:100%;color:var(--designer-text-color)!important}.designer-select [data-radix-select-value]{color:var(--designer-text-color)!important}.floor-type-select-container{margin:0 .25rem;width:80px}.floor-type-select{background-color:#2a2a2a!important;color:#fff!important;border:1px solid #444!important;height:30px;font-size:.75rem;font-weight:500}.floor-type-select:hover:not([disabled]){background-color:#333!important;border-color:#666!important}.floor-type-select:focus{border-color:#9b87f5!important;box-shadow:0 0 0 1px #9b87f5!important}.in-building-designer [data-radix-popper-content-wrapper],[data-radix-popper-content-wrapper]{z-index:100002!important}[data-radix-select-content],.designer-container [data-radix-select-content]{z-index:100000!important;background-color:var(--popover)!important;color:var(--popover-foreground)!important;border:1px solid rgba(255,255,255,.1)}[data-radix-context-menu-content]{z-index:100001!important}[data-radix-dialog-portal]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100000!important;display:flex;align-items:center;justify-content:center}[data-radix-dialog-overlay]{background-color:#00000080;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99998!important;animation:fadeIn .2s ease-out}[data-radix-dialog-content]{background-color:#333;border-radius:8px;padding:1.5rem;box-shadow:0 10px 25px #00000080;max-width:90vw;width:450px;max-height:85vh;z-index:99999!important;animation:slideIn .2s ease-out}.designer-dialog[role=dialog],.designer-dialog [role=dialog]{z-index:100000!important}[data-radix-select-item]{color:var(--popover-foreground)!important}.designer-container [data-radix-select-trigger],.designer-container [data-radix-select-value],.designer-container [data-radix-select-item]{color:inherit!important}.designer-container [data-radix-select-viewport]{max-height:300px!important;overflow-y:auto!important}.designer-container [data-radix-select-item]:hover,.designer-container [data-radix-select-item][data-highlighted]{background-color:#444!important;color:#fff!important}html[class*=light] .designer-select select,html[class*=light] .designer-select [data-radix-select-trigger],html[class*=light] .designer-select [data-radix-select-value]{color:#000!important}html[class*=dark] .designer-select select,html[class*=dark] .designer-select [data-radix-select-trigger],html[class*=dark] .designer-select [data-radix-select-value]{color:#fff!important}html[class*=light] [data-radix-select-content],html[class*=light] .designer-container [data-radix-select-content]{background-color:#fff!important;color:#000!important}html[class*=dark] [data-radix-select-content],html[class*=dark] .designer-container [data-radix-select-content]{background-color:#333!important;color:#fff!important}html[class*=light] header,html[class*=light] aside{color:#333!important}html[class*=light] header button,html[class*=light] aside button{color:#333!important}html[class*=dark] header,html[class*=dark] aside{color:#fff!important}html[class*=dark] header button,html[class*=dark] aside button{color:#fff!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}