:root{color:#dbe5e9;font-synthesis:none;text-rendering:optimizelegibility;font-optical-sizing:auto;--bg:#101820;--panel:#17232c;--panel-2:#1b2933;--border:#2b3a44;--muted:#8798a2;--text:#dbe5e9;--green:#79d6ad;--blue:#8ebde8;--red:#f28780;--amber:#e5bd77;background:#101820;font-family:Inter,sans-serif;font-size:14px;font-weight:400}*{box-sizing:border-box}body{background:var(--bg);min-width:360px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}.loading-screen{color:#9aabb4;background:radial-gradient(ellipse at 50% 30%,#1b2c34 0,transparent 56%),var(--bg);place-items:center;height:100vh;display:grid}.app-shell{grid-template-columns:246px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:#121d25;border-right:1px solid #26353e;flex-direction:column;height:100vh;min-height:100vh;padding:25px 15px 18px;display:flex;position:sticky;top:0}.brand,.auth-brand{letter-spacing:-.7px;color:#f0f5f6;align-items:center;gap:10px;padding:0 10px;font:800 18px Inter,sans-serif;display:flex}.brand>span>span,.auth-brand>span>span{color:var(--green)}.brand-mark{color:#99edca;background:linear-gradient(145deg,#1d473e,#1b2e31);border:1px solid #54a98c;border-radius:9px;place-items:center;width:31px;height:31px;font:700 11px ui-monospace,monospace;display:grid;box-shadow:inset 0 0 15px #69d8aa16}.workspace-switch{color:#c2cdd2;background:#1a2730;border:1px solid #2b3a44;border-radius:8px;align-items:center;gap:9px;margin:38px 4px 30px;padding:11px 10px;font-size:12px;display:flex}.workspace-dot{background:#d6b16d;border-radius:3px;width:8px;height:8px}.chevron{color:#84959d;margin-left:auto;font-size:16px}.side-label{color:#667a85;letter-spacing:1.35px;padding:0 11px 10px;font:500 10px ui-monospace,monospace}.side-label.second{margin-top:32px}.nav-item{color:#92a2ab;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:12px;width:100%;margin:2px 0;padding:11px 12px;font-size:13px;display:flex}.nav-item:hover,.nav-item.active{color:#c6f0dc;background:#20312f}.nav-icon{text-align:center;color:#89a0a9;width:16px;font-size:17px}.nav-item.active .nav-icon{color:var(--green)}.nav-count{color:#81929a;margin-left:auto;font:11px ui-monospace,monospace}.sidebar-bottom{margin-top:auto}.collector-health{background:#182b2b;border:1px solid #2a3e3a;border-radius:8px;align-items:center;gap:9px;padding:11px;display:flex}.health-dot{background:var(--green);border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 8px #72d8aa77}.collector-health strong{color:#c6e5d7;font-size:11px;font-weight:600;display:block}.collector-health small{color:#78948a;margin-top:4px;font-size:10px;display:block}.side-arrow{color:#71928a;margin-left:auto;font-size:18px}.privacy-note{color:#83b5a1;gap:9px;padding:18px 5px 0;display:flex}.privacy-note p{color:#768891;margin:0;font-size:10px;line-height:1.5}.main-area{min-width:0}.topbar{background:#121c24;border-bottom:1px solid #27353f;justify-content:space-between;align-items:center;height:68px;padding:0 34px;display:flex}.breadcrumbs{color:#778993;align-items:center;gap:12px;font-size:12px;display:flex}.breadcrumbs b{color:#41535d;font-weight:400}.breadcrumbs strong{color:#c8d3d8;font-weight:500}.top-actions{align-items:center;gap:14px;display:flex}.secure-label{color:#86ab9b;align-items:center;gap:7px;font-size:11px;display:flex}.secure-label i{background:var(--green);border-radius:50%;width:6px;height:6px}.icon-button{color:#aab8be;background:#1a2730;border:1px solid #34434c;border-radius:7px;width:29px;height:29px}.avatar{color:#a9e4c4;background:#283f39;border:1px solid #637e75;border-radius:50%;width:28px;height:28px;font-size:11px;font-weight:700}.text-button{color:#82939c;background:0 0;border:0;font-size:11px}.text-button:hover{color:#dae5e9}.page-content{max-width:1720px;margin:0 auto;padding:32px 34px 48px}.page-heading{justify-content:space-between;align-items:flex-end;margin-bottom:23px;display:flex}.eyebrow{color:#77b89e;letter-spacing:1.1px;font:500 10px ui-monospace,monospace}.page-heading h1{letter-spacing:-.9px;color:#eef3f4;margin:9px 0 6px;font:700 27px Inter,sans-serif}.page-heading p{color:#84959e;margin:0;font-size:12px}.heading-actions{gap:8px;display:flex}.button{border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:9px 12px;font-size:11px;font-weight:600;transition:all .16s;display:inline-flex}.button.primary{color:#13221d;background:#66c69d;border:1px solid #67c49f}.button.primary:hover{background:#82dbb5}.button.secondary{color:#bfccd1;background:#1b2932;border:1px solid #35454f}.button.secondary:hover{background:#22333c;border-color:#617a81}.button.full{width:100%}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:19px;display:grid}.metric-card{background:#17232c;border:1px solid #2b3a44;border-radius:9px;min-height:112px;padding:15px 16px 14px}.metric-top{color:#7e919b;letter-spacing:.8px;justify-content:space-between;align-items:center;font:500 9px ui-monospace,monospace;display:flex}.metric-icon{font-size:14px}.metric-icon.red{color:#df817c}.metric-icon.blue{color:#8fbce5}.metric-icon.green{color:#82cbaa}.metric-card>strong{color:#e4ebee;letter-spacing:-.5px;margin:10px 0 3px;font:700 25px Inter,sans-serif;display:block}.metric-card small{color:#7e8f98;font-size:10px}.metric-card .healthy-text{color:#8fdbb7;margin-top:17px;font-size:17px}.health-metric .health-dot{margin-right:1px}.investigation-grid{grid-template-columns:minmax(0,1.65fr) minmax(330px,.88fr);align-items:start;gap:14px;display:grid}.panel{background:#17232c;border:1px solid #2b3a44;border-radius:9px;overflow:hidden}.timeline-card{min-height:520px}.panel-heading{border-bottom:1px solid #2a3942;justify-content:space-between;align-items:center;gap:12px;padding:16px 17px;display:flex}.panel-title{color:#e2e9ec;letter-spacing:-.1px;font:600 13px Inter,sans-serif}.panel-heading p{color:#7d8e97;margin:4px 0 0;font-size:10px}.filter-row{gap:6px;display:flex}.filter-row select,.form-split select{color:#aab8be;background:#1c2932;border:1px solid #35444d;border-radius:5px;max-width:150px;padding:7px 25px 7px 8px;font-size:10px}.timeline-list{padding:7px 16px 2px}.timeline-event{text-align:left;width:100%;color:inherit;background:0 0;border:0;border-radius:6px;grid-template-columns:66px 14px minmax(0,1fr) auto;gap:10px;min-height:76px;padding:11px 7px;display:grid;position:relative}.timeline-event:hover,.timeline-event.selected{background:#1d2b33}.timeline-time{color:#aab8bf;padding-top:2px;font:11px ui-monospace,monospace}.timeline-time small{color:#687e88;margin-top:5px;font-size:9px;display:block}.timeline-rail{justify-content:center;padding-top:3px;display:flex;position:relative}.timeline-rail i{background:#34464e;width:1px;position:absolute;top:13px;bottom:-26px;left:6px}.event-dot{z-index:1;border:2px solid #17232c;border-radius:50%;width:8px;height:8px;position:relative;box-shadow:0 0 0 1px}.event-dot.critical{color:#ed8c84;background:#e98078}.event-dot.warning{color:#d9b36c;background:#d9b36c}.event-dot.quiet{color:#78b99d;background:#78b99d}.event-copy{min-width:0}.event-tags{align-items:center;gap:5px;margin-bottom:5px;display:flex}.tag{text-transform:uppercase;letter-spacing:.45px;color:#a8c4b8;background:#203a34;border-radius:3px;align-items:center;padding:3px 5px;font:500 8px ui-monospace,monospace;display:inline-flex}.tag.deployment,.tag.container{color:#9bc5ea;background:#213648}.tag.configuration{color:#d0b8ec;background:#342c42}.tag.database{color:#eac887;background:#3a3327}.tag.security,.tag.authentication{color:#eaa49f;background:#422d30}.tag.process{color:#a9c7d8;background:#253641}.source-tag{color:#83969f;background:#26343c}.severity{text-transform:uppercase;margin-left:auto;font:500 8px ui-monospace,monospace}.severity.critical,.text-critical{color:var(--red)}.severity.warning,.text-warning{color:var(--amber)}.severity.quiet,.text-quiet{color:#80bc9f}.event-copy>strong{color:#d0dadd;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;display:block;overflow:hidden}.event-copy>small{color:#7b8d96;margin-top:5px;font-size:9px;display:block}.event-copy>small span{color:#53666e;padding:0 4px}.score-chip{color:#9cdbbd;white-space:nowrap;background:#1c332d;border:1px solid #36554b;border-radius:4px;align-self:center;padding:4px 6px;font:9px ui-monospace,monospace}.panel-footer{color:#74868f;border-top:1px solid #2a3942;justify-content:space-between;padding:11px 16px;font-size:9px;display:flex}.empty-state{text-align:center;color:#80929b;flex-direction:column;justify-content:center;align-items:center;height:350px;display:flex}.empty-icon{color:#6bb698;margin-bottom:10px;font-size:24px}.empty-state strong{color:#c1cdd2;font-size:12px}.empty-state p{margin:6px 0;font-size:10px}.right-column{gap:13px;display:grid}.context-panel{min-height:204px}.panel-symbol{color:#75c5a3;font-size:20px}.context-empty{padding:25px 20px 18px}.evidence-graphic{color:#9bcbb5;letter-spacing:.7px;justify-content:center;align-items:center;gap:8px;font:9px ui-monospace,monospace;display:flex}.evidence-graphic span{background:#1b312b;border:1px solid #36574b;border-radius:4px;padding:8px 10px}.evidence-graphic i{background:#537566;width:23px;height:1px}.context-empty p{text-align:center;color:#7f9098;max-width:250px;margin:18px auto 0;font-size:10px;line-height:1.6}.incident-form{gap:9px;padding:15px 17px 17px;display:grid}.incident-form label,.annotation-form label,.stack-form label{color:#9aabb2;font-size:10px}.incident-form label span{color:#71838c}.incident-form input,.stack-form input,.annotation-form textarea,.filter-row select{outline:none}.incident-form input,.stack-form input,.annotation-form textarea{color:#d7e1e5;background:#111c24;border:1px solid #34444d;border-radius:5px;width:100%;margin-top:5px;padding:9px 10px;font-size:11px}.incident-form input:focus,.stack-form input:focus,.annotation-form textarea:focus{border-color:#65b997;box-shadow:0 0 0 2px #65b99718}.incident-form input::placeholder,.stack-form input::placeholder,.annotation-form textarea::placeholder{color:#5f727c}.form-split{grid-template-columns:1.2fr .8fr;gap:9px;display:grid}.form-split label{display:grid}.form-split input,.form-split select{width:100%;max-width:none}.incident-form .button{margin-top:5px}.hypotheses-panel{min-height:180px}.hypothesis-empty{padding:8px 16px 16px}.hypothesis-empty p{color:#84959d;font-size:10px;line-height:1.5}.hypothesis-list{padding:7px 12px 12px}.hypothesis{border-bottom:1px solid #293942;grid-template-columns:54px 1fr;gap:11px;padding:11px 4px;display:grid}.hypothesis:last-child{border-bottom:0}.hypothesis-score{background:#1c302c;border:1px solid #36574c;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;height:45px;display:flex}.hypothesis-score strong{color:#a3dfc2;font:600 13px ui-monospace,monospace}.hypothesis-score small{color:#789689;margin-top:2px;font-size:7px}.hypothesis-copy>strong{color:#d5dfe2;font-size:10px;line-height:1.4;display:block}.hypothesis-copy p{color:#85969e;margin:5px 0;font-size:9px;line-height:1.5}.hypothesis-copy>small{color:#6f8780;font-size:8px}.feedback-actions{gap:5px;margin-top:7px;display:flex}.feedback-actions button{color:#9aabb2;background:#202e36;border:1px solid #35454d;border-radius:4px;padding:4px 6px;font-size:8px}.feedback-actions button:hover{color:#aee3c7;border-color:#69b997}.evidence-panel{max-height:calc(100vh - 105px);position:sticky;top:16px;overflow:auto}.close-button{color:#85969e;background:0 0;border:0;font-size:20px}.evidence-body{padding:15px 16px}.evidence-summary h3{color:#dce5e8;margin:9px 0 4px;font:600 13px/1.45 Inter,sans-serif}.evidence-summary p{color:#7d9099;margin:0;font-size:9px}.detail-list{border-top:1px solid #2b3b43;border-bottom:1px solid #2b3b43;margin:15px 0;padding:8px 0}.detail-list>div{justify-content:space-between;gap:10px;padding:5px 0;font-size:9px;display:flex}.detail-list span{color:#7e9098}.detail-list strong{color:#c2cdd1;text-align:right;font-weight:500}.state-block{margin:13px 0}.state-label,.digest-block>span{color:#6f858e;letter-spacing:.8px;margin-bottom:6px;font:500 8px ui-monospace,monospace;display:block}.state-block pre{color:#9db5ad;white-space:pre-wrap;word-break:break-word;background:#111b22;border:1px solid #293940;border-radius:5px;max-height:150px;margin:0;padding:9px;font:10px/1.55 ui-monospace,monospace;overflow:auto}.digest-block{border-top:1px solid #2b3b43;margin-top:14px;padding-top:12px}.digest-block code{color:#7e9990;word-break:break-all;font:8px/1.5 ui-monospace,monospace;display:block}.factor-block{margin-top:14px}.factor{grid-template-columns:31px 1fr;align-items:start;gap:4px;margin:8px 0;display:grid}.factor span{font:9px ui-monospace,monospace}.factor-plus{color:#7dd2aa}.factor-zero{color:#72848c}.factor p{color:#8d9da4;margin:0;font-size:9px;line-height:1.45}.annotation-form{border-top:1px solid #2b3b43;margin-top:14px;padding-top:12px}.annotation-form textarea{resize:vertical}.annotation-form .button{margin-top:8px}.notice{color:#e7aaa5;background:#342526;border:1px solid #674747;border-radius:6px;justify-content:space-between;margin:0 0 14px;padding:9px 12px;font-size:11px;display:flex}.notice button{color:#e7aaa5;background:0 0;border:0;font-size:16px}.callout{color:#dfc694;background:#30291e;border:1px solid #685539;border-radius:6px;padding:12px;font-size:11px;line-height:1.55}.auth-screen{background:radial-gradient(at 50% 25%,#1c302e 0,#0000 55%),#101820;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:30px;display:flex}.auth-brand{margin-bottom:28px;padding:0;font-size:20px}.auth-card{background:#17232c;border:1px solid #30414a;border-radius:11px;width:min(420px,100%);padding:29px;box-shadow:0 18px 80px #0003}.auth-card h1{letter-spacing:-.7px;color:#eef4f4;margin:9px 0 5px;font:700 24px Inter,sans-serif}.muted{color:#84959d;margin:0 0 20px;font-size:11px;line-height:1.6}.stack-form{gap:12px;display:grid}.stack-form label,.stack-form input{display:block}.stack-form .button{margin-top:5px;padding:11px}.error-text{color:#e99a92;font-size:10px}.auth-switch{width:100%;padding:13px 0 0}.auth-foot{color:#71828a;margin-top:18px;font-size:10px}.privacy-note p{max-width:185px}@media (width<=1150px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.page-content{padding:27px 22px}.topbar{padding:0 22px}.investigation-grid{grid-template-columns:minmax(0,1fr) 330px}.filter-row select{max-width:120px}.secure-label{display:none}}@media (width<=900px){.app-shell{grid-template-columns:70px minmax(0,1fr)}.sidebar{padding:22px 9px}.brand{padding:0 8px}.brand>span,.workspace-switch,.side-label,.nav-item:not(.active){font-size:0}.workspace-switch{border:0;height:0;margin:24px 0 15px;padding:0;overflow:hidden}.nav-item{justify-content:center;padding:12px 0}.nav-icon{font-size:19px}.nav-count,.sidebar-bottom .collector-health>div,.side-arrow,.privacy-note p{display:none}.collector-health{justify-content:center;padding:10px 0}.privacy-note{justify-content:center}.brand-mark{flex:none}.investigation-grid{grid-template-columns:1fr}.right-column{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.evidence-panel{max-height:none;position:static}.page-heading{align-items:flex-start;gap:15px}.heading-actions .button span{display:none}}@media (width<=620px){.sidebar{display:none}.app-shell{display:block}.topbar{height:56px;padding:0 13px}.page-content{padding:22px 12px}.breadcrumbs span,.breadcrumbs b{display:none}.top-actions{gap:8px}.page-heading{display:block}.page-heading h1{font-size:23px}.heading-actions{margin-top:14px}.heading-actions .button span{display:inline}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric-card{min-height:103px;padding:12px}.investigation-grid{display:block}.right-column{grid-template-columns:1fr;margin-top:12px;display:grid}.panel-heading{flex-direction:column;align-items:flex-start}.filter-row{grid-template-columns:1fr 1fr 1fr;width:100%;display:grid}.filter-row select{width:100%;min-width:0;max-width:none;padding:7px 4px;font-size:9px}.timeline-event{grid-template-columns:48px 12px minmax(0,1fr);gap:7px;padding:10px 2px}.timeline-time{font-size:9px}.score-chip{display:none}.event-copy>strong{white-space:normal;line-height:1.4}.event-tags{gap:3px}.tag{font-size:7px}.form-split{grid-template-columns:1fr 1fr}.panel-footer{font-size:8px}.secure-label,.icon-button{display:none}.hypotheses-panel,.context-panel{margin-bottom:12px}}
