@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep:#060a13;--bg:#0b1120;--bg-surface:#0f1729;--bg-surface-2:#141e33;--bg-surface-3:#1a2744;--bg-header:#111b2e;--bg-hover:#63b3ed0a;--text:#c9d1d9;--text-muted:#546380;--text-bright:#ecf0f5;--accent:#60a5fa;--accent-bright:#93c5fd;--accent-glow:#60a5fa1f;--accent-glow-strong:#60a5fa40;--green:#34d399;--green-bright:#6ee7b7;--green-dim:#059669;--green-canvas:#10b981;--red-canvas:#1c1117;--red-text:#f87171;--red-dim:#371520;--border:#384b704d;--border-mid:#384b7080;--border-bright:#60a5fa33;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 12px 40px #0000008c;--shadow-glow:0 0 20px #60a5fa14;--radius:10px;--radius-sm:6px;--radius-xs:4px}html,body,#root{height:100%}body{background:var(--bg-deep);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:13px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#60a5fa26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#60a5fa4d}::-webkit-scrollbar-corner{background:0 0}.app{background:radial-gradient(ellipse 80% 50% at 50% -20%, #60a5fa0f 0%, transparent 60%), var(--bg-deep);flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#0f172af2 0%,#0b1120fa 100%);flex-shrink:0;padding:20px 32px 18px}.header-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.header-brand{align-items:center;gap:14px;display:flex}.header-brand h1{color:var(--text-bright);letter-spacing:-.4px;font-size:21px;font-weight:700}.header-brand h1 span{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-bright) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.copyright{color:var(--text-muted);margin-top:2px;font-size:11px;font-weight:400}.stats-bar{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.stat-chip{border:1px solid var(--border);color:var(--text-muted);background:linear-gradient(135deg,#60a5fa0f 0%,#60a5fa05 100%);border-radius:24px;align-items:center;gap:8px;padding:8px 16px;font-size:12px;transition:all .2s;display:flex}.stat-chip:hover{border-color:var(--border-bright);box-shadow:var(--shadow-glow);background:linear-gradient(135deg,#60a5fa1a 0%,#60a5fa0a 100%);transform:translateY(-1px)}.stat-chip .stat-value{color:var(--accent-bright);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700}.stat-chip .stat-icon{font-size:15px;line-height:1}.extended-btn{border:1px solid var(--border);color:var(--accent-bright);cursor:pointer;letter-spacing:.02em;background:linear-gradient(135deg,#60a5fa1f 0%,#60a5fa0a 100%);border-radius:24px;margin-left:auto;padding:8px 18px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;transition:all .2s}.extended-btn:hover:not(:disabled){border-color:var(--accent-bright);box-shadow:var(--shadow-glow);background:linear-gradient(135deg,#60a5fa33 0%,#60a5fa14 100%);transform:translateY(-1px)}.extended-btn:disabled{opacity:.5;cursor:not-allowed}.stat-chip.extended-active{color:#4ade80;background:linear-gradient(135deg,#4ade8014 0%,#4ade8005 100%);border-color:#4ade804d;margin-left:auto}.controls-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.search-box{border:1px solid var(--border);border-radius:var(--radius);background:#ffffff08;flex:0 280px;align-items:center;gap:8px;padding:8px 14px;transition:all .25s;display:flex}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow), var(--shadow-glow);background:#60a5fa08}.search-box .search-icon{color:var(--text-muted);flex-shrink:0;font-size:13px}.search-box input{color:var(--text-bright);background:0 0;border:none;outline:none;width:100%;font-family:Inter,sans-serif;font-size:12px;font-weight:400}.search-box input::placeholder{color:var(--text-muted);font-weight:400}.type-filter{border:1px solid var(--border);border-radius:var(--radius);background:#ffffff08;align-items:center;gap:8px;padding:4px 6px 4px 14px;transition:all .25s;display:flex}.type-filter:hover{border-color:var(--border-mid)}.type-filter:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow), var(--shadow-glow);background:#60a5fa08}.type-filter .type-filter-icon{color:var(--text-muted);flex-shrink:0;font-size:13px}.type-filter select{color:var(--text-bright);cursor:pointer;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23546380'/%3E%3C/svg%3E") right 4px center no-repeat;border:none;outline:none;padding:4px 20px 4px 8px;font-family:Inter,sans-serif;font-size:12px;font-weight:500}.type-filter select option{background:var(--bg-surface-2);color:var(--text-bright);padding:6px;font-size:12px}.loading{text-align:center;color:var(--accent);padding:40px;font-size:14px;font-weight:500}.loading-spinner{border:2px solid var(--border);border-top-color:var(--accent);vertical-align:middle;border-radius:50%;width:20px;height:20px;margin-right:10px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.legend-bar{border-top:1px solid var(--border);align-items:center;gap:20px;margin-top:16px;padding-top:14px;display:flex}.legend-item{color:var(--text-muted);align-items:center;gap:7px;font-size:11px;font-weight:500;display:flex}.legend-swatch{border-radius:4px;width:20px;height:8px}.legend-swatch.green{background:linear-gradient(90deg, var(--green-dim) 0%, var(--green) 100%);box-shadow:0 0 6px #34d3994d}.legend-swatch.red{background:linear-gradient(90deg,#1a0d12 0%,#2d1520 100%);border:1px solid #78283c4d}.timeline-container{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.timeline-info-bar{background:var(--bg-surface);border-bottom:1px solid var(--border);color:var(--text-muted);flex-shrink:0;justify-content:space-between;align-items:center;padding:7px 32px;font-size:11px;font-weight:500;display:flex}.timeline-info-bar .info-left{align-items:center;gap:8px;display:flex}.timeline-info-bar .info-separator{color:#384b7066;font-weight:300}.timeline-scroll{flex:1;overflow:auto}.timeline-header{z-index:10;flex-direction:column;display:flex;position:sticky;top:0}.year-bar{display:flex}.year-bar .year-label-cell{background:var(--bg-deep);border-right:1px solid var(--border);border-bottom:1px solid var(--border);z-index:12;width:160px;min-width:160px;position:sticky;left:0}.year-strip{background:var(--bg-deep);border-bottom:1px solid var(--border);flex-shrink:0;height:24px;position:relative}.year-marker{height:24px;color:var(--accent);letter-spacing:2px;border-left:2px solid var(--accent);background:linear-gradient(90deg, var(--accent-glow) 0%, transparent 40%);justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex;position:absolute;top:0}.month-row{display:flex}.month-row .header-label{width:160px;min-width:160px;color:var(--accent);background:var(--bg-header);border-right:1px solid var(--border);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:1.5px;z-index:12;align-items:center;padding:0 14px;font-size:9px;font-weight:600;display:flex;position:sticky;left:0}.month-bar{background:var(--bg-header);border-bottom:1px solid var(--border);flex-shrink:0;height:26px;position:relative}.month-marker{height:26px;color:var(--text-muted);white-space:nowrap;letter-spacing:.4px;text-transform:uppercase;border-left:1px solid #384b7040;justify-content:center;align-items:center;font-size:9px;font-weight:600;display:flex;position:absolute;top:0;overflow:hidden}.month-marker:nth-child(odd){background:#ffffff02}.timeline-row{border-bottom:1px solid #384b701f;transition:background .15s;display:flex}.timeline-row:nth-child(2n){background:#ffffff02}.timeline-row:hover{background:var(--bg-hover)}.row-label{width:160px;min-width:160px;color:var(--text);background:var(--bg-surface);border-right:1px solid var(--border);z-index:5;align-items:center;gap:8px;padding:0 14px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;transition:all .15s;display:flex;position:sticky;left:0}.timeline-row:hover .row-label{background:var(--bg-surface-2);color:var(--text-bright)}.row-label .ac-type-badge{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:#60a5fa0f;border:1px solid #60a5fa1a;border-radius:4px;padding:2px 6px;font-family:Inter,sans-serif;font-size:8px;font-weight:700}.row-label .left-to-badge{display:none}.left-to-marker{z-index:9;pointer-events:none;align-items:center;display:flex;position:absolute;top:0;bottom:0}.left-to-marker .left-to-line{opacity:.7;background:#f87171;width:2px;position:absolute;top:0;bottom:0}.left-to-marker .left-to-label{color:#fca5a5;white-space:nowrap;letter-spacing:.4px;text-shadow:0 1px 2px #00000080;background:#0f1729d9;border-radius:2px;padding:1px 4px;font-family:JetBrains Mono,monospace;font-size:7px;font-weight:700;position:absolute;left:6px}.gap-dest-label{color:#fff;white-space:nowrap;pointer-events:none;letter-spacing:.3px;justify-content:center;align-items:center;height:100%;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;display:flex;position:absolute;top:0;overflow:hidden}.row-label .util-bar{background:var(--red-dim);border-radius:2px;flex-shrink:0;width:28px;height:4px;overflow:hidden}.row-label .util-bar .util-fill{background:linear-gradient(90deg, var(--green-dim), var(--green));border-radius:2px;height:100%;transition:width .3s}.day-strip{cursor:crosshair;flex-shrink:0;position:relative}.today-line{background:var(--accent);z-index:8;pointer-events:none;width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 8px #60a5fa80}.tooltip{z-index:100;-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);color:var(--text);border-radius:var(--radius);pointer-events:none;box-shadow:var(--shadow-lg), 0 0 0 1px #60a5fa1a;white-space:nowrap;background:#0f172aeb;max-width:420px;padding:0;font-size:12px;position:fixed;overflow:hidden}.tooltip-header{background:linear-gradient(135deg,#60a5fa1a 0%,#60a5fa08 100%);border-bottom:1px solid #60a5fa1a;align-items:center;gap:10px;padding:10px 16px;font-size:12px;font-weight:600;display:flex}.tooltip-header .reg{color:var(--accent-bright);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600}.tooltip-body{flex-direction:column;gap:6px;padding:10px 16px 12px;display:flex}.tooltip-row{align-items:center;gap:10px;font-size:11px;display:flex}.tooltip-row .label{color:var(--text-muted);min-width:55px;font-weight:500}.tooltip-row .value{color:var(--text-bright);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600}.tooltip-row .value.green{color:var(--green-bright)}.tooltip-row .value.red{color:var(--red-text)}.tooltip-status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.tooltip-status-dot.active{background:var(--green);box-shadow:0 0 6px #34d39980}.tooltip-status-dot.inactive{background:var(--red-text);box-shadow:0 0 6px #f871714d}.empty-state{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:48px;display:flex}.empty-state .empty-icon{opacity:.2;font-size:48px}.empty-state p{font-size:14px}