@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("/static/ui/fonts/manrope-cyrillic-v20.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("/static/ui/fonts/manrope-latin-v20.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Sora";
  font-style: normal;
  font-weight: 600 800;
  font-display: swap;
  src: url("/static/ui/fonts/sora-latin-v17.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  color-scheme: light;
  --color-canvas: #f3f4f6;
  --color-canvas-subtle: #ebedf1;
  --color-surface: #ffffff;
  --color-control-surface: #fcfdff;
  --color-text: #2e3138;
  --color-text-muted: #5f6672;
  --color-action: #3f63cf;
  --color-action-hover: #3452b8;
  --color-action-active: #2f48a0;
  --color-control-border: #828b9d;
  --color-border-subtle: #d9dde6;
  --color-focus: #6f8df5;
  --color-overlay: #23283785;
  --color-success-surface: #ecfdf4;
  --color-success-text: #166534;
  --color-warning-surface: #fff7ed;
  --color-warning-text: #9a3412;
  --color-danger-surface: #fef2f2;
  --color-danger-text: #991b1b;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --motion-fast: 120ms;
  --motion-standard: 180ms;
  --motion-deliberate: 240ms;
  --shadow-elevated: 0 24px 70px rgb(46 49 56 / 0.14);
  --text-body-size: 14px;
  --text-body-line: 1.5;
  --text-label-size: 13px;
  --text-meta-size: 12px;
  --text-meta-line: 1.5;

  /* Compatibility aliases while product selectors migrate to semantic roles. */
  --bg-a: var(--color-canvas);
  --bg-b: var(--color-canvas-subtle);
  --panel: rgb(255 255 255 / 0.85);
  --panel-solid: var(--color-surface);
  --line: var(--color-control-border);
  --line-soft: var(--color-border-subtle);
  --text: var(--color-text);
  --muted: var(--color-text-muted);
  --primary: var(--color-action);
  --primary-ink: var(--color-action-hover);
  --accent: #e9efff;
  --good-bg: var(--color-success-surface);
  --good-tx: var(--color-success-text);
  --bad-bg: var(--color-danger-surface);
  --bad-tx: var(--color-danger-text);
  --warn-bg: var(--color-warning-surface);
  --warn-tx: var(--color-warning-text);

  --foundation-color-legacy-174e43: #174e43;
  --foundation-color-legacy-176657: #176657;
  --foundation-color-legacy-232837: #232837;
  --foundation-color-legacy-285c52: #285c52;
  --foundation-color-legacy-287566: #287566;
  --foundation-color-legacy-2d7bf0: #2d7bf0;
  --foundation-color-legacy-2f323a: #2f323a;
  --foundation-color-legacy-2f3441: #2f3441;
  --foundation-color-legacy-323847: #323847;
  --foundation-color-legacy-333844: #333844;
  --foundation-color-legacy-353b4a: #353b4a;
  --foundation-color-legacy-3a4252: #3a4252;
  --foundation-color-legacy-3e568f: #3e568f;
  --foundation-color-legacy-4669d9: #4669d9;
  --foundation-color-legacy-516078: #516078;
  --foundation-color-legacy-53a77a: #53a77a;
  --foundation-color-legacy-5b7bea: #5b7bea;
  --foundation-color-legacy-5f6672: #5f6672;
  --foundation-color-legacy-775c16: #775c16;
  --foundation-color-legacy-855b08: #855b08;
  --foundation-color-legacy-8a93a6: #8a93a6;
  --foundation-color-legacy-8fa6ef: #8fa6ef;
  --foundation-color-legacy-95a8d8: #95a8d8;
  --foundation-color-legacy-9a3412: #9a3412;
  --foundation-color-legacy-a6b4d8: #a6b4d8;
  --foundation-color-legacy-a7f3d0: #a7f3d0;
  --foundation-color-legacy-b8c2dd: #b8c2dd;
  --foundation-color-legacy-b8c5ee: #b8c5ee;
  --foundation-color-legacy-b8ddd4: #b8ddd4;
  --foundation-color-legacy-bfcdf7: #bfcdf7;
  --foundation-color-legacy-c68b2a: #c68b2a;
  --foundation-color-legacy-c8d2ec: #c8d2ec;
  --foundation-color-legacy-c9d3eb: #c9d3eb;
  --foundation-color-legacy-ccd8f6: #ccd8f6;
  --foundation-color-legacy-cdd7ef: #cdd7ef;
  --foundation-color-legacy-cfd6e4: #cfd6e4;
  --foundation-color-legacy-cfd9f7: #cfd9f7;
  --foundation-color-legacy-cfe2dc: #cfe2dc;
  --foundation-color-legacy-d5dbe8: #d5dbe8;
  --foundation-color-legacy-d5ddeb: #d5ddeb;
  --foundation-color-legacy-d7dce7: #d7dce7;
  --foundation-color-legacy-d8deeb: #d8deeb;
  --foundation-color-legacy-d8dfef: #d8dfef;
  --foundation-color-legacy-dbe2ef: #dbe2ef;
  --foundation-color-legacy-dfe7ff: #dfe7ff;
  --foundation-color-legacy-e0e4ee: #e0e4ee;
  --foundation-color-legacy-e3eaff: #e3eaff;
  --foundation-color-legacy-e4e9f3: #e4e9f3;
  --foundation-color-legacy-e5e9f6: #e5e9f6;
  --foundation-color-legacy-e6ebfb: #e6ebfb;
  --foundation-color-legacy-e7e9ed: #e7e9ed;
  --foundation-color-legacy-e8eefc: #e8eefc;
  --foundation-color-legacy-e9ecf1: #e9ecf1;
  --foundation-color-legacy-e9eefc: #e9eefc;
  --foundation-color-legacy-ead7a7: #ead7a7;
  --foundation-color-legacy-eaf8f4: #eaf8f4;
  --foundation-color-legacy-edf0f5: #edf0f5;
  --foundation-color-legacy-edf2ff: #edf2ff;
  --foundation-color-legacy-eef1f7: #eef1f7;
  --foundation-color-legacy-eef2f8: #eef2f8;
  --foundation-color-legacy-efd9a6: #efd9a6;
  --foundation-color-legacy-eff2f8: #eff2f8;
  --foundation-color-legacy-f0d79d: #f0d79d;
  --foundation-color-legacy-f0f3fa: #f0f3fa;
  --foundation-color-legacy-f1b970: #f1b970;
  --foundation-color-legacy-f1caca: #f1caca;
  --foundation-color-legacy-f1f3f7: #f1f3f7;
  --foundation-color-legacy-f2f5fb: #f2f5fb;
  --foundation-color-legacy-f2faf7: #f2faf7;
  --foundation-color-legacy-f4f6fb: #f4f6fb;
  --foundation-color-legacy-f4f7ff: #f4f7ff;
  --foundation-color-legacy-f5f6f9: #f5f6f9;
  --foundation-color-legacy-f5f7fb: #f5f7fb;
  --foundation-color-legacy-f5f7fc: #f5f7fc;
  --foundation-color-legacy-f7f9fc: #f7f9fc;
  --foundation-color-legacy-f7f9ff: #f7f9ff;
  --foundation-color-legacy-f8faff: #f8faff;
  --foundation-color-legacy-f8fffc: #f8fffc;
  --foundation-color-legacy-f9fbff: #f9fbff;
  --foundation-color-legacy-fafbfd: #fafbfd;
  --foundation-color-legacy-fafcfb: #fafcfb;
  --foundation-color-legacy-fbfcfe: #fbfcfe;
  --foundation-color-legacy-fbfcff: #fbfcff;
  --foundation-color-legacy-fbfdfc: #fbfdfc;
  --foundation-color-legacy-fecaca: #fecaca;
  --foundation-color-legacy-fed7aa: #fed7aa;
  --foundation-color-legacy-ffedd5: #ffedd5;
  --foundation-color-legacy-fff: #fff;
  --foundation-color-legacy-fff1d6: #fff1d6;
  --foundation-color-legacy-fff7ed: #fff7ed;
  --foundation-color-legacy-fff8e6: #fff8e6;
  --foundation-color-legacy-ffffff: #ffffff;
  --foundation-color-legacy-rgba-0-0-0-0-15: rgba(0, 0, 0, 0.15);
  --foundation-color-legacy-rgba-0-0-0-0-24: rgba(0, 0, 0, 0.24);
  --foundation-color-legacy-rgba-24-35-63-04: rgba(24, 35, 63, .04);
  --foundation-color-legacy-rgba-243-244-246-94: rgba(243, 244, 246, .94);
  --foundation-color-legacy-rgba-255-255-255-0-8: rgba(255, 255, 255, 0.8);
  --foundation-color-legacy-rgba-255-255-255-0-82: rgba(255, 255, 255, 0.82);
  --foundation-color-legacy-rgba-255-255-255-72: rgba(255, 255, 255, .72);
  --foundation-color-legacy-rgba-35-46-76-18: rgba(35, 46, 76, .18);
  --foundation-color-legacy-rgba-39-48-72-0-08: rgba(39, 48, 72, 0.08);
  --foundation-color-legacy-rgba-44-53-82-0-07: rgba(44, 53, 82, 0.07);
  --foundation-color-legacy-rgba-44-53-82-0-08: rgba(44, 53, 82, 0.08);
  --foundation-color-legacy-rgba-44-53-82-0-12: rgba(44, 53, 82, 0.12);
  --foundation-color-legacy-rgba-44-53-82-0-16: rgba(44, 53, 82, 0.16);
  --foundation-color-legacy-rgba-53-64-95-0-28: rgba(53, 64, 95, 0.28);
  --foundation-color-legacy-rgba-63-99-207-0-03: rgba(63, 99, 207, 0.03);
  --foundation-color-legacy-rgba-79-119-242-0-035: rgba(79, 119, 242, 0.035);
  --foundation-color-legacy-rgba-79-119-242-0-18: rgba(79, 119, 242, 0.18);
  --foundation-color-legacy-rgba-79-119-242-0-24: rgba(79, 119, 242, 0.24);
  --foundation-color-legacy-rgba-79-119-242-0-27: rgba(79, 119, 242, 0.27);
  --foundation-color-legacy-rgba-79-119-242-0-3: rgba(79, 119, 242, 0.3);
  --foundation-color-legacy-rgba-79-119-242-0-33: rgba(79, 119, 242, 0.33);
  --foundation-color-legacy-rgba-79-119-242-18: rgba(79, 119, 242, .18);
}

@media (forced-colors: active) {
  :root {
    --color-action: LinkText;
    --color-action-hover: LinkText;
    --color-action-active: LinkText;
    --color-control-border: CanvasText;
    --color-focus: Highlight;
  }
}

html {
  font-family: Manrope, "Segoe UI", sans-serif;
  color: var(--color-text);
  background: var(--color-canvas);
}

body {
  margin: 0;
}

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

:where(a, button, input, select, textarea, summary):focus-visible {
  outline: 3px solid var(--color-focus);
  outline-offset: 2px;
}

.skip-link {
  position: fixed;
  z-index: 10000;
  top: var(--space-3);
  left: var(--space-3);
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-sm);
  background: var(--color-text);
  color: var(--color-surface);
  font-weight: 700;
  transform: translateY(calc(-100% - var(--space-6)));
  transition: transform var(--motion-fast) ease;
}

