:root{color-scheme:dark;--bg: #071426;--ink: #f6fbff;--muted: #9aabc1;--muted-strong: #d3e2f5;--surface: rgba(12, 32, 57, .84);--surface-solid: #102844;--surface-raised: #173653;--surface-right: #102b50;--line: rgba(178, 219, 255, .16);--line-strong: rgba(184, 221, 255, .3);--accent: #83c9ff;--accent-2: #348bd3;--accent-soft: rgba(123, 194, 255, .12);--positive: #65d69a;--negative: #ff8b7f;--warning: #f2bb62;--radius-lg: 32px;--radius-md: 22px;--radius-sm: 16px;--shadow-soft: 0 28px 90px rgba(0, 0, 0, .32);--shadow-card: 0 18px 48px rgba(0, 0, 0, .22);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI Variable,Segoe UI,sans-serif;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 12% 12%,rgba(79,151,224,.24),transparent 28rem),radial-gradient(circle at 82% 8%,rgba(123,194,255,.12),transparent 24rem),linear-gradient(135deg,#030914,#081a30 48%,#06101f);color:var(--ink)}html,#root{width:100%;height:100%;background:radial-gradient(circle at 12% 12%,rgba(79,151,224,.24),transparent 28rem),radial-gradient(circle at 82% 8%,rgba(123,194,255,.12),transparent 24rem),linear-gradient(135deg,#030914,#081a30 48%,#06101f)}button,input,textarea,select{font:inherit}button{color:inherit}.screen-shell{display:grid;width:100vw;height:100vh;padding:clamp(6px,.75vw,12px);place-items:center}.app-frame{display:grid;grid-template-columns:clamp(210px,17vw,246px) minmax(0,1fr) clamp(260px,20vw,310px);gap:clamp(8px,.75vw,12px);width:100%;height:100%;min-height:0;padding:clamp(8px,.7vw,11px);overflow:hidden;border:1px solid rgba(184,221,255,.18);border-radius:38px;background:linear-gradient(145deg,#0a213eb8,#030914c7),#030914d1;box-shadow:0 26px 90px #00000047;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.brand-rail,.command-center,.inspector,.panel,.kpi-card,.empty-state{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-rail,.command-center,.inspector{min-height:0;border-radius:var(--radius-lg)}.brand-rail{display:grid;grid-template-rows:auto auto 1fr auto;gap:clamp(10px,1.5vh,20px);padding:clamp(14px,1.45vw,22px);background:linear-gradient(180deg,#0a1b31f5,#05101ff0),#071426}.brand-mark{display:grid;width:54px;height:54px;place-items:center;border-radius:18px;background:#f6fbff;color:#071426;font-size:.88rem;font-weight:760;letter-spacing:-.02em}.eyebrow{margin:0;color:var(--accent);font-size:.68rem;font-weight:760;letter-spacing:.16em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:12px;font-size:clamp(2.1rem,3.15vw,3.35rem);line-height:.9;letter-spacing:-.078em}h2{margin:4px 0 0;font-size:clamp(1.45rem,2.2vw,2.45rem);line-height:.96;letter-spacing:-.062em}h3{margin:4px 0 0;font-size:clamp(1rem,1.25vw,1.36rem);line-height:1;letter-spacing:-.04em}.brand-copy,.inspector-summary,.empty-state,.empty-inline{color:var(--muted);line-height:1.48}.brand-copy{max-width:25ch;margin-bottom:0;font-size:clamp(.92rem,1.05vw,1.05rem)}.rail-status{align-self:end;padding:15px;border:1px solid var(--line);border-radius:var(--radius-md);background:#83c9ff14}.rail-status span,.rail-status small{display:block;color:var(--muted);font-size:.76rem}.rail-status strong{display:block;margin:8px 0;font-size:1.05rem;letter-spacing:-.045em;word-break:break-word}.ghost-button,.panel-action,.story-row,.scenario-card,.risk-node,.rgpd-chips button,.timeline-rail button,.kpi-card{cursor:pointer;transition:transform .22s cubic-bezier(.2,.8,.2,1),border-color .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease,filter .22s ease;will-change:transform}.ghost-button,.panel-action{border:1px solid var(--line-strong);border-radius:999px;background:#83c9ff17;color:var(--ink);font-size:.8rem;font-weight:720}.ghost-button{min-height:42px;padding:0 16px}.panel-action{min-height:34px;padding:0 12px}.command-center{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:clamp(10px,1vh,14px);padding:clamp(10px,.8vw,14px);background:linear-gradient(180deg,#0c2039f0,#071527f0),#08182d}.topline{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;min-height:58px}.topline-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.topline-meta span{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border:1px solid var(--line);border-radius:999px;background:#83c9ff14;color:var(--muted-strong);font-size:.72rem;font-weight:760}.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(8px,.8vw,12px);min-height:104px}.kpi-card{min-width:0;min-height:100px;padding:clamp(10px,.8vw,14px);border-radius:var(--radius-md);text-align:left}.kpi-card:hover,.story-row:hover,.scenario-card:hover,.risk-node:hover,.rgpd-chips button:hover,.timeline-rail button:hover,.ghost-button:hover,.panel-action:hover{transform:translateY(-4px) scale(1.012);border-color:#7bc2ff9e;box-shadow:0 20px 52px #00000057,0 0 0 4px #7bc2ff1f,inset 0 1px #ffffff17;filter:saturate(1.04)}.kpi-card:active,.story-row:active,.scenario-card:active,.risk-node:active,.rgpd-chips button:active,.timeline-rail button:active,.ghost-button:active,.panel-action:active{transform:translateY(-1px) scale(.992)}.kpi-card:focus-visible,.story-row:focus-visible,.scenario-card:focus-visible,.risk-node:focus-visible,.rgpd-chips button:focus-visible,.timeline-rail button:focus-visible,.ghost-button:focus-visible,.panel-action:focus-visible{outline:3px solid rgba(123,194,255,.42);outline-offset:3px}.kpi-card span,.panel span,.scenario-card small{color:var(--muted)}.kpi-card span{display:block;font-size:.72rem;font-weight:720}.kpi-card strong{display:block;margin-top:11px;font-size:clamp(1.08rem,1.34vw,1.45rem);line-height:.98;letter-spacing:-.065em}.kpi-card small{display:block;margin-top:8px;color:var(--muted);font-size:.72rem;line-height:1.2}.kpi-card.focus{border-color:#83c9ff94;background:var(--surface);color:var(--ink)}.kpi-card.focus span,.kpi-card.focus small{color:var(--muted)}.kpi-card.focus:hover{box-shadow:0 20px 52px #00000057,0 0 0 4px #83c9ff24,inset 0 1px #ffffff17}.kpi-card:not(.focus):hover,.story-row:hover,.scenario-card:hover,.risk-node:hover,.rgpd-chips button:hover,.timeline-rail button:hover,.ghost-button:hover,.panel-action:hover{background:linear-gradient(145deg,#1f4a72f5,#123154fa),var(--surface-solid);color:#fbfaf5}.kpi-card.positive{border-color:#65d69a57}.kpi-card.negative{border-color:#ff8b7f57}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);grid-template-rows:minmax(0,1.05fr) minmax(0,.72fr) minmax(0,.8fr);grid-template-areas:"backlog roi" "backlog risks" "rgpd sprints";gap:clamp(8px,.7vw,10px);min-height:0}.panel{min-width:0;min-height:0;padding:clamp(10px,.8vw,14px);overflow:hidden;border-radius:var(--radius-md)}.panel-backlog{grid-area:backlog}.panel-roi{grid-area:roi}.panel-risks{grid-area:risks}.panel-rgpd{grid-area:rgpd}.panel-sprints{grid-area:sprints;min-height:0}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:clamp(10px,1.1vh,16px)}.backlog-score{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:14px 16px;margin-bottom:12px;border-radius:20px;background:linear-gradient(135deg,#3e84be3d,#163656c7),var(--surface-raised)}.backlog-score strong{font-size:clamp(1.5rem,2.4vw,2.6rem);line-height:.92;letter-spacing:-.075em}.backlog-score span{font-size:.78rem;font-weight:720}.bar-list{display:grid;gap:10px}.bar-list.compact{margin-bottom:14px}.bar-row-label{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px;font-size:.76rem}.bar-row-label strong{color:var(--ink)}.bar-track{height:8px;overflow:hidden;border-radius:999px;background:#b2dbff21}.bar-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#69bfff,#c5dded)}.story-stack{display:grid;gap:7px}.story-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:16px;background:var(--surface-raised);text-align:left}.story-row-more{border-style:dashed;background:#83c9ff1c}.story-row:hover strong,.scenario-card:hover strong,.risk-node:hover strong,.timeline-rail button:hover strong{color:var(--accent)}.story-row span{color:var(--accent);font-size:.72rem;font-weight:800}.story-row strong{overflow:hidden;font-size:.8rem;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap}.story-row em{color:var(--muted);font-size:.72rem;font-style:normal;font-weight:720}.scenario-list{display:grid;gap:10px}.scenario-card{display:grid;gap:10px;width:100%;min-height:92px;padding:13px;border:1px solid var(--line);border-radius:18px;background:var(--surface-raised);text-align:left}.scenario-card:hover .roi-axis span,.bar-row:hover .bar-track span{filter:brightness(1.08)}.scenario-topline{display:flex;justify-content:space-between;gap:12px}.scenario-topline strong{text-transform:capitalize}.scenario-card.positive .scenario-topline span{color:var(--positive)}.scenario-card.negative .scenario-topline span{color:var(--negative)}.roi-axis{height:8px;overflow:hidden;border-radius:999px;background:#b2dbff21}.scenario-card.positive .roi-axis span{background:linear-gradient(90deg,var(--positive),#8db9a2)}.scenario-card.negative .roi-axis span{background:linear-gradient(90deg,var(--negative),#d19a92)}.roi-axis span{display:block;height:100%;border-radius:inherit}.risk-orbit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.risk-node{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:center;min-height:46px;padding:7px;border:1px solid rgba(196,138,47,calc(.16 + var(--score) * .28));border-radius:18px;background:linear-gradient(135deg,rgba(52,139,211,calc(.14 + var(--score) * .14)),#173653db);text-align:left;animation:cardRise .42s ease both;animation-delay:var(--delay)}.risk-node span{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#83c9ff2e;color:var(--accent);font-weight:820}.risk-node strong{display:-webkit-box;overflow:hidden;font-size:.72rem;line-height:1.18;-webkit-box-orient:vertical;-webkit-line-clamp:2}.rgpd-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.rgpd-chips button{min-height:46px;padding:0 12px;border:1px solid var(--line);border-radius:18px;background:var(--surface-raised);font-size:.78rem;font-weight:760}.rgpd-chips button:hover,.timeline-rail button:hover{background:linear-gradient(145deg,#1f4a72f5,#113154fa)}.timeline-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;height:calc(100% - 44px);min-height:96px}.timeline-rail button{display:grid;align-content:start;gap:10px;min-width:0;padding:8px;border:1px solid var(--line);border-radius:18px;background:var(--surface-raised);text-align:left}.timeline-rail span{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:#f6fbff;color:#071426;font-size:.72rem;font-weight:820}.timeline-rail strong{display:-webkit-box;overflow:hidden;font-size:.72rem;line-height:1.18;letter-spacing:-.02em;-webkit-box-orient:vertical;-webkit-line-clamp:3}.timeline-rail small{align-self:end;color:var(--muted);font-size:.64rem;font-weight:780}.inspector{position:relative;display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr);gap:clamp(9px,1.25vh,15px);padding:clamp(14px,1.55vw,22px);overflow:hidden;background:radial-gradient(circle at 78% 0%,rgba(89,163,232,.22),transparent 15rem),linear-gradient(180deg,#123d70,#0b2340 46%,#06101f);color:#f8f7f2}.inspector-glow{position:absolute;inset:-80px -120px auto auto;width:220px;height:220px;border-radius:50%;background:#5d9ee657;filter:blur(18px);pointer-events:none}.inspector .eyebrow{position:relative;color:#b7d8ff}.inspector h2{position:relative;font-size:clamp(1.45rem,2.05vw,2.25rem)}.inspector-summary{position:relative;margin:0;color:#f8f7f2c2;font-size:.96rem}.inspector-metrics{position:relative;display:grid;grid-template-columns:1fr;gap:8px;margin:0}.inspector-metrics div,.inspector-list article{border:1px solid rgba(199,230,255,.16);background:#05101f70}.inspector-metrics div{display:grid;grid-template-columns:minmax(70px,.7fr) minmax(0,1fr);gap:10px;align-items:center;min-height:52px;padding:10px 12px;border-radius:16px}dt{color:#f8f7f28a;font-size:.67rem;font-weight:780;letter-spacing:.12em;text-transform:uppercase}dd{margin:0;overflow-wrap:anywhere;font-size:.92rem;font-weight:820;letter-spacing:-.035em}.inspector-list{position:relative;display:grid;gap:8px;min-height:0;overflow:hidden}.inspector-list article{padding:11px;border-radius:18px}.inspector-list span{color:#b7d8ff;font-size:.72rem;font-weight:780}.inspector-list strong{display:block;margin-top:6px}.inspector-list p{display:-webkit-box;margin:6px 0 0;overflow:hidden;color:#f8f7f2a8;font-size:.78rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:4}.inspector-empty-detail{align-content:end}.empty-state{display:grid;min-height:240px;place-items:center;padding:28px;border-radius:var(--radius-lg);text-align:center}.empty-state strong{color:var(--ink)}@keyframes cardRise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;scroll-behavior:auto!important;transition-duration:1ms!important}}@media(max-width:1180px){body{overflow:auto}.screen-shell{height:auto;min-height:100vh}.app-frame{grid-template-columns:1fr;height:auto;min-height:calc(100vh - 24px)}.brand-rail,.inspector{grid-template-rows:auto}.brand-rail{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.rail-status,.ghost-button{display:none}}@media(max-width:780px){body{overflow-x:hidden}.screen-shell{padding:8px}.app-frame{border-radius:26px}.brand-rail,.command-center,.inspector{border-radius:22px}.brand-rail,.kpi-grid,.dashboard-grid,.risk-orbit,.rgpd-chips,.timeline-rail,.inspector-metrics{grid-template-columns:1fr}.dashboard-grid{grid-template-rows:none}.panel-backlog,.panel-risks{grid-column:auto;grid-row:auto}.topline{display:grid}.topline-meta{justify-content:flex-start}}
