@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&family=Fira+Sans:wght@400;500;600;700&display=swap";:root{color-scheme:light dark;--bg: #f8fafc;--surface: #ffffff;--surface-2: #f1f5f9;--border: #e2e8f0;--border-strong: #cbd5e1;--text: #1e293b;--text-muted: #5b6b7f;--primary: #2563eb;--primary-weak: #dbeafe;--accent: #d6472f;--danger: #b91c1c;--danger-weak: #fee2e2;--radius: 8px;--radius-sm: 6px;--s1: .25rem;--s2: .5rem;--s3: .75rem;--s4: 1rem;--s6: 1.5rem;--s8: 2rem;--shadow-1: 0 1px 2px rgb(15 23 42 / .06);--shadow-2: 0 4px 12px rgb(15 23 42 / .08);--fast: .15s;--ease: cubic-bezier(.4, 0, .2, 1)}@media(prefers-color-scheme:dark){:root{--bg: #0f172a;--surface: #1e293b;--surface-2: #334155;--border: #334155;--border-strong: #475569;--text: #f1f5f9;--text-muted: #a3b2c4;--primary: #60a5fa;--primary-weak: #1e3a5f;--accent: #f87171;--danger: #fca5a5;--danger-weak: #4c1010;--shadow-1: 0 1px 2px rgb(0 0 0 / .3);--shadow-2: 0 4px 12px rgb(0 0 0 / .4)}}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Fira Sans,ui-sans-serif,system-ui,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}code,.mono{font-family:Fira Code,ui-monospace,SFMono-Regular,monospace;font-variant-numeric:tabular-nums;font-size:.875em}main{max-width:60rem;margin:0 auto;padding:var(--s6) var(--s4) var(--s8)}:where(a,button,input,[tabindex]):focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}h1{font-size:1.5rem;font-weight:700;letter-spacing:-.01em;margin:0}h2{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 var(--s3)}h3{font-size:1rem;font-weight:600;margin:0 0 var(--s2)}.head{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s6)}.head svg{flex:none}.muted{color:var(--text-muted);font-size:.875rem}.error{background:var(--danger-weak);color:var(--danger);padding:var(--s3) var(--s4);border-radius:var(--radius);margin-bottom:var(--s4);font-size:.875rem}section{margin-bottom:var(--s8)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-1)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:var(--s3);margin-bottom:var(--s4)}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--s3) var(--s4)}.kpi .n{font-family:Fira Code,ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:600;line-height:1.2}.kpi .l{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:var(--s1)}.bar{height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden}.bar-fill{height:100%;background:var(--accent);transition:width .4s var(--ease)}input[type=text],input:not([type]){width:100%;padding:var(--s3) var(--s4);font-size:1rem;font-family:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);transition:border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}input::placeholder{color:var(--text-muted)}input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-weak);outline:none}button{font:inherit;font-weight:500;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:var(--s2) var(--s3);min-height:44px;cursor:pointer;display:inline-flex;align-items:center;gap:var(--s2);transition:background var(--fast) var(--ease),border-color var(--fast) var(--ease)}button:hover:not(:disabled){background:var(--surface-2)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--primary);border-color:var(--primary);color:#fff}button.primary:hover:not(:disabled){filter:brightness(1.08);background:var(--primary)}button.ghost{border-color:transparent;background:transparent;min-height:36px}button.ghost:hover:not(:disabled){background:var(--surface-2)}button.danger{color:var(--danger);border-color:transparent;background:transparent;min-height:36px}button.danger:hover:not(:disabled){background:var(--danger-weak)}.row{display:flex;gap:var(--s2);align-items:center;flex-wrap:wrap}ul{list-style:none;padding:0;margin:0}.combo{position:relative}.options{position:absolute;z-index:20;top:calc(100% + var(--s1));left:0;right:0;max-height:20rem;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-2)}.options li+li{border-top:1px solid var(--border)}.option{width:100%;text-align:left;border:0;border-radius:0;background:transparent;padding:var(--s3) var(--s4);justify-content:flex-start}.option[aria-selected=true],.option:hover:not(:disabled){background:var(--primary-weak)}.option .t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag{margin-left:auto;font-size:.75rem;color:var(--text-muted);flex:none}.diff{margin-top:var(--s4);padding:var(--s4);border-left:3px solid var(--primary)}.delta{display:flex;align-items:baseline;gap:var(--s3);font-family:Fira Code,ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:600;margin-bottom:var(--s3)}.delta .to{color:var(--danger)}.delta .n{font-size:.8125rem;font-weight:400;font-family:Fira Sans,sans-serif;color:var(--text-muted)}.removed{max-height:12rem;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);margin-bottom:var(--s4)}.removed li{padding:var(--s2) var(--s3);font-size:.875rem}.removed li+li{border-top:1px solid var(--border)}.rows li{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4)}.rows li+li{border-top:1px solid var(--border)}.rows li:hover{background:var(--surface-2)}.rows .spacer{margin-left:auto}.empty{padding:var(--s6) var(--s4);text-align:center;color:var(--text-muted);font-size:.875rem}.themes{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:var(--s3)}.theme{padding:var(--s3) var(--s4)}.theme.active{border-color:var(--accent)}.theme .when{font-size:.75rem;color:var(--text-muted);margin-top:var(--s1)}.pill{display:inline-block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:2px var(--s2);border-radius:999px;background:var(--accent);color:#fff;margin-left:var(--s2)}.spin{animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{height:4.5rem;background:linear-gradient(90deg,var(--surface-2) 25%,var(--border) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.4s linear infinite;border-radius:var(--radius)}@keyframes shimmer{to{background-position:-200% 0}}@media(max-width:480px){main{padding:var(--s4) var(--s3) var(--s6)}.kpis{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}