html{font-size:80%}:root{--bg: #fafafa;--fg: #333;--primary: #000;--border: #ddd;--highlight: #ffeeba;--search-highlight: #fffa8b;--cell-width: 160px;--cell-min: 60px;--cell-max: 200px;--z-header: 10;--z-first-col: 11;--header-row-height: 2.5rem}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;background:var(--bg);color:var(--fg)}header{display:flex;align-items:center;background:var(--primary);color:#fff;padding:1rem;position:sticky;top:0;z-index:var(--z-header);box-shadow:0 2px 4px #0000001a}header h1{margin:0;font-size:1.25rem}#toggleControls{background:none;border:none;color:#fff;font-size:1.25rem;cursor:pointer;margin-left:auto}main{padding:1rem}#controls{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:.75rem;position:sticky;top:3.5rem;background:var(--bg);padding:.5rem 0;border-bottom:1px solid var(--border);z-index:calc(var(--z-header) - 1);overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scroll-snap-type:x proximity}#controls.collapsed{max-height:0;opacity:0;overflow:hidden}#controls fieldset,#controls details.filter-group{min-width:220px;scroll-snap-align:start;background:#fff;border:1px solid var(--border);border-radius:.5rem;padding:.75rem 1rem}#controls legend,#controls details.filter-group summary{font-size:1rem;font-weight:600;color:var(--primary);cursor:pointer}#controls details.filter-group summary{margin-bottom:.5rem;list-style:none}#controls label{display:flex;align-items:center;gap:.5rem}#controls label br{display:none}#controls label input,#controls label select{width:auto;flex:1 1 140px;min-width:120px;font:inherit;margin:.25rem 0;padding:.5rem;border:1px solid var(--border);border-radius:.25rem}#controls button{width:auto;font:inherit;margin:.25rem 0;padding:.5rem;background:var(--primary);color:#fff;border:none;border-radius:.25rem;cursor:pointer}select,input,button{font:inherit;margin:.25rem 0;padding:.5rem;border:1px solid var(--border);border-radius:.25rem;width:100%}button{background:var(--primary);color:#fff;border:none;cursor:pointer}.rule-pill{background:var(--highlight);padding:.25rem .5rem;border-radius:1rem;display:inline-flex;align-items:center;gap:.5rem;margin:.25rem 0}.rule-pill button{background:none;border:none;cursor:pointer;color:#666;font-size:1rem;padding:0 .25rem}.panel#table{overflow:auto;max-height:60vh;box-shadow:inset 0 0 5px #0000000d;transition:max-height .3s}.panel#table::-webkit-scrollbar{height:8px;width:8px}.panel#table::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}table{table-layout:fixed;border-collapse:collapse;width:auto;min-width:max-content}col{width:clamp(var(--cell-min),var(--cell-width),var(--cell-max))}thead th{position:sticky;top:0;background:var(--primary);color:#fff;padding:.5rem;border:1px solid var(--border);white-space:normal;word-break:break-word;z-index:var(--z-header)}th,td{padding:.5rem;border:1px solid var(--border);white-space:normal;word-break:break-word;text-align:left}td img{width:100%;height:auto;object-fit:contain;display:block;margin:0 auto}.highlight{background:var(--highlight)}.search-highlight{background:var(--search-highlight)}thead th:first-child,tbody td:first-child{font-weight:600}thead th:first-child{position:sticky;left:0;z-index:var(--z-first-col);background:var(--primary)}tbody td:first-child{position:sticky;left:0;background:#fff;z-index:var(--z-first-col)}tbody tr.sticky-row td{position:sticky;top:var(--header-row-height);background:#fff;z-index:calc(var(--z-header)-1)}tbody td{position:relative;z-index:1}tbody td:first-child{position:sticky;left:0;background:#fff;z-index:2}tbody tr.sticky-row td{position:sticky;top:var(--header-row-height);background:#fff;z-index:3}thead th{position:sticky;top:0;z-index:4}tbody tr:nth-child(odd){background:#fafafa}tbody tr:hover{background:#f1f1f1}footer{text-align:center;padding:1rem 0;background:#f0f0f0;color:#666;font-size:.875rem;margin-top:2rem}.brand{display:flex;align-items:center;text-decoration:none}.brand-logo{width:128px;height:32px;display:inline-block;background-color:#fff;-webkit-mask:url(https://res.cloudinary.com/chal-tec/image/upload/w_auto,q_auto,f_auto/marketing/gds/klarstein/logos/klarstein_vec.svg) no-repeat center / contain;mask:url(https://res.cloudinary.com/chal-tec/image/upload/w_auto,q_auto,f_auto/marketing/gds/klarstein/logos/klarstein_vec.svg) no-repeat center / contain}.loading-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000}.loading-modal .content{background:#fff;padding:2rem;border-radius:8px;text-align:center}@media (max-width:600px){#controls{position:static;top:auto}.brand-logo{width:112px;height:28px}}