:root {
  --md-primary: #0a3256;
  --md-primary-hover: #082844;
  --md-on-primary: #ffffff;
  --md-primary-container: #e8eef4;
  --md-on-primary-container: #041422;
  --md-secondary: #1a80b6;
  --md-on-secondary: #ffffff;
  --md-secondary-container: #e7f4fb;
  --md-surface: #f9fafb;
  --md-surface-lowest: #ffffff;
  --md-surface-container: #f2f4f7;
  --md-surface-high: #f2f4f7;
  --md-on-surface: #101828;
  --md-on-surface-variant: #475467;
  --md-outline: #d0d5dd;
  --md-outline-variant: #eaecf0;
  --md-error: #d92d20;
  --md-error-hover: #b42318;
  --md-on-error: #ffffff;
  --md-error-container: #fee4e2;
  --md-on-error-container: #7a271a;
  --md-success: #079455;
  --md-success-hover: #067647;
  --md-on-success: #ffffff;
  --md-success-container: #dcfae6;
  --md-on-success-container: #054f31;
  --md-warning: #dc6803;
  --md-warning-hover: #b54708;
  --md-on-warning: #ffffff;
  --md-warning-container: #fef0c7;
  --md-on-warning-container: #7a2e0e;
  --md-info: #1a80b6;
  --md-info-container: #e7f4fb;
  --md-inverse: #1d2939;
  --md-on-inverse: #f9fafb;
  --md-scrim: rgba(16, 24, 40, 0.48);
  --md-state-on-dark: rgba(255, 255, 255, 0.08);
  --md-state-on-dark-strong: rgba(255, 255, 255, 0.12);
  --md-state-on-light: rgba(16, 24, 40, 0.05);
  --md-on-dark-muted: rgba(255, 255, 255, 0.72);
  --md-font: "Inter", "Segoe UI", system-ui, sans-serif;
  --md-headline: 600 24px/32px var(--md-font);
  --md-title-lg: 600 18px/28px var(--md-font);
  --md-title-md: 600 16px/24px var(--md-font);
  --md-title-sm: 600 14px/20px var(--md-font);
  --md-body-lg: 400 16px/24px var(--md-font);
  --md-body: 400 14px/20px var(--md-font);
  --md-body-sm: 400 12px/18px var(--md-font);
  --md-label: 600 16px/24px var(--md-font);
  --md-label-sm: 600 12px/18px var(--md-font);
  --md-space-1: 4px;
  --md-space-2: 8px;
  --md-space-3: 12px;
  --md-space-4: 16px;
  --md-space-5: 24px;
  --md-space-6: 32px;
  --md-label-offset: 26px;
  --md-radius-xs: 4px;
  --md-radius-sm: 8px;
  --md-radius-md: 12px;
  --md-radius-lg: 16px;
  --md-radius-full: 9999px;
  --md-elev-0: none;
  --md-elev-1: 0 1px 2px rgba(16, 24, 40, 0.05);
  --md-elev-2: 0 1px 3px rgba(16, 24, 40, 0.1), 0 1px 2px rgba(16, 24, 40, 0.06);
  --md-elev-3: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.03);
  --md-ease: cubic-bezier(0.2, 0, 0, 1);
  --md-duration: 200ms;
  --md-sidebar: 280px;
  --md-sidebar-collapsed: 80px;
  --md-topbar: 72px;
  --md-content-max: 1200px;
  --md-control-h: 48px;
  --md-z-sticky: 20;
  --md-z-nav: 300;
  --md-z-dropdown: 400;
  --md-z-modal: 500;
  --md-z-toast: 600;
}

.md-icon-sprite {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

.md-icon {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  display: block;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.md-icon--md {
  width: 24px;
  height: 24px;
}