.App{min-height:100vh;background-color:#f5f5f5}.main-content{flex:1}.header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:0;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100}.header-container{max-width:1200px;margin:0 auto;padding:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.header-title{font-size:28px;font-weight:700;margin:0;flex:1;min-width:300px}.nav{display:flex;gap:20px;flex-wrap:wrap}.nav-link{color:#fff;text-decoration:none;font-size:16px;padding:8px 12px;border-radius:4px;transition:background-color .3s}.nav-link:hover{background-color:#fff3}@media (max-width: 768px){.header-container{flex-direction:column;align-items:stretch}.header-title{font-size:24px}.nav{justify-content:space-around}}.home-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:calc(100vh - 80px);padding:40px 20px;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.home-hero{text-align:center;color:#fff;margin-bottom:50px;animation:slideDown .6s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.home-hero h1{font-size:42px;margin:0 0 15px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.home-hero p{font-size:18px;margin:0;opacity:.95}.home-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-bottom:60px;max-width:1000px;margin-left:auto;margin-right:auto}.action-card{background:#fff;border-radius:12px;padding:40px 20px;text-align:center;cursor:pointer;border:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;align-items:center}.action-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #0003}.action-card:active{transform:translateY(-2px)}.card-icon{font-size:60px;margin-bottom:15px;display:block}.card-title{font-size:20px;font-weight:600;color:#333;margin:15px 0}.card-description{font-size:14px;color:#666;margin:0;line-height:1.5}.home-info{background:#fff;border-radius:12px;padding:40px;margin-bottom:40px;max-width:1000px;margin-left:auto;margin-right:auto;box-shadow:0 4px 20px #0000001a}.home-info h2{color:#333;font-size:28px;margin:0 0 30px;padding-bottom:15px;border-bottom:3px solid #667eea}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.step{display:flex;gap:15px;padding:20px;background:#f8f9ff;border-radius:8px;border-left:4px solid #667eea;transition:all .3s}.step:hover{background:#f0f4ff;transform:translate(5px)}.step-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;font-weight:700;font-size:18px;flex-shrink:0}.step-content{text-align:left}.step-content h3{color:#333;margin:0 0 8px;font-size:16px}.step-content p{color:#666;margin:0;font-size:13px;line-height:1.5}.home-features{background:#fff;border-radius:12px;padding:40px;max-width:1000px;margin:0 auto;box-shadow:0 4px 20px #0000001a}.home-features h2{color:#333;font-size:28px;margin:0 0 30px;padding-bottom:15px;border-bottom:3px solid #667eea}.features-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.features-list li{padding:12px 15px;background:#f8f9ff;border-radius:6px;color:#333;font-size:14px;border-left:3px solid #667eea;transition:all .3s}.features-list li:hover{background:#f0f4ff;transform:translate(5px)}@media (max-width: 768px){.home-page{padding:20px 15px}.home-hero h1{font-size:28px}.home-hero p{font-size:16px}.home-actions{grid-template-columns:1fr;gap:15px;margin-bottom:40px}.action-card{padding:30px 15px}.card-icon{font-size:48px}.home-info,.home-features{padding:20px}.home-info h2,.home-features h2{font-size:22px}.steps{grid-template-columns:1fr}.step{gap:12px;padding:15px}.features-list{grid-template-columns:1fr}}.main-examination-sheet{background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 8px #0000001a;max-width:1200px;margin:0 auto}.sheet-header{text-align:center;margin-bottom:40px;border-bottom:3px solid #333;padding-bottom:20px}.sheet-header h2{color:#333;font-size:24px;font-weight:700;margin-bottom:10px}.header-subtitle{color:#666;font-size:13px;margin:0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.form-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.form-grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.form-group input,.form-group select,.form-group textarea{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:inherit;transition:border-color .3s}.form-group textarea{resize:vertical;min-height:80px}.disabled-field{background-color:#f5f5f5;cursor:not-allowed}.sheet-section{margin-bottom:40px;padding-bottom:30px;border-bottom:2px solid #eee}.sheet-section h3{color:#fff;background-color:#667eea;padding:12px 15px;font-size:16px;margin:-30px -30px 20px;border-radius:4px 4px 0 0}.sheet-section h4{color:#667eea;font-size:15px;margin:20px 0 15px;padding:10px 0;border-bottom:2px solid #f0f0f0}.screening-questions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.checkbox-group{display:flex;align-items:center;gap:10px}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-group label{margin:0;cursor:pointer;font-weight:500;color:#333;font-size:14px}.physical-exam-details{margin-top:30px;padding-top:20px;border-top:1px solid #eee}.lab-tests-container{background:#f9f9f9;padding:20px;border-radius:4px}.lab-section{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #ddd}.lab-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.test-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:20px}.test-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:4px;border-left:4px solid #667eea}.test-item span:first-child{font-weight:600;color:#333}.count{background-color:#667eea;color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.btn-add-test{padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;margin:15px 0;transition:background-color .3s}.btn-add-test:hover{background-color:#45a049}.xray-tests-list{background:#f9f9f9;padding:15px;border-radius:4px;margin-top:15px;border-left:4px solid #667eea}.xray-test-item{background:#fff;padding:15px;border:1px solid #ddd;border-radius:4px;margin-bottom:15px}.xray-test-item:last-child{margin-bottom:0}.test-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #eee}.test-header h5{margin:0;color:#667eea;font-size:15px}.btn-delete-test{padding:6px 12px;background-color:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.btn-delete-test:hover{background-color:#d32f2f}.no-tests{padding:20px;text-align:center;color:#999;background:#f9f9f9;border-radius:4px;margin-top:15px}.xray-section-actions{display:flex;gap:10px;justify-content:center;margin-top:20px;padding-top:20px;border-top:1px solid #ddd}.btn-save-xray{padding:10px 25px;background-color:#ff9800;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.btn-save-xray:hover{background-color:#f57c00;transform:translateY(-2px);box-shadow:0 4px 12px #ff980066}.btn-save-xray:active{transform:translateY(0)}.sheet-actions{display:flex;gap:10px;justify-content:center;margin-top:40px;padding-top:20px;border-top:2px solid #eee}.btn-save{padding:12px 30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .3s,box-shadow .3s}.btn-save:active{transform:translateY(0)}@media (max-width: 1024px){.main-examination-sheet{padding:20px}.form-grid-3{grid-template-columns:repeat(2,1fr)}.sheet-section h3{margin:-20px -20px 20px}}@media (max-width: 768px){.main-examination-sheet{padding:15px}.form-grid,.form-grid-2,.form-grid-3{grid-template-columns:1fr}.sheet-section h3{font-size:15px;margin:-15px -15px 15px}.screening-questions{grid-template-columns:1fr}.sheet-header h2{font-size:20px}}.examination-menu-container{background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 8px #0000001a}.menu-header{margin-bottom:40px;position:relative}.menu-header .btn-back{padding:10px 20px;background-color:#666;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;margin-bottom:20px;transition:background-color .3s}.menu-header .btn-back:hover{background-color:#444}.menu-header h2{color:#333;font-size:28px;margin:15px 0}.patient-info{color:#666;font-size:16px;margin:10px 0 0}.patient-info strong{color:#667eea;font-size:18px}.examination-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.examination-card{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:2px solid #667eea;border-radius:8px;padding:25px;text-align:center;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center}.examination-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #667eea4d;border-color:#764ba2}.exam-icon{font-size:48px;margin-bottom:15px}.examination-card h3{color:#333;font-size:18px;margin:0 0 10px}.examination-card p{color:#666;font-size:13px;margin:0 0 15px;line-height:1.4}.btn-open{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:transform .3s}.btn-open:hover{transform:scale(1.05)}.menu-instructions{background:#f0f4ff;border-left:4px solid #667eea;padding:20px;border-radius:4px}.menu-instructions h4{color:#667eea;margin-top:0;font-size:16px}.menu-instructions ul{color:#333;padding-left:20px;margin:10px 0 0}.menu-instructions li{margin-bottom:8px;font-size:14px;line-height:1.5}@media (max-width: 768px){.examination-menu-container{padding:20px}.menu-header h2{font-size:22px}.examination-grid{grid-template-columns:1fr}.exam-icon{font-size:40px}.examination-card h3{font-size:16px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:900px;width:95%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}.modal-header{padding:30px;border-bottom:2px solid #f0f0f0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modal-title-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-title-section h2{margin:0;font-size:24px;font-weight:700}.btn-close{background:#ffffff4d;border:1px solid rgba(255,255,255,.5);color:#fff;font-size:20px;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.btn-close:hover{background:#ffffff80;transform:scale(1.05)}.patient-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.summary-item{display:flex;flex-direction:column;gap:5px}.summary-item .label{font-size:12px;font-weight:700;opacity:.8}.summary-item .value{font-size:14px;font-weight:600;word-break:break-word}.status-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;width:fit-content}.status-badge.status-pending{background:#f1c40f4d;color:#c0392b}.status-badge.status-in-progress{background:#3498db4d;color:#2c3e50}.status-badge.status-completed{background:#27ae604d;color:#27ae60}.modal-progress{padding:20px 30px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.progress-bar-container{display:flex;flex-direction:column;gap:10px}.progress-label{font-size:14px;color:#666;font-weight:500}.progress-bar{width:100%;height:24px;background:#e9ecef;border-radius:12px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#27ae60,#2ecc71);transition:width .5s ease;display:flex;align-items:center;justify-content:flex-end;padding-right:10px;color:#fff;font-weight:700;font-size:12px}.modal-body{padding:30px}.examinations-list{display:flex;flex-direction:column;gap:12px}.exam-item{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border:1px solid #ddd;border-radius:8px;transition:all .3s ease}.exam-item.completed{background:#f0fdf4;border-color:#bbf7d0}.exam-item.pending{background:#fef3c7;border-color:#fcd34d}.exam-item:hover{transform:translate(5px);box-shadow:0 2px 8px #0000001a}.exam-info{flex:1;display:flex;flex-direction:column;gap:5px}.exam-name{font-size:16px;font-weight:600;color:#333}.exam-details{font-size:13px;color:#666}.exam-status{margin-left:20px}.status-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}.status-icon.completed{background:#27ae60;color:#fff}.status-icon.completed .check-mark{animation:slideIn .5s ease-out}@keyframes slideIn{0%{transform:scale(0)}to{transform:scale(1)}}.status-icon.pending{background:#f39c12;color:#fff}.pending-mark{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.modal-footer{padding:20px 30px;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;gap:10px}.btn-close-modal{padding:10px 24px;background:#6c757d;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:14px}.btn-close-modal:hover{background:#5a6268;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@media (max-width: 768px){.modal-content{max-height:95vh;width:98%}.modal-header{padding:20px}.patient-summary{grid-template-columns:1fr}.modal-title-section{flex-direction:column;align-items:flex-start;gap:15px}.btn-close{align-self:flex-end}.exam-item{flex-direction:column;align-items:flex-start;gap:10px}.exam-status{margin-left:0;align-self:flex-end}.modal-body{padding:20px}.modal-footer{padding:15px 20px;justify-content:center}}.patient-list-page{background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 8px #0000001a}.patient-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.patient-list-page h2{color:#333;font-size:28px;margin:0}.patient-count{color:#666;font-size:14px;margin:0}.patient-list-actions{margin-bottom:30px;display:flex;gap:10px;flex-wrap:wrap}.btn-new-examination{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .3s,box-shadow .3s}.btn-new-examination:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-scan{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .3s,box-shadow .3s}.btn-scan:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.search-container{display:flex;gap:10px;margin-bottom:25px;position:relative}.search-input{flex:1;padding:12px 16px;border:2px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s}.btn-clear-search{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#999;cursor:pointer;font-size:18px;padding:5px;transition:color .3s}.btn-clear-search:hover{color:#333}.scanner-container{background:#f9f9f9;border-radius:8px;padding:20px;margin-bottom:30px;position:relative}.btn-close-scanner{position:absolute;top:10px;right:10px;padding:8px 16px;background-color:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600}.btn-close-scanner:hover{background-color:#d32f2f}.patient-list-table{overflow-x:auto;margin-bottom:30px}table{width:100%;border-collapse:collapse;background:#fff}table thead{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}table th{padding:15px;text-align:left;font-weight:600;color:#333;font-size:14px}table td{padding:15px;border-bottom:1px solid #dee2e6;font-size:14px}table tbody tr:hover{background-color:#f8f9fa}.insurance-number{font-weight:600;color:#667eea;font-family:Courier New,monospace}.insurance-number.clickable{cursor:pointer;padding:8px 12px;border-radius:4px;transition:all .3s ease;position:relative}.insurance-number.clickable:hover{background:#f0f0f0;transform:scale(1.05);box-shadow:0 2px 8px #667eea4d}.patient-name{font-weight:500;color:#333}.patient-name.clickable{cursor:pointer;padding:8px 12px;border-radius:4px;transition:all .3s ease;color:#667eea}.patient-name.clickable:hover{background:#f0f0f0;transform:scale(1.05);box-shadow:0 2px 8px #667eea4d;font-weight:600}.status-badge{display:inline-block;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:600;white-space:nowrap}.status-badge.status-pending{background-color:#fff3cd;color:#856404}.status-badge.status-in-progress{background-color:#cfe2ff;color:#084298}.status-badge.status-completed{background-color:#d1e7dd;color:#0f5132}.actions{display:flex;gap:5px;justify-content:center}.btn-edit{padding:8px 12px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;font-size:16px;transition:background-color .3s}.btn-edit:hover{background-color:#45a049}.btn-delete{padding:6px 12px;background-color:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:700;margin-left:8px;transition:all .3s}.btn-delete:hover{background-color:#da190b;transform:scale(1.1)}.btn-delete:active{transform:scale(.98)}.patient-list-info{background:#f0f4ff;border-left:4px solid #667eea;padding:15px;border-radius:4px;color:#333;font-size:14px}.patient-list-info p{margin:8px 0}.patient-detail-view{position:relative}.btn-back{padding:10px 20px;background-color:#666;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;margin-bottom:20px;transition:background-color .3s}.btn-back:hover{background-color:#444}@media (max-width: 768px){.patient-list-page{padding:20px}table{font-size:12px}table th,table td{padding:10px}.patient-list-table{overflow-x:auto}.status-badge{padding:4px 8px;font-size:11px}}.examination-form{background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 8px #0000001a;max-width:800px;margin:20px auto}.examination-form h2{color:#333;margin-bottom:10px;font-size:28px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.form-subtitle{color:#666;margin-bottom:30px;font-size:14px}.form{display:flex;flex-direction:column;gap:20px}.form-section{border-bottom:1px solid #eee;padding-bottom:20px}.form-section h3{color:#333;font-size:16px;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #667eea}.form-group.full-width{grid-column:1 / -1}.form-group input,.form-group select,.form-group textarea{padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:inherit;transition:border-color .3s,box-shadow .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input.error{border-color:#ff6b6b;background-color:#fff5f5}.error-text{color:#ff6b6b;font-size:12px;margin-top:4px}.form-group textarea{resize:vertical;min-height:100px}.form-actions{display:flex;gap:10px;margin-top:20px}.btn-submit{flex:1;padding:14px 30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .3s,box-shadow .3s}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-submit:active{transform:translateY(0)}.form-info{background:#f0f4ff;border-left:4px solid #667eea;padding:15px;margin-top:20px;border-radius:4px;font-size:13px;color:#333}.form-info p{margin:8px 0}.form-info p:first-child{margin-top:0}.form-info p:last-child{margin-bottom:0}@media (max-width: 768px){.examination-form{padding:20px}.examination-form h2{font-size:24px}.form-row{grid-template-columns:1fr}.form-group.full-width{grid-column:auto}}.examination-history{background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 8px #0000001a}.examination-history h2{color:#333;margin-bottom:30px;font-size:28px}.history-filters{margin-bottom:30px;display:flex;gap:15px;flex-wrap:wrap}.search-input{flex:1;min-width:200px;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.history-table{overflow-x:auto}.history-table table{width:100%;border-collapse:collapse;background:#fff}.history-table thead{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.history-table th{padding:15px;text-align:left;font-weight:600;color:#333;white-space:nowrap}.history-table td{padding:15px;border-bottom:1px solid #dee2e6}.history-table tbody tr:hover{background-color:#f8f9fa}.no-data{text-align:center;padding:40px;color:#999;font-size:16px}@media (max-width: 768px){.examination-history{padding:20px}.history-table{font-size:14px}.history-table th,.history-table td{padding:10px}.history-filters{flex-direction:column}.search-input{min-width:unset}}.xray-report-container{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}.form-controls{display:flex;gap:20px;align-items:flex-end;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #ddd;flex-wrap:wrap}.control-group{flex:1;min-width:250px;display:flex;flex-direction:column;gap:8px}.control-group label{font-weight:600;color:#333;font-size:14px}.hospital-input{padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s}.hospital-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.action-buttons{display:flex;gap:10px}.btn-save,.btn-print{padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.btn-save{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-save:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-print{background-color:#4caf50;color:#fff}.btn-print:hover{background-color:#45a049;transform:translateY(-2px)}.xray-report{border:1px solid #999;padding:40px 30px;background:#fff;font-family:Times New Roman,Times,serif;line-height:1.6;color:#333;margin-top:20px}.report-header{text-align:center;margin-bottom:30px;border-bottom:3px double #000;padding-bottom:15px}.hospital-name{font-size:14px;font-weight:700;text-transform:uppercase;margin-bottom:5px}.report-title{font-size:16px;font-weight:700;text-transform:uppercase;margin-bottom:10px;text-decoration:underline}.report-meta{display:flex;justify-content:flex-end;font-size:13px;gap:20px}.meta-item{display:flex;gap:5px;align-items:center}.meta-item span{font-weight:700}.meta-input{width:60px;border:none;border-bottom:1px solid #000;padding:2px;text-align:center;font-family:inherit}.patient-info-section{margin-bottom:30px;background:#f9f9f9;padding:15px;border-radius:4px}.info-row{display:flex;gap:20px;margin-bottom:15px;flex-wrap:wrap}.info-row:last-child{margin-bottom:0}.info-field{flex:1;min-width:200px;display:flex;flex-direction:column;gap:5px}.info-field label{font-weight:700;font-size:13px}.patient-input,.info-input,.info-select,.indication-textarea{padding:8px;border:none;border-bottom:1px solid #333;background:transparent;font-family:inherit;font-size:13px}.indication-textarea{resize:vertical;min-height:50px;border:1px solid #ddd;padding:8px;border-radius:3px}.report-section{margin-bottom:25px}.section-title{background-color:#ddd;padding:8px 10px;font-weight:700;font-size:13px;text-transform:uppercase;border:1px solid #999;border-bottom:2px solid #999}.section-content{border:1px solid #999;border-top:none;padding:15px;min-height:80px}.section-header{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:10px;padding:10px 0}.date-range{flex:1}.bac-si{text-align:center;font-weight:700;flex:1}.result-box{border:1px solid #999;padding:15px;min-height:150px}.full-textarea{width:100%;border:none;padding:0;font-family:Times New Roman,Times,serif;font-size:13px;resize:vertical;line-height:1.6}.section-footer{display:flex;justify-content:space-between;align-items:flex-end;padding:20px 0;font-size:12px}.footer-date{flex:1}.footer-title{text-align:center;font-weight:700;flex:1}.signature-section{margin-top:40px;padding-top:20px;border-top:2px solid #ddd}.signature-item{margin-bottom:25px;display:flex;flex-direction:column;gap:8px}.signature-item label{font-weight:700;font-size:13px}.signature-box{border:1px solid #999;padding:10px;min-height:80px;background:#fafafa}.signature-textarea{width:100%;border:none;background:transparent;padding:5px;font-family:Courier New,monospace;font-size:12px;resize:vertical}.doctor-input,.date-input{padding:8px;border:none;border-bottom:1px solid #333;background:transparent;font-family:inherit;font-size:13px}.report-footer{text-align:center;font-size:11px;margin-top:30px;padding-top:20px;border-top:1px solid #ddd;color:#666}@media print{.form-controls{display:none}.xray-report{border:1px solid #000;padding:20px;margin:0;box-shadow:none}input,textarea,select{background:#fff!important;border-color:#000!important}.btn-save,.btn-print{display:none}}@media (max-width: 768px){.xray-report{padding:20px 15px;font-size:12px}.form-controls{flex-direction:column}.action-buttons{width:100%}.btn-save,.btn-print{flex:1}.info-row{flex-direction:column}.info-field{min-width:100%}.report-header{padding-bottom:10px}.hospital-name,.report-title{font-size:13px}}.xray-page{padding:20px;background:#f5f5f5;min-height:100vh}.page-header{max-width:1200px;margin:0 auto 30px;text-align:center}.page-header h2{color:#333;font-size:28px;margin-bottom:10px}.page-subtitle{color:#666;font-size:14px;margin:0}@media (max-width: 768px){.xray-page{padding:15px}.page-header h2{font-size:24px}}.xray-form-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:calc(100vh - 80px);padding:40px 20px;animation:fadeIn .3s ease-in}.xray-form-container{background:#fff;border-radius:12px;padding:40px;box-shadow:0 4px 20px #0000001a;max-width:900px;margin:0 auto}.form-header{text-align:center;margin-bottom:40px}.form-header h2{color:#333;font-size:32px;margin:0 0 10px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.form-subtitle{color:#666;font-size:14px;margin:0}.xray-form{display:flex;flex-direction:column;gap:30px}.form-section{border-bottom:1px solid #eee;padding-bottom:25px}.form-section h3{color:#333;font-size:18px;margin:0 0 15px;padding-bottom:10px;border-bottom:2px solid #667eea}.form-section:last-child{border-bottom:none}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.form-group label{font-weight:600;color:#333;font-size:14px}.section-label{font-weight:700!important;color:#333;margin-bottom:12px!important}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.input,.textarea,.date-input{padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;transition:all .3s}.input:focus,.textarea:focus,.date-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.textarea{resize:vertical;min-height:80px}.date-input{max-width:200px}.indication-box,.result-box{background:#f8f9ff;border:2px solid #667eea;border-radius:8px;padding:15px;margin-bottom:20px}.indication-main,.result-main{display:flex;align-items:center;gap:12px}.indication-main input,.result-main input{width:20px;height:20px;cursor:pointer;accent-color:#667eea}.indication-main label,.result-main label{margin:0;cursor:pointer;font-size:14px}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;padding:15px 0}.checkbox-item{display:flex;align-items:center;gap:8px;padding:10px;background:#f9f9f9;border-radius:6px;border:1px solid #eee;transition:all .3s;cursor:pointer}.checkbox-item:hover{background:#f0f4ff;border-color:#667eea}.checkbox-item input{width:18px;height:18px;cursor:pointer;accent-color:#667eea}.checkbox-item label{margin:0;cursor:pointer;font-size:13px;color:#333}.checkbox-label{display:flex;align-items:center;gap:8px;padding:12px;background:#f0f8ff;border-radius:6px;border:1px solid #b3d9ff;cursor:pointer;font-size:14px;color:#333;font-weight:500;transition:all .3s;margin-bottom:10px}.checkbox-label:hover{background:#e0f0ff;border-color:#667eea;color:#667eea}.checkbox-label input{width:18px;height:18px;cursor:pointer;accent-color:#667eea;margin-right:4px}.signature-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:15px}.signature-option{display:flex;align-items:center;gap:8px;padding:10px 15px;background:#f9f9f9;border-radius:6px;border:1px solid #ddd;cursor:pointer;transition:all .3s}.signature-option:hover{background:#f0f4ff;border-color:#667eea}.signature-option input{width:18px;height:18px;cursor:pointer;accent-color:#667eea}.signature-option span{font-size:13px;color:#333}.form-actions{display:flex;gap:12px;justify-content:center;padding-top:20px;border-top:1px solid #eee;margin-top:10px}.btn-print,.btn-reset{padding:12px 30px;border:none;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.btn-print{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex:1}.btn-reset{background:#f0f4ff;color:#667eea;border:1px solid #667eea;flex:0 1 auto}.btn-reset:hover{background:#e8eef7}@media print{.xray-form-page{background:#fff;padding:0}.xray-form-container{box-shadow:none;max-width:100%;padding:20px}.form-actions{display:none}.xray-form{gap:0}}.xray-section-1{border-left:5px solid #3498db;background:#ecf0f1}.xray-section-1 .section-heading{color:#2c3e50;border-bottom:3px solid #3498db}.xray-section-2{border-left:5px solid #e74c3c;background:#fdeaed;margin-top:30px}.xray-section-2 .section-heading{color:#c0392b;border-bottom:3px solid #e74c3c}.xray-section-3{border-left:5px solid #27ae60;background:#eafcf0;margin-top:30px}.xray-section-3 .section-heading{color:#1e8449;border-bottom:3px solid #27ae60}.xray-section-4{border-left:5px solid #9c27b0;background:#f5f5f5;margin-top:30px}.xray-section-4 .section-heading{color:#6a1b9a;border-bottom:3px solid #9c27b0}.section-heading{font-size:16px;font-weight:700;padding-bottom:12px;margin-bottom:20px;padding-left:15px}.section-divider{height:2px;background:linear-gradient(90deg,transparent,#999,transparent);margin-bottom:20px}.textarea.large{min-height:120px;font-size:14px;line-height:1.6;padding:12px;border:1px solid #ddd;border-radius:4px}.textarea.important{background-color:#fffbea;border:2px solid #f39c12}.template-preview{margin-top:20px;padding:20px;background:#f8f9ff;border:2px solid #667eea;border-radius:8px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.preview-section{margin-bottom:15px}.preview-section strong{display:block;color:#667eea;font-size:14px;margin-bottom:8px}.preview-content{background:#fff;padding:12px;border-radius:4px;color:#555;font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-word;border-left:3px solid #667eea}.btn-apply-template{margin-top:15px;padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:14px}.btn-apply-template:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}@media (max-width: 768px){.xray-form-container{padding:20px}.form-header h2{font-size:24px}.form-row,.checkbox-grid,.signature-options{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-print,.btn-reset{width:100%}}.ecg-form-page{background:linear-gradient(135deg,#fce7f3,#fbcfe8);min-height:calc(100vh - 80px);padding:40px 20px;animation:fadeIn .3s ease-in}.ecg-container{background:#fff;border-radius:12px;padding:40px;box-shadow:0 4px 20px #0000001a;max-width:900px;margin:0 auto}.ecg-container h2{color:#ec4899;margin:0 0 5px;font-size:28px}.form-section{margin:30px 0;padding:20px;background:#f9f9f9;border-radius:8px;border-left:4px solid #ec4899}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#ec4899;box-shadow:0 0 0 3px #ec48991a}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.checkbox-grid label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:500;color:#555}.checkbox-grid input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#ec4899}.btn-save{flex:1;padding:12px 30px;background:linear-gradient(135deg,#ec4899,#db2777);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-save:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ec489966}.btn-back{padding:10px 20px;background:#f3f4f6;color:#ec4899;border:1px solid #ec4899;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;margin-bottom:20px;transition:all .3s}.btn-back:hover{background:#ec4899;color:#fff}@media (max-width: 768px){.ecg-container{padding:20px}.ecg-container h2{font-size:24px}.form-row,.checkbox-grid{grid-template-columns:1fr}}.ultrasound-form-page{background:linear-gradient(135deg,#e0f2fe,#bae6fd);min-height:calc(100vh - 80px);padding:40px 20px;animation:fadeIn .3s ease-in}.ultrasound-container{background:#fff;border-radius:12px;padding:40px;box-shadow:0 4px 20px #0000001a;max-width:900px;margin:0 auto}.ultrasound-container h2{color:#0284c7;margin:0 0 5px;font-size:28px}.form-section{margin:30px 0;padding:20px;background:#f9f9f9;border-radius:8px;border-left:4px solid #0284c7}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#0284c7;box-shadow:0 0 0 3px #0284c71a}.organ-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.organ-item{display:flex;flex-direction:column;gap:8px}.organ-item label{font-weight:600;color:#333;font-size:14px}.organ-item select{padding:10px;border:1px solid #ddd;border-radius:4px;font-family:inherit;background-color:#fff}.organ-item select:focus{outline:none;border-color:#0284c7;box-shadow:0 0 0 3px #0284c71a}.btn-save{flex:1;padding:12px 30px;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-save:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0284c766}.btn-back{padding:10px 20px;background:#f3f4f6;color:#0284c7;border:1px solid #0284c7;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;margin-bottom:20px;transition:all .3s}.btn-back:hover{background:#0284c7;color:#fff}@media (max-width: 768px){.ultrasound-container{padding:20px}.ultrasound-container h2{font-size:24px}.form-row,.organ-grid{grid-template-columns:1fr}}.lab-test-form-page{background:linear-gradient(135deg,#fef08a,#fef3c7);min-height:calc(100vh - 80px);padding:40px 20px;animation:fadeIn .3s ease-in}.lab-container{background:#fff;border-radius:12px;padding:40px;box-shadow:0 4px 20px #0000001a;max-width:900px;margin:0 auto}.lab-container h2{color:#d97706;margin:0 0 5px;font-size:28px}.subtitle{color:#888;font-size:14px;margin:0 0 30px}.form-section{margin:30px 0;padding:20px;background:#f9f9f9;border-radius:8px;border-left:4px solid #d97706}.form-section h3{color:#333;margin:0 0 20px;font-size:18px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;color:#333;margin-bottom:8px;font-size:14px}.form-group input,.form-group select,.form-group textarea{padding:10px;border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#d97706;box-shadow:0 0 0 3px #d977061a}.lab-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.lab-item{display:flex;flex-direction:column;gap:8px}.lab-item label{font-weight:600;color:#333;font-size:14px}.lab-item input{padding:10px;border:1px solid #ddd;border-radius:4px;font-family:inherit;background-color:#fff}.lab-item input:focus{outline:none;border-color:#d97706;box-shadow:0 0 0 3px #d977061a}textarea{resize:vertical;font-family:Arial,sans-serif}.form-actions{display:flex;gap:15px;margin-top:30px;padding-top:20px;border-top:2px solid #eee}.btn-save{flex:1;padding:12px 30px;background:linear-gradient(135deg,#d97706,#b45309);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-save:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d9770666}.btn-cancel{flex:1;padding:12px 30px;background:#e5e7eb;color:#333;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-cancel:hover{background:#d1d5db;transform:translateY(-2px)}.btn-back{padding:10px 20px;background:#f3f4f6;color:#d97706;border:1px solid #d97706;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;margin-bottom:20px;transition:all .3s}.btn-back:hover{background:#d97706;color:#fff}@media (max-width: 768px){.lab-container{padding:20px}.lab-container h2{font-size:24px}.form-row,.lab-grid{grid-template-columns:1fr}}.conclusion-page{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.btn-back{padding:10px 20px;background:#e8eef7;color:#667eea;border:1px solid #667eea;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;margin-bottom:20px;transition:all .3s}.btn-back:hover{background:#667eea;color:#fff;transform:translate(-3px)}.conclusion-container{background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 8px #0000001a;max-width:900px;margin:0 auto}.conclusion-container h2{color:#333;margin:0 0 5px;font-size:28px}.patient-info{color:#666;margin:0 0 30px;font-size:14px}.conclusion-content{display:flex;flex-direction:column;gap:30px}.summary-section h3{color:#333;font-size:18px;margin:0 0 15px;padding-bottom:10px;border-bottom:2px solid #667eea}.test-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.test-item{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:#f8f9ff;border:1px solid #e0e5ff;border-radius:6px;transition:all .3s}.test-item:hover{background:#f0f4ff;border-color:#667eea}.test-name{font-weight:600;color:#333;font-size:14px}.test-status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.test-status.completed{background:#d4edda;color:#155724}.test-status.pending{background:#fff3cd;color:#856404}.health-level-section h3{color:#333;font-size:18px;margin:0 0 15px;padding-bottom:10px;border-bottom:2px solid #667eea}.health-level-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:15px}.health-level-selector label{display:flex;align-items:center;gap:10px;cursor:pointer}.health-level-selector input[type=radio]{width:18px;height:18px;cursor:pointer}.health-badge{padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600;transition:all .3s}.health-excellent{background:#d4edda;color:#155724}.health-good{background:#d1ecf1;color:#0c5460}.health-fair{background:#fff3cd;color:#856404}.health-poor{background:#f8d7da;color:#721c24}.health-description{color:#666;font-size:13px;margin:10px 0 0;padding:10px 15px;background:#f9f9f9;border-left:4px solid #667eea;border-radius:4px}.conclusion-section h3,.recommendations-section h3,.doctor-section h3{color:#333;font-size:18px;margin:0 0 15px;padding-bottom:10px;border-bottom:2px solid #667eea}.conclusion-textarea,.recommendations-textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;resize:vertical;transition:border-color .3s}.conclusion-textarea:focus,.recommendations-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.doctor-section .form-group{display:flex;flex-direction:column;gap:8px}.doctor-section label{font-weight:600;color:#333;font-size:14px}.doctor-section input{padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s}.doctor-section input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.action-section{display:flex;gap:15px;justify-content:center;margin-top:20px;padding-top:20px;border-top:1px solid #eee}.btn-print{padding:12px 30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-print:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-print:active{transform:translateY(0)}.btn-save{padding:12px 30px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-save:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4caf5066}.btn-report{padding:12px 30px;background:linear-gradient(135deg,#ff9800,#e68900);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-report:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff980066}.action-section{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px;padding-top:20px;border-top:2px solid #eee}.linked-data-section{background:#f5f5f5;border:2px solid #e0e0e0;border-radius:8px;padding:20px;margin-bottom:20px}.linked-data-section h3{color:#333;margin-top:0;margin-bottom:15px;font-size:18px}.data-item{background:#fff;border-left:4px solid #667eea;padding:15px;margin-bottom:12px;border-radius:4px;box-shadow:0 1px 3px #0000000d}.data-item h4{color:#667eea;margin:0 0 10px;font-size:16px}.data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}.data-grid p{margin:5px 0;font-size:14px;color:#555}.data-grid strong{color:#333}.completion-status{background:#fff;border-left:4px solid #4caf50;padding:15px;margin-top:15px;border-radius:4px}.completion-status h4{color:#4caf50;margin:0 0 10px}.completion-status ul{list-style:none;padding:0;margin:0}.completion-status li{padding:5px 0;font-size:14px;color:#555}.followup-section{background:#e3f2fd;border:2px solid #bbdefb;border-radius:8px;padding:20px;margin:20px 0}.followup-section h3{color:#1976d2;margin-top:0;margin-bottom:15px}.followup-group{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.followup-group label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500;color:#555}.followup-group input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#1976d2}.followup-group input[type=number]{width:80px;padding:8px;border:1px solid #bbb;border-radius:4px;font-size:14px}@media print{.btn-back,.action-section{display:none}.conclusion-container{box-shadow:none;padding:0}.linked-data-section{background:#fff;border:1px solid #ccc;page-break-inside:avoid}.followup-section{background:#fff;border:1px solid #ccc}.completion-status{page-break-inside:avoid}.conclusion-textarea,.recommendations-textarea{border:none;padding:0}}@media (max-width: 768px){.conclusion-container{padding:20px}.conclusion-container h2{font-size:24px}.test-summary,.health-level-selector{grid-template-columns:1fr}.conclusion-textarea,.recommendations-textarea{font-size:16px}}.results-page{padding:20px;min-height:calc(100vh - 100px);background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.results-header{background:#fff;border-radius:12px;padding:30px;margin-bottom:30px;box-shadow:0 4px 20px #0000001a;position:relative}.results-header .btn-back{position:absolute;top:20px;left:20px;background:#667eea;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s}.results-header .btn-back:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.results-header h1{text-align:center;color:#333;margin-bottom:20px;font-size:32px}.patient-header-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:20px}.patient-detail{display:flex;flex-direction:column;padding:15px;background:#f8f9fa;border-radius:8px;border-left:4px solid #667eea}.patient-detail .label{font-weight:700;color:#666;font-size:12px;text-transform:uppercase;margin-bottom:5px}.patient-detail .value{font-size:18px;color:#333;font-weight:500}.results-container{max-width:1000px;margin:0 auto 30px}.result-section{background:#fff;border-radius:12px;padding:25px;margin-bottom:20px;box-shadow:0 4px 15px #00000014;border-left:5px solid #667eea;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-section.main-exam{border-left-color:#667eea}.result-section.xray{border-left-color:#f093fb}.result-section.ecg{border-left-color:#fc5c65}.result-section.ultrasound{border-left-color:#4ecdc4}.result-section.hematology{border-left-color:#ff6b6b}.result-section.biochemistry{border-left-color:#ffd93d}.result-section.urinalysis{border-left-color:#6bceff}.result-section.conclusion{border-left-color:#00d2d3;background:linear-gradient(135deg,#f8f9fa,#fff)}.section-title{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.section-title .icon{font-size:32px}.section-title h2{margin:0;color:#333;font-size:22px;flex:1}.badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;white-space:nowrap}.badge.completed,.badge.health-excellent{background:#d4edda;color:#155724}.badge.health-good{background:#cfe9f3;color:#0c5460}.badge.health-fair{background:#fff3cd;color:#856404}.badge.health-poor{background:#f8d7da;color:#721c24}.section-content{display:flex;flex-direction:column;gap:20px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.info-item{display:flex;flex-direction:column;padding:12px;background:#f8f9fa;border-radius:6px;border-left:3px solid #667eea}.info-item label{font-size:12px;font-weight:700;color:#666;text-transform:uppercase;margin-bottom:5px}.info-item value{font-size:16px;color:#333;font-weight:500}.lab-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.lab-item{display:flex;flex-direction:column;padding:12px;background:#f8f9fa;border-radius:6px;border:1px solid #e0e0e0}.lab-item label{font-size:11px;font-weight:700;color:#666;text-transform:uppercase;margin-bottom:5px}.lab-item value{font-size:14px;color:#333;font-weight:500}.findings,.notes,.conclusions,.recommendations,.findings-list,.conclusion-date,.doctor-info{padding:15px;background:#f8f9fa;border-radius:6px;border-left:3px solid #667eea}.findings label,.notes label,.conclusions label,.recommendations label,.findings-list label,.conclusion-date label,.doctor-info label{display:block;font-weight:700;color:#333;margin-bottom:10px;font-size:13px;text-transform:uppercase}.findings p,.notes p,.conclusions p,.recommendations p,.conclusion-date value,.doctor-info value{color:#555;line-height:1.6;margin:0}.findings-list ul{margin:0;padding-left:20px}.findings-list li{color:#555;margin:8px 0;line-height:1.5}.conclusion{padding:15px;background:linear-gradient(135deg,#e0f7fa,#fff9e6);border-radius:6px;border-left:4px solid #00d2d3}.conclusion label{display:block;font-weight:700;color:#333;margin-bottom:10px;font-size:13px;text-transform:uppercase}.conclusion p{color:#333;line-height:1.7;font-size:15px}.no-results,.no-data,.loading{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;color:#999;font-size:16px}.results-actions{display:flex;gap:15px;justify-content:center;margin-top:30px;padding-bottom:30px}.btn-back,.btn-edit{padding:12px 30px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.btn-back{background:#667eea;color:#fff}.btn-back:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-edit{background:#4ecdc4;color:#fff}.btn-edit:hover{background:#45b8ad;transform:translateY(-2px);box-shadow:0 6px 20px #4ecdc466}@media (max-width: 768px){.results-header{padding:20px}.results-header h1{font-size:24px;margin-top:30px}.patient-header-info,.info-grid,.lab-results{grid-template-columns:1fr}.section-title{flex-direction:column;align-items:flex-start}.section-title h2{font-size:18px}.results-actions{flex-direction:column}.btn-back,.btn-edit{width:100%}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}#root{min-height:100vh;display:flex;flex-direction:column}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding:20px;max-width:1200px;margin:0 auto;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}