*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.app-container{min-height:100vh;background:linear-gradient(to bottom,#dbeafe,#eff6ff)}.header{background:linear-gradient(to right,#bfdbfe,#dbeafe);padding:24px 32px}.header-content{max-width:1200px;margin:0 auto}.logo{display:flex;align-items:center;gap:16px}.logo-icon{background-color:#f87171;padding:12px;border-radius:8px;transform:rotate(12deg)}.logo-inner{background-color:#ef4444;width:32px;height:24px;border-radius:4px;transform:rotate(-12deg)}.logo-subtitle{font-size:14px;font-weight:500;color:#4b5563}.logo-title{font-size:30px;font-weight:700;color:#1f2937;margin:0}.navigation{background:#fff;padding:16px 32px;border-bottom:1px solid #e5e7eb}.nav-links{display:flex;gap:32px;max-width:1200px;margin:0 auto}.nav-link{background:none;border:none;color:#6b7280;font-weight:500;cursor:pointer;padding:4px 0;transition:color .2s}.nav-link:hover,.nav-link.active{color:#2563eb}.main-content{display:flex;gap:32px;padding:32px;max-width:1400px;margin:0 auto}.input-panel{background:#f3f4f6;border-radius:8px;padding:24px;flex:1}.panel-title{font-size:18px;font-weight:600;margin-bottom:16px;color:#1f2937}.form-container{display:flex;flex-direction:column;gap:16px}.form-row{display:flex;align-items:center;gap:16px}.form-row.icd-row{align-items:flex-start}.form-label{width:180px;text-align:right;font-weight:500;color:#374151;padding-top:8px}.form-input{border:1px solid #d1d5db;border-radius:4px;padding:8px 12px;width:150px;font-size:14px}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-select{border:1px solid #d1d5db;border-radius:4px;padding:8px 12px;width:200px;font-size:14px;background:#fff}.form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.button-group{display:flex;gap:8px}.toggle-button{border:1px solid #d1d5db;border-radius:4px;padding:8px 16px;background:#fff;cursor:pointer;font-size:14px;transition:all .2s}.toggle-button:hover{background:#f9fafb}.toggle-button.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.icd-container{flex:1}.radio-group{display:flex;gap:16px;margin-bottom:16px}.radio-label{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.radio-label input[type=radio]{margin:0}.manual-input-container{display:flex;flex-direction:column;gap:12px}.icd-codes{display:flex;flex-direction:column;gap:8px}.icd-input{border:1px solid #d1d5db;border-radius:4px;padding:8px 12px;width:100%;font-size:14px}.icd-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.add-more-button{background:#6b7280;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-size:14px;align-self:flex-start;transition:background .2s}.add-more-button:hover{background:#4b5563}.upload-container{display:flex;flex-direction:column;gap:8px}.file-input{font-size:14px}.file-name{font-size:12px;color:#6b7280;margin:0}.icd-code-row{display:flex;align-items:center;gap:8px}.icd-code-row .icd-input{flex:1}.delete-icd-button{background:#ef4444;color:#fff;border:none;border-radius:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;font-weight:700;line-height:1;transition:background .2s;flex-shrink:0}.delete-icd-button:hover{background:#dc2626}.delete-icd-button:active{transform:scale(.95)}.calculate-button{width:100%;background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:12px;font-size:16px;font-weight:600;cursor:pointer;margin-top:24px;transition:background .2s}.calculate-button:hover{background:#2563eb}.results-panel{background:#f3f4f6;border-radius:8px;padding:24px;flex:1}.results-container{background:#dbeafe;border-radius:8px;padding:24px;margin-bottom:24px}.results-title{font-size:20px;font-weight:600;text-align:center;margin-bottom:24px;color:#1f2937}.outcomes-container{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.outcome-row{display:flex;align-items:center;justify-content:space-between}.outcome-label{font-weight:500;color:#374151}.mortality{color:#ef4444}.readmission{color:#3b82f6}.result-input{border:1px solid #d1d5db;border-radius:4px;padding:4px 8px;width:80px;text-align:center;font-size:14px;background:#fff}.copy-button{background:#3b82f6;color:#fff;border:none;border-radius:4px;padding:8px 24px;cursor:pointer;font-size:14px;transition:background .2s}.copy-button:hover{background:#2563eb}.disclaimer{color:#374151;font-size:14px;line-height:1.6}.disclaimer-text{margin-bottom:16px}.disclaimer-italic{font-style:italic;margin:0}.footer{text-align:center;padding:16px;color:#6b7280}.footer-link{color:#3b82f6;text-decoration:none}.footer-link:hover{text-decoration:underline}.paste-container{display:flex;flex-direction:column;gap:12px}.instruction-text{font-size:13px;color:#6b7280;margin:0 0 8px;line-height:1.4}.paste-textarea{border:1px solid #d1d5db;border-radius:4px;padding:12px;width:100%;font-size:14px;font-family:Monaco,Courier New,monospace;resize:vertical;min-height:120px}.paste-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.parse-button{background:#3b82f6;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-size:14px;align-self:flex-start;transition:background .2s;font-weight:500}.parse-button:hover{background:#2563eb}.validation-results{margin-top:16px;border-top:1px solid #d1d5db;padding-top:16px}.validation-summary{display:flex;gap:16px;align-items:center;margin-bottom:12px;font-weight:500}.valid-count{color:#059669;font-size:14px}.invalid-count{color:#f59e0b;font-size:14px}.validation-warnings{background:#fef3c7;border:1px solid #fbbf24;border-radius:4px;padding:12px;margin-bottom:12px}.warning-text{font-size:13px;color:#92400e;margin:4px 0}.invalid-codes-list{background:#fef2f2;border:1px solid #fecaca;border-radius:4px;padding:12px;margin-bottom:12px}.invalid-header{font-size:13px;font-weight:600;color:#991b1b;margin:0 0 8px}.invalid-code-item{font-size:13px;color:#7f1d1d;margin:4px 0;padding:4px 0}.invalid-code-name{font-weight:600;font-family:Monaco,Courier New,monospace}.suggestions{color:#6b7280;font-size:12px;margin-left:8px;font-style:italic}.valid-codes-preview{background:#f0fdf4;border:1px solid #86efac;border-radius:4px;padding:12px}.preview-header{font-size:13px;font-weight:600;color:#166534;margin:0 0 8px}.codes-preview{font-size:12px;color:#166534;font-family:Monaco,Courier New,monospace;margin:0;word-wrap:break-word;line-height:1.6}.search-results{position:absolute;background:#fff;border:1px solid #d1d5db;border-radius:4px;box-shadow:0 4px 6px #0000001a;max-height:200px;overflow-y:auto;width:calc(100% - 32px);z-index:10;margin-top:4px}.search-result{padding:8px 12px;cursor:pointer;font-size:13px;border-bottom:1px solid #f3f4f6}.search-result:hover{background:#f3f4f6}.search-result:last-child{border-bottom:none}@media(max-width:1024px){.main-content{flex-direction:column;gap:24px}.form-row{flex-direction:column;align-items:flex-start;gap:8px}.form-label{width:auto;text-align:left;padding-top:0}}