:root{--paper:#f4f3ee;--surface:#fffefa;--ink:#191a1d;--muted:#62656b;--line:#deded6;--red:#d63827;--red-dark:#a52b20;--red-pale:#fae8e3;--amber:#a86c00;--display:"Bricolage Grotesque",sans-serif;--body:"Hanken Grotesk",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.45 var(--body)}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.brand{font:700 27px/1 var(--display)}.brand i{color:var(--red);font-style:normal}.eyebrow{margin:0;color:var(--red);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3{font-family:var(--display);letter-spacing:0;margin:0}h1{font-size:32px}h2{font-size:21px}.lead,.section-note{color:var(--muted)}.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(125deg,#f4f3ee 0%,#fffefa 72%,#f4dfd8 100%)}.login-card{width:min(430px,100%);padding:36px;background:var(--surface);border:1px solid var(--line);box-shadow:11px 11px 0 #d6382720}.login-card .eyebrow{margin-top:36px}.field{display:grid;gap:6px;margin:16px 0;color:var(--muted);font-size:13px}.field input,.filter-bar input,.filter-bar select,.trace-form input{width:100%;border:1px solid var(--line);background:#fff;padding:10px;border-radius:4px;color:var(--ink)}input:focus,select:focus{outline:3px solid var(--red-pale);border-color:var(--red)}.button{border:1px solid var(--ink);border-radius:4px;padding:9px 12px;background:transparent;color:var(--ink);font-weight:500}.button.primary{border-color:var(--red);background:var(--red);color:#fff}.button.primary:hover{background:var(--red-dark)}.button:disabled{opacity:.6;cursor:wait}.button.quiet{border-color:var(--line)}.form-error{min-height:20px;color:var(--red);font-size:13px}.shell{min-height:100vh;display:grid;grid-template-columns:234px minmax(0,1fr)}.sidebar{display:flex;flex-direction:column;gap:30px;padding:24px 16px;border-right:1px solid var(--line);background:#eeece5}.navigation{display:grid;gap:2px}.nav-item{border:0;border-left:3px solid transparent;background:transparent;padding:10px 9px;text-align:left;color:var(--muted);font-weight:500}.nav-item:hover{color:var(--ink);background:#e5e2d9}.nav-item.active{border-left-color:var(--red);background:var(--red-pale);color:var(--red-dark)}.operator-block{display:grid;gap:3px;margin-top:auto;padding:12px 9px;border-top:1px solid var(--line)}.operator-block strong{font-size:13px;overflow-wrap:anywhere}.workspace{min-width:0}.workspace-header{display:flex;justify-content:space-between;gap:20px;align-items:end;padding:26px 34px 20px;border-bottom:1px solid var(--line);background:#f9f8f4}.filter-bar{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:8px;align-items:end}.filter-bar label{display:grid;gap:4px;color:var(--muted);font-size:11px}.filter-bar .button{height:39px}.content{padding:24px 34px 48px;max-width:1640px}.page{display:none}.page.active{display:block;animation:enter .24s ease-out}@keyframes enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.page-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.section-note{margin:0}.message{margin:0 0 14px;padding:9px 11px;border-left:3px solid var(--amber);background:#fff5d9;color:#604200}.message.error{border-color:var(--red);background:var(--red-pale);color:var(--red-dark)}.message.warning{border-color:var(--amber)}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px}.kpi-card,.panel,.analysis-panel{background:var(--surface);border:1px solid var(--line)}.kpi-card{display:grid;gap:9px;padding:15px;min-height:164px}.kpi-heading{display:flex;justify-content:space-between;align-items:center}.kpi-value{font:700 27px/1 var(--display)}.kpi-definition{margin:0;color:var(--muted);font-size:12px}.detail-link{justify-self:start;margin-top:auto;padding:0;border:0;background:none;color:var(--red-dark);font-weight:500;text-decoration:underline}.stale{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:var(--amber);color:#fff;font:700 12px/1 var(--body)}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.panel{padding:18px}.panel-heading,.analysis-top{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:15px}.table-panel{margin-top:12px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--muted);font-size:11px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}th,td{padding:9px 8px;border-bottom:1px solid var(--line);vertical-align:top}td{overflow-wrap:anywhere}.empty{color:var(--muted);text-align:center;padding:20px}.axis-chart{height:210px;display:grid;grid-template-columns:66px minmax(0,1fr);gap:9px;margin-top:14px}.y-axis{display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line);padding-right:7px;color:var(--muted);font-size:11px;text-align:right}.plot{position:relative;border-bottom:1px solid var(--ink);background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(25% - 1px),#e7e5de calc(25% - 1px),#e7e5de 25%)}.bars{position:absolute;inset:0;display:flex;align-items:end;gap:3px;padding:8px 4px 23px}.bar-column{height:100%;min-width:0;flex:1;position:relative;display:flex;align-items:end}.bar{width:100%;background:var(--red);min-width:3px;transition:height .22s ease}.bar:hover{background:var(--red-dark)}.x-label{position:absolute;top:calc(100% + 5px);left:50%;transform:translateX(-50%);font-size:10px;color:var(--muted);white-space:nowrap}.chart-legend{margin:8px 0 0;color:var(--muted);font-size:12px}.status{margin:16px 0;color:var(--muted)}.meter{display:block;height:8px;margin-top:7px;background:#ebe8e0}.meter i{display:block;height:100%;background:var(--red)}.funnel-row{display:grid;grid-template-columns:minmax(90px,1fr) auto;gap:8px;align-items:center;margin:14px 0}.funnel-row .meter{grid-column:1/-1;margin:0}.analysis-panel{margin-top:12px;padding:20px;border-left:4px solid var(--red)}.analysis-meta,.analysis-quality{color:var(--muted);font-size:12px}.analysis-summary{font:500 18px/1.45 var(--display)}.analysis-block{margin-top:16px}.analysis-block ul{padding-left:20px}.analysis-block li{margin:6px 0}.explorer-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}.request-list{min-width:0}.selectable-row{cursor:pointer}.selectable-row:hover,.selectable-row:focus{background:var(--red-pale);outline:0}.trace-form{display:flex;gap:8px;margin:13px 0}.trace-form input{min-width:0}.compact-list{padding-left:18px}.drawer{width:min(840px,calc(100vw - 28px));border:1px solid var(--line);padding:25px;background:var(--surface);color:var(--ink);box-shadow:0 20px 60px #17181c33}.drawer::backdrop{background:#17181c66}.drawer form{display:flex;justify-content:end}.icon-button{border:0;background:transparent;font-size:20px}.drawer-table{margin-top:16px}@media(max-width:1050px){.shell{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;border-right:0;border-bottom:1px solid var(--line)}.navigation{grid-auto-flow:column;grid-template-columns:repeat(5,max-content);overflow:auto}.operator-block{display:none}.workspace-header{display:grid;align-items:start}.filter-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.sidebar{grid-template-columns:1fr;padding:16px}.sidebar .button{display:none}.content,.workspace-header{padding-left:16px;padding-right:16px}.filter-bar{grid-template-columns:1fr 1fr}.filter-bar label:nth-of-type(3),.filter-bar label:nth-of-type(4),.filter-bar .button{grid-column:span 2}.dashboard-grid,.explorer-layout{grid-template-columns:1fr}.kpi-grid{grid-template-columns:1fr 1fr}.page-actions{align-items:start;flex-direction:column}.trace-form{flex-direction:column}h1{font-size:27px}}