*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif;line-height:1.6;color:#333;background-color:#f5f5f5}.header{background-color:#1a6f9c;color:#fff;padding:1rem 0;box-shadow:0 2px 4px rgba(0,0,0,.1)}.header-content{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center}.title{font-size:1.5rem}.nav{display:flex;gap:1.5rem}.nav-link{color:#fff;text-decoration:none;font-weight:500;transition:opacity .2s}.nav-link:hover{opacity:.8}.logout{cursor:pointer}.main-content{max-width:1200px;margin:0 auto;padding:2rem 1rem;position:relative;min-height:calc(100vh - 64px)}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,100%,.7);display:flex;justify-content:center;align-items:center;z-index:1000}.loader{border:5px solid #f3f3f3;border-top:5px solid #1a6f9c;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{background-color:#f8d7da;color:#721c24;padding:1rem;border-radius:4px;margin-bottom:1rem}.home[data-v-51931e7f]{padding:1rem 0}.page-title[data-v-51931e7f]{margin-bottom:2rem;color:#333}.dashboard[data-v-51931e7f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.dashboard-card[data-v-51931e7f]{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:1.5rem;display:flex;flex-direction:column}.card-title[data-v-51931e7f]{margin-bottom:1rem;color:#1a6f9c}.card-text[data-v-51931e7f]{margin-bottom:1rem;flex:1}.card-actions[data-v-51931e7f]{margin-top:auto}.action-button[data-v-51931e7f]{display:inline-block;background-color:#1a6f9c;color:#fff;padding:.5rem 1rem;border-radius:4px;text-decoration:none;font-weight:500;transition:background-color .2s}.action-button[data-v-51931e7f]:hover{background-color:#155a80}.quick-links[data-v-51931e7f]{list-style:none}.quick-links li[data-v-51931e7f]{margin-bottom:.75rem}.quick-link[data-v-51931e7f]{display:flex;align-items:center;color:#1a6f9c;text-decoration:none;font-weight:500;transition:color .2s}.quick-link[data-v-51931e7f]:hover{color:#155a80}.quick-link-icon[data-v-51931e7f]{margin-right:.75rem;font-size:1.25rem}.info-section[data-v-51931e7f]{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:1.5rem;margin-top:2rem}.section-title[data-v-51931e7f]{margin-bottom:1rem;color:#1a6f9c}.info-content p[data-v-51931e7f]{margin-bottom:1rem}.info-content ul[data-v-51931e7f]{padding-left:1.5rem;margin-bottom:1rem}.info-content li[data-v-51931e7f]{margin-bottom:.5rem}.login-container[data-v-7d17130a]{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5}.login-card[data-v-7d17130a]{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:2rem;width:100%;max-width:400px}.login-title[data-v-7d17130a]{color:#1a6f9c;text-align:center;margin-bottom:.5rem}.login-subtitle[data-v-7d17130a]{color:#555;text-align:center;font-weight:400;margin-bottom:1.5rem}.login-error[data-v-7d17130a]{background-color:#f8d7da;color:#721c24;padding:.75rem;border-radius:4px;margin-bottom:1rem}.login-form[data-v-7d17130a]{display:flex;flex-direction:column}.form-group[data-v-7d17130a]{margin-bottom:1rem}.form-group label[data-v-7d17130a]{display:block;margin-bottom:.5rem;font-weight:500}.form-control[data-v-7d17130a]{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.login-button[data-v-7d17130a]{background-color:#1a6f9c;color:#fff;border:none;border-radius:4px;padding:.75rem;font-size:1rem;cursor:pointer;margin-top:1rem;transition:background-color .2s}.login-button[data-v-7d17130a]:hover:not(:disabled){background-color:#155a80}.login-button[data-v-7d17130a]:disabled{background-color:#8ab5c9;cursor:not-allowed}.patient-list[data-v-5e698046]{padding:1rem 0}.list-header[data-v-5e698046]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.page-title[data-v-5e698046]{margin:0}.header-actions[data-v-5e698046]{display:flex;gap:1rem}.add-button[data-v-5e698046]{background-color:#1a6f9c;color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;cursor:pointer;font-weight:500;transition:background-color .2s}.add-button[data-v-5e698046]:hover{background-color:#155a80}.search-box[data-v-5e698046]{position:relative}.search-input[data-v-5e698046]{padding:.5rem;border:1px solid #ddd;border-radius:4px;width:250px}.error-banner[data-v-5e698046]{background-color:#fee;border:1px solid #fcc;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.error-content h3[data-v-5e698046]{margin:0 0 .5rem 0;color:#c33}.error-content p[data-v-5e698046]{margin:0 0 1rem 0;color:#666}.error-actions[data-v-5e698046]{display:flex;gap:.5rem}.auth-button[data-v-5e698046],.retry-button[data-v-5e698046]{padding:.5rem 1rem;border-radius:4px;border:none;cursor:pointer;font-size:.875rem;transition:background-color .2s}.retry-button[data-v-5e698046]{background-color:#1a6f9c;color:#fff}.retry-button[data-v-5e698046]:hover{background-color:#155a80}.auth-button[data-v-5e698046]{background-color:#6c757d;color:#fff}.auth-button[data-v-5e698046]:hover{background-color:#5a6268}.table-container[data-v-5e698046]{overflow-x:auto;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.patient-table[data-v-5e698046]{width:100%;border-collapse:collapse}.patient-table td[data-v-5e698046],.patient-table th[data-v-5e698046]{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #eee}.patient-table th[data-v-5e698046]{background-color:#f8f9fa;font-weight:600}.patient-row[data-v-5e698046]:hover{background-color:#f8f9fa}.text-center[data-v-5e698046]{text-align:center}.loading-content[data-v-5e698046]{display:flex;align-items:center;justify-content:center;gap:.5rem}.loading-spinner[data-v-5e698046]{width:16px;height:16px;border:2px solid #ddd;border-top:2px solid #1a6f9c;border-radius:50%;animation:spin-5e698046 1s linear infinite}@keyframes spin-5e698046{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.empty-content[data-v-5e698046]{padding:1rem}.reload-button[data-v-5e698046]{margin-top:.5rem;padding:.25rem .5rem;background-color:#1a6f9c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem}.actions-cell[data-v-5e698046]{display:flex;gap:.5rem}.action-button[data-v-5e698046]{padding:.25rem .5rem;border-radius:4px;text-decoration:none;font-size:.875rem;color:#fff;background-color:#1a6f9c;border:none;cursor:pointer;transition:background-color .2s}.action-button[data-v-5e698046]:hover{background-color:#155a80}.action-button.edit[data-v-5e698046]{background-color:#6c757d}.action-button.edit[data-v-5e698046]:hover{background-color:#5a6268}.pagination[data-v-5e698046]{display:flex;justify-content:center;align-items:center;margin-top:1.5rem;gap:1rem}.pagination-button[data-v-5e698046]{padding:.5rem 1rem;border:1px solid #ddd;background-color:#fff;border-radius:4px;cursor:pointer;transition:background-color .2s}.pagination-button[data-v-5e698046]:hover:not(:disabled){background-color:#f8f9fa}.pagination-button[data-v-5e698046]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-5e698046]{color:#6c757d}.modal[data-v-5e698046]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-5e698046]{background-color:#fff;border-radius:8px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 8px rgba(0,0,0,.1)}.modal-header[data-v-5e698046]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #eee}.modal-header h2[data-v-5e698046]{margin:0;font-size:1.25rem}.close-button[data-v-5e698046]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6c757d}.modal-body[data-v-5e698046]{padding:1.5rem}.modal-footer[data-v-5e698046]{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem}.form-group[data-v-5e698046]{margin-bottom:1rem}.form-group label[data-v-5e698046]{display:block;margin-bottom:.5rem;font-weight:500}.form-control[data-v-5e698046]{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.checkbox-group[data-v-5e698046]{display:flex;gap:1.5rem}.checkbox-label[data-v-5e698046]{display:flex;align-items:center;gap:.5rem;cursor:pointer}.cancel-button[data-v-5e698046]{padding:.5rem 1rem;border:1px solid #ddd;background-color:#fff;border-radius:4px;cursor:pointer}.submit-button[data-v-5e698046]{padding:.5rem 1rem;background-color:#1a6f9c;color:#fff;border:none;border-radius:4px;cursor:pointer}.submit-button[data-v-5e698046]:hover:not(:disabled){background-color:#155a80}.submit-button[data-v-5e698046]:disabled{opacity:.5;cursor:not-allowed}.patient-labeling[data-v-5e4521d2]{padding:1rem 0}.patient-header[data-v-5e4521d2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:1.5rem}.patient-info[data-v-5e4521d2]{flex:1}.patient-name[data-v-5e4521d2]{margin:0 0 .5rem 0;color:#1a6f9c}.patient-details[data-v-5e4521d2]{display:flex;flex-wrap:wrap;gap:1.5rem}.detail-item[data-v-5e4521d2]{display:flex;align-items:center}.detail-label[data-v-5e4521d2]{margin-right:.5rem;color:#666}.header-actions[data-v-5e4521d2]{display:flex;gap:1rem}.loading-container[data-v-5e4521d2]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem}.loader[data-v-5e4521d2]{border:5px solid #f3f3f3;border-top:5px solid #1a6f9c;border-radius:50%;width:50px;height:50px;animation:spin-5e4521d2 1s linear infinite;margin-bottom:1rem}@keyframes spin-5e4521d2{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message[data-v-5e4521d2]{background-color:#f8d7da;color:#721c24;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.labeling-content[data-v-5e4521d2]{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);overflow:hidden}.tabs[data-v-5e4521d2]{display:flex;background-color:#f8f9fa;border-bottom:1px solid #ddd}.tab-button[data-v-5e4521d2]{padding:1rem 1.5rem;background:none;border:none;cursor:pointer;font-size:1rem;font-weight:500;color:#666;transition:all .2s}.tab-button[data-v-5e4521d2]:hover{background-color:#e9ecef}.tab-button.active[data-v-5e4521d2]{color:#1a6f9c;border-bottom:2px solid #1a6f9c;background-color:#fff}.tab-content[data-v-5e4521d2]{padding:1.5rem}.empty-state[data-v-5e4521d2]{padding:3rem;text-align:center;color:#666}.image-grid[data-v-5e4521d2]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.image-card[data-v-5e4521d2]{background-color:#f8f9fa;box-shadow:0 1px 3px rgba(0,0,0,.1);cursor:pointer}.image-thumbnail[data-v-5e4521d2]{height:150px;background-color:#eee}.thumbnail[data-v-5e4521d2]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.image-loading[data-v-5e4521d2],.thumbnail-loading[data-v-5e4521d2]{display:flex;justify-content:center;align-items:center;background-color:#f5f5f5;width:100%;height:100%;min-height:150px}.loading-spinner[data-v-5e4521d2]{border:3px solid #f3f3f3;border-top:3px solid #1a6f9c;border-radius:50%;width:30px;height:30px;animation:spin-5e4521d2 1s linear infinite}.image-info[data-v-5e4521d2]{padding:.75rem}.image-type[data-v-5e4521d2]{font-weight:500;margin-bottom:.25rem}.measurement-actions[data-v-5e4521d2]{display:flex;justify-content:space-between;margin-bottom:1.5rem}.filter-dropdown select[data-v-5e4521d2]{padding:.5rem;border:1px solid #ddd;border-radius:4px;background-color:#fff}.measurements-table[data-v-5e4521d2]{width:100%;border-collapse:collapse}.measurements-table td[data-v-5e4521d2],.measurements-table th[data-v-5e4521d2]{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #eee}.measurements-table th[data-v-5e4521d2]{background-color:#f8f9fa;font-weight:600}.action-button[data-v-5e4521d2]{background-color:#1a6f9c;color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;cursor:pointer;font-weight:500;transition:background-color .2s;text-decoration:none;display:inline-block}.action-button[data-v-5e4521d2]:hover{background-color:#155a80}.action-button.small[data-v-5e4521d2]{padding:.25rem .5rem;font-size:.875rem}.action-button.delete[data-v-5e4521d2]{background-color:#dc3545}.action-button.delete[data-v-5e4521d2]:hover{background-color:#c82333}.action-button.primary[data-v-5e4521d2]{background-color:#28a745}.action-button.primary[data-v-5e4521d2]:hover{background-color:#218838}.actions-cell[data-v-5e4521d2]{display:flex;gap:.5rem}.patient-form[data-v-5e4521d2]{max-width:800px}.form-row[data-v-5e4521d2]{display:flex;gap:1.5rem;margin-bottom:1.5rem}.form-group[data-v-5e4521d2]{flex:1}.form-group.full-width[data-v-5e4521d2]{flex:0 0 100%}.form-group label[data-v-5e4521d2]{display:block;margin-bottom:.5rem;font-weight:500}.form-control[data-v-5e4521d2]{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .2s}.form-control[data-v-5e4521d2]:focus{border-color:#1a6f9c;outline:none}.checkbox-group[data-v-5e4521d2]{display:flex;gap:1.5rem}.checkbox-label[data-v-5e4521d2]{display:flex;align-items:center;gap:.5rem;cursor:pointer}.form-actions[data-v-5e4521d2]{margin-top:2rem}.file-input[data-v-5e4521d2]{padding:.5rem 0}.modal[data-v-5e4521d2]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-5e4521d2]{background-color:#fff;border-radius:8px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 8px rgba(0,0,0,.1)}.modal-content.large[data-v-5e4521d2]{max-width:800px}.modal-header[data-v-5e4521d2]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #eee}.modal-header h2[data-v-5e4521d2]{margin:0;font-size:1.25rem}.close-button[data-v-5e4521d2]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6c757d}.modal-body[data-v-5e4521d2]{padding:1.5rem}.modal-footer[data-v-5e4521d2]{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem}.cancel-button[data-v-5e4521d2]{padding:.5rem 1rem;border:1px solid #ddd;background-color:#fff;border-radius:4px;cursor:pointer}.submit-button[data-v-5e4521d2]{padding:.5rem 1rem;background-color:#1a6f9c;color:#fff;border:none;border-radius:4px;cursor:pointer}.submit-button[data-v-5e4521d2]:hover{background-color:#155a80}.submit-button[data-v-5e4521d2]:disabled{background-color:#8ab5c9;cursor:not-allowed}.image-viewer[data-v-5e4521d2]{display:flex;flex-direction:column;align-items:center}.full-image[data-v-5e4521d2]{max-width:100%;max-height:60vh;margin-bottom:1.5rem}.image-metadata[data-v-5e4521d2]{width:100%;background-color:#f8f9fa;padding:1rem;border-radius:8px}.metadata-item[data-v-5e4521d2]{margin-bottom:.5rem}.metadata-label[data-v-5e4521d2]{font-weight:500;margin-right:.5rem}@media (max-width:768px){.form-row[data-v-5e4521d2]{flex-direction:column;gap:1rem}.patient-header[data-v-5e4521d2]{flex-direction:column;align-items:flex-start}.header-actions[data-v-5e4521d2]{margin-top:1rem}.tabs[data-v-5e4521d2]{overflow-x:auto}}.image-selector[data-v-5e4521d2]{display:flex;flex-direction:column}.image-preview-container[data-v-5e4521d2]{margin-top:1rem;padding:.5rem;border:1px solid #ddd;border-radius:4px;background-color:#f8f9fa;display:flex;justify-content:center}.image-preview[data-v-5e4521d2]{max-width:100%;max-height:150px;-o-object-fit:contain;object-fit:contain}.mini-thumbnail[data-v-5e4521d2]:hover{box-shadow:0 0 0 2px #1a6f9c}.image-info[data-v-5e4521d2]{font-size:.875rem}.details-grid[data-v-5e4521d2]{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.measurement-details[data-v-5e4521d2]{display:flex;flex-direction:column;gap:.5rem}.associated-image[data-v-5e4521d2]{display:flex;flex-direction:column;align-items:center}.image-container[data-v-5e4521d2]{width:100%}.measurement-details-grid[data-v-5e4521d2]{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.measurement-info[data-v-5e4521d2]{display:flex;flex-direction:column;gap:.75rem}.measurement-detail[data-v-5e4521d2]{display:flex;flex-direction:column;margin-bottom:.5rem}.detail-label[data-v-5e4521d2]{font-weight:500;color:#555;margin-bottom:.25rem}.detail-value[data-v-5e4521d2]{color:#333}.component-values[data-v-5e4521d2]{margin-top:1rem;padding-top:1rem;border-top:1px solid #eee}.measurement-image[data-v-5e4521d2]{display:flex;flex-direction:column}.image-container[data-v-5e4521d2]{background-color:#f5f5f5;border-radius:4px;padding:.5rem;display:flex;justify-content:center;align-items:center;min-height:200px}.detail-image[data-v-5e4521d2]{max-width:100%;max-height:300px;-o-object-fit:contain;object-fit:contain}.mini-thumbnail[data-v-5e4521d2]{width:40px;height:40px;-o-object-fit:cover;object-fit:cover;border-radius:4px;cursor:pointer}.measurement-image-preview[data-v-5e4521d2]{display:flex;align-items:center;gap:.5rem;cursor:pointer}.image-info[data-v-5e4521d2]{font-size:.75rem;color:#555}.image-grid[data-v-5e4521d2]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.image-card[data-v-5e4521d2]{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);overflow:hidden;transition:transform .2s}.image-card[data-v-5e4521d2]:hover{transform:translateY(-5px)}.image-thumbnail[data-v-5e4521d2]{height:200px;display:flex;align-items:center;justify-content:center;background-color:#f8f9fa;cursor:pointer;overflow:hidden}.image-info[data-v-5e4521d2]{padding:1rem}.image-type[data-v-5e4521d2]{font-weight:600;margin-bottom:.5rem;color:#1a6f9c}.image-date[data-v-5e4521d2],.image-stage[data-v-5e4521d2]{font-size:.875rem;color:#666;margin-bottom:.5rem}.edit-metadata-button[data-v-5e4521d2]{margin-top:.5rem;background-color:#6c757d;color:#fff;border:none;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;cursor:pointer;transition:background-color .2s}.edit-metadata-button[data-v-5e4521d2]:hover{background-color:#5a6268}