:root{--bg: #edf2ff;--bg-deep: #102868;--panel: rgba(255, 255, 255, .9);--panel-strong: #fffdf8;--panel-border: rgba(21, 52, 143, .12);--text: #11265d;--muted: #5d6d9b;--accent: #204ccf;--accent-strong: #15348f;--warning: #bd8a1f;--danger: #a33f2f;--shadow: 0 24px 60px rgba(16, 40, 104, .14);--radius-lg: 24px;--radius-md: 18px;--font-body: "Avenir Next", "Segoe UI", "Helvetica Neue", sans-serif;--font-display: "Baskerville", "Iowan Old Style", "Palatino Linotype", serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);color:var(--text);background:radial-gradient(circle at top left,rgba(32,76,207,.24),transparent 30%),radial-gradient(circle at top right,rgba(208,166,53,.22),transparent 28%),linear-gradient(180deg,#f6f9ff,#eef3ff 52%,#f8f3e4)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:24px}.frame{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px}.sidebar{position:sticky;top:24px;align-self:start;min-height:calc(100vh - 48px);padding:28px;border-radius:30px;background:linear-gradient(180deg,#102868fa,#14368feb),linear-gradient(145deg,rgba(223,183,76,.24),transparent);color:#f7f4ef;box-shadow:var(--shadow)}.brand{margin-bottom:28px}.brand-lockup{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}.brand-mark-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;width:74px;height:74px;border-radius:24px;background:radial-gradient(circle at 30% 25%,rgba(255,233,171,.32),transparent 38%),linear-gradient(160deg,#ffffff24,#ffffff0a);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px #ffffff1a,0 18px 40px #0000002e;outline:none}.brand-mark-wrap:hover,.brand-mark-wrap:focus-visible{transform:translateY(-1px)}.brand-mark{width:54px;height:54px;filter:drop-shadow(0 10px 18px rgba(10,20,24,.24))}.brand-copy{min-width:0}.brand h1{margin:0;font-family:var(--font-display);font-size:2.3rem;line-height:1}.brand p{margin:10px 0 0;color:#f7f4efc2;line-height:1.5}.brand-tooltip{position:absolute;left:calc(100% + 14px);top:50%;z-index:5;width:280px;padding:12px 14px;border-radius:16px;background:#10242a;color:#f7f4eff0;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 44px #060e1247;opacity:0;pointer-events:none;transform:translateY(-50%) translate(-6px);transition:opacity .16s ease,transform .16s ease;line-height:1.45;font-size:.9rem}.brand-tooltip:before{content:"";position:absolute;left:-8px;top:calc(50% - 8px);width:16px;height:16px;transform:rotate(45deg);background:inherit;border-left:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.brand-mark-wrap:hover .brand-tooltip,.brand-mark-wrap:focus-visible .brand-tooltip{opacity:1;transform:translateY(-50%) translate(0)}.nav{display:grid;gap:10px;margin-top:28px}.nav-link{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:16px;color:#f7f4efe6;background:#ffffff0a;border:1px solid transparent;transition:transform .16s ease,background .16s ease,border-color .16s ease}.nav-link:hover,.nav-link.active{transform:translateY(-1px);background:#ffffff1a;border-color:#ffffff1a}.sidebar-footer{display:grid;gap:16px;margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.status-stack{display:grid;gap:12px;min-width:0}.status-panel{width:100%;min-width:0;max-width:100%;padding:14px 16px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff05}.status-panel strong{display:block;margin-bottom:4px}.status-panel div{min-width:0;color:#f7f4efd1;overflow-wrap:anywhere}.sidebar-actions{display:grid;gap:10px}.sidebar-action{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:0;padding:14px 16px;border-radius:16px;color:#f7f4efe6;background:#ffffff0a;border:1px solid transparent;transition:transform .16s ease,background .16s ease,border-color .16s ease}.sidebar-action:hover{transform:translateY(-1px);background:#ffffff1a;border-color:#ffffff1a}.content{display:grid;gap:24px;align-content:start}.hero{position:relative;overflow:hidden;padding:28px 30px;border-radius:30px;background:linear-gradient(135deg,#fffffff0,#f7faffc7),linear-gradient(135deg,#204ccf1a,#dfb74c14);border:1px solid rgba(255,255,255,.68);box-shadow:var(--shadow)}.hero:after{content:"";position:absolute;inset:auto -12% -45% auto;width:280px;height:280px;border-radius:999px;background:radial-gradient(circle,rgba(223,183,76,.28),transparent 70%)}.hero h2{margin:0;font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);line-height:.96}.hero p{max-width:64ch;margin:14px 0 0;color:var(--muted);line-height:1.6}.hero-actions,.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.grid,.stats-grid,.details-grid{display:grid;gap:20px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.grid.two{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.details-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.panel{padding:22px;border-radius:var(--radius-lg);background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:panel-in .26s ease}.panel h3,.panel h4{margin:0 0 12px;font-family:var(--font-display)}.metric-value{font-size:2rem;font-weight:700;letter-spacing:-.04em}.muted{color:var(--muted)}.pill-row{display:flex;flex-wrap:wrap;gap:8px}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-size:.86rem;font-weight:600;background:#12202714}.pill.ok{background:#204ccf24;color:var(--accent-strong)}.pill.warn{background:#bd8a1f2e;color:var(--warning)}.pill.danger{background:#a33f2f29;color:var(--danger)}.button,.button-ghost,.button-subtle{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid transparent;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.button{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 12px 26px #204ccf3d}.button-ghost{background:#15348f0d;border-color:#15348f1f;color:var(--text)}.button-subtle{background:transparent;color:#f7f4efeb}.button:hover,.button-ghost:hover,.button-subtle:hover{transform:translateY(-1px)}.button:disabled,.button-ghost:disabled,.button-subtle:disabled,.segment:disabled{cursor:not-allowed;opacity:.64;transform:none}.form-grid{display:grid;gap:14px}.form-grid.two{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.field{display:grid;gap:8px}.field span{font-size:.9rem;font-weight:600}.field input,.field textarea,.field select{width:100%;padding:14px 15px;border-radius:16px;border:1px solid rgba(18,32,39,.12);background:#ffffffdb}.field textarea{min-height:112px;resize:vertical}.checkbox-field{display:flex;align-items:center;gap:12px;padding:14px 15px;border-radius:16px;border:1px solid rgba(18,32,39,.12);background:#ffffffdb}.checkbox-field input{width:auto;margin:0}.list,.stack{display:grid;gap:12px}ul.list{padding-left:18px}.item-card{padding:16px;border-radius:var(--radius-md);background:var(--panel-strong);border:1px solid rgba(18,32,39,.08)}.item-card h4{margin:0 0 6px}.item-card h5{margin:0 0 6px;font-size:.95rem}.item-meta{display:flex;flex-wrap:wrap;gap:8px 12px;color:var(--muted);font-size:.92rem}.analyst-card{display:grid;gap:14px}.analyst-card-head,.insight-row{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start;justify-content:space-between}.summary-hero{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between}.score-stack{display:grid;gap:10px;justify-items:end}.list.compact{gap:6px}.evidence-card{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:flex-start;padding:14px 16px;border-radius:18px;border:1px solid rgba(18,32,39,.08);background:#ffffffb8}.evidence-card .pill-row{justify-content:flex-end}.score-badge{min-width:110px;padding:14px 16px;border-radius:20px;text-align:center;border:1px solid rgba(18,32,39,.08);background:#1220270a}.score-badge strong{display:block;font-size:1.8rem;line-height:1}.score-badge span{display:block;margin-top:6px;color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}.score-badge.critical{background:#a33f2f24}.score-badge.high{background:#c25e2824}.score-badge.moderate{background:#b4530924}.score-badge.low{background:#1f7a721f}.score-badge.minimal{background:#1f7a7233}.risk-pill{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;font-size:.84rem;font-weight:700;border:1px solid transparent}.risk-pill.critical{color:#7a1f18;background:#a33f2f2e;border-color:#a33f2f38}.risk-pill.high{color:#8a3c11;background:#c25e282e;border-color:#c25e283d}.risk-pill.moderate{color:#8a4e0b;background:#b4530929;border-color:#b4530938}.risk-pill.low,.risk-pill.minimal{color:var(--accent-strong);background:#1f7a7229;border-color:#1f7a7238}.risk-pill.neutral{color:var(--muted);background:#1220270f;border-color:#12202714}.explanation-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.explanation-card{padding:14px 16px;border-radius:18px;background:#ffffffb8;border:1px solid rgba(18,32,39,.08)}.explanation-card p{margin:0;color:var(--muted);line-height:1.55}.dimension-grid{display:grid;gap:10px;margin-top:4px}.dimension-row{display:grid;gap:6px}.dimension-head{display:flex;justify-content:space-between;gap:12px;font-size:.92rem}.dimension-track{height:10px;overflow:hidden;border-radius:999px;background:#12202714}.dimension-fill{height:100%;border-radius:inherit;background:#12202733}.dimension-fill.critical{background:var(--danger)}.dimension-fill.high{background:#c25e28}.dimension-fill.moderate{background:var(--warning)}.dimension-fill.low,.dimension-fill.minimal{background:var(--accent)}.progress-track{height:14px;overflow:hidden;border-radius:999px;background:#12202714;border:1px solid rgba(18,32,39,.06)}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#d28b3d,#1f7a72);transition:width .22s ease}.progress-fill.complete{background:linear-gradient(90deg,#2f9d7c,#1f7a72)}.progress-fill.failed{background:linear-gradient(90deg,#c25e28,#a33f2f)}.timeline-item{padding:12px 14px;border-radius:16px;background:#ffffffa3;border:1px solid rgba(18,32,39,.08)}.timeline-meta{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:baseline}.raw-disclosure{margin-top:14px}.raw-disclosure summary{cursor:pointer;color:var(--accent-strong);font-weight:700;list-style:none}.raw-disclosure summary::-webkit-details-marker{display:none}.raw-disclosure .json-block{margin-top:12px}.code-block,.json-block{overflow:auto;padding:16px;border-radius:18px;background:#13292f;color:#f7f4ef;font-family:SFMono-Regular,SFMono,Menlo,monospace;font-size:.88rem;line-height:1.55}.json-block{max-height:520px}.segment-row{display:flex;flex-wrap:wrap;gap:10px}.segment{min-height:40px;padding:0 14px;border-radius:999px;background:#1220270d;border:1px solid transparent}.segment.active{background:#1f7a7224;border-color:#1f7a7238;color:var(--accent-strong)}.banner{padding:14px 16px;border-radius:16px;background:#1f7a721a;color:var(--accent-strong)}.banner.warn{background:#b453091a;color:var(--warning)}.banner.danger{background:#a33f2f1a;color:var(--danger)}.empty{padding:24px;border-radius:var(--radius-lg);border:1px dashed rgba(18,32,39,.16);color:var(--muted);text-align:center}.split-login{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.login-card{min-height:100%}.modal-overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:24px;background:#0a141875;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-card{width:min(760px,calc(100vw - 48px));max-height:calc(100vh - 48px);overflow:auto;padding:24px;border-radius:28px;background:linear-gradient(135deg,#fffaf1f5,#ffffffe6),linear-gradient(135deg,rgba(31,122,114,.08),transparent);border:1px solid rgba(255,255,255,.72);box-shadow:0 28px 70px #08101442}.modal-head h3{margin:14px 0 8px;font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.2rem);line-height:1}.modal-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:18px}.login-brand{display:inline-flex;align-items:center;gap:14px;margin-bottom:18px;padding:10px 14px;border-radius:20px;background:#fff6;border:1px solid rgba(18,32,39,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-brand strong,.login-brand span{display:block}.login-brand strong{font-family:var(--font-display);font-size:1.1rem;letter-spacing:.02em}.login-brand span{margin-top:2px;color:var(--muted);font-size:.9rem;line-height:1.35}.login-brand-mark{width:48px;height:48px;flex:0 0 auto}@keyframes panel-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.frame{grid-template-columns:1fr}.sidebar{position:static;min-height:auto}.brand-tooltip{left:0;right:auto;top:calc(100% + 12px);width:min(320px,calc(100vw - 72px));transform:translateY(-6px)}.brand-tooltip:before{left:24px;top:-8px;border-left:1px solid rgba(255,255,255,.08);border-bottom:none;border-top:1px solid rgba(255,255,255,.08);transform:rotate(45deg)}.brand-mark-wrap:hover .brand-tooltip,.brand-mark-wrap:focus-visible .brand-tooltip{transform:translateY(0)}}@media(max-width:720px){.app-shell{padding:14px}.hero,.panel,.sidebar{padding:20px}.brand-lockup{grid-template-columns:1fr}.modal-overlay{padding:14px}.modal-card{width:min(100vw - 28px,760px);padding:20px}}