*{box-sizing:border-box}body{margin:0}:root{--paper:#f7f7f6;--surface:#fff;--ink:#17181a;--ink-muted:#6b6f75;--accent:#3a5169;--line:#dcdcd8;--error:#b23a2e;--success:#3f6b4a;color:var(--ink);background-color:var(--paper);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.5}h1,h2,h3{margin:0 0 .5em}input,select,button{border:1px solid var(--line);background-color:var(--surface);color:var(--ink);border-radius:6px;padding:.5em .8em;font-family:inherit;font-size:1em}button{cursor:pointer;transition:border-color .15s,background-color .15s}button:hover{border-color:var(--accent)}button.active,.btn-primary{background-color:var(--ink);color:#fff;border-color:var(--ink)}button.active:hover,.btn-primary:hover{background-color:#000}button:disabled{opacity:.5;cursor:not-allowed}.error-text{color:var(--error);font-size:.9em}.subtitle{color:var(--ink-muted)}.login-screen{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-form{background-color:var(--surface);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:.5em;width:340px;padding:2em;display:flex}.login-form h1{margin:0}.login-form .subtitle{margin:0 0 1em}.login-form label{font-size:.85em;font-weight:600}.login-form button{margin-top:1em}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{background-color:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:2em;padding:1em 1.5em;display:flex}.tabs{flex:1;gap:.5em;display:flex}.header-right{color:var(--ink-muted);align-items:center;gap:.75em;font-size:.9em;display:flex}.language-switcher{gap:.3em;display:flex}.language-switcher button{padding:.3em .6em;font-size:.8em}.pre-auth-switcher{position:fixed;top:1em;right:1em}.app-content{flex:1;width:100%;max-width:900px;margin:0 auto;padding:1.5em}.data-table{border-collapse:collapse;width:100%;margin-bottom:1.5em}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--line);padding:.6em .5em}.data-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);font-size:.75em}.row-inactive{opacity:.5}.card-form{background-color:var(--surface);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:.5em;max-width:420px;margin-bottom:1.5em;padding:1.5em;display:flex}.card-form label{margin-top:.5em;font-size:.85em;font-weight:600}.inline-form{align-items:center;gap:.5em;margin-bottom:1em;display:flex}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1em;max-width:1000px;display:grid}.stats-grid .card-form{max-width:none;margin-bottom:0}.stats-grid h3{color:var(--muted,#666);margin:0;font-size:.85em;font-weight:600}.stats-value{margin:0;font-size:1.6em;font-weight:700}.bar-cell{align-items:center;min-width:160px;height:1.6em;display:flex;position:relative}.bar-cell-fill{background-color:var(--accent,#2563eb);opacity:.18;border-radius:4px;min-width:2px;position:absolute;top:0;bottom:0;left:0}.bar-cell-label{z-index:1;white-space:nowrap;padding-left:.4em;position:relative}.bar-chart-wrap{max-width:1000px;margin-bottom:1.5em}.bar-chart-peak{color:var(--ink);margin:0 0 .75em;font-size:.9em}.bar-chart-peak-tag{background-color:var(--accent);color:#fff;letter-spacing:.04em;text-transform:uppercase;border-radius:4px;margin-right:.4em;padding:.15em .5em;font-size:.75em;font-weight:600;display:inline-block}.bar-chart{flex-direction:column;display:flex}.bar-chart-plot{position:relative}.bar-chart-grid{position:absolute;inset:0}.bar-chart-grid-line{border-top:1px dashed var(--line);position:absolute;left:0;right:0}.bar-chart-grid-label{color:var(--ink-muted);background-color:var(--paper);padding-left:.4em;font-size:.7em;position:absolute;top:-.8em;right:0}.bar-chart-bars{border-bottom:1px solid var(--line);align-items:flex-end;gap:3px;height:100%;display:flex;position:relative}.bar-chart-col{flex:1;justify-content:center;align-items:flex-end;min-width:3px;height:100%;display:flex;position:relative}.bar-chart-bar{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 70%, white), var(--accent));opacity:.5;border-radius:4px 4px 0 0;width:100%;max-width:40px;height:0%;transition:height .5s cubic-bezier(.22,1,.36,1),opacity .15s}.bar-chart-bar.is-peak{opacity:.9}.bar-chart-bar.is-hovered{opacity:1}.bar-chart-labels{gap:3px;margin-top:.6em;display:flex}.bar-chart-label{text-align:center;min-width:3px;color:var(--ink-muted);white-space:nowrap;flex:1;font-size:.7em;overflow:hidden}.bar-chart-tooltip{background-color:var(--ink);color:#fff;white-space:nowrap;z-index:2;pointer-events:none;border-radius:6px;padding:.3em .6em;font-size:.75em;position:absolute;left:50%;transform:translate(-50%)}.bar-chart-tooltip:after{content:"";border:4px solid #0000;border-top-color:var(--ink);position:absolute;top:100%;left:50%;transform:translate(-50%)}.plain-list{flex-direction:column;gap:.5em;margin:0 0 1.5em;padding:0;list-style:none;display:flex}.group-item{border:1px solid var(--line);background-color:var(--surface);border-radius:8px;padding:.75em 1em}.group-header{cursor:pointer;justify-content:space-between;align-items:baseline;gap:1em;display:flex}.modifiers-editor{border-top:1px solid var(--line);margin-top:1em;padding-top:1em}