@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-main:#090d16;--bg-card:#0f172aa6;--bg-card-hover:#1e293bcc;--border-color:#ffffff14;--border-hover:#ffffff26;--border-focus:#06b6d4;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--bg-input:#05050a80;--bg-code:#0000004d;--bg-select:#06b6d414;--text-on-primary:#090d16;--bg-btn-secondary-hover:#ffffff0d;--bg-error:#ef444426;--border-error:#ef44444d;--text-error:#fca5a5;--color-highlight-text:#fef08a;--bg-highlight:#fde04740;--border-highlight:#fde047;--color-json-key:#f472b6;--color-json-string:var(--secondary);--color-json-number:var(--warning);--color-json-boolean:var(--accent);--scrollbar-thumb:#ffffff1a;--scrollbar-thumb-hover:#fff3;--bg-details-header:linear-gradient(135deg, #0f172acc 0%, #1e293b80 100%);--bg-disclaimer:#f59e0b14;--border-disclaimer:#f59e0b33;--text-disclaimer:#fde047;--primary:#06b6d4;--primary-glow:#06b6d426;--secondary:#10b981;--accent:#8b5cf6;--warning:#f59e0b;--danger:#ef4444;--color-msh:#3b82f6;--color-pid:#10b981;--color-pv1:#06b6d4;--color-obx:#8b5cf6;--color-obr:#ec4899;--color-default:#64748b;--bg-image:radial-gradient(circle at 10% 20%, #06b6d40d 0%, transparent 40%), radial-gradient(circle at 90% 80%, #8b5cf60d 0%, transparent 40%);--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1);--shadow-premium:0 10px 30px -10px #000000b3;--shadow-glow:0 0 20px #06b6d433}[data-theme=light]{--bg-main:#f8fafc;--bg-card:#ffffffd9;--bg-card-hover:#f1f5f9f2;--border-color:#0f172a14;--border-hover:#0f172a26;--border-focus:#0891b2;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--bg-input:#ffffffe6;--bg-code:#0f172a08;--bg-select:#0891b214;--text-on-primary:#fff;--bg-btn-secondary-hover:#0f172a0d;--bg-error:#fef2f2;--border-error:#fecaca;--text-error:#991b1b;--color-highlight-text:#854d0e;--bg-highlight:#fde0474d;--border-highlight:#ca8a04;--color-json-key:#be185d;--color-json-string:#047857;--color-json-number:#b45309;--color-json-boolean:#6d28d9;--scrollbar-thumb:#0f172a26;--scrollbar-thumb-hover:#0f172a40;--bg-details-header:linear-gradient(135deg, #fffffff2 0%, #f1f5f9e6 100%);--bg-disclaimer:#fffbeb;--border-disclaimer:#fef3c7;--text-disclaimer:#b45309;--primary:#0891b2;--primary-glow:#0891b21a;--secondary:#059669;--accent:#7c3aed;--color-msh:#2563eb;--color-pid:#059669;--color-pv1:#0891b2;--color-obx:#7c3aed;--color-obr:#db2777;--color-default:#475569;--bg-image:radial-gradient(circle at 10% 20%, #0891b20a 0%, transparent 40%), radial-gradient(circle at 90% 80%, #7c3aed0a 0%, transparent 40%);--shadow-premium:0 4px 20px -2px #0f172a14;--shadow-glow:0 0 15px #0891b226}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans);background-image:var(--bg-image);min-height:100vh;line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}#app{flex-direction:column;gap:2rem;max-width:1440px;min-height:100vh;margin:0 auto;padding:2rem;display:flex}header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:1.5rem;padding-bottom:1.5rem;display:flex}.brand{flex-direction:column;display:flex}.brand h1{letter-spacing:-.025em;background:linear-gradient(135deg, var(--text-primary) 30%, var(--primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:.5rem;font-size:1.8rem;font-weight:700;display:flex}.brand p{color:var(--text-secondary);font-size:.9rem}.controls{align-items:center;gap:1rem;display:flex}.lang-selector{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);gap:.25rem;padding:.25rem;display:flex}.lang-btn{color:var(--text-muted);border-radius:calc(var(--radius-sm) - 2px);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;padding:.4rem .8rem;font-size:.85rem;font-weight:500}.lang-btn.active{background:var(--primary);color:var(--bg-main);box-shadow:0 2px 8px #06b6d466}.theme-toggle-btn{background:var(--bg-card);border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;display:flex}.theme-toggle-btn:hover{border-color:var(--primary);box-shadow:var(--shadow-glow);transform:scale(1.05)}.theme-toggle-btn .sun-icon{display:block}.theme-toggle-btn .moon-icon,[data-theme=light] .theme-toggle-btn .sun-icon{display:none}[data-theme=light] .theme-toggle-btn .moon-icon{display:block}.disclaimer-banner{background-color:var(--bg-disclaimer);border:1px solid var(--border-disclaimer);color:var(--text-disclaimer);border-radius:var(--radius-md);transition:var(--transition-smooth);align-items:center;gap:.5rem;margin-top:.5rem;padding:.85rem 1.25rem;font-size:.88rem;font-weight:500;line-height:1.4;display:flex}.close-disclaimer-btn{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;margin-left:auto;padding:.25rem;transition:opacity .2s,transform .1s;display:flex}.close-disclaimer-btn:hover{opacity:1}.close-disclaimer-btn:active{transform:scale(.9)}.tabs-bar{border-bottom:1px solid var(--border-color);gap:1rem;padding-bottom:.25rem;display:flex}.tab-link{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-bottom:2.5px solid #0000;padding:.65rem 1.25rem;font-size:1rem;font-weight:600}.tab-link:hover{color:var(--text-primary);border-bottom-color:#fff3}.tab-link.active{color:var(--primary);border-bottom-color:var(--primary);text-shadow:0 0 12px #06b6d433}.tab-content{animation:.3s ease-in-out forwards fadeIn;display:none}.tab-content.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.dashboard-grid{grid-template-columns:1.2fr .8fr;gap:2rem;display:grid}@media (width<=1024px){.dashboard-grid{grid-template-columns:1fr}}.column-left,.column-right{flex-direction:column;gap:2rem;display:flex}.converter-grid{grid-template-columns:1fr 1fr;margin-top:1rem}.converter-textarea{height:350px}.converter-textarea-readonly{background:#0006}.converter-actions{justify-content:center;gap:1rem;margin-top:1.5rem}.guide-grid{grid-template-columns:1fr 1fr}.panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-premium);transition:var(--transition-smooth);flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.panel:hover{border-color:var(--border-hover)}.panel-title{color:var(--text-primary);border-left:3.5px solid var(--primary);justify-content:space-between;align-items:center;padding-left:.75rem;font-size:1.2rem;font-weight:600;display:flex}.input-group{flex-direction:column;gap:.5rem;display:flex}.input-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.hl7-textarea{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;height:180px;color:var(--text-primary);font-family:var(--font-mono);resize:vertical;transition:var(--transition-smooth);padding:1rem;font-size:.9rem;line-height:1.5}.hl7-textarea:focus{border-color:var(--primary);box-shadow:var(--shadow-glow), inset 0 0 10px #06b6d40d;outline:none}.button-bar{flex-wrap:wrap;gap:.75rem;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-smooth);border:1px solid #0000;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;display:flex}.btn-primary{background:var(--primary);color:var(--text-on-primary)}.btn-primary:hover{box-shadow:var(--shadow-glow);background:#22d3ee;transform:translateY(-1px)}.btn-secondary{border-color:var(--border-color);color:var(--text-primary);background:0 0}.btn-secondary:hover{background:var(--bg-btn-secondary-hover);border-color:var(--text-secondary)}.btn-danger{color:var(--danger);background:#ef44441a;border-color:#ef444433}.btn-danger:hover{background:var(--danger);color:#fff}.error-banner{background:var(--bg-error);border:1px solid var(--border-error);color:var(--text-error);border-radius:var(--radius-sm);align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.9rem;display:none}.breakdown-container{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-code);max-height:500px;overflow:auto}.segment-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.segment-table th{background:var(--bg-card);color:var(--text-secondary);border-bottom:1px solid var(--border-color);z-index:10;padding:.75rem 1rem;font-weight:600;position:sticky;top:0}.segment-table td{border-bottom:1px solid var(--border-color);vertical-align:top;transition:var(--transition-smooth);padding:.85rem 1rem}.segment-row{cursor:pointer}.segment-row:hover td{background:var(--bg-card-hover)}.segment-row.selected td{background:var(--bg-select)}.seg-badge{font-family:var(--font-mono);color:#fff;text-align:center;border-radius:4px;min-width:48px;padding:.25rem .5rem;font-size:.8rem;font-weight:700;display:inline-block}.seg-badge.MSH{background:var(--color-msh)}.seg-badge.PID{background:var(--color-pid)}.seg-badge.PV1{background:var(--color-pv1)}.seg-badge.OBX{background:var(--color-obx)}.seg-badge.OBR{background:var(--color-obr)}.seg-badge.default{background:var(--color-default)}.raw-line-preview{font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;max-width:400px;color:var(--text-secondary);overflow:hidden}.raw-line-preview span.highlighted-field{background:var(--bg-highlight);border-bottom:1px solid var(--border-highlight);color:var(--color-highlight-text);border-radius:2px;padding:0 2px}.fields-inline-list{flex-wrap:wrap;gap:.35rem;padding:.5rem 0;display:flex}.field-pill{font-family:var(--font-mono);background:var(--bg-code);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);border-radius:4px;padding:.15rem .4rem;font-size:.8rem}.field-pill:hover{background:var(--primary-glow);border-color:var(--primary);color:var(--primary)}.field-pill.selected{background:var(--primary-glow);border-color:var(--primary);color:var(--text-primary);box-shadow:var(--shadow-glow)}.field-pill.empty{color:var(--text-muted);border-style:dashed}.details-placeholder{text-align:center;height:250px;color:var(--text-muted);border:2px dashed var(--border-color);border-radius:var(--radius-md);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1.5rem;display:flex}.details-placeholder svg{color:var(--text-muted);opacity:.5}.details-content{flex-direction:column;gap:1.25rem;display:flex}.details-header-card{background:var(--bg-details-header);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;gap:.25rem;padding:1rem 1.25rem;display:flex}.details-header-badge{align-self:flex-start;margin-bottom:.25rem}.details-header-title{color:var(--text-primary);font-size:1.25rem;font-weight:700}.details-header-desc{color:var(--text-secondary);font-size:.88rem}.details-meta-table{border-collapse:collapse;width:100%;font-size:.9rem}.details-meta-table tr{border-bottom:1px solid var(--border-color)}.details-meta-table tr:hover td{background:var(--bg-select)}.details-meta-table td{vertical-align:top;padding:.65rem .5rem}.details-meta-label{color:var(--text-secondary);width:35%;font-weight:500}.details-meta-val{color:var(--text-primary);font-family:var(--font-mono);word-break:break-all;font-weight:500}.component-tree-container{flex-direction:column;gap:.75rem;display:flex}.tree-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);margin-top:.5rem;padding-bottom:.5rem;font-size:.9rem;font-weight:600}.tree-list{padding-left:0;list-style:none}.tree-node{border-left:1.5px solid var(--border-color);margin-bottom:.5rem;margin-left:.25rem;padding-left:.75rem}.tree-node-content{border-radius:var(--radius-sm);transition:var(--transition-smooth);align-items:flex-start;gap:.5rem;padding:.35rem .5rem;display:flex}.tree-node-content:hover{background:var(--bg-select)}.tree-node-index{font-family:var(--font-mono);background:var(--bg-code);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:4px;padding:.1rem .3rem;font-size:.8rem;font-weight:600}.tree-node-value{font-family:var(--font-mono);color:var(--primary);word-break:break-all;font-weight:500}.tree-node-desc{color:var(--text-muted);text-align:right;margin-left:auto;font-size:.85rem}.tree-node.sub{border-left:1px dashed var(--border-color);margin-left:1.25rem}.dict-search-wrapper{position:relative}.dict-search{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);padding:.6rem 1rem;font-size:.9rem}.dict-search:focus{border-color:var(--primary);outline:none}.dict-list{flex-direction:column;gap:.75rem;max-height:350px;padding-right:.25rem;display:flex;overflow-y:auto}.dict-item{background:var(--bg-code);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-smooth);flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.dict-item:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.dict-item-header{justify-content:space-between;align-items:center;display:flex}.dict-item-title{color:var(--text-primary);font-size:.95rem;font-weight:600}.dict-item-desc{color:var(--text-secondary);font-size:.82rem}.fhir-tree-item{font-family:var(--font-mono);margin:.25rem 0;font-size:.88rem;line-height:1.5}.fhir-tree-row{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-smooth);align-items:flex-start;gap:.5rem;padding:.25rem .5rem;display:flex}.fhir-tree-row:hover{background:var(--bg-card-hover)}.fhir-tree-row.selected{background:var(--bg-select)}.fhir-tree-toggle{color:var(--text-muted);text-align:center;-webkit-user-select:none;user-select:none;width:14px;font-size:.7rem;transition:transform .2s}.fhir-tree-toggle.expanded{transform:rotate(90deg)}.fhir-tree-key{color:var(--color-json-key);font-weight:500}.fhir-tree-colon{color:var(--text-muted)}.fhir-tree-val{color:var(--color-json-string);word-break:break-all}.fhir-tree-val.string{color:var(--color-json-string)}.fhir-tree-val.number{color:var(--color-json-number)}.fhir-tree-val.boolean{color:var(--color-json-boolean)}.fhir-tree-val.null{color:var(--text-muted)}.fhir-tree-children{border-left:1px dashed var(--border-color);margin-left:1.25rem;padding-left:.5rem;display:none}.fhir-tree-children.expanded{display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}footer{border-top:1px solid var(--border-color);text-align:center;color:var(--text-muted);margin-top:auto;padding-top:1.5rem;font-size:.85rem}@media (width<=768px){html,body{width:auto;height:auto;position:static;overflow:visible}#app{gap:1.5rem;max-width:100vw;height:auto;padding:1rem;overflow:visible}footer{margin-top:2rem;padding-top:1.5rem;padding-bottom:1.5rem;display:block}.tab-content{height:auto;overflow:visible}.tab-content.active{flex-direction:column;gap:1.5rem;height:auto;padding-bottom:1rem;display:flex;overflow:visible}.column-left,.column-right{gap:1.5rem}.converter-grid,.guide-grid{grid-template-columns:1fr;gap:1.5rem}.converter-textarea{height:220px}.converter-actions{flex-direction:column;align-items:stretch;gap:.5rem;margin-top:1rem}.tabs-bar{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid var(--border-color);white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:0 0;gap:.5rem;margin:0 0 .5rem;padding:0 0 .25rem;display:flex;position:static;overflow-x:auto}.tabs-bar::-webkit-scrollbar{display:none}.tab-link{text-align:left;border-top:none;border-bottom:2.5px solid #0000;flex:none;padding:.6rem 1rem;font-size:.9rem;font-weight:600;display:inline-block}.tab-link:hover{border-bottom-color:#ffffff1a}.tab-link.active{color:var(--primary);border-bottom-color:var(--primary)}.segment-table,.segment-table tbody,.segment-table tr{width:100%;display:block}.segment-table thead{display:none}.segment-row{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);cursor:pointer;transition:var(--transition-smooth);box-shadow:var(--shadow-premium);margin-bottom:.75rem;padding:.85rem}.segment-row:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.segment-row.selected{background:var(--bg-select);border-color:var(--primary);box-shadow:var(--shadow-glow)}.segment-table td{display:block;background:0 0!important;border-bottom:none!important;padding:0!important}.segment-table td:first-child{width:auto;min-width:auto;box-shadow:none;margin-bottom:.5rem;position:static}.segment-table td:nth-child(2){margin-bottom:.5rem}.segment-table td:nth-child(3){color:var(--text-secondary);font-size:.85rem;line-height:1.45}.raw-line-preview{white-space:nowrap;background:var(--bg-input);border-radius:var(--radius-sm);border:1px solid var(--border-color);scrollbar-width:none;max-width:100%;padding:.6rem;font-size:.82rem;overflow-x:auto}.raw-line-preview::-webkit-scrollbar{display:none}.fields-inline-list{gap:.3rem;margin-top:.5rem;padding:0}.field-pill{padding:.15rem .4rem;font-size:.78rem}.fhir-tree-children{margin-left:.75rem;padding-left:.35rem}.fhir-tree-row{padding:.25rem .5rem;font-size:.82rem}#details-panel,#fhir-details-panel{scroll-margin-top:1.5rem}}@media (width<=600px){header{flex-direction:column;align-items:stretch;gap:.75rem;padding-bottom:1rem}.brand{text-align:center;align-items:center}.brand h1{font-size:1.35rem}.brand p{font-size:.8rem}.controls{justify-content:space-between;width:100%}.disclaimer-banner{align-items:flex-start;padding:.75rem 1rem;font-size:.8rem}.panel{border-radius:var(--radius-md);gap:1rem;padding:1rem}.panel-title{border-left-width:3px;padding-left:.5rem;font-size:1.05rem}.button-bar{flex-direction:column;align-items:stretch;gap:.5rem}.btn{justify-content:center;width:100%;padding:.6rem 1rem;font-size:.85rem}.details-meta-table{font-size:.82rem}.details-meta-label{width:30%}.tree-node-content{flex-direction:column;align-items:stretch;gap:.2rem}.tree-node-desc{text-align:left;margin-left:0;font-size:.78rem}}.tabs-bar,.btn,.lang-selector,.theme-toggle-btn,.panel-title,.seg-badge,.field-pill,.tab-link{-webkit-user-select:none;user-select:none}.btn:active,.field-pill:active,.lang-btn:active,.theme-toggle-btn:active,.tab-link:active,.close-disclaimer-btn:active{opacity:.9;transform:scale(.97)}