*,*:before,*:after{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body,h1,h2,h3,h4,p,ul,ol,button,input,table{margin:0}body{min-height:100vh}button,input{font:inherit}button{cursor:pointer}img,svg{display:block;max-width:100%}table{border-collapse:collapse;width:100%}:root{--font-display: "Space Grotesk", "Segoe UI", sans-serif;--font-body: "IBM Plex Sans", "Segoe UI", sans-serif;--bg: #f7f1e8;--bg-strong: #efe1cf;--surface: rgba(255, 252, 247, .9);--surface-strong: #fffdf8;--surface-ink: #132238;--text: #142033;--text-soft: #5d6777;--line: rgba(20, 32, 51, .12);--line-strong: rgba(20, 32, 51, .18);--accent: #e76f51;--accent-soft: rgba(231, 111, 81, .15);--teal: #2a9d8f;--teal-soft: rgba(42, 157, 143, .14);--ink: #111827;--ink-soft: rgba(17, 24, 39, .08);--gold: #d7a64b;--critical: #c2410c;--critical-soft: rgba(194, 65, 12, .12);--warning: #b45309;--warning-soft: rgba(180, 83, 9, .12);--positive: #166534;--positive-soft: rgba(22, 101, 52, .12);--neutral-soft: rgba(17, 24, 39, .08);--shadow: 0 24px 60px rgba(17, 24, 39, .08);--radius-xl: 30px;--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px;color:var(--text);font-family:var(--font-body);background:radial-gradient(circle at top left,rgba(231,111,81,.18),transparent 28%),radial-gradient(circle at 85% 20%,rgba(42,157,143,.18),transparent 24%),linear-gradient(180deg,#fcf6ee,#f6eee3 42%,#f1e5d6)}body{color:var(--text);font-family:var(--font-body);background:transparent}#root{min-height:100vh}body{line-height:1.5}a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-columns:292px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;gap:1.5rem;height:100vh;padding:1.75rem 1.2rem;background:#111827f0;color:#f8fafc;border-right:1px solid rgba(255,255,255,.08)}.brand-mark{display:flex;align-items:center;gap:1rem}.brand-mark__icon{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#e76f51,#f4a261);color:#111827;font-family:var(--font-display);font-size:1.3rem;font-weight:700}.brand-mark h1,.topbar h2,.page-header h2,.panel h3,.priority-list__item h4,.signal-card h4,.activity-feed__item h4,.feature-points h4,.empty-state h3{font-family:var(--font-display);letter-spacing:-.03em}.brand-mark h1{font-size:1.2rem}.eyebrow{color:inherit;opacity:.68;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700}.sidebar-nav{display:flex;flex-direction:column;gap:.45rem}.sidebar-link{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.82rem .95rem;border-radius:16px;color:#f8fafcd6;transition:background-color .14s ease,color .14s ease,transform .14s ease}.sidebar-link:hover,.sidebar-link.is-active{background:#ffffff1a;color:#fff;transform:translate(2px)}.sidebar-card{margin-top:auto;padding:1rem;border-radius:var(--radius-lg);background:linear-gradient(160deg,#2a9d8f29,#ffffff0f);color:#f8fafcd1}.main-shell{padding:1.4rem}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:1.2rem 1.4rem;border:1px solid var(--line);border-radius:var(--radius-xl);background:#fffdf8c7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.topbar__meta{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:.65rem}.inline-alert{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:.9rem 1rem;border-radius:16px;border:1px solid var(--line);background:var(--surface-strong)}.inline-alert--positive{border-color:#1665342e;background:#f0fdf4eb}.inline-alert--critical{border-color:#c2410c2e;background:#fff7edf5}.inline-alert__close{border:none;background:transparent;color:var(--text-soft)}.page-content,.page-stack{display:flex;flex-direction:column;gap:1rem}.page-header{display:grid;gap:1rem;padding:1.45rem 1.5rem;border-radius:var(--radius-xl);background:linear-gradient(120deg,#ffffffeb,#fff9f1c2),linear-gradient(180deg,rgba(231,111,81,.1),transparent);border:1px solid var(--line);box-shadow:var(--shadow)}.page-header h2{max-width:16ch;font-size:clamp(2rem,4vw,3.3rem);line-height:.96}.page-header__description{max-width:72ch;color:var(--text-soft)}.page-header__actions{display:flex;justify-content:flex-start}.metric-grid,.dashboard-grid,.card-grid,.feature-points,.button-row,.badge-row,.control-row,.stat-ribbon{display:grid;gap:1rem}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{padding:1.15rem;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.metric-card--positive{background:linear-gradient(180deg,#16653414,#ffffffeb)}.metric-card--warning{background:linear-gradient(180deg,#b4530914,#ffffffeb)}.metric-card--critical{background:linear-gradient(180deg,#c2410c14,#ffffffeb)}.metric-card__label,.table-muted,.panel__header p,.summary-list span,.timeline p,.priority-list__item p,.signal-card p,.empty-state p{color:var(--text-soft)}.metric-card__value,.spot-value{display:block;margin:.35rem 0;font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.35rem)}.metric-card__trend{display:inline-flex;padding:.28rem .55rem;border-radius:999px;background:#1118270f;font-size:.9rem}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid--hero{align-items:stretch}.dashboard-grid--split{grid-template-columns:minmax(0,1.3fr) minmax(320px,.9fr)}.dashboard-grid--summary{grid-template-columns:repeat(3,minmax(0,1fr))}.panel{padding:1.2rem;border-radius:var(--radius-xl);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.panel--sand{background:linear-gradient(180deg,#fffffff0,#fff8f0db),var(--surface)}.panel--teal{background:radial-gradient(circle at top right,rgba(42,157,143,.14),transparent 35%),linear-gradient(180deg,#fffffff0,#f1fdfadb)}.panel--ink{background:radial-gradient(circle at 90% 20%,rgba(244,162,97,.18),transparent 26%),linear-gradient(180deg,#fffffff5,#f4f6faeb)}.panel__header{margin-bottom:1rem}.panel__header h3{font-size:1.25rem}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;padding:.26rem .56rem;border-radius:999px;border:1px solid transparent;font-size:.78rem;font-weight:700}.badge--neutral{background:var(--neutral-soft);border-color:#1118270f}.badge--positive{background:var(--positive-soft);color:var(--positive)}.badge--warning{background:var(--warning-soft);color:var(--warning)}.badge--critical{background:var(--critical-soft);color:var(--critical)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:.75rem 1rem;border:1px solid transparent;border-radius:14px;transition:transform .14s ease,box-shadow .14s ease,background-color .14s ease}.button:hover{transform:translateY(-1px)}.button--primary{background:linear-gradient(135deg,#111827,#243041);color:#fff;box-shadow:0 16px 30px #1118272e}.button--secondary{background:#e76f511f;color:#8b3d26;border-color:#e76f512e}.button--ghost{background:#1118270a;color:var(--text);border-color:var(--line)}.trend-chart{display:grid;gap:.8rem}.trend-chart__labels{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:.6rem;text-align:center}.trend-chart__labels span{color:var(--text-soft);font-size:.84rem}.distribution-bars{display:grid;gap:.85rem}.distribution-bars__row{display:grid;gap:.45rem}.distribution-bars__meta{display:flex;justify-content:space-between;gap:1rem}.distribution-bars__track{overflow:hidden;height:12px;border-radius:999px;background:#11182714}.distribution-bars__fill{height:100%;border-radius:inherit}.distribution-bars__fill--critical{background:linear-gradient(90deg,#c2410c,#fb923c)}.distribution-bars__fill--warning{background:linear-gradient(90deg,#b45309,#f4a261)}.distribution-bars__fill--positive{background:linear-gradient(90deg,#166534,#2a9d8f)}.distribution-bars__fill--neutral{background:linear-gradient(90deg,#475569,#94a3b8)}.activity-feed,.summary-list,.detail-rail,.timeline,.priority-list{display:grid;gap:.9rem}.activity-feed__item,.summary-list__row,.timeline__item{display:flex;gap:.9rem}.summary-list__row{justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--line)}.summary-list__row:last-child{border-bottom:none}.summary-list__value{display:flex;flex-direction:column;align-items:flex-end;gap:.45rem}.feature-points{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.feature-points article{padding:.95rem;border-radius:var(--radius-md);background:#1118270a}.priority-list__item,.signal-card{padding:1rem;border-radius:var(--radius-lg);border:1px solid var(--line);background:#ffffffb8}.priority-list__item strong,.signal-card strong{font-family:var(--font-display)}.priority-list__item{display:grid;gap:.6rem}.detail-rail{gap:1rem}.detail-rail__hero,.badge-row,.button-row,.pill-group,.control-row{display:flex;flex-wrap:wrap;gap:.65rem}.field{display:grid;gap:.35rem;min-width:240px}.field input{min-height:44px;padding:.75rem .9rem;border:1px solid var(--line-strong);border-radius:14px;background:#ffffffe0}.pill{padding:.72rem .9rem;border:1px solid var(--line);border-radius:999px;background:#ffffffa8;color:var(--text-soft)}.pill--active{background:#111827;color:#fff}.table-shell{overflow:auto;border-radius:var(--radius-md);border:1px solid var(--line)}.data-table th,.data-table td{padding:.95rem;text-align:left;vertical-align:top}.data-table th{color:var(--text-soft);font-size:.84rem;background:#11182708}.data-table__row{border-top:1px solid var(--line)}.data-table__row--interactive{cursor:pointer}.data-table__row--interactive:hover,.data-table__row--selected{background:#2a9d8f14}.timeline__dot{width:12px;height:12px;margin-top:.4rem;border-radius:50%;background:linear-gradient(135deg,#111827,#e76f51);box-shadow:0 0 0 6px #e76f511f}.card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.signal-card{display:grid;gap:.7rem;text-align:left}.signal-card--active{border-color:#2a9d8f66;box-shadow:0 0 0 3px #2a9d8f1f}.signal-card__header{display:flex;justify-content:space-between;gap:.75rem;color:var(--text-soft);font-size:.84rem}.stat-ribbon{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1rem}.stat-ribbon article{padding:.95rem;border-radius:var(--radius-md);background:#1118270d}.stat-ribbon strong{display:block;margin-top:.2rem;font-family:var(--font-display);font-size:1.5rem}.empty-state,.screen-state{display:grid;place-items:center;min-height:180px;padding:2rem;text-align:center;border-radius:var(--radius-lg);border:1px dashed var(--line-strong);background:#ffffff8c}@media (max-width: 1120px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.metric-grid,.dashboard-grid,.dashboard-grid--summary,.dashboard-grid--split{grid-template-columns:1fr}}@media (max-width: 720px){.main-shell,.topbar,.page-header,.panel{padding:1rem}.topbar{flex-direction:column}.topbar__meta{justify-content:flex-start}.page-header h2{font-size:2.25rem}.field{min-width:100%}}