@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--primary-color: #007bff;--primary-hover: #0056b3;--secondary-color: #6c757d;--secondary-hover: #5a6268;--danger-color: #dc3545;--danger-hover: #c82333;--light-gray: #f8f9fa;--gray: #dee2e6;--dark-gray: #343a40;--text-color: #212529;--border-radius: .375rem;--shadow: 0 4px 6px rgba(0, 0, 0, .1)}body{font-family:Inter,sans-serif;background-color:var(--light-gray);color:var(--text-color);margin:0;padding:2rem}#app-container{max-width:1400px;margin:0 auto;padding:2rem;background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow)}.loading-overlay{position:fixed;inset:0;background-color:#fffc;display:flex;justify-content:center;align-items:center;z-index:200}.spinner{border:4px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-left-color:var(--primary-color);animation:spin 1s ease infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-header{text-align:center;margin-bottom:2rem}.app-header h1{color:var(--dark-gray)}.toolbar{margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.data-form{border:1px solid var(--gray);padding:1.5rem;margin-bottom:1.5rem;border-radius:var(--border-radius);background-color:#fff}.data-form h3{margin-top:0;margin-bottom:1.5rem}.form-grid{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.25rem;flex-grow:1}.form-group textarea{width:100%;min-height:80px}.form-buttons{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.5rem}.search-input,input[type=text],input[type=tel],input[type=number],input[type=date],textarea{padding:.6rem .8rem;border:1px solid #e0e0e0;border-radius:var(--border-radius);font-size:1rem;transition:border-color .2s,box-shadow .2s;font-family:inherit}.search-input{width:450px}.search-input:focus,input:focus,textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff40;outline:none}input.input-error,textarea.input-error{border-color:var(--danger-color)}input[readonly]{background-color:var(--light-gray)}.form-error{color:var(--danger-color);font-size:.875rem;height:1rem}.btn{padding:.75rem 1.25rem;border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s,transform .1s}.btn:disabled{background-color:var(--secondary-color);cursor:not-allowed;opacity:.65}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover)}.btn-secondary{background-color:var(--secondary-color);color:#fff}.btn-secondary:hover{background-color:var(--secondary-hover)}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-danger:hover{background-color:var(--danger-hover)}.link-button{background:none;border:none;color:var(--primary-color);text-decoration:underline;cursor:pointer;padding:0}.link-button-danger{background:none;border:none;color:var(--danger-color);text-decoration:underline;cursor:pointer;padding:0;margin-left:.5rem}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse}thead{background-color:var(--light-gray)}th,td{padding:1rem;text-align:left;border-bottom:1px solid var(--gray)}th{font-weight:600}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{background-color:#e9ecef}body tr:hover{background-color:#f1f3f5}.action-buttons{display:flex;gap:.5rem}.no-results,.no-record{text-align:center;color:var(--secondary-color);padding:2rem}.pagination-controls{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;flex-wrap:wrap;gap:1rem}.pagination-controls select{padding:.5rem;border-radius:var(--border-radius);border:1px solid #e0e0e0}.pagination-controls div{display:flex;gap:.5rem}.pagination-controls .btn:disabled{background-color:var(--gray)}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:100}.modal-content{background-color:#fff;padding:0;border-radius:var(--border-radius);min-width:600px;max-width:90%;box-shadow:0 8px 30px #0003;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--gray)}.modal-header h3{margin:0}.close-button{background:none;border:none;font-size:2rem;cursor:pointer;color:var(--secondary-color)}.modal-body{padding:1.5rem;max-height:60vh;overflow-y:auto}.record-list-modal li{display:flex;flex-direction:column;padding:1rem 0;border-bottom:1px solid #f1f3f5}.record-item{display:flex;justify-content:space-between;align-items:center}.record-form,.record-form-inline{border:1px solid var(--gray);padding:1rem;margin-top:1rem;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.btn-full-width{width:100%;margin-bottom:1rem}.record-form-buttons{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem}