[data-v-6450fc47]:root{--primary: #6366f1;--primary-light: #818cf8;--primary-dark: #4f46e5;--surface: #ffffff;--surface-variant: #f3f4f6;--surface-dark: #e5e7eb;--error: #ef4444;--on-primary: #ffffff;--on-surface: #111827;--on-surface-variant: #4b5563;--border: #d1d5db;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--transition: all .2s ease-in-out}[data-v-6450fc47]{margin:0;padding:0;box-sizing:border-box}.main-container[data-v-6450fc47]{display:flex;flex-direction:column;min-height:100vh;max-width:1440px;margin:0 auto;padding:1.5rem;font-family:Roboto,Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif;background-color:#f9fafb;color:var(--on-surface);gap:1.5rem}.error-alert[data-v-6450fc47]{display:flex;align-items:center;gap:.75rem;background-color:var(--error);color:#fff;padding:1rem 1.25rem;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:none}.alert-icon[data-v-6450fc47]{font-size:1.25rem;line-height:1}.alert-content[data-v-6450fc47]{flex:1;font-size:.95rem;font-weight:400}.loading-overlay[data-v-6450fc47]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#ffffffd9;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loading-card[data-v-6450fc47]{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.loading-spinner[data-v-6450fc47]{width:40px;height:40px;border:4px solid var(--surface-variant);border-top:4px solid var(--primary);border-radius:50%;animation:spin-6450fc47 1s linear infinite}@keyframes spin-6450fc47{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text[data-v-6450fc47]{font-size:1rem;color:var(--on-surface-variant);font-weight:500}.page-header[data-v-6450fc47]{display:flex;align-items:center;background:var(--primary);color:var(--on-primary);padding:1.25rem 1.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.header-content[data-v-6450fc47]{display:flex;justify-content:space-between;align-items:center;width:100%;flex-wrap:wrap;gap:1rem}.header-title[data-v-6450fc47]{display:flex;align-items:center;gap:.75rem}.title-icon[data-v-6450fc47]{font-size:1.5rem}.page-header h1[data-v-6450fc47]{font-size:1.5rem;font-weight:600;margin:0;letter-spacing:.5px}.add-btn[data-v-6450fc47]{display:flex;align-items:center;gap:.5rem;background:var(--on-primary);color:var(--primary);border:none;padding:.75rem 1.25rem;border-radius:var(--radius-md);font-size:.95rem;font-weight:500;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm)}.add-btn[data-v-6450fc47]:hover:not(:disabled){background:#f9fafb;box-shadow:var(--shadow-md);transform:translateY(-1px)}.add-btn[data-v-6450fc47]:disabled{background:var(--surface-dark);color:var(--on-surface-variant);cursor:not-allowed;box-shadow:none;opacity:.7}.edit-btn[data-v-6450fc47]{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:var(--primary);color:var(--on-primary);border:none;padding:.5rem .85rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);width:90px;white-space:nowrap}.edit-btn[data-v-6450fc47]:hover:not(:disabled){background:var(--primary-dark);box-shadow:var(--shadow-md)}.edit-btn[data-v-6450fc47]:disabled{background:var(--surface-dark);color:var(--on-surface-variant);cursor:not-allowed;box-shadow:none;opacity:.7}.btn-icon[data-v-6450fc47]{font-size:.9rem;line-height:1}.table-card[data-v-6450fc47]{flex:1;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;display:flex;flex-direction:column}.table-header[data-v-6450fc47]{padding:1rem 1.5rem;border-bottom:1px solid var(--border)}.table-title[data-v-6450fc47]{font-size:1.15rem;font-weight:600;color:var(--on-surface)}.table-scroll[data-v-6450fc47]{overflow-x:auto;max-height:65vh}.data-table[data-v-6450fc47]{width:100%;min-width:800px;border-collapse:collapse}.data-table th[data-v-6450fc47]{position:sticky;top:0;background:var(--surface-variant);z-index:2;padding:1rem;text-align:left;font-weight:600;color:var(--on-surface-variant);white-space:nowrap;font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}.data-table td[data-v-6450fc47]{padding:1rem;border-bottom:1px solid var(--border);font-size:.95rem;color:var(--on-surface);word-break:break-word}.action-cell[data-v-6450fc47]{text-align:center;padding:1rem .5rem!important;vertical-align:middle}.empty-row[data-v-6450fc47]{height:200px}.empty-state[data-v-6450fc47]{text-align:center;padding:3rem 2rem!important;color:var(--on-surface-variant);font-size:1rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.empty-icon[data-v-6450fc47]{font-size:2.5rem;opacity:.5}.empty-text[data-v-6450fc47]{font-weight:500}.empty-hint[data-v-6450fc47]{font-size:.85rem;opacity:.8}.data-row[data-v-6450fc47]{transition:var(--transition)}.data-row:hover td[data-v-6450fc47]{background:var(--surface-variant)}.pagination-wrapper[data-v-6450fc47]{position:sticky;bottom:1rem;z-index:10;text-align:center}.pagination-card[data-v-6450fc47]{display:flex;align-items:center;justify-content:center;gap:1.5rem;background:var(--surface);padding:1rem 2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);max-width:100%;flex-wrap:wrap}.page-btn[data-v-6450fc47]{background:var(--surface);color:var(--primary);border:1px solid var(--primary);padding:.65rem 1.25rem;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition);min-width:120px}.page-btn[data-v-6450fc47]:hover:not(:disabled){background:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-sm)}.page-btn[data-v-6450fc47]:disabled{border-color:var(--border);color:var(--on-surface-variant);cursor:not-allowed;opacity:.7}.page-indicator[data-v-6450fc47]{color:var(--on-surface-variant);font-weight:500;font-size:.9rem;white-space:nowrap}.data-table th[data-v-6450fc47]{position:sticky;top:0;background:var(--surface-variant);z-index:2;padding:1rem;text-align:left;font-weight:600;color:var(--on-surface-variant);white-space:nowrap;font-size:.85rem;letter-spacing:.5px;text-transform:uppercase;vertical-align:middle}.data-table th[data-v-6450fc47]:last-child{text-align:center;width:120px}.modal-overlay[data-v-6450fc47]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#ffffffeb;display:flex;justify-content:center;align-items:center;z-index:100;padding:1rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-card[data-v-6450fc47]{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:550px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:modalFadeIn-6450fc47 .25s ease-out;opacity:1!important}@keyframes modalFadeIn-6450fc47{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header[data-v-6450fc47]{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);background:var(--surface)}.modal-title[data-v-6450fc47]{font-size:1.25rem;font-weight:600;color:var(--on-surface);margin:0}.modal-close[data-v-6450fc47]{background:transparent;border:none;font-size:1.5rem;color:var(--on-surface-variant);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition)}.modal-close[data-v-6450fc47]:hover{background:var(--surface-variant);color:var(--on-surface)}.modal-body[data-v-6450fc47]{padding:1.5rem;flex:1;overflow-y:auto;background:var(--surface)}.form-group[data-v-6450fc47]{margin-bottom:1.25rem}.form-label[data-v-6450fc47]{display:block;margin-bottom:.5rem;font-weight:500;color:var(--on-surface);font-size:.95rem}.form-input[data-v-6450fc47]{width:100%;padding:.85rem 1rem;border:1px solid var(--border);border-radius:var(--radius-md);font-size:.95rem;font-family:inherit;transition:var(--transition);background:var(--surface);color:var(--on-surface)}.form-input[data-v-6450fc47]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #6366f133}.form-input[data-v-6450fc47]:disabled{background:var(--surface-variant);cursor:not-allowed;opacity:.8}.form-input[data-v-6450fc47]::placeholder{color:var(--on-surface-variant);opacity:.7}.form-hint[data-v-6450fc47]{display:block;margin-top:.5rem;color:var(--on-surface-variant);font-size:.85rem}.modal-footer[data-v-6450fc47]{display:flex;justify-content:flex-end;gap:1rem;padding:1rem 1.5rem;border-top:1px solid var(--border);flex-wrap:wrap;background:var(--surface)}.modal-btn[data-v-6450fc47]{padding:.75rem 1.5rem;border-radius:var(--radius-md);font-size:.95rem;font-weight:500;cursor:pointer;transition:var(--transition);border:none}.cancel-btn[data-v-6450fc47]{background:var(--surface-variant);color:var(--on-surface)}.cancel-btn[data-v-6450fc47]:hover:not(:disabled){background:var(--surface-dark)}.save-btn[data-v-6450fc47]{background:var(--primary);color:var(--on-primary)}.save-btn[data-v-6450fc47]:hover:not(:disabled){background:var(--primary-dark);box-shadow:var(--shadow-sm)}.modal-btn[data-v-6450fc47]:disabled{opacity:.7;cursor:not-allowed}.action-buttons-container[data-v-6450fc47]{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.action-buttons[data-v-6450fc47]{display:flex;gap:.5rem;justify-content:center;align-items:center}.delete-btn[data-v-6450fc47]{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:var(--primary);color:var(--on-primary);border:none;padding:.5rem .85rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);width:90px;white-space:nowrap}.delete-btn[data-v-6450fc47]:hover:not(:disabled){background:var(--primary-dark);box-shadow:var(--shadow-md)}.delete-btn[data-v-6450fc47]:disabled{background:var(--surface-dark);color:var(--on-surface-variant);cursor:not-allowed;box-shadow:none;opacity:.7}@media (max-width: 768px){.main-container[data-v-6450fc47]{padding:1rem;gap:1rem}.page-header[data-v-6450fc47]{padding:1rem}.header-content[data-v-6450fc47]{flex-direction:column;align-items:stretch;gap:1rem}.add-btn[data-v-6450fc47]{width:100%;justify-content:center}.table-header[data-v-6450fc47]{padding:.75rem 1rem}.data-table th[data-v-6450fc47],.data-table td[data-v-6450fc47]{padding:.75rem .5rem}.action-cell[data-v-6450fc47]{padding:.75rem 0!important}.edit-btn[data-v-6450fc47]{width:80px;padding:.4rem .6rem;font-size:.8rem}.pagination-card[data-v-6450fc47]{padding:1rem;gap:1rem;width:100%}.page-btn[data-v-6450fc47]{flex:1;min-width:unset;width:100%}.page-indicator[data-v-6450fc47]{width:100%;text-align:center}.data-table[data-v-6450fc47]{min-width:100%}.data-table th[data-v-6450fc47]{display:none}.data-table td[data-v-6450fc47]{display:block;text-align:right;padding-left:40%;position:relative}.data-table td[data-v-6450fc47]:before{content:attr(data-label);position:absolute;left:.5rem;width:calc(40% - .5rem);text-align:left;font-weight:500;color:var(--on-surface-variant);font-size:.85rem}.modal-card[data-v-6450fc47]{max-width:95%}.modal-header[data-v-6450fc47],.modal-body[data-v-6450fc47]{padding:1rem}.modal-footer[data-v-6450fc47]{padding:1rem;justify-content:stretch}.modal-btn[data-v-6450fc47]{flex:1;width:100%}.action-buttons[data-v-6450fc47]{flex-direction:column;gap:.3rem}.delete-btn[data-v-6450fc47]{width:80px;padding:.4rem .6rem;font-size:.8rem}}@media (max-width: 480px){.page-header h1[data-v-6450fc47]{font-size:1.25rem}.edit-btn[data-v-6450fc47]{width:70px;font-size:.75rem;gap:.2rem}.btn-icon[data-v-6450fc47]{font-size:.8rem}.delete-btn[data-v-6450fc47]{width:70px;font-size:.75rem;gap:.2rem}}