:root{--font-base: "Plus Jakarta Sans", "Segoe UI", Arial, system-ui, sans-serif;--blue: #1b3e79;--blue-light: #83b6e3;--grey: #f0edf0;--white: #ffffff;--ink: #1c2433;--ink-mid: #4a5468;--ink-soft: #7b8498;--bg: #f4f6fa;--surface: #ffffff;--surface-sunken: #f0edf0;--line: #dde3ec;--line-strong: #cbd4e1;--primary: #1b3e79;--primary-hover: #163057;--primary-active: #10254a;--selected-bg: #e7edf7;--hover-bg: #f0f4fb;--accent-tint: #cdddf0;--success-tint: #e6f3ec;--success-base: #77c2a1;--success-ink: #2f7d5b;--warning-tint: #fdeede;--warning-base: #f09c52;--warning-ink: #a85f2b;--error-tint: #fdeaea;--error-base: #fb9a90;--error-ink: #bd4a3f;--info-tint: #e7edf7;--info-base: #83b6e3;--info-ink: #1b3e79;--neutral-tint: #f0edf0;--neutral-base: #b3a097;--neutral-ink: #4a5468;--secondary-orange: #f09c52;--secondary-brown: #b3a097;--secondary-yellow: #f0d267;--secondary-coral: #fb9a90;--secondary-green: #77c2a1;--secondary-lilac: #bfa5c2;--secondary-aqua: #86becb;--secondary-ice: #b0e4f1;--text-display: 38px;--text-h2: 28px;--text-h3: 19px;--text-body: 15px;--text-small: 13px;--text-overline: 11px;--radius-sm: 8px;--radius: 12px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(20, 30, 50, .06);--shadow-md: 0 4px 12px rgba(20, 30, 50, .1);--shadow-lg: 0 12px 32px rgba(20, 30, 50, .14)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:var(--font-base);font-weight:500;background:var(--bg);color:var(--ink-mid);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:999px;border:2px solid var(--bg)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.page-header{position:relative;overflow:hidden;background:var(--surface);border-bottom:1px solid var(--line);padding:32px 40px 28px}.page-header--flex{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.overline{font-size:var(--text-overline);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:8px}.page-display{margin:0;font-size:var(--text-display);font-weight:600;letter-spacing:-.015em;line-height:1.1;color:var(--blue)}.page-sub{margin:12px 0 0;max-width:560px;font-size:var(--text-body);line-height:1.6;color:var(--ink-mid)}.content-pad{padding:24px 40px}.back-pad{padding:20px 40px 0}@media(max-width:899px){.page-header{padding:20px 16px}.content-pad{padding:16px}.back-pad{padding:14px 16px 0}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 14px;border-bottom:1px solid var(--line)}.card-title{margin:0;font-size:var(--text-h3);font-weight:600;color:var(--ink)}.tbl-head{display:grid;gap:14px;padding:12px 22px;background:var(--surface-sunken);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);align-items:end}.tbl-row{display:grid;gap:14px;padding:15px 22px;border-top:1px solid var(--line);align-items:center}.tbl-row--click{cursor:pointer}.tbl-row--click:hover{background:var(--hover-bg)}.meta-chip{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--ink-mid);background:var(--surface-sunken);padding:4px 11px;border-radius:999px}.meta-chip--warning{color:var(--warning-ink);background:var(--warning-tint)}.mandatory-pill{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--warning-ink);background:var(--warning-tint);padding:3px 9px;border-radius:999px}.note-block{margin-top:13px;padding:11px 14px;border-left:3px solid var(--line-strong);background:var(--surface-sunken);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:13.5px;line-height:1.55;color:var(--ink-mid)}.meter{height:8px;border-radius:999px;background:var(--surface-sunken);overflow:hidden}.meter>div{height:100%;border-radius:999px}
