.page-header[data-v-34f6669c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}.page-title[data-v-34f6669c]{font-size:22px;font-weight:700;color:#1a1a2e;margin:0}.main-container[data-v-34f6669c]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:24px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.left-panel[data-v-34f6669c]{-webkit-box-flex:0;-ms-flex:0 0 680px;flex:0 0 680px;max-width:680px}.left-panel[data-v-34f6669c],.right-panel[data-v-34f6669c]{background:#fff;border-radius:12px;border:1px solid #e4eaf0;padding:32px 36px}.right-panel[data-v-34f6669c]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.section-header[data-v-34f6669c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#0a4a8c;text-transform:uppercase;letter-spacing:.5px;margin-bottom:20px}.section-icon[data-v-34f6669c]{font-size:14px;color:#0a4a8c;opacity:.85}.section-divider[data-v-34f6669c]{border:none;border-top:1px solid #e8ecf2;margin:24px 0}.form-grid-2col[data-v-34f6669c]{display:grid;grid-template-columns:1fr 1fr;gap:18px 32px}.form-row-item[data-v-34f6669c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:6px}.field-label[data-v-34f6669c]{font-size:12px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.4px;margin:0}.field-label-sm[data-v-34f6669c]{font-size:11px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.3px;margin:0 0 4px;display:block}.required[data-v-34f6669c]{color:#dc3545;margin-left:2px}.field-input[data-v-34f6669c]{border:1.5px solid #e0e7ef!important;border-radius:8px!important;padding:9px 12px!important;font-size:13.5px!important;color:#333!important;background:#fff!important;-webkit-transition:border-color .2s,-webkit-box-shadow .2s!important;transition:border-color .2s,-webkit-box-shadow .2s!important;transition:border-color .2s,box-shadow .2s!important;transition:border-color .2s,box-shadow .2s,-webkit-box-shadow .2s!important;width:100%;height:38px}.field-input[data-v-34f6669c]:focus{border-color:#0a4a8c!important;-webkit-box-shadow:0 0 0 3px rgba(10,74,140,.1)!important;box-shadow:0 0 0 3px rgba(10,74,140,.1)!important;outline:none!important}.field-input[data-v-34f6669c]::-webkit-input-placeholder{color:#b0b8c4!important}.field-input[data-v-34f6669c]::-moz-placeholder{color:#b0b8c4!important}.field-input[data-v-34f6669c]::-ms-input-placeholder{color:#b0b8c4!important}.field-input[data-v-34f6669c]::placeholder{color:#b0b8c4!important}.field-input[data-v-34f6669c]:disabled{background:#f5f7fa!important;cursor:not-allowed;opacity:.7}.field-select[data-v-34f6669c]{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;cursor:pointer}.is-invalid[data-v-34f6669c]{border-color:#dc3545!important}.field-error[data-v-34f6669c]{color:#dc3545;font-size:.8rem;margin-top:3px}.btn-add-unit[data-v-34f6669c]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;padding:7px 14px;background:#0a4a8c;color:#fff;border:none;border-radius:8px;font-size:12.5px;font-weight:600;cursor:pointer;-webkit-transition:background .2s,-webkit-transform .2s;transition:background .2s,-webkit-transform .2s;transition:background .2s,transform .2s;transition:background .2s,transform .2s,-webkit-transform .2s;margin-bottom:16px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.btn-add-unit[data-v-34f6669c]:hover:not(:disabled){background:#073a70;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.btn-add-unit[data-v-34f6669c]:disabled{background:#b0b8c4;cursor:not-allowed;-webkit-transform:none;transform:none}.units-list[data-v-34f6669c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px;max-height:500px;overflow-y:auto;padding-right:4px}.units-list[data-v-34f6669c]::-webkit-scrollbar{width:5px}.units-list[data-v-34f6669c]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.units-list[data-v-34f6669c]::-webkit-scrollbar-thumb{background:#c1cbd8;border-radius:3px}.units-list[data-v-34f6669c]::-webkit-scrollbar-thumb:hover{background:#94a3b8}.unit-card[data-v-34f6669c]{background:#f8fafc;border:1.5px solid #e4eaf0;border-radius:10px;padding:14px 16px;-webkit-transition:border-color .2s;transition:border-color .2s}.unit-card[data-v-34f6669c]:hover{border-color:#0a4a8c}.unit-card-row[data-v-34f6669c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:10px;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.unit-card-field[data-v-34f6669c]{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-flex:1;-ms-flex:1;flex:1;min-width:0}.unit-card-field--sm[data-v-34f6669c]{-webkit-box-flex:0;-ms-flex:0 0 70px;flex:0 0 70px;max-width:70px}.btn-remove-unit[data-v-34f6669c]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:34px;height:34px;-ms-flex-negative:0;flex-shrink:0;background:#fee2e2;color:#dc3545;border:1.5px solid #fca5a5;border-radius:8px;font-size:13px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;margin-bottom:0;-ms-flex-item-align:end;align-self:flex-end}.btn-remove-unit[data-v-34f6669c]:hover{background:#dc3545;color:#fff;border-color:#dc3545}.form-actions[data-v-34f6669c]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-ms-flex-wrap:wrap;flex-wrap:wrap}.btn-action[data-v-34f6669c],.form-actions[data-v-34f6669c]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.btn-action[data-v-34f6669c]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:6px;padding:9px 20px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:none;-webkit-transition:all .2s ease;transition:all .2s ease}.btn-submit[data-v-34f6669c]{background:#0a4a8c;color:#fff;-webkit-box-shadow:0 2px 8px rgba(10,74,140,.25);box-shadow:0 2px 8px rgba(10,74,140,.25)}.btn-submit[data-v-34f6669c]:hover:not(:disabled){background:#073a70;-webkit-box-shadow:0 4px 14px rgba(10,74,140,.35);box-shadow:0 4px 14px rgba(10,74,140,.35);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.btn-submit[data-v-34f6669c]:disabled{background:#b0b8c4;cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none;-webkit-transform:none;transform:none}.btn-reset[data-v-34f6669c]{background:#fee2e2;color:#dc3545;border:1.5px solid #fca5a5}.btn-reset[data-v-34f6669c]:hover{background:#dc3545;color:#fff;border-color:#dc3545}.legend[data-v-34f6669c]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;margin-bottom:20px;background:#f8fafc;padding:12px 16px;border:1px solid #e4eaf0;border-radius:10px}.legend-item[data-v-34f6669c]{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:#374151;font-weight:500}.legend-box[data-v-34f6669c]{width:28px;height:28px;border-radius:6px;border:2px solid #333}.legend-box.occupied[data-v-34f6669c]{background-color:#ff8c42}.legend-box.vacant[data-v-34f6669c]{background-color:#a8e063}.grid-layout[data-v-34f6669c]{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 #e4eaf0;border-radius:10px;background-color:#fafafa}.grid-unit[data-v-34f6669c]{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-34f6669c]: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-34f6669c]{background-color:#ff8c42}.grid-unit.vacant[data-v-34f6669c]{background-color:#a8e063}.unit-label[data-v-34f6669c]{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-34f6669c]{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-34f6669c]: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-34f6669c],.unit-edit-icon i[data-v-34f6669c]{font-size:10px;color:#333}.cui-pencil[data-v-34f6669c]:before{content:"\270F";font-style:normal;font-size:12px}.loading-container[data-v-34f6669c]{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-34f6669c]{padding:20px;color:#6c757d;font-size:14px}@media (max-width:1400px){.left-panel[data-v-34f6669c]{-webkit-box-flex:0;-ms-flex:0 0 420px;flex:0 0 420px;max-width:420px}.grid-layout[data-v-34f6669c]{grid-template-columns:repeat(8,55px);grid-template-rows:repeat(8,55px)}.grid-unit[data-v-34f6669c]{width:55px;height:55px}}@media (max-width:1200px){.main-container[data-v-34f6669c]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.left-panel[data-v-34f6669c]{-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:100%}.right-panel[data-v-34f6669c]{-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%}.grid-layout[data-v-34f6669c]{grid-template-columns:repeat(8,50px);grid-template-rows:repeat(8,50px);gap:8px}.grid-unit[data-v-34f6669c]{width:50px;height:50px}}@media (max-width:768px){.left-panel[data-v-34f6669c],.right-panel[data-v-34f6669c]{padding:20px 16px}.form-grid-2col[data-v-34f6669c]{grid-template-columns:1fr}.unit-card-row[data-v-34f6669c]{-ms-flex-wrap:wrap;flex-wrap:wrap}.unit-card-field--sm[data-v-34f6669c]{-webkit-box-flex:0;-ms-flex:0 0 calc(50% - 5px);flex:0 0 calc(50% - 5px);max-width:calc(50% - 5px)}.form-actions[data-v-34f6669c]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.btn-action[data-v-34f6669c]{width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.grid-layout[data-v-34f6669c]{grid-template-columns:repeat(8,40px);grid-template-rows:repeat(8,40px);gap:6px;padding:10px}.grid-unit[data-v-34f6669c]{width:40px;height:40px;border-radius:6px}.unit-label[data-v-34f6669c]{font-size:10px}.unit-edit-icon[data-v-34f6669c]{width:14px;height:14px;bottom:1px;right:1px}.legend[data-v-34f6669c]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}}@media (max-width:576px){.grid-layout[data-v-34f6669c]{grid-template-columns:repeat(4,60px);grid-template-rows:auto}.btn-add-unit[data-v-34f6669c],.grid-layout[data-v-34f6669c]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.btn-add-unit[data-v-34f6669c]{width:100%}}