.datatable-desktop[data-v-7c7e2f16]{width:100%}.datatable-controls[data-v-7c7e2f16]{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.datatable-search[data-v-7c7e2f16]{border:1px solid #e0e0e0;border-radius:4px;padding:.5rem 1rem;width:300px}.action-buttons[data-v-7c7e2f16]{display:flex;gap:.5rem}.overflow-x-auto[data-v-7c7e2f16]{overflow-x:auto}.datatable[data-v-7c7e2f16]{border-collapse:collapse;table-layout:auto;width:100%}.datatable td[data-v-7c7e2f16],.datatable th[data-v-7c7e2f16]{border:1px solid #e0e0e0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.datatable th[data-v-7c7e2f16]{background-color:#f5f5f5;font-weight:600;text-align:left}.datatable th.sortable[data-v-7c7e2f16]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.datatable th.sortable[data-v-7c7e2f16]:hover{background-color:#e8e8e8}.datatable th.asc[data-v-7c7e2f16]:after{content:" ▲";font-size:.8em}.datatable th.desc[data-v-7c7e2f16]:after{content:" ▼";font-size:.8em}.datatable tbody tr[data-v-7c7e2f16]:hover{background-color:#f9f9f9}.cell-clickable[data-v-7c7e2f16],.row-clickable[data-v-7c7e2f16]{cursor:pointer}.alternate-row[data-v-7c7e2f16]{background-color:#f9f9f9}.alternate-column[data-v-7c7e2f16]{background-color:#f5f5f5}.checkbox-column[data-v-7c7e2f16]{text-align:center;width:50px}.actions-column[data-v-7c7e2f16]{text-align:center;width:100px}.no-data[data-v-7c7e2f16]{color:#999;padding:2rem;text-align:center}input[type=checkbox][data-v-7c7e2f16]{cursor:pointer;height:20px;width:20px}.delete-btn[data-v-7c7e2f16],.edit-btn[data-v-7c7e2f16],.view-btn[data-v-7c7e2f16]{background-color:transparent;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.edit-btn[data-v-7c7e2f16]{color:#999}.delete-btn[data-v-7c7e2f16]{color:#e74c3c}.view-btn[data-v-7c7e2f16]{color:#999}.delete-btn[data-v-7c7e2f16]:hover,.edit-btn[data-v-7c7e2f16]:hover,.view-btn[data-v-7c7e2f16]:hover{color:#2980b9}.datatable-pagination[data-v-7c7e2f16]{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.pagination-btn[data-v-7c7e2f16]{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;padding:.5rem 1rem;transition:all .2s}.pagination-btn[data-v-7c7e2f16]:hover:not(:disabled){background-color:#f5f5f5}.pagination-btn[data-v-7c7e2f16]:disabled{cursor:not-allowed;opacity:.5}.pagination-btn.active[data-v-7c7e2f16]{background-color:#3498db;border-color:#3498db;color:#fff}.flex[data-v-7c7e2f16]{display:flex}.space-x-2[data-v-7c7e2f16]>*+*{margin-left:.5rem}.justify-center[data-v-7c7e2f16]{justify-content:center}.py-8[data-v-7c7e2f16]{padding-bottom:2rem;padding-top:2rem}.animate-spin[data-v-7c7e2f16]{animation:spin-7c7e2f16 1s linear infinite}@keyframes spin-7c7e2f16{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.h-8[data-v-7c7e2f16]{height:2rem}.w-8[data-v-7c7e2f16]{width:2rem}.text-blue-500[data-v-7c7e2f16]{color:#3498db}.main-container[data-v-ba32a2c3]{display:flex;flex:1}.content[data-v-ba32a2c3]{flex:1;padding:20px}.delete-btn[data-v-ba32a2c3],.edit-btn[data-v-ba32a2c3],.view-btn[data-v-ba32a2c3]{border:none;border-radius:4px;color:#fff;cursor:pointer;margin-right:4px;padding:6px}.edit-btn[data-v-ba32a2c3]{background-color:#3498db}.delete-btn[data-v-ba32a2c3]{background-color:#e74c3c}.view-btn[data-v-ba32a2c3]{background-color:#2ecc71}.edit-btn[data-v-ba32a2c3]:hover{background-color:#2980b9}.delete-btn[data-v-ba32a2c3]:hover{background-color:#c0392b}.view-btn[data-v-ba32a2c3]:hover{background-color:#27ae60}.edit-dialog-overlay[data-v-ba32a2c3]{align-items:center;background-color:#00000080;display:flex;justify-content:center;inset:0;position:fixed;z-index:1000}.edit-dialog[data-v-ba32a2c3]{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;padding:24px;width:500px}.edit-dialog h2[data-v-ba32a2c3]{color:#2c3e50;font-size:1.5rem;margin-bottom:20px;margin-top:0}.form-group[data-v-ba32a2c3]{margin-bottom:16px}.form-group label[data-v-ba32a2c3]{color:#333;display:block;font-weight:500;margin-bottom:6px}.form-input[data-v-ba32a2c3]{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px;width:100%}.dialog-buttons[data-v-ba32a2c3]{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.cancel-button[data-v-ba32a2c3],.confirm-button[data-v-ba32a2c3],.delete-button[data-v-ba32a2c3]{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.cancel-button[data-v-ba32a2c3]{background-color:#e0e0e0;color:#333}.confirm-button[data-v-ba32a2c3]{background-color:#3498db;color:#fff}.delete-button[data-v-ba32a2c3]{background-color:#e74c3c;color:#fff}.cancel-button[data-v-ba32a2c3]:hover{background-color:#d0d0d0}.confirm-button[data-v-ba32a2c3]:hover{background-color:#2980b9}.delete-button[data-v-ba32a2c3]:hover{background-color:#c0392b}.detail-dialog-overlay[data-v-ba32a2c3]{align-items:center;background-color:#00000080;display:flex;justify-content:center;inset:0;position:fixed;z-index:1000}.detail-dialog[data-v-ba32a2c3]{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:85vh;overflow:auto;position:relative;width:600px}.close-button[data-v-ba32a2c3]{background:none;border:none;color:#999;cursor:pointer;font-size:24px;position:absolute;right:16px;top:16px;z-index:2}.close-button[data-v-ba32a2c3]:hover{color:#333}.detail-header[data-v-ba32a2c3]{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:24px 24px 0}.detail-header h2[data-v-ba32a2c3]{color:#2c3e50;font-size:1.5rem;margin:0}.detail-status[data-v-ba32a2c3]{border-radius:20px;font-size:.8rem;font-weight:600;padding:4px 12px}.detail-status.활성[data-v-ba32a2c3]{background-color:#d4f8e8;color:#2ecc71}.detail-status.비활성[data-v-ba32a2c3]{background-color:#ffe5e5;color:#e74c3c}.detail-status.대기중[data-v-ba32a2c3]{background-color:#f5e3ca;color:#f39c12}.detail-content[data-v-ba32a2c3]{padding:24px}.detail-section[data-v-ba32a2c3]{margin-bottom:24px}.detail-section h3[data-v-ba32a2c3]{border-bottom:1px solid #eee;color:#34495e;font-size:1.1rem;margin:0 0 12px;padding-bottom:8px}.detail-item[data-v-ba32a2c3]{display:flex;margin-bottom:8px}.detail-label[data-v-ba32a2c3]{color:#555;font-weight:600;padding-top:7px;width:80px}.detail-value[data-v-ba32a2c3]{color:#333;flex:1}.detail-memo[data-v-ba32a2c3]{color:#555;line-height:1.5;margin:0}.detail-footer[data-v-ba32a2c3]{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 24px}.detail-close-button[data-v-ba32a2c3],.detail-edit-button[data-v-ba32a2c3]{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px}.detail-edit-button[data-v-ba32a2c3]{background-color:#3498db;color:#fff}.detail-close-button[data-v-ba32a2c3]{background-color:#e0e0e0;color:#333}.detail-edit-button[data-v-ba32a2c3]:hover{background-color:#2980b9}.detail-close-button[data-v-ba32a2c3]:hover{background-color:#d0d0d0}.textarea-container[data-v-ba32a2c3]{box-sizing:border-box;font-family:sans-serif;margin:2rem 0;width:100%}.textarea-container label[data-v-ba32a2c3]{display:block;font-weight:700;margin-bottom:.5rem}.textarea-container textarea[data-v-ba32a2c3]{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:1rem;padding:.5rem;resize:vertical;width:100%}input[type=checkbox][data-v-ba32a2c3]{height:18px;width:18px}.default-checkbox[data-v-ba32a2c3]{-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox;border-radius:0}