:root{color:oklch(22% .014 250);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--background:oklch(98.5% .006 250);--surface:oklch(96.5% .008 250);--panel:oklch(94% .01 250);--border:oklch(86% .012 250);--text:oklch(22% .014 250);--muted:oklch(46% .018 250);--accent:oklch(58% .16 252);--accent-soft:oklch(92% .04 252);--success:oklch(57% .13 150);--success-soft:oklch(92% .045 150);--warning:oklch(72% .14 80);--muted-soft:oklch(92% .012 250);--shadow:0 18px 40px oklch(22% .014 250/.08);background:oklch(98.5% .006 250);font-family:Inter,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--background);min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}.app-shell{grid-template-columns:264px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;gap:28px;min-width:0;padding:24px 16px;display:flex}.brand-block{align-items:center;gap:12px;padding:0 8px;display:flex}.brand-mark{background:var(--accent);color:oklch(98.5% .006 250);border-radius:8px;place-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:grid}.brand-title{font-size:15px;font-weight:700;line-height:20px}.brand-caption{color:var(--muted);font-size:12px;font-weight:500;line-height:16px}.nav-list{gap:4px;min-width:0;display:grid}.nav-item{min-height:38px;color:var(--muted);border-radius:8px;align-items:center;padding:9px 10px;font-size:13px;font-weight:600;line-height:18px;text-decoration:none;transition:background-color .16s ease-out,color .16s ease-out;display:flex}.nav-item:hover{background:var(--panel);color:var(--text)}.nav-item:focus-visible,.secondary-action:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nav-item.active{background:var(--accent-soft);color:var(--accent)}.workspace{min-width:0}.topbar{border-bottom:1px solid var(--border);background:oklch(97.8% .007 250);justify-content:space-between;align-items:center;gap:16px;min-width:0;min-height:70px;padding:16px 28px;display:flex}.workspace-label,.empty-state-label{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:700;line-height:16px}.workspace-name{margin-top:2px;font-size:14px;font-weight:650;line-height:20px}.topbar-status{color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:600;line-height:18px;display:inline-flex}.status-dot{background:var(--success);border-radius:999px;width:8px;height:8px}.content{min-width:0;padding:32px}.route-page{gap:28px;min-width:0;max-width:1060px;display:grid}.route-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.route-header h1{color:var(--text);margin:0;font-size:24px;font-weight:650;line-height:32px}.route-header p,.empty-state p{max-width:70ch;color:var(--muted);margin:6px 0 0;font-size:14px;font-weight:400;line-height:22px}.secondary-action{border:1px solid var(--border);background:var(--surface);min-height:36px;color:var(--text);cursor:pointer;border-radius:8px;flex:none;padding:8px 14px;font-size:13px;font-weight:650;line-height:18px;transition:background-color .16s ease-out,border-color .16s ease-out}.secondary-action:hover{background:var(--panel);border-color:oklch(74% .025 250)}.empty-state{border:1px solid var(--border);background:var(--surface);min-width:0;max-width:680px;box-shadow:var(--shadow);border-radius:8px;gap:8px;padding:28px;display:grid}.empty-state h2{margin:0;font-size:18px;font-weight:650;line-height:26px}.data-panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;min-width:0;display:grid;overflow:hidden}.data-panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;min-width:0;padding:18px 20px;display:flex}.data-panel-header h2{color:var(--text);margin:0;font-size:18px;font-weight:650;line-height:26px}.data-panel-header p{max-width:72ch;color:var(--muted);margin:4px 0 0;font-size:14px;line-height:22px}.responsive-table{min-width:0;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{border-bottom:1px solid var(--border);color:var(--text);text-align:left;vertical-align:top;padding:13px 16px;font-size:13px;line-height:18px}th{color:var(--muted);background:oklch(95.5% .008 250);font-weight:700}tbody tr:hover{background:oklch(97.5% .007 250)}tbody tr:last-child td{border-bottom:0}.entity-cell{gap:2px;min-width:0;display:grid}.entity-cell strong,.lot-title{overflow-wrap:anywhere;max-width:44ch;color:var(--text);font-weight:650;display:block}.entity-cell span{color:var(--muted)}.status-badge{border:1px solid var(--border);background:var(--muted-soft);min-height:24px;color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;padding:3px 9px;font-size:12px;font-weight:700;line-height:16px;display:inline-flex}.status-badge-success,.status-badge-healthy{background:var(--success-soft);color:oklch(34% .09 150);border-color:oklch(76% .06 150)}.status-badge-warning{color:oklch(42% .09 80);background:oklch(94% .05 80);border-color:oklch(82% .08 80)}.status-badge-muted{color:var(--muted)}@media (width<=760px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:1;border-right:0;border-bottom:1px solid var(--border);gap:16px;position:sticky;top:0}.nav-list{padding-bottom:4px;display:flex;overflow-x:auto}.nav-item{flex:none}.topbar,.route-header{flex-direction:column;align-items:stretch}.content{padding:24px 16px}.empty-state{padding:22px}.data-panel-header{flex-direction:column;align-items:stretch;padding:16px}}