:root {
  --li3-brand-navy: #0B2545;
  --li3-brand-blue: #2E74B5;
  --li3-brand-cyan: #6DCBF4;
  --li3-brand-slate: #5B6573;
  --li3-blue-50: #EFF6FC;
  --li3-blue-100: #DCECF8;
  --li3-blue-200: #B6D7F0;
  --li3-blue-300: #8AC1E8;
  --li3-blue-400: #559BD2;
  --li3-blue-500: #2E74B5;
  --li3-blue-600: #245E94;
  --li3-blue-700: #1D4C78;
  --li3-blue-800: #153A60;
  --li3-blue-900: #0B2545;
  --li3-neutral-0: #FFFFFF;
  --li3-neutral-50: #F4F6F9;
  --li3-neutral-100: #E8EDF3;
  --li3-neutral-200: #CFD8E3;
  --li3-neutral-400: #7A8797;
  --li3-neutral-600: #5B6573;
  --li3-neutral-800: #263B52;
  --li3-neutral-950: #081A30;
  --li3-success: #16734A;
  --li3-success-bg: #EAF5EF;
  --li3-warning: #8A5700;
  --li3-warning-bg: #FFF4D6;
  --li3-danger: #B42336;
  --li3-danger-bg: #FDEDF0;
  --li3-info: #245E94;
  --li3-info-bg: #EFF6FC;
  --li3-chart-purple: #7956A3;
  --li3-chart-teal: #167F88;
  --li3-text-primary: #0B2545;
  --li3-text-secondary: #5B6573;
  --li3-surface: #FFFFFF;
  --li3-canvas: #F4F6F9;
  --li3-action: #2E74B5;
  --li3-action-hover: #245E94;
  --li3-action-pressed: #1D4C78;
  --li3-focus: #2E74B5;
  --li3-border-strong: #7A8797;
  --li3-border-subtle: #CFD8E3;
  --li3-space-0: 0px;
  --li3-space-4: 4px;
  --li3-space-8: 8px;
  --li3-space-12: 12px;
  --li3-space-16: 16px;
  --li3-space-24: 24px;
  --li3-space-32: 32px;
  --li3-space-48: 48px;
  --li3-space-64: 64px;
  --li3-space-96: 96px;
  --li3-font: "Manrope", Arial, sans-serif;
  --li3-radius-control: 8px;
  --li3-radius-card: 16px;
}

.li3-button {font:600 14px/20px var(--li3-font);min-height:44px;border:1px solid transparent;border-radius:8px;padding:11px 20px;background:var(--li3-action);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-decoration:none;transition:background 180ms}
.li3-button:hover{background:var(--li3-action-hover)}.li3-button:active{background:var(--li3-action-pressed)}
.li3-button.secondary{background:white;color:var(--li3-action-hover);border-color:var(--li3-action)}.li3-button.secondary:hover{background:var(--li3-blue-50)}
.li3-button.ghost{background:transparent;color:var(--li3-action-hover)}.li3-button.danger{background:var(--li3-danger)}
.li3-button:disabled{background:var(--li3-neutral-100);color:var(--li3-text-secondary);border-color:var(--li3-neutral-200);cursor:not-allowed}
.li3-button svg{width:18px;height:18px;flex:none}
:focus-visible{outline:3px solid var(--li3-focus);outline-offset:3px}
.li3-label{display:block;font:600 14px/20px var(--li3-font);color:var(--li3-text-primary);margin-bottom:8px}
.li3-input{box-sizing:border-box;width:100%;min-height:48px;border:1px solid var(--li3-border-strong);border-radius:8px;padding:11px 12px;background:#fff;color:var(--li3-text-primary);font:400 16px/24px var(--li3-font)}
.li3-input::placeholder{color:var(--li3-text-secondary)}.li3-input[aria-invalid=true]{border:2px solid var(--li3-danger)}
.li3-helper{font:400 12px/18px var(--li3-font);color:var(--li3-text-secondary);margin-top:6px}.li3-error{color:var(--li3-danger)}
.li3-card{background:#fff;border:1px solid var(--li3-border-subtle);border-radius:16px;padding:24px}
.li3-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 10px;font:600 12px/18px var(--li3-font);background:var(--li3-info-bg);color:var(--li3-info)}
.li3-badge.success{background:var(--li3-success-bg);color:var(--li3-success)}.li3-badge.warning{background:var(--li3-warning-bg);color:var(--li3-warning)}.li3-badge.danger{background:var(--li3-danger-bg);color:var(--li3-danger)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}