:root{--mono:ui-monospace, "Cascadia Code", "Fira Code", Consolas, monospace;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}[data-theme=dark]{--bg:#0f1117;--bg-surface:#1a1b23;--bg-elevated:#22232d;--border:#2e303a;--text:#9ca3af;--text-bright:#f3f4f6;--accent:#818cf8;--accent-dim:#818cf826;--green:#34d399;--green-dim:#34d39926;--amber:#fbbf24;--amber-dim:#fbbf2426;--red:#f87171;--red-dim:#f8717126;--cyan:#22d3ee;--cyan-dim:#22d3ee26}[data-theme=light]{--bg:#f8f9fb;--bg-surface:#fff;--bg-elevated:#f0f1f4;--border:#d1d5db;--text:#6b7280;--text-bright:#111827;--accent:#6366f1;--accent-dim:#6366f11f;--green:#059669;--green-dim:#0596691f;--amber:#d97706;--amber-dim:#d977061f;--red:#dc2626;--red-dim:#dc26261f;--cyan:#0891b2;--cyan-dim:#0891b21f}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--sans);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6}#root,.app{flex-direction:column;min-height:100vh;display:flex}header{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:16px 24px;display:flex}header h1{color:var(--text-bright);letter-spacing:-.3px;font-size:18px;font-weight:600}header h1 span{color:var(--accent)}.header-controls{align-items:center;gap:8px;margin-left:auto;display:flex}footer{border-top:1px solid var(--border);color:var(--text);text-align:center;padding:14px 24px;font-size:12px}footer a{color:var(--accent);text-decoration:none}footer a:hover{text-decoration:underline}.theme-toggle,.header-link{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:6px 8px;font-size:16px;line-height:1;transition:all .15s;display:flex}.theme-toggle:hover,.header-link:hover{color:var(--text-bright);border-color:var(--accent)}.header-link{text-decoration:none}.tab-bar{flex-wrap:wrap;gap:4px;display:flex}.tab-bar button{font-family:var(--sans);color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:6px 16px;font-size:14px;transition:all .15s}.tab-bar button:hover{background:var(--bg-elevated);color:var(--text-bright)}.tab-bar button.active{background:var(--accent-dim);color:var(--accent);border-color:#818cf84d}main{flex-direction:column;flex:1;gap:24px;width:100%;max-width:1200px;margin:0 auto;padding:24px;display:flex}.input-section{flex-direction:column;gap:8px;display:flex}.input-section label{color:var(--text);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:500}.input-section textarea{font-family:var(--mono);background:var(--bg-surface);border:1px solid var(--border);color:var(--text-bright);resize:vertical;border-radius:8px;outline:none;min-height:120px;padding:16px;font-size:13px;line-height:1.5;transition:border-color .15s}.input-section textarea:focus{border-color:var(--accent)}.input-section textarea::placeholder{color:var(--text)}.input-section .text-input{font-family:var(--mono);background:var(--bg-surface);border:1px solid var(--border);color:var(--text-bright);border-radius:8px;outline:none;padding:10px 16px;font-size:13px;transition:border-color .15s}.input-section .text-input:focus{border-color:var(--accent)}.input-section .text-input::placeholder{color:var(--text)}.output-grid{flex-direction:column;gap:16px;display:flex}.section-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}.section-card .card-header{border-bottom:1px solid var(--border);background:var(--bg-elevated);align-items:center;gap:8px;padding:12px 16px;display:flex}.section-card .card-header h3{text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.card-header .badge{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.badge-blue{background:var(--accent-dim);color:var(--accent)}.badge-green{background:var(--green-dim);color:var(--green)}.badge-amber{background:var(--amber-dim);color:var(--amber)}.badge-red{background:var(--red-dim);color:var(--red)}.badge-cyan{background:var(--cyan-dim);color:var(--cyan)}.card-body{padding:16px}.json-display{font-family:var(--mono);white-space:pre-wrap;word-break:break-all;font-size:13px;line-height:1.6}.claim-table{border-collapse:collapse;width:100%}.claim-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text);border-bottom:1px solid var(--border);padding:8px 12px;font-size:11px;font-weight:600}.claim-table td{border-bottom:1px solid var(--border);vertical-align:top;padding:8px 12px;font-size:13px}.claim-table tr:last-child td{border-bottom:none}.claim-name{font-family:var(--mono);color:var(--cyan);white-space:nowrap}.claim-value{font-family:var(--mono);color:var(--text-bright);word-break:break-all}.claim-description{color:var(--text);font-size:12px}.timestamp{color:var(--green)}.error-card{border-color:#f871714d}.error-card .card-header{background:var(--red-dim)}.error-message{color:var(--red);font-family:var(--mono);font-size:13px}.empty-state{color:var(--text);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.empty-state svg{opacity:.4}.empty-state p{font-size:14px}.saml-attributes{flex-direction:column;gap:2px;display:flex}.saml-attr-row{border-bottom:1px solid var(--border);gap:12px;padding:6px 0;display:flex}.saml-attr-row:last-child{border-bottom:none}.saml-attr-name{font-family:var(--mono);color:var(--cyan);word-break:break-all;min-width:200px;font-size:12px}.saml-attr-value{font-family:var(--mono);color:var(--text-bright);word-break:break-all;font-size:12px}.json-tree{font-family:var(--mono);font-size:13px;line-height:1.6}.sql-output{font-family:var(--mono);color:var(--text-bright);white-space:pre-wrap;word-break:break-word;margin:0;font-size:13px;line-height:1.6}.json-expand-toggle{font-family:var(--sans);border:1px solid var(--border);background:var(--bg-surface);color:var(--text);cursor:pointer;border-radius:6px;margin-left:auto;padding:4px 10px;font-size:12px;transition:all .15s}.json-expand-toggle:hover{color:var(--text-bright);border-color:var(--accent)}.json-line{white-space:pre-wrap;word-break:break-word;border-radius:4px}.json-toggle{cursor:pointer;-webkit-user-select:none;user-select:none}.json-toggle:hover{background:var(--bg-elevated)}.json-caret{width:14px;color:var(--text);font-size:11px;display:inline-block}.json-key{color:var(--cyan)}.json-string{color:var(--green)}.json-number{color:var(--amber)}.json-boolean{color:var(--accent)}.json-null{color:var(--red)}.json-punct{color:var(--text)}.json-collapsed{color:var(--text);opacity:.7;padding:0 6px;font-style:italic}.xml-tree{font-family:var(--mono);font-size:12px;line-height:1.55}.xml-line{white-space:pre-wrap;word-break:break-word;border-radius:4px}.xml-foldable{cursor:pointer;-webkit-user-select:none;user-select:none}.xml-foldable:hover{background:var(--bg-elevated)}.xml-toggle,.xml-toggle-spacer{width:14px;color:var(--text);font-size:11px;display:inline-block}.xml-tag-name{color:var(--accent)}.xml-attr-name{color:var(--amber)}.xml-attr-value{color:var(--green);word-break:break-all}.xml-text{color:var(--text-bright);word-break:break-all}.xml-punct{color:var(--text)}.xml-ellipsis{color:var(--text);opacity:.7;padding:0 6px;font-style:italic}.info-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;display:grid}.info-item{flex-direction:column;gap:2px;display:flex}.info-item .info-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text);font-size:11px;font-weight:600}.info-item .info-value{font-family:var(--mono);color:var(--text-bright);word-break:break-all;font-size:13px}@media (width<=768px){main{padding:16px}header{flex-direction:column;align-items:flex-start}.header-controls{flex-wrap:wrap;width:100%;margin-left:0}.tab-bar button{padding:6px 12px}.info-grid{grid-template-columns:1fr}}