:root{--black:#0b0d0f;--char:#15191d;--side:#1b2025;--panel:#fff;--bg:#f2f4f6;--line:#d7dde2;--text:#1f2933;--muted:#66737f;--green:#65a637;--lime:#86bc25;--blue:#2f78c4;--red:#c83d48;--orange:#d88218}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px/1.4 Inter,Segoe UI,Arial,sans-serif}a{text-decoration:none;color:inherit}.shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.side{background:var(--side);color:#d7dde2;position:sticky;top:0;height:100vh}.brand{background:var(--black);height:58px;display:flex;align-items:center;gap:10px;padding:0 16px;font-size:18px;font-weight:800}.mark{width:34px;height:30px;border-radius:4px;background:linear-gradient(135deg,var(--lime),var(--green));display:grid;place-items:center;color:white;font-size:11px}.brand small{display:block;color:#8f9aa3;font-size:9px;letter-spacing:1px}.nav{padding:10px}.nav-label{color:#7e8992;font-size:9px;text-transform:uppercase;letter-spacing:1.2px;padding:13px 9px 5px}.nav a{display:flex;justify-content:space-between;padding:9px 10px;border-radius:3px;margin:1px 0}.nav a:hover,.nav a.on{background:#303840;color:white}.nav .pill{background:#b8333d;color:white;border-radius:9px;padding:1px 6px;font-size:9px}.main{min-width:0}.top{height:58px;background:var(--black);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 19px;position:sticky;top:0;z-index:5}.global{width:420px;background:#262b30;border:1px solid #3d454c;color:white;padding:8px 11px;border-radius:3px}.top-user{display:flex;gap:9px;align-items:center}.avatar{width:29px;height:29px;border-radius:50%;background:var(--green);display:grid;place-items:center;font-weight:800}.content{padding:18px 21px}.pagehead{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pagehead h1{font-size:22px;margin:0}.muted{color:var(--muted)}button,.button{border:1px solid #4d8d27;background:linear-gradient(#75b544,#5c9a31);color:white;padding:8px 12px;border-radius:3px;font-weight:700;cursor:pointer}.button.gray,button.gray{background:linear-gradient(#fff,#edf0f2);color:var(--text);border-color:#bfc7ce}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.metric,.panel,.tablebox{background:white;border:1px solid var(--line);border-radius:3px;box-shadow:0 1px 2px #0000000d}.metric{padding:14px;border-top:3px solid var(--green)}.metric:nth-child(1){border-top-color:var(--red)}.metric:nth-child(2){border-top-color:var(--orange)}.metric:nth-child(3){border-top-color:var(--blue)}.metric b{display:block;font-size:25px}.metric span{color:var(--muted)}.dashgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:11px;margin-top:11px}.panel{padding:14px}.panel h3{margin:0 0 4px}.chart{height:180px;display:flex;align-items:end;gap:6px;border-bottom:1px solid #ccd4da;background:repeating-linear-gradient(to bottom,#fff 0,#fff 35px,#ecf1f4 36px);margin-top:10px}.bar{flex:1;background:linear-gradient(#8bc34a,#5f9f32);border-radius:2px 2px 0 0}.donut{width:140px;height:140px;margin:16px auto;border-radius:50%;background:conic-gradient(#65a637 0 28%,#2f78c4 28% 49%,#d88218 49% 64%,#c83d48 64% 77%,#7a67b8 77% 88%,#9ba6af 88%);position:relative}.donut:after{content:'8,421\A Events';white-space:pre;position:absolute;inset:29px;background:white;border-radius:50%;display:grid;place-items:center;text-align:center;font-weight:800}.health{list-style:none;padding:0;margin:7px 0}.health li{display:flex;justify-content:space-between;border-bottom:1px solid #edf0f2;padding:7px 0}.ok{color:var(--green);font-weight:700}.warn{color:var(--orange);font-weight:700}.tablebox{overflow:auto;margin-top:11px}table{width:100%;border-collapse:collapse}th,td{padding:9px 10px;border-bottom:1px solid #e4e8eb;text-align:left;white-space:nowrap}th{background:#eef1f3;color:#52606b;font-size:10px;text-transform:uppercase}td.wrap{white-space:normal;min-width:240px}.badge{padding:2px 7px;border-radius:9px;font-size:10px;font-weight:bold}.b-critical,.b-new,.b-open{background:#f8dfe2;color:#a92934}.b-high,.b-inprogress,.b-triage,.b-testing{background:#ffedd4;color:#a96308}.b-medium{background:#deebf8;color:#24649f}.b-low,.b-info,.b-active,.b-production,.b-enabled,.b-remediated{background:#e1f0d8;color:#4f7e2c}.b-resolved,.b-closed,.b-disabled{background:#e6eaed;color:#5f6b75}.workbench{display:grid;grid-template-columns:210px 1fr;gap:0;background:white;border:1px solid var(--line);box-shadow:0 1px 2px #0001}.fields{border-right:1px solid var(--line);padding:12px;min-height:580px}.fields h3{margin:0 0 10px}.field{padding:5px 3px;color:#326a98}.searcharea{padding:14px}.query{display:flex;gap:7px}.query input{font-family:Consolas,monospace;font-size:13px;margin:0}.timeline{height:125px;display:flex;align-items:end;gap:3px;background:repeating-linear-gradient(to bottom,#fff 0,#fff 30px,#edf1f4 31px);border-bottom:1px solid var(--line);margin:13px 0}.timeline i{flex:1;background:#69a43c}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:10px}.tabs span{padding:8px 12px}.tabs .active{border-bottom:3px solid var(--green);font-weight:700}.split{display:grid;grid-template-columns:2fr 1fr;gap:11px}.matrix{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.matrix div{padding:12px 5px;background:#edf0f2;text-align:center;font-size:10px}.matrix .hit{background:#f8dfe2;color:#a92934}.entity{display:flex;gap:9px;align-items:center}.entity i{width:29px;height:29px;border-radius:50%;background:#deebf8;color:#24649f;display:grid;place-items:center;font-style:normal;font-weight:bold}input,select,textarea{width:100%;border:1px solid #bfc7ce;background:white;padding:8px;border-radius:3px;margin:4px 0 10px}.check{display:flex;gap:8px;align-items:center}.check input{width:auto;margin:0}.flash{padding:10px;background:#e1f0d8;color:#4f7e2c;border:1px solid #c4ddaF;margin-bottom:11px}.error{background:#f8dfe2;color:#a92934;border-color:#efbdc2}.login{min-height:100vh;background:#101417;display:grid;grid-template-columns:1fr 1fr}.login-side{color:white;display:flex;flex-direction:column;justify-content:center;padding:10vw;background:radial-gradient(circle at 60% 40%,#31522466,transparent 40%)}.login-side .mark{width:66px;height:60px;font-size:20px}.login-side h1{font-size:40px;margin:18px 0 4px}.login-card{width:min(410px,83%);align-self:center;justify-self:center;background:white;padding:28px;border-radius:4px}.login-card button{width:100%}@media(max-width:1050px){.dashgrid{grid-template-columns:1fr}.grid4{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.shell{grid-template-columns:1fr}.side{height:auto;position:relative}.split,.workbench{grid-template-columns:1fr}.fields{border-right:0;border-bottom:1px solid var(--line)}.login{grid-template-columns:1fr}.login-side{display:none}.global{display:none}}@media(max-width:520px){.grid4{grid-template-columns:1fr}.content{padding:11px}}