:root{color-scheme:dark;font-family:IBM Plex Sans,Segoe UI,sans-serif;line-height:1.5;font-weight:400;--bg: #07111f;--panel: rgba(11, 24, 44, .88);--panel-strong: rgba(14, 29, 53, .96);--text: #e7efff;--muted: #9caecb;--border: rgba(141, 177, 239, .16);--accent: #2f6df6;--accent-strong: #163b93;--accent-soft: #d7e6ff;--success: #5ecf9a;--high: #b84b63;--medium: #c48b2f;--low: #2d8a78;--shadow: 0 18px 60px rgba(7, 17, 31, .2)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);overflow-x:hidden;background:radial-gradient(circle at top left,rgba(47,109,246,.22),transparent 26%),radial-gradient(circle at 85% 18%,rgba(127,185,255,.14),transparent 18%),linear-gradient(135deg,#06101d 0%,#0b1930 42%,#102544 100%)}button,input,select,textarea{font:inherit}#root{min-height:100vh;overflow-x:hidden}.access-shell{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.access-panel{width:min(560px,100%);padding:1.4rem}.shell{display:grid;grid-template-columns:344px minmax(0,1fr);min-height:100vh;width:100%;max-width:100%}.sidebar{display:flex;flex-direction:column;gap:.9rem;padding:1.5rem;min-width:0;background:linear-gradient(180deg,rgba(6,16,29,.97),rgba(13,27,48,.96)),linear-gradient(135deg,rgba(47,109,246,.1),transparent 50%);color:#eff5ff;border-right:1px solid rgba(215,230,255,.1)}.main .eyebrow{color:#87a2d6}.eyebrow{margin:0 0 .35rem;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--muted)}.sidebar .eyebrow{color:#eff5ffa3}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,Times New Roman,serif;line-height:1.05}h1{font-size:clamp(1.65rem,2.6vw,2.4rem);margin-bottom:.85rem;overflow-wrap:anywhere}h3{margin-bottom:.35rem}.lede{color:var(--muted);max-width:42ch;font-size:.96rem}.sidebar .lede,.sidebar p{color:#eff5ffbd}.view-list,.mode-list{display:grid;gap:.7rem;flex:0 0 auto}.mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mode-card{border:1px solid rgba(215,230,255,.16);border-radius:20px;padding:.85rem .9rem;text-align:left;background:rgba(248,251,255,.04);color:inherit;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease}.mode-card span,.mode-card small{display:block}.mode-card span{margin-bottom:.35rem;font-weight:700}.mode-card small{color:#eff5ffad}.mode-card:hover,.mode-card.active{transform:translateY(-1px);border-color:#4f98ff7a;background:rgba(47,109,246,.16)}.side-panel,.panel,.metric-card{border:1px solid var(--border);border-radius:24px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow)}.side-panel{padding:.85rem;background:rgba(239,245,255,.06)}.main{padding:1.5rem;display:grid;gap:.9rem;min-width:0;max-width:100%}.panel{background:var(--panel);padding:1rem;min-width:0;max-width:100%;overflow:hidden}.hero{display:grid;grid-template-columns:minmax(240px,.9fr) minmax(0,1.1fr);gap:.9rem}.runner,.filter-grid,.detail-fields,.detail-stack,.definition-list,.timeline-list{display:grid;gap:.8rem}.compact-fields{gap:.55rem}.top-spaced{margin-top:1rem}label{display:grid;gap:.45rem;color:var(--muted);font-size:.92rem}input,select,textarea{width:100%;border:1px solid rgba(22,59,147,.16);border-radius:14px;padding:.72rem .85rem;background:rgba(8,20,38,.9);color:var(--text)}input::placeholder,textarea::placeholder{color:#7f97bc}textarea{resize:vertical}select[multiple]{min-height:140px}.toggle-field{grid-template-columns:1fr auto;align-items:center}.toggle-field input[type=checkbox]{width:auto;transform:scale(1.1)}.actions{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.primary-button,.ghost-button{border-radius:999px;padding:.72rem 1rem;cursor:pointer;border:1px solid transparent}.primary-button{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff}.ghost-button{background:transparent;color:#dfe8fb;border-color:#8db1ef2e}.inline-note{color:var(--muted);font-size:.86rem}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.summary-grid.alert-only{grid-template-columns:168px;justify-content:start}.summary-grid.alert-only .metric-card{width:168px;min-width:168px;height:104px}.metric-card{background:var(--panel-strong);padding:.9rem 1rem}.metric-card p{margin-bottom:.35rem;color:var(--muted)}.metric-card strong{font-size:1.65rem;line-height:1;display:inline-block;min-width:3ch}.metric-card.high strong{color:var(--high)}.metric-card.medium strong{color:var(--medium)}.metric-card.low strong{color:var(--low)}.content-grid{display:grid;grid-template-columns:minmax(0,1.58fr) minmax(260px,.72fr);gap:.9rem}.content-grid-wide{grid-template-columns:repeat(2,minmax(0,1fr))}.three-col-grid,.two-col-grid,.definition-grid{display:grid;gap:.8rem}.three-col-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.two-col-grid,.definition-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:.8rem}.panel-header>*{min-width:0}.panel-header h2,.panel-header h3{overflow-wrap:anywhere}.explorer-note{margin:-.1rem 0 .7rem;color:var(--muted);font-size:.86rem;line-height:1.35}.filter-grid{grid-template-columns:minmax(0,1.3fr) minmax(140px,.7fr);align-items:end}.table-shell{overflow-x:auto;max-width:100%}table{width:100%;border-collapse:collapse;table-layout:fixed}th,td{padding:.78rem .65rem;text-align:left;border-bottom:1px solid rgba(72,53,35,.1);vertical-align:top;overflow-wrap:anywhere;word-break:break-word}tbody tr:hover,.selected-row{background:rgba(47,109,246,.1)}.severity-pill{display:inline-flex;align-items:center;justify-content:center;min-width:68px;padding:.22rem .6rem;border-radius:999px;font-size:.78rem;font-weight:700;background:rgba(21,46,86,.08)}.severity-pill.high,.severity-pill.critical{background:rgba(125,59,47,.12);color:var(--high)}.severity-pill.medium{background:rgba(196,139,47,.14);color:var(--medium)}.severity-pill.low{background:rgba(45,138,120,.12);color:var(--low)}.severity-pill.neutral,.severity-pill.unknown,.severity-pill.strong,.severity-pill.extreme,.severity-pill.moderate{color:#dfe8fb}.score-chip{display:inline-flex;align-items:center;justify-content:center;min-width:68px;padding:.22rem .6rem;border-radius:999px;font-size:.78rem;font-weight:700;color:#e8f0ff;background:rgba(47,109,246,.18);border:1px solid rgba(141,177,239,.18)}.detail-row{display:grid;gap:.35rem;padding-bottom:.65rem;border-bottom:1px solid rgba(72,53,35,.1)}.detail-row span{color:var(--muted)}.detail-row.multiline strong{white-space:pre-wrap}.chart-block+.chart-block{margin-top:.9rem}.chart-block h3{margin:0 0 .65rem;font-size:1rem;color:#dce8ff}.mini-chart{display:grid;gap:.6rem}.bar-row{display:grid;gap:.35rem}.bar-meta{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;font-size:.86rem}.bar-meta span{color:var(--muted);overflow-wrap:anywhere}.bar-track{width:100%;height:10px;border-radius:999px;background:rgba(141,177,239,.12);overflow:hidden}.bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#5d8dff,#2f6df6)}.bar-fill.high{background:linear-gradient(90deg,#d56a81,#b84b63)}.bar-fill.medium{background:linear-gradient(90deg,#d9a44f,#c48b2f)}.bar-fill.low{background:linear-gradient(90deg,#4cb8a2,#2d8a78)}.definition-list{gap:.9rem}.definition-card,.preview-panel{border:1px solid rgba(141,177,239,.12);border-radius:18px;padding:.9rem;background:rgba(8,19,36,.78)}.raw-block{margin:0;max-height:340px;max-width:100%;overflow:auto;padding:.85rem;border-radius:18px;background:#08111f;color:#e8f0ff;font-size:.8rem;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.timeline-list{gap:1rem}.timeline-item{display:grid;grid-template-columns:18px minmax(0,1fr);gap:.9rem;align-items:start}.timeline-dot{width:12px;height:12px;margin-top:.35rem;border-radius:999px;background:linear-gradient(135deg,#7ba7ff,#2f6df6);box-shadow:0 0 0 6px #2f6df61f}.timeline-body{border-left:1px solid rgba(141,177,239,.12);padding-left:1rem}.timeline-head,.timeline-meta{display:flex;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.timeline-meta{margin-top:.6rem}.empty-state,.empty-copy,.error-text{color:var(--muted)}.error-text{color:var(--high)}.success-text{color:var(--success)}th{color:#aac0e5}td{color:#e7efff}tbody td:first-child{font-weight:600;color:#f2f6ff}select{-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (max-width: 1200px){.mode-grid,.three-col-grid,.content-grid-wide{grid-template-columns:1fr}}@media (max-width: 1100px){.shell,.hero,.content-grid,.summary-grid,.two-col-grid,.definition-grid{grid-template-columns:1fr}.sidebar{padding-bottom:1rem}.filter-grid{grid-template-columns:1fr}table{table-layout:auto}}