.skip-link:focus {
  transform: translateY(0);
}

.empty-dashboard {
  min-height: 100vh;
  display: grid;
  place-items: center;
}

.empty-state {
  max-width: 680px;
  padding: clamp(24px, 5vw, 48px);
  border: 1px solid var(--color-control-border);
  border-radius: var(--radius-xl);
  background: var(--color-surface);
  box-shadow: var(--shadow-elevated);
}

.empty-state h1 {
  margin: 0 0 var(--space-3);
  font-size: clamp(24px, 4vw, 36px);
  line-height: 1.2;
}

.empty-state p {
  color: var(--color-text-muted);
  line-height: var(--text-body-line);
}

.empty-state__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin: var(--space-6) 0;
}

.status-message {
  margin-bottom: var(--space-4);
  padding: var(--space-3);
  border: 1px solid var(--color-control-border);
  border-radius: var(--radius-sm);
  font-size: var(--text-body-size);
  line-height: var(--text-body-line);
}

.status-message--success {
  border-color: var(--color-success-text);
  background: var(--color-success-surface);
  color: var(--color-success-text);
}

.status-message--warning {
  border-color: var(--color-warning-text);
  background: var(--color-warning-surface);
  color: var(--color-warning-text);
}

.status-message--error {
  border-color: var(--color-danger-text);
  background: var(--color-danger-surface);
  color: var(--color-danger-text);
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}