@import "https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300..700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--t-bg:#07090e;--t-panel:#0c1018;--t-surface:#101520;--t-surface-hover:#141c2a;--t-border:#1c2535;--t-border-bright:#263547;--t-text:#c9d5e3;--t-muted:#7a90a6;--t-dim:#3d5166;--t-accent:#00d4aa;--t-accent-dim:#012f24;--t-accent-text:#00f5c4;--t-warning:#f59e0b;--t-error:#ef4444;--t-success:#22c55e;--t-purple:#818cf8;--t-zebra:#080b13;--t-footer:#04060b;--t-danger-bg:#200a0a;--t-danger-border:#3d1010;--t-danger-text:#fca5a5;--t-chip-bg:#012f24;--t-chip-border:#00d4aa44;--t-chip-text:#b8f7e6;--t-chip-x:#7ad9c2;--t-selected-row:#091a28;--t-on-accent:#04120e;--t-shadow:#00000073;--t-scroll:#1e2d3d;--t-scroll-hover:#2d4055}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--t-bg:#fff;--t-panel:#fff;--t-surface:#f3f5f8;--t-surface-hover:#e8ecf2;--t-border:#e1e6ee;--t-border-bright:#c5ceda;--t-text:#152033;--t-muted:#526274;--t-dim:#8b9aab;--t-accent:#0d9f82;--t-accent-dim:#e8f8f4;--t-accent-text:#087a63;--t-warning:#c47b05;--t-error:#dc2626;--t-success:#16a34a;--t-purple:#6366f1;--t-zebra:#f7f9fc;--t-footer:#f0f3f7;--t-danger-bg:#fef2f2;--t-danger-border:#fecaca;--t-danger-text:#b91c1c;--t-chip-bg:#e8f8f4;--t-chip-border:#0d9f8244;--t-chip-text:#087a63;--t-chip-x:#0d9f82;--t-selected-row:#e4f6f1;--t-on-accent:#fff;--t-shadow:#0f172a1a;--t-scroll:#c8d2de;--t-scroll-hover:#9aabbc}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--t-bg);color:var(--t-text);margin:0;font-family:Inter,system-ui,sans-serif;overflow:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--t-scroll);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--t-scroll-hover)}textarea{scrollbar-width:thin;scrollbar-color:var(--t-scroll) transparent}button,input,textarea,select{font:inherit}.data-table-scroll{contain:layout paint}.data-table-scroll tbody tr.data-row{content-visibility:auto;contain-intrinsic-size:auto 34px}.app-shell{background:var(--t-bg);height:100%;color:var(--t-text);font-family:Inter,system-ui,sans-serif;font-size:13px;display:flex}.app-sidebar{background:var(--t-panel);border-right:1px solid var(--t-border);flex-direction:column;flex-shrink:0;width:230px;display:flex;overflow:auto}.app-sidebar-section{padding:10px 14px 6px}.app-sidebar-label{color:var(--t-muted);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:700}.app-meta-line{background:var(--t-surface);border:1px solid var(--t-border);color:var(--t-muted);border-radius:7px;margin:0 14px 10px;padding:8px 10px;font-size:11px;line-height:1.45}.app-meta-line strong{color:var(--t-text);font-weight:600}.app-meta-line .accent{color:var(--t-accent-text);font-family:JetBrains Mono,monospace;font-size:10px}.filter-chips{flex-wrap:wrap;gap:5px;margin:0 14px 10px;display:flex}.filter-chip{background:var(--t-chip-bg);border:1px solid var(--t-chip-border);color:var(--t-chip-text);border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:500;display:inline-flex}.filter-chip button{color:var(--t-chip-x);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;line-height:1}.status-strip{background:var(--t-accent-dim);border:1px solid color-mix(in srgb, var(--t-accent) 20%, transparent);border-radius:7px;flex-shrink:0;margin:8px 18px 0;overflow:hidden}.status-strip-row{align-items:center;gap:10px;min-height:34px;padding:7px 10px;display:flex}.status-strip-title{min-width:0;color:var(--t-accent-text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;font-weight:600;overflow:hidden}.status-strip-meta{color:var(--t-muted);margin-top:2px;font-size:10px}.status-strip-detail{color:var(--t-muted);padding:0 10px 8px;font-size:10px}.status-strip button.ghost{border:1px solid var(--t-border-bright);height:26px;color:var(--t-muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:5px;padding:0 9px;font-size:11px}.status-strip button.ghost.accent{border-color:color-mix(in srgb, var(--t-accent) 35%, transparent);color:var(--t-accent-text)}.status-strip button.toggle{border:1px solid var(--t-border-bright);background:var(--t-surface);width:26px;height:26px;color:var(--t-muted);cursor:pointer;border-radius:5px;flex-shrink:0}.col-menu{display:inline-flex;position:relative}.col-menu-panel{z-index:40;background:var(--t-panel);border:1px solid var(--t-border-bright);width:240px;max-height:320px;box-shadow:0 12px 32px var(--t-shadow);border-radius:8px;padding:8px;position:absolute;top:calc(100% + 4px);right:0;overflow:auto}.col-menu-panel label{color:var(--t-text);cursor:pointer;border-radius:5px;align-items:center;gap:8px;padding:5px 6px;font-size:11px;display:flex}.col-menu-panel label:hover{background:var(--t-surface-hover)}.col-menu-panel label.pinned{color:var(--t-accent-text)}.col-menu-actions{gap:6px;margin-bottom:6px;display:flex}.col-menu-actions button{border:1px solid var(--t-border);background:var(--t-surface);height:26px;color:var(--t-muted);cursor:pointer;border-radius:5px;flex:1;font-size:10px}.th-pin,.td-pin{z-index:11;background:var(--t-panel);position:sticky}.td-pin{z-index:5;background:inherit}.tr-selected .td-pin{background:var(--t-selected-row)}.toolbar-overflow{display:inline-flex;position:relative}.toolbar-overflow-panel{z-index:40;background:var(--t-panel);border:1px solid var(--t-border-bright);min-width:160px;box-shadow:0 12px 32px var(--t-shadow);border-radius:8px;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 4px);right:0}.toolbar-overflow-panel button{height:30px;color:var(--t-text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:5px;padding:0 10px;font-size:12px}.toolbar-overflow-panel button:hover{background:var(--t-surface-hover)}.theme-toggle{border:1px solid var(--t-border);background:var(--t-surface);height:28px;color:var(--t-muted);cursor:pointer;white-space:nowrap;border-radius:5px;align-items:center;gap:5px;padding:0 10px;font-size:11px;display:inline-flex}.theme-toggle:hover{color:var(--t-text);border-color:var(--t-border-bright)}
