:root{font-family:Inter,Noto Sans TC,system-ui,-apple-system,sans-serif;color:#1f2937;background:#f3f4f6}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top right,#dbeafe,#f3f4f6 45%)}.app-shell{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;width:52px;background:#fffffff2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-right:1px solid #e5e7eb;box-shadow:2px 0 12px #0f172a0f;display:flex;flex-direction:column;align-items:stretch;transition:width .22s ease;overflow:hidden;flex-shrink:0;z-index:200}.sidebar.open{width:160px}.sidebar-toggle{background:none;color:#6b7280;border:none;border-radius:0;border-bottom:1px solid #e5e7eb;padding:.9rem 0;font-size:.8rem;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:center}.sidebar-toggle:hover{background:#f3f4f6;color:#1f2937}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem;padding:.5rem 0}.sidebar-nav-item{background:none;color:#6b7280;border:none;border-radius:0;padding:.75rem 0;font-size:.88rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:flex-start;gap:.65rem;width:100%;padding-left:14px;transition:background .13s,color .13s;white-space:nowrap}.sidebar-nav-item:hover{background:#f0f7ff;color:#1d4ed8}.sidebar-nav-item.active{background:#eff6ff;color:#1d4ed8;font-weight:700}.sidebar-icon{font-size:1.1rem;flex-shrink:0;width:24px;text-align:center}.sidebar-label{overflow:hidden}.main-content{flex:1;min-width:0}.page{width:min(1200px,94vw);margin:0 auto;padding:2.5rem 0 4rem;display:grid;gap:1.5rem}.hero h1{margin:.5rem 0;font-size:clamp(1.6rem,3.5vw,2.4rem)}.badge{display:inline-block;margin:0;padding:.4rem .8rem;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-weight:600}.subtitle{margin:0;color:#4b5563}.card{background:#ffffffeb;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 12px 30px #0f172a12;padding:1.2rem}button{border:none;border-radius:10px;background:#2563eb;color:#fff;font-weight:600;padding:.6rem 1rem;cursor:pointer}button.secondary{background:#6b7280}button:disabled{opacity:.5;cursor:not-allowed}.error{margin-top:.75rem;color:#b91c1c;font-weight:600}.icd-layout{display:grid;gap:1rem;grid-template-columns:1fr 1fr;align-items:start}@media(max-width:720px){.icd-layout{grid-template-columns:1fr}}.icd-left{display:flex;flex-direction:column;gap:.75rem}.icd-right{display:flex;flex-direction:column;gap:1rem}.icd-panel{display:flex;flex-direction:column;gap:.6rem}.icd-section-label{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6b7280}.icd-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.4em;padding:0 .35em;height:1.4em;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-size:.75rem;font-weight:700;letter-spacing:0;text-transform:none;vertical-align:middle;margin-left:.4rem}.icd-textarea{width:100%;min-height:360px;border:1.5px solid #cbd5e1;border-radius:12px;padding:.9rem;font:inherit;resize:vertical;line-height:1.65;color:#1f2937;transition:border-color .15s}.icd-textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.icd-analyze-btn{align-self:flex-end;padding:.65rem 1.5rem;font-size:.95rem}.icd-empty{margin:0;color:#9ca3af;font-size:.9rem}.icd-loading{animation:icd-pulse 1.2s ease-in-out infinite}@keyframes icd-pulse{0%,to{opacity:1}50%{opacity:.45}}.icd-suggestion-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.icd-suggestion-card{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem .9rem;border-radius:12px;background:#f0f7ff;border:1px solid #bfdbfe}.icd-enter{animation:icd-slide-in .22s ease both}@keyframes icd-slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.icd-code-info{display:flex;align-items:center;gap:.6rem;min-width:0}.icd-code-badge{flex-shrink:0;padding:.2em .55em;border-radius:6px;background:#1d4ed8;color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.04em}.icd-code-badge.sm{font-size:.75rem;padding:.15em .45em}.icd-code-name{font-size:.9rem;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icd-card-actions{display:flex;gap:.4rem;flex-shrink:0}.icd-btn-accept{padding:.4rem .8rem;font-size:.82rem;background:#16a34a}.icd-btn-ignore{padding:.4rem .8rem;font-size:.82rem}.icd-search-wrap{position:relative}.icd-search-input{width:100%;border:1.5px solid #cbd5e1;border-radius:10px;padding:.7rem .9rem;font:inherit;transition:border-color .15s}.icd-search-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.icd-dropdown{max-height:240px;overflow-y:auto;background:#fff;border:1px solid #cbd5e1;border-radius:12px;box-shadow:0 8px 24px #0f172a1f;list-style:none;margin:0;padding:.35rem 0;z-index:9999}.icd-dropdown-item{display:flex;align-items:center;gap:.55rem;padding:.55rem .9rem;cursor:pointer;font-size:.9rem;color:#1f2937;transition:background .1s}.icd-dropdown-item:hover,.icd-dropdown-item.selected{background:#eff6ff}.icd-selected-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.icd-selected-item{display:flex;align-items:center;gap:.55rem;padding:.55rem .75rem;border-radius:10px;background:#f0fdf4;border:1px solid #bbf7d0}.icd-selected-item .icd-code-name{flex:1}.icd-btn-remove{padding:.25rem .55rem;font-size:.78rem;line-height:1}.icd-save-btn{margin-top:.25rem;width:100%;padding:.7rem;font-size:.95rem;background:#0f766e}.icd-success-msg{margin-top:.5rem;color:#15803d;font-weight:600;font-size:.9rem}.icd-type-badge{flex-shrink:0;padding:.15em .5em;border-radius:5px;font-size:.72rem;font-weight:700;letter-spacing:.04em}.icd-type-badge.cm{background:#dbeafe;color:#1d4ed8}.icd-type-badge.pcs{background:#fce7f3;color:#9d174d}.icd-type-badge.sm{font-size:.65rem;padding:.1em .4em}.icd-type-filter{display:flex;gap:.4rem}.icd-filter-btn{padding:.3rem .85rem;font-size:.8rem;font-weight:600;border-radius:999px;background:#f3f4f6;color:#374151;border:1.5px solid #e5e7eb;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.icd-filter-btn.active{background:#2563eb;color:#fff;border-color:#2563eb}.icd-selected-sections{display:flex;flex-direction:column;gap:.75rem}.icd-subsection-label{margin:0 0 .4rem;font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.icd-subsection-label.cm{color:#1d4ed8}.icd-subsection-label.pcs{color:#9d174d}.icd-selected-item.pcs{background:#fdf2f8;border-color:#f9a8d4}.icd-code-badge.pcs{background:#9d174d}.records-list{display:flex;flex-direction:column;gap:.75rem}.record-card{cursor:pointer;transition:box-shadow .15s}.record-card:hover{box-shadow:0 16px 36px #0f172a1a}.record-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.record-meta{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.record-date{font-size:.78rem;color:#6b7280;font-weight:500}.record-codes-count{display:flex;gap:.35rem}.record-toggle{font-size:.75rem;color:#9ca3af}.record-text-preview{margin:.4rem 0 0;font-size:.88rem;color:#374151;line-height:1.55}.record-detail{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e5e7eb}.record-full-text{margin:0;font-size:.88rem;color:#374151;line-height:1.65;white-space:pre-wrap}