:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--accent:#16bdf5;--bg:#071019;--surface:#0b1721;--surface-2:#101e29;--line:#1b303e;--text:#eaf8fd;--muted:#8398a5;--danger:#ff6b7d;--warning:#ffbf69;--success:#5de4a7;background:var(--bg);color:var(--text);font-family:Segoe UI Variable,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{background:radial-gradient(circle at 80% -10%, #16bdf512, transparent 34rem), var(--bg);min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,select,input,a{outline-color:var(--accent);outline-offset:3px}button{cursor:pointer}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mono{font-family:Cascadia Code,SFMono-Regular,Consolas,monospace}.break{overflow-wrap:anywhere}.muted{color:var(--muted);line-height:1.65}.eyebrow{color:var(--accent);letter-spacing:.17em;text-transform:uppercase;margin:0 0 .55rem;font-size:.69rem;font-weight:750}.dashboard-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#071019f0;flex-direction:column;height:100vh;padding:1.35rem 1rem;display:flex;position:sticky;top:0}.sidebar-top{border-bottom:1px solid var(--line);padding:0 .5rem 1.2rem}.brand{align-items:center;gap:.7rem;display:inline-flex}.brand-mark{width:2.25rem;height:2.25rem;color:var(--accent);background:#16bdf517;border:1px solid #16bdf55c;border-radius:.7rem;place-items:center;font-size:.72rem;font-weight:850;display:grid;box-shadow:inset 0 0 20px #16bdf512}.brand strong,.brand small{display:block}.brand strong{letter-spacing:-.025em}.brand small{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-top:.12rem;font-size:.65rem}.connection{color:var(--muted);align-items:center;gap:.45rem;margin-top:1rem;font-size:.72rem;display:inline-flex}.connection span,.collector-state span{width:.45rem;height:.45rem;box-shadow:0 0 0 4px color-mix(in srgb, currentColor 12%, transparent);background:currentColor;border-radius:50%}.connection.live,.collector-state.online{color:var(--success)}.connection.reconnecting{color:var(--warning)}.connection.offline,.collector-state.offline{color:var(--danger)}.sidebar nav{gap:.3rem;margin-top:1rem;display:grid}.sidebar nav a{min-width:0;color:var(--muted);border:1px solid #0000;border-radius:.65rem;align-items:center;gap:.65rem;padding:.65rem .7rem;font-size:.84rem;transition:all .15s;display:flex}.sidebar nav a:hover{color:var(--text);background:#ffffff08}.sidebar nav a.active{color:var(--text);background:#16bdf514;border-color:#16bdf529}.nav-icon{color:var(--accent)}.project-heading{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;justify-content:space-between;align-items:center;margin:1.35rem .65rem .65rem;font-size:.68rem;font-weight:750;display:flex}.project-heading small{background:var(--surface-2);border-radius:1rem;padding:.1rem .4rem}.project-search input,.filters select,.inbox-tools input,.inbox-tools select,.field input,.status-control select{border:1px solid var(--line);width:100%;color:var(--text);background:#09141d;border-radius:.62rem;padding:.68rem .75rem}.project-search input::placeholder,.inbox-tools input::placeholder{color:#617581}.projects{min-height:4rem;overflow:auto;margin-top:.45rem!important}.projects a span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-dot,.activity-dot{background:#38505e;border-radius:50%;flex:none;width:.45rem;height:.45rem}.activity-dot.seen{background:var(--accent);box-shadow:0 0 0 4px #16bdf514}.empty-small{color:var(--muted);padding:1rem .7rem;font-size:.8rem}.logout{color:var(--muted);text-align:left;background:0 0;border:0;margin-top:auto;padding:.75rem}.logout:hover{color:var(--text)}.dashboard-main{min-width:0;padding:2.4rem clamp(1.1rem,3vw,3.5rem) 5rem}.page-header{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2rem;display:flex}.page-header h1{letter-spacing:-.055em;max-width:62rem;margin:0;font-size:clamp(2.15rem,4vw,3.8rem);line-height:1}.page-header>div>p:last-child{color:var(--muted);margin:.8rem 0 0}.collector-state{border:1px solid var(--line);white-space:nowrap;border-radius:2rem;align-items:center;gap:.55rem;padding:.55rem .75rem;font-size:.76rem;display:inline-flex}.primary-button,.secondary-button,.filter-button{border-radius:.65rem;justify-content:center;align-items:center;font-weight:750;display:inline-flex}.primary-button{border:1px solid var(--accent);background:var(--accent);color:#031019;min-height:2.7rem;padding:.72rem 1rem}.secondary-button,.filter-button{border:1px solid var(--line);background:var(--surface-2);min-height:2.5rem;color:var(--text);padding:.62rem .85rem}.primary-button:hover{background:#5bd3fb}.secondary-button:hover,.filter-button:hover{border-color:#345268}.filters{border:1px solid var(--line);background:#0b1721b3;border-radius:.9rem;grid-template-columns:repeat(4,minmax(130px,1fr)) auto;align-items:end;gap:.65rem;margin-bottom:1rem;padding:.8rem;display:grid}.filters label,.field,.status-control label{color:var(--muted);gap:.35rem;font-size:.71rem;display:grid}.filters select{padding:.58rem .65rem;font-size:.8rem}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin:1rem 0;display:grid}.metrics-grid article{border:1px solid var(--line);background:linear-gradient(145deg,#0f1f2ad6,#09141dd6);border-radius:.9rem;flex-direction:column;justify-content:space-between;min-height:9.3rem;padding:1.2rem;display:flex}.metrics-grid article>span{color:var(--muted);font-size:.76rem}.metrics-grid strong{letter-spacing:-.05em;font-size:2.4rem}.metrics-grid .metric-text{font-size:1.25rem}.metrics-grid small{color:#627986;line-height:1.35}.panel{border:1px solid var(--line);background:#0b1721c9;border-radius:.9rem;min-width:0;margin-top:.8rem;padding:1.15rem;box-shadow:0 20px 60px #0000001a}.panel h2{letter-spacing:-.02em;margin:0;font-size:1.08rem}.panel-title{justify-content:space-between;align-items:flex-start;gap:1rem;padding:.25rem .15rem 1rem;display:flex}.panel-title>span,.panel-title>time,.panel-title>a{color:var(--muted);font-size:.76rem}.panel-title>a:hover{color:var(--accent)}.overview-grid,.detail-grid,.settings-grid{grid-template-columns:minmax(0,1.45fr) minmax(18rem,.75fr);gap:.8rem;display:grid}.detail-grid,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.span-two{grid-column:1/-1}.bar-chart{border-top:1px solid var(--line);align-items:end;gap:3px;height:12rem;padding-top:1rem;display:flex}.bar-column{flex:1;align-items:end;height:100%;display:flex}.bar-column span{background:linear-gradient(to top, #16bdf540, var(--accent));border-radius:3px 3px 0 0;width:100%;min-height:3px}.data-note{color:#6d818d;margin:.75rem 0 0;font-size:.72rem}.list-stack,.event-list{display:grid}.list-stack a,.event-list a{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem .2rem;display:flex}.list-stack strong,.list-stack small,.event-copy strong,.event-copy small{display:block}.list-stack small,.event-copy small{color:var(--muted);margin-top:.18rem;font-size:.7rem}.list-stack time,.event-list time{color:var(--muted);white-space:nowrap;font-size:.72rem}.event-list a{justify-content:flex-start}.event-copy{flex:1;min-width:0}.event-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.problem-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;display:grid}.problem-cards>a{border:1px solid var(--line);background:#ffffff04;border-radius:.75rem;flex-direction:column;min-width:0;min-height:10rem;padding:.9rem;display:flex}.problem-cards>a:hover{border-color:#16bdf559}.problem-cards>a>div{gap:.35rem;display:flex}.problem-cards strong{text-overflow:ellipsis;white-space:nowrap;margin-top:auto;overflow:hidden}.problem-cards span:not(.severity):not(.status),.problem-cards small{color:var(--muted);margin-top:.3rem;font-size:.72rem}.activity-grid,.environment-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.activity-grid a,.environment-grid>div{border:1px solid var(--line);border-radius:.7rem;align-items:center;gap:.7rem;padding:.75rem;display:flex}.activity-grid span:nth-child(2),.environment-grid span:nth-child(2){flex:1;min-width:0}.activity-grid strong,.activity-grid small,.environment-grid strong,.environment-grid small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.activity-grid small,.environment-grid small{color:var(--muted);margin-top:.2rem;font-size:.7rem}.activity-grid b{color:var(--muted);font-size:.72rem}.inbox-tools{grid-template-columns:1fr 11rem 9rem auto;gap:.55rem;margin-bottom:1rem;display:grid}.table-wrap{border-top:1px solid var(--line);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.78rem}th{color:#667b87;letter-spacing:.08em;text-align:left;text-transform:uppercase;white-space:nowrap;padding:.75rem .65rem;font-size:.65rem}td{color:#bfd0d8;vertical-align:top;border-top:1px solid #1b303eb3;padding:.85rem .65rem}tbody tr:hover{background:#16bdf506}td small{color:#627681;margin-top:.3rem;display:block}.problem-link{max-width:28rem;color:var(--text);font-weight:700;display:block}.problem-link:hover{color:var(--accent)}.severity,.status{letter-spacing:.07em;white-space:nowrap;border:1px solid #0000;border-radius:.35rem;align-items:center;min-height:1.35rem;padding:.15rem .42rem;font-size:.58rem;font-weight:850;display:inline-flex}.severity-info{color:#91c7ff;background:#4695ff17}.severity-warning{color:var(--warning);background:#ffbf6917}.severity-error{color:#ff8a97;background:#ff6b7d17}.severity-critical{color:#fff;background:#ff6b7d2e;border-color:#ff6b7d59}.status-open{color:#ffadb6;border-color:#ff6b7d33}.status-investigating{color:var(--warning);border-color:#ffbf6938}.status-resolved{color:var(--success);border-color:#5de4a738}.status-regressed{color:#da9dff;border-color:#da9dff40}.pagination{color:var(--muted);justify-content:flex-end;align-items:center;gap:1rem;padding-top:1rem;font-size:.75rem;display:flex}.pagination a{color:var(--text)}.pagination a.disabled{opacity:.35;pointer-events:none}.badge-row,.header-actions{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.badge-row{color:var(--muted);margin-top:.85rem;font-size:.72rem}.header-actions{justify-content:flex-end}.status-control{align-items:end;gap:.5rem;display:flex}.status-control select{min-width:10rem;padding:.62rem}.status-control p{max-width:16rem;color:var(--warning);margin:0;font-size:.7rem}.exception-message{color:#c9d8df;margin:.4rem 0 1rem;font-size:1.02rem;line-height:1.6}.stack,.metadata{color:#abc2ce;white-space:pre-wrap;overflow-wrap:anywhere;background:#050c12;border:1px solid #172c3a;border-radius:.7rem;max-height:30rem;margin:0;padding:1rem;font-family:Cascadia Code,monospace;font-size:.75rem;line-height:1.7;overflow:auto}.stack-frame{color:#93adba}.stack-title{color:#f2f8fb}dl{margin:1rem 0 0}dl div{border-top:1px solid var(--line);grid-template-columns:8rem 1fr;gap:.8rem;padding:.65rem 0;display:grid}dt{color:var(--muted);font-size:.72rem}dd{margin:0;font-size:.78rem}.occurrence-list details{border-top:1px solid var(--line)}.occurrence-list summary{cursor:pointer;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.85rem .2rem;display:grid}.occurrence-list summary time{color:var(--muted);font-size:.7rem}.occurrence-body{padding:0 1rem 1rem}.occurrence-body h3{font-size:.8rem}.trace-groups,.diagnostic-sessions{gap:.7rem;display:grid}.trace-groups article,.diagnostic-sessions>article{border:1px solid var(--line);border-radius:.7rem;padding:.8rem}.trace-groups h3{color:var(--accent);overflow-wrap:anywhere;margin:0 0 .5rem;font-size:.72rem}.trace-groups article>div{border-top:1px solid var(--line);grid-template-columns:11rem 1fr auto;gap:.75rem;padding:.55rem 0;font-size:.72rem;display:grid}.trace-groups time,.trace-groups small{color:var(--muted)}.trace-groups a{color:var(--accent)}.diagnostic-sessions h3{margin:0}.diagnostic-sessions section{background:#08131b;border-radius:.5rem;margin-top:.6rem;padding:.75rem}.diagnostic-sessions section span{color:var(--accent);text-transform:uppercase;font-size:.66rem}.audit-list>div{border-top:1px solid var(--line);grid-template-columns:12rem 1fr 12rem;gap:.7rem;padding:.7rem .2rem;font-size:.72rem;display:grid}.audit-list code{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.audit-list time{color:var(--muted);text-align:right}.settings-grid .panel{margin-top:0}.settings-grid .panel>p:last-child{color:var(--muted);line-height:1.65}.empty{color:var(--muted);text-align:center;padding:3rem 1rem}.empty.compact{gap:.35rem;padding:2rem 1rem;display:grid}.empty strong{color:#b9cbd4}.empty span{font-size:.78rem;display:block}.login-shell{background:radial-gradient(circle at 50% 10%,#16bdf51c,#0000 30rem);align-content:center;place-items:center;gap:1.5rem;min-height:100vh;padding:1.5rem;display:grid}.login-brand{width:min(100%,29rem)}.login-card{border:1px solid var(--line);background:#0b1721eb;border-radius:1.1rem;width:min(100%,29rem);padding:2rem;box-shadow:0 35px 100px #0000004d}.login-card h1{letter-spacing:-.05em;margin:0;font-size:2.4rem}.login-card .field{margin:1.5rem 0 .8rem}.login-card .primary-button{width:100%}.login-card .alert{color:#ffadb6;background:#ff6b7d0f;border:1px solid #ff6b7d40;border-radius:.5rem;padding:.7rem;font-size:.78rem}.login-footnote{color:#60747f;font-size:.68rem}.state-page{align-content:center;justify-items:start;max-width:44rem;min-height:70vh;padding:3rem;display:grid}.state-page h1{letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,4rem)}.state-page p:not(.eyebrow){color:var(--muted);line-height:1.7}.loading-page{padding:2rem}.skeleton{background:linear-gradient(90deg,#0d1b25 20%,#132631 40%,#0d1b25 60%) 0 0/300% 100%;border-radius:.8rem;animation:1.6s infinite shimmer}.skeleton.title{width:22rem;height:4rem}.skeleton.filters{height:4rem;margin:2rem 0 1rem}.skeleton-grid{grid-template-columns:repeat(4,1fr);gap:.8rem;display:grid}.skeleton.card{height:9rem}.skeleton.panel-block{height:22rem;margin-top:.8rem}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (max-width:1100px){.dashboard-shell{grid-template-columns:220px minmax(0,1fr)}.filters{grid-template-columns:repeat(2,1fr)}.problem-cards,.activity-grid,.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.dashboard-shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);width:100%;height:auto;position:relative}.projects{max-height:11rem}.logout{margin-top:1rem}.dashboard-main{padding:1.5rem 1rem 4rem}.page-header{flex-direction:column;align-items:flex-start}.filters,.metrics-grid,.overview-grid,.detail-grid,.settings-grid,.problem-cards,.activity-grid,.environment-grid,.inbox-tools{grid-template-columns:1fr}.span-two{grid-column:auto}.metrics-grid article{min-height:7.5rem}.header-actions{justify-content:flex-start}.trace-groups article>div,.audit-list>div{grid-template-columns:1fr}.audit-list time{text-align:left}.occurrence-list summary{grid-template-columns:auto 1fr}.occurrence-list summary time{grid-column:2}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}