h2[data-v-3254ea28]{margin-bottom:20px}.main-container[data-v-3254ea28]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px;min-height:600px}.left-panel[data-v-3254ea28]{-webkit-box-flex:0;-ms-flex:0 0 700px;flex:0 0 700px;max-width:700px;background-color:#f8f9fa;padding:20px;border-radius:8px;border:1px solid #dee2e6;overflow-y:auto}.form-section[data-v-3254ea28]{width:100%}.right-panel[data-v-3254ea28]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:20px;background-color:#fff;border-radius:8px;border:1px solid #dee2e6}.units-list[data-v-3254ea28]{max-height:600px;overflow-y:auto;padding-right:5px}.units-list[data-v-3254ea28]::-webkit-scrollbar{width:6px}.units-list[data-v-3254ea28]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.units-list[data-v-3254ea28]::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.units-list[data-v-3254ea28]::-webkit-scrollbar-thumb:hover{background:#555}.form-label[data-v-3254ea28]{display:block;font-size:14px;font-weight:500;margin-bottom:5px;color:#333}.building-select[data-v-3254ea28]{width:100%;height:38px;padding:6px 12px;font-size:14px;border:1px solid #ced4da;border-radius:4px;background-color:#fff;-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}.building-select[data-v-3254ea28]:focus{outline:none;border-color:#80bdff;-webkit-box-shadow:0 0 0 .2rem rgba(0,123,255,.25);box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.floor-name-input[data-v-3254ea28]{width:100%;height:38px;padding:6px 12px;font-size:14px;border:1px solid #ced4da;border-radius:4px;background-color:#fff;-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}.floor-name-input[data-v-3254ea28]:focus{outline:none;border-color:#80bdff;-webkit-box-shadow:0 0 0 .2rem rgba(0,123,255,.25);box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.units-header[data-v-3254ea28]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:15px}.btn-add-unit[data-v-3254ea28],.units-header[data-v-3254ea28]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.btn-add-unit[data-v-3254ea28]{background-color:#5cb85c;border-color:#4cae4c;color:#fff;padding:6px 16px;font-size:14px;border-radius:4px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:6px;-webkit-transition:all .2s ease;transition:all .2s ease;font-weight:400}.btn-add-unit[data-v-3254ea28]:hover:not(:disabled){background-color:#449d44;border-color:#398439;-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 2px 4px rgba(0,0,0,.15);box-shadow:0 2px 4px rgba(0,0,0,.15)}.btn-add-unit[data-v-3254ea28]:disabled{background-color:#ccc;border-color:#ccc;cursor:not-allowed;opacity:.6}.action-buttons[data-v-3254ea28]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.action-buttons .btn[data-v-3254ea28]{padding:8px 20px;font-size:14px;border-radius:4px;-webkit-transition:all .2s ease;transition:all .2s ease}.action-buttons .btn-primary[data-v-3254ea28]{background-color:#007bff;border-color:#007bff;color:#fff}.action-buttons .btn-primary[data-v-3254ea28]:hover:not(:disabled){background-color:#0056b3;border-color:#004085;-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 2px 4px rgba(0,0,0,.15);box-shadow:0 2px 4px rgba(0,0,0,.15)}.action-buttons .btn-primary[data-v-3254ea28]:disabled{background-color:#ccc;border-color:#ccc;cursor:not-allowed;opacity:.6}.action-buttons .btn-secondary[data-v-3254ea28]{background-color:#6c757d;border-color:#6c757d;color:#fff}.action-buttons .btn-secondary[data-v-3254ea28]:hover{background-color:#5a6268;border-color:#545b62;-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 2px 4px rgba(0,0,0,.15);box-shadow:0 2px 4px rgba(0,0,0,.15)}.dynamic-rows[data-v-3254ea28]{margin-bottom:15px;padding:10px;background-color:#fff;border-radius:6px;border:1px solid #e0e0e0}.dynamic-rows .b-row[data-v-3254ea28]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.is-invalid[data-v-3254ea28]{border-color:#dc3545!important;-webkit-box-shadow:0 0 0 .2rem rgba(220,53,69,.25)!important;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)!important}.invalid-feedback[data-v-3254ea28]{color:#dc3545;font-size:12px;margin-top:4px}.cui-circle-x[data-v-3254ea28]{width:38px;height:38px;border-radius:50%;border:none;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0}.cui-circle-x[data-v-3254ea28]:before{content:"\D7";font-size:24px;color:#fff;line-height:1}.floor-layout-container[data-v-3254ea28]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.legend[data-v-3254ea28]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;margin-bottom:20px;background-color:#fff;padding:15px;border:1px solid #ddd;border-radius:6px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1)}.legend-item[data-v-3254ea28]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;font-size:13px;color:#333}.legend-box[data-v-3254ea28]{width:30px;height:30px;border-radius:6px;border:2px solid #333}.legend-box.occupied[data-v-3254ea28]{background-color:#ff8c42}.legend-box.vacant[data-v-3254ea28]{background-color:#a8e063}.grid-layout[data-v-3254ea28]{display:grid;grid-template-columns:repeat(8,60px);grid-template-rows:repeat(8,60px);gap:10px;padding:20px;min-height:450px;position:relative;border:1px solid #d3d3d3;border-radius:10px;background-color:#fafafa}.grid-unit[data-v-3254ea28]{width:60px;height:60px;border-radius:8px;border:2px solid #333;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:move;-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1);position:relative}.grid-unit[data-v-3254ea28]:hover{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-box-shadow:0 4px 8px rgba(0,0,0,.2);box-shadow:0 4px 8px rgba(0,0,0,.2);z-index:5}.grid-unit.occupied[data-v-3254ea28]{background-color:#ff8c42}.grid-unit.vacant[data-v-3254ea28]{background-color:#a8e063}.unit-label[data-v-3254ea28]{font-size:12px;font-weight:600;color:#333;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;text-align:center;padding:0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unit-edit-icon[data-v-3254ea28]{position:absolute;bottom:2px;right:2px;width:18px;height:18px;background-color:hsla(0,0%,100%,.9);border-radius:3px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;z-index:10}.unit-edit-icon[data-v-3254ea28]:hover{background-color:#fff;-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2);box-shadow:0 2px 4px rgba(0,0,0,.2)}.unit-edit-icon .cui-pencil[data-v-3254ea28],.unit-edit-icon i[data-v-3254ea28]{font-size:10px;color:#333}.cui-pencil[data-v-3254ea28]:before{content:"\270F";font-style:normal;font-size:12px}.loading-container[data-v-3254ea28]{width:100%;height:200px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.no-permission[data-v-3254ea28]{padding:20px;color:#6c757d}@media (max-width:1400px){.left-panel[data-v-3254ea28]{-webkit-box-flex:0;-ms-flex:0 0 350px;flex:0 0 350px;max-width:350px}.grid-layout[data-v-3254ea28]{grid-template-columns:repeat(8,55px);grid-template-rows:repeat(8,55px)}.grid-unit[data-v-3254ea28]{width:55px;height:55px}}@media (max-width:1200px){.main-container[data-v-3254ea28]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.left-panel[data-v-3254ea28]{-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:100%;max-height:none}.right-panel[data-v-3254ea28]{-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%}.grid-layout[data-v-3254ea28]{grid-template-columns:repeat(8,50px);grid-template-rows:repeat(8,50px);gap:8px}.grid-unit[data-v-3254ea28]{width:50px;height:50px}}@media (max-width:768px){.left-panel[data-v-3254ea28]{padding:15px}.floor-name-input[data-v-3254ea28]{height:42px;font-size:16px}.btn-add-unit[data-v-3254ea28]{padding:8px 16px}.dynamic-rows .b-col[cols="5"][data-v-3254ea28],.dynamic-rows .b-col[cols="6"][data-v-3254ea28]{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;margin-bottom:10px}.grid-layout[data-v-3254ea28]{grid-template-columns:repeat(8,40px);grid-template-rows:repeat(8,40px);gap:6px;padding:10px}.grid-unit[data-v-3254ea28]{width:40px;height:40px;border-radius:6px}.unit-label[data-v-3254ea28]{font-size:10px}.unit-edit-icon[data-v-3254ea28]{width:14px;height:14px;bottom:1px;right:1px}.unit-edit-icon .cui-pencil[data-v-3254ea28],.unit-edit-icon i[data-v-3254ea28]{font-size:8px}.legend[data-v-3254ea28]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:10px;gap:10px}.legend-box[data-v-3254ea28]{width:25px;height:25px}}@media (max-width:576px){h2[data-v-3254ea28]{font-size:1.3rem}.main-container[data-v-3254ea28]{gap:15px}.units-header[data-v-3254ea28]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:10px}.btn-add-unit[data-v-3254ea28]{width:100%}.btn-add-unit[data-v-3254ea28],.grid-layout[data-v-3254ea28]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.grid-layout[data-v-3254ea28]{grid-template-columns:repeat(4,60px);grid-template-rows:auto}.floor-layout-container[data-v-3254ea28]{padding:10px}}