*{box-sizing:border-box}:root{--ink: #0d1f2d;--ink-2: #21313b;--ink-3: #33454f;--slate: #46606c;--slate-2: #62787f;--muted: #7d939d;--bg: #eef1f3;--line: #dbe3e7;--line-2: #dde5e8;--line-3: #e6ecee;--line-4: #eef2f4;--teal: #12a3b8;--teal-deep: #0f7f92;--teal-ink: #0b6d7e;--navy: #0d3b47;--green: #22a06b;--amber: #b7791f;--red: #a1352c}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:IBM Plex Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--teal-deep);text-decoration:none}a:hover{color:#0a5d6c;text-decoration:underline}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#c8d2d7;border-radius:8px;border:3px solid var(--bg)}.mono{font-family:IBM Plex Mono,monospace}.kicker{font-family:IBM Plex Mono,monospace;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.layout{display:grid;grid-template-columns:252px minmax(1100px,1fr);height:100vh;min-height:720px;min-width:1352px;overflow:hidden;background:var(--bg)}.sidebar{background:linear-gradient(180deg,#0b1d2a,#0c2530);color:#cfdbe1;display:flex;flex-direction:column;padding:22px 16px 16px;gap:26px;overflow:hidden}.brand{display:flex;align-items:center;gap:11px;padding:0 6px}.brand-badge{width:34px;height:34px;border-radius:9px;background:var(--teal);display:grid;place-items:center;font-weight:700;font-size:15px;color:#041318;flex:none}.brand-name{font-size:15px;font-weight:600;color:#fff;letter-spacing:-.01em}.brand-sub{font-family:IBM Plex Mono,monospace;font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;color:#6f8b96}.nav-label{font-family:IBM Plex Mono,monospace;font-size:9.5px;letter-spacing:.11em;color:#57757f;padding:0 8px 8px;text-transform:uppercase}.navlist{display:flex;flex-direction:column;gap:3px}.navitem{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;cursor:pointer;font-size:13.5px;font-weight:500;color:#a8bcc4;border-left:2px solid transparent;text-decoration:none}.navitem:hover{background:#ffffff12;color:#fff;text-decoration:none}.navitem.active{background:#12a3b824;color:#fff;border-left-color:var(--teal)}.navitem .key{font-family:IBM Plex Mono,monospace;font-size:11px;opacity:.75;width:16px}.navitem .grow{flex:1}.navitem .count{font-family:IBM Plex Mono,monospace;font-size:10.5px;color:#7f9aa4}.crawler-card{margin-top:auto;display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.07)}.crawler-head{display:flex;align-items:center;justify-content:space-between}.crawler-label{font-family:IBM Plex Mono,monospace;font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;color:#7f9aa4}.crawler-state{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#4fd1c5}.crawler-state .dot{width:7px;height:7px;border-radius:50%;background:#4fd1c5;display:block}.crawler-state.paused,.crawler-state.paused .dot{color:#9fb4bc}.crawler-state.paused .dot{background:#9fb4bc}.crawler-track{height:5px;border-radius:4px;background:#ffffff1a;overflow:hidden}.crawler-fill{height:5px;border-radius:4px;background:linear-gradient(90deg,#12a3b8,#4fd1c5);transition:width .6s linear}.crawler-note{font-size:11.5px;color:#9fb4bc;line-height:1.5}.crawler-btn{text-align:center;padding:7px;border-radius:7px;background:var(--teal);color:#041318;font-size:12px;font-weight:600;cursor:pointer;border:none;width:100%;font-family:inherit}.crawler-btn:hover{background:#4fd1c5}.main{display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.header{display:flex;align-items:center;gap:18px;padding:0 28px;height:64px;background:#fff;border-bottom:1px solid var(--line);flex:none}.header-titles{display:flex;flex-direction:column;gap:2px;min-width:220px}.header-title{font-size:16.5px;font-weight:600;letter-spacing:-.01em}.search{flex:1;display:flex;align-items:center;gap:10px;max-width:460px;margin-left:auto;padding:0 13px;height:38px;border-radius:9px;background:#f2f5f6;border:1px solid var(--line-2)}.search .glyph{font-family:IBM Plex Mono,monospace;font-size:12px;color:#90a4ad}.search input{flex:1;border:none;outline:none;background:transparent;font-family:IBM Plex Sans,sans-serif;font-size:13px;color:var(--ink)}.sync-pill{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;border-radius:9px;border:1px solid var(--line-2);background:#fff}.sync-pill .dot{width:8px;height:8px;border-radius:50%;background:var(--green);display:block}.sync-pill span:last-child{font-size:12px;color:var(--slate)}.avatar{width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:600}.content{flex:1;overflow:auto;padding:24px 28px 40px}.card{background:#fff;border:1px solid var(--line);border-radius:12px}.card-pad{padding:18px}.card-head{padding:16px 18px;border-bottom:1px solid var(--line-3);font-size:14px;font-weight:600}.card-head.split{display:flex;align-items:baseline;justify-content:space-between}.card-head .aside{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--muted);font-weight:400}.thead{display:grid;gap:14px;padding:11px 18px;background:#f6f9fa;border-bottom:1px solid var(--line-2);font-family:IBM Plex Mono,monospace;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.trow{display:grid;gap:14px;align-items:center;padding:13px 18px;border-bottom:1px solid var(--line-4);font-size:13px}.trow.click{cursor:pointer}.trow.click:hover{background:#f5fafb}.trow.hoverable:hover{background:#fafcfc}.pill{font-family:IBM Plex Mono,monospace;font-size:10px;padding:3px 8px;border-radius:20px;display:inline-block;white-space:nowrap}.chip-filter{padding:7px 14px;border-radius:20px;font-size:12.5px;cursor:pointer;border:1px solid var(--line-2);background:#fff;color:var(--slate)}.chip-filter:hover{border-color:var(--teal)}.chip-filter.active{background:var(--navy);border-color:var(--navy);color:#fff}.back-link{font-size:12.5px;color:var(--teal-deep);cursor:pointer;width:fit-content}.back-link:hover{text-decoration:underline}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{padding:18px 18px 16px;display:flex;flex-direction:column;gap:10px}.stat .value{font-size:30px;font-weight:600;letter-spacing:-.03em;line-height:1}.stat .delta{font-size:12px}.bar-track{height:6px;border-radius:4px;background:#eaeff1;overflow:hidden}.bar-fill{height:6px;border-radius:4px;background:var(--teal)}.btn-primary{font-size:11.5px;padding:5px 11px;border-radius:7px;background:var(--navy);color:#fff;cursor:pointer;border:none;font-family:inherit}.btn-primary:hover{background:var(--teal);color:#041318}.btn-ghost{font-size:11.5px;padding:5px 11px;border-radius:7px;border:1px solid var(--line-2);color:var(--slate);cursor:pointer;background:#fff;font-family:inherit}.btn-ghost:hover{border-color:var(--teal)}.docket-chip{font-size:11.5px;padding:5px 11px;border-radius:18px;cursor:pointer;border:1px solid var(--line-2);background:#fff;color:var(--slate)}.docket-chip.active{background:var(--navy);border-color:var(--navy);color:#fff}