/* node_modules/primeicons/primeicons.css */
@font-face {
  font-family: "primeicons";
  font-display: block;
  src: url("./media/primeicons.eot");
  src:
    url("./media/primeicons.eot?#iefix") format("embedded-opentype"),
    url("./media/primeicons.woff2") format("woff2"),
    url("./media/primeicons.woff") format("woff"),
    url("./media/primeicons.ttf") format("truetype"),
    url("./media/primeicons.svg?#primeicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
.pi {
  font-family: "primeicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pi:before {
  --webkit-backface-visibility:hidden;
  backface-visibility: hidden;
}
.pi-fw {
  width: 1.28571429em;
  text-align: center;
}
.pi-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
@media (prefers-reduced-motion: reduce) {
  .pi-spin {
    -webkit-animation-delay: -1ms;
    animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
  }
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.pi-folder-plus:before {
  content: "\ea05";
}
.pi-receipt:before {
  content: "\ea06";
}
.pi-asterisk:before {
  content: "\ea07";
}
.pi-face-smile:before {
  content: "\ea08";
}
.pi-pinterest:before {
  content: "\ea09";
}
.pi-expand:before {
  content: "\ea0a";
}
.pi-pen-to-square:before {
  content: "\ea0b";
}
.pi-wave-pulse:before {
  content: "\ea0c";
}
.pi-turkish-lira:before {
  content: "\ea0d";
}
.pi-spinner-dotted:before {
  content: "\ea0e";
}
.pi-crown:before {
  content: "\ea0f";
}
.pi-pause-circle:before {
  content: "\ea10";
}
.pi-warehouse:before {
  content: "\ea11";
}
.pi-objects-column:before {
  content: "\ea12";
}
.pi-clipboard:before {
  content: "\ea13";
}
.pi-play-circle:before {
  content: "\ea14";
}
.pi-venus:before {
  content: "\ea15";
}
.pi-cart-minus:before {
  content: "\ea16";
}
.pi-file-plus:before {
  content: "\ea17";
}
.pi-microchip:before {
  content: "\ea18";
}
.pi-twitch:before {
  content: "\ea19";
}
.pi-building-columns:before {
  content: "\ea1a";
}
.pi-file-check:before {
  content: "\ea1b";
}
.pi-microchip-ai:before {
  content: "\ea1c";
}
.pi-trophy:before {
  content: "\ea1d";
}
.pi-barcode:before {
  content: "\ea1e";
}
.pi-file-arrow-up:before {
  content: "\ea1f";
}
.pi-mars:before {
  content: "\ea20";
}
.pi-tiktok:before {
  content: "\ea21";
}
.pi-arrow-up-right-and-arrow-down-left-from-center:before {
  content: "\ea22";
}
.pi-ethereum:before {
  content: "\ea23";
}
.pi-list-check:before {
  content: "\ea24";
}
.pi-thumbtack:before {
  content: "\ea25";
}
.pi-arrow-down-left-and-arrow-up-right-to-center:before {
  content: "\ea26";
}
.pi-equals:before {
  content: "\ea27";
}
.pi-lightbulb:before {
  content: "\ea28";
}
.pi-star-half:before {
  content: "\ea29";
}
.pi-address-book:before {
  content: "\ea2a";
}
.pi-chart-scatter:before {
  content: "\ea2b";
}
.pi-indian-rupee:before {
  content: "\ea2c";
}
.pi-star-half-fill:before {
  content: "\ea2d";
}
.pi-cart-arrow-down:before {
  content: "\ea2e";
}
.pi-calendar-clock:before {
  content: "\ea2f";
}
.pi-sort-up-fill:before {
  content: "\ea30";
}
.pi-sparkles:before {
  content: "\ea31";
}
.pi-bullseye:before {
  content: "\ea32";
}
.pi-sort-down-fill:before {
  content: "\ea33";
}
.pi-graduation-cap:before {
  content: "\ea34";
}
.pi-hammer:before {
  content: "\ea35";
}
.pi-bell-slash:before {
  content: "\ea36";
}
.pi-gauge:before {
  content: "\ea37";
}
.pi-shop:before {
  content: "\ea38";
}
.pi-headphones:before {
  content: "\ea39";
}
.pi-eraser:before {
  content: "\ea04";
}
.pi-stopwatch:before {
  content: "\ea01";
}
.pi-verified:before {
  content: "\ea02";
}
.pi-delete-left:before {
  content: "\ea03";
}
.pi-hourglass:before {
  content: "\e9fe";
}
.pi-truck:before {
  content: "\ea00";
}
.pi-wrench:before {
  content: "\e9ff";
}
.pi-microphone:before {
  content: "\e9fa";
}
.pi-megaphone:before {
  content: "\e9fb";
}
.pi-arrow-right-arrow-left:before {
  content: "\e9fc";
}
.pi-bitcoin:before {
  content: "\e9fd";
}
.pi-file-edit:before {
  content: "\e9f6";
}
.pi-language:before {
  content: "\e9f7";
}
.pi-file-export:before {
  content: "\e9f8";
}
.pi-file-import:before {
  content: "\e9f9";
}
.pi-file-word:before {
  content: "\e9f1";
}
.pi-gift:before {
  content: "\e9f2";
}
.pi-cart-plus:before {
  content: "\e9f3";
}
.pi-thumbs-down-fill:before {
  content: "\e9f4";
}
.pi-thumbs-up-fill:before {
  content: "\e9f5";
}
.pi-arrows-alt:before {
  content: "\e9f0";
}
.pi-calculator:before {
  content: "\e9ef";
}
.pi-sort-alt-slash:before {
  content: "\e9ee";
}
.pi-arrows-h:before {
  content: "\e9ec";
}
.pi-arrows-v:before {
  content: "\e9ed";
}
.pi-pound:before {
  content: "\e9eb";
}
.pi-prime:before {
  content: "\e9ea";
}
.pi-chart-pie:before {
  content: "\e9e9";
}
.pi-reddit:before {
  content: "\e9e8";
}
.pi-code:before {
  content: "\e9e7";
}
.pi-sync:before {
  content: "\e9e6";
}
.pi-shopping-bag:before {
  content: "\e9e5";
}
.pi-server:before {
  content: "\e9e4";
}
.pi-database:before {
  content: "\e9e3";
}
.pi-hashtag:before {
  content: "\e9e2";
}
.pi-bookmark-fill:before {
  content: "\e9df";
}
.pi-filter-fill:before {
  content: "\e9e0";
}
.pi-heart-fill:before {
  content: "\e9e1";
}
.pi-flag-fill:before {
  content: "\e9de";
}
.pi-circle:before {
  content: "\e9dc";
}
.pi-circle-fill:before {
  content: "\e9dd";
}
.pi-bolt:before {
  content: "\e9db";
}
.pi-history:before {
  content: "\e9da";
}
.pi-box:before {
  content: "\e9d9";
}
.pi-at:before {
  content: "\e9d8";
}
.pi-arrow-up-right:before {
  content: "\e9d4";
}
.pi-arrow-up-left:before {
  content: "\e9d5";
}
.pi-arrow-down-left:before {
  content: "\e9d6";
}
.pi-arrow-down-right:before {
  content: "\e9d7";
}
.pi-telegram:before {
  content: "\e9d3";
}
.pi-stop-circle:before {
  content: "\e9d2";
}
.pi-stop:before {
  content: "\e9d1";
}
.pi-whatsapp:before {
  content: "\e9d0";
}
.pi-building:before {
  content: "\e9cf";
}
.pi-qrcode:before {
  content: "\e9ce";
}
.pi-car:before {
  content: "\e9cd";
}
.pi-instagram:before {
  content: "\e9cc";
}
.pi-linkedin:before {
  content: "\e9cb";
}
.pi-send:before {
  content: "\e9ca";
}
.pi-slack:before {
  content: "\e9c9";
}
.pi-sun:before {
  content: "\e9c8";
}
.pi-moon:before {
  content: "\e9c7";
}
.pi-vimeo:before {
  content: "\e9c6";
}
.pi-youtube:before {
  content: "\e9c5";
}
.pi-flag:before {
  content: "\e9c4";
}
.pi-wallet:before {
  content: "\e9c3";
}
.pi-map:before {
  content: "\e9c2";
}
.pi-link:before {
  content: "\e9c1";
}
.pi-credit-card:before {
  content: "\e9bf";
}
.pi-discord:before {
  content: "\e9c0";
}
.pi-percentage:before {
  content: "\e9be";
}
.pi-euro:before {
  content: "\e9bd";
}
.pi-book:before {
  content: "\e9ba";
}
.pi-shield:before {
  content: "\e9b9";
}
.pi-paypal:before {
  content: "\e9bb";
}
.pi-amazon:before {
  content: "\e9bc";
}
.pi-phone:before {
  content: "\e9b8";
}
.pi-filter-slash:before {
  content: "\e9b7";
}
.pi-facebook:before {
  content: "\e9b4";
}
.pi-github:before {
  content: "\e9b5";
}
.pi-twitter:before {
  content: "\e9b6";
}
.pi-step-backward-alt:before {
  content: "\e9ac";
}
.pi-step-forward-alt:before {
  content: "\e9ad";
}
.pi-forward:before {
  content: "\e9ae";
}
.pi-backward:before {
  content: "\e9af";
}
.pi-fast-backward:before {
  content: "\e9b0";
}
.pi-fast-forward:before {
  content: "\e9b1";
}
.pi-pause:before {
  content: "\e9b2";
}
.pi-play:before {
  content: "\e9b3";
}
.pi-compass:before {
  content: "\e9ab";
}
.pi-id-card:before {
  content: "\e9aa";
}
.pi-ticket:before {
  content: "\e9a9";
}
.pi-file-o:before {
  content: "\e9a8";
}
.pi-reply:before {
  content: "\e9a7";
}
.pi-directions-alt:before {
  content: "\e9a5";
}
.pi-directions:before {
  content: "\e9a6";
}
.pi-thumbs-up:before {
  content: "\e9a3";
}
.pi-thumbs-down:before {
  content: "\e9a4";
}
.pi-sort-numeric-down-alt:before {
  content: "\e996";
}
.pi-sort-numeric-up-alt:before {
  content: "\e997";
}
.pi-sort-alpha-down-alt:before {
  content: "\e998";
}
.pi-sort-alpha-up-alt:before {
  content: "\e999";
}
.pi-sort-numeric-down:before {
  content: "\e99a";
}
.pi-sort-numeric-up:before {
  content: "\e99b";
}
.pi-sort-alpha-down:before {
  content: "\e99c";
}
.pi-sort-alpha-up:before {
  content: "\e99d";
}
.pi-sort-alt:before {
  content: "\e99e";
}
.pi-sort-amount-up:before {
  content: "\e99f";
}
.pi-sort-amount-down:before {
  content: "\e9a0";
}
.pi-sort-amount-down-alt:before {
  content: "\e9a1";
}
.pi-sort-amount-up-alt:before {
  content: "\e9a2";
}
.pi-palette:before {
  content: "\e995";
}
.pi-undo:before {
  content: "\e994";
}
.pi-desktop:before {
  content: "\e993";
}
.pi-sliders-v:before {
  content: "\e991";
}
.pi-sliders-h:before {
  content: "\e992";
}
.pi-search-plus:before {
  content: "\e98f";
}
.pi-search-minus:before {
  content: "\e990";
}
.pi-file-excel:before {
  content: "\e98e";
}
.pi-file-pdf:before {
  content: "\e98d";
}
.pi-check-square:before {
  content: "\e98c";
}
.pi-chart-line:before {
  content: "\e98b";
}
.pi-user-edit:before {
  content: "\e98a";
}
.pi-exclamation-circle:before {
  content: "\e989";
}
.pi-android:before {
  content: "\e985";
}
.pi-google:before {
  content: "\e986";
}
.pi-apple:before {
  content: "\e987";
}
.pi-microsoft:before {
  content: "\e988";
}
.pi-heart:before {
  content: "\e984";
}
.pi-mobile:before {
  content: "\e982";
}
.pi-tablet:before {
  content: "\e983";
}
.pi-key:before {
  content: "\e981";
}
.pi-shopping-cart:before {
  content: "\e980";
}
.pi-comments:before {
  content: "\e97e";
}
.pi-comment:before {
  content: "\e97f";
}
.pi-briefcase:before {
  content: "\e97d";
}
.pi-bell:before {
  content: "\e97c";
}
.pi-paperclip:before {
  content: "\e97b";
}
.pi-share-alt:before {
  content: "\e97a";
}
.pi-envelope:before {
  content: "\e979";
}
.pi-volume-down:before {
  content: "\e976";
}
.pi-volume-up:before {
  content: "\e977";
}
.pi-volume-off:before {
  content: "\e978";
}
.pi-eject:before {
  content: "\e975";
}
.pi-money-bill:before {
  content: "\e974";
}
.pi-images:before {
  content: "\e973";
}
.pi-image:before {
  content: "\e972";
}
.pi-sign-in:before {
  content: "\e970";
}
.pi-sign-out:before {
  content: "\e971";
}
.pi-wifi:before {
  content: "\e96f";
}
.pi-sitemap:before {
  content: "\e96e";
}
.pi-chart-bar:before {
  content: "\e96d";
}
.pi-camera:before {
  content: "\e96c";
}
.pi-dollar:before {
  content: "\e96b";
}
.pi-lock-open:before {
  content: "\e96a";
}
.pi-table:before {
  content: "\e969";
}
.pi-map-marker:before {
  content: "\e968";
}
.pi-list:before {
  content: "\e967";
}
.pi-eye-slash:before {
  content: "\e965";
}
.pi-eye:before {
  content: "\e966";
}
.pi-folder-open:before {
  content: "\e964";
}
.pi-folder:before {
  content: "\e963";
}
.pi-video:before {
  content: "\e962";
}
.pi-inbox:before {
  content: "\e961";
}
.pi-lock:before {
  content: "\e95f";
}
.pi-unlock:before {
  content: "\e960";
}
.pi-tags:before {
  content: "\e95d";
}
.pi-tag:before {
  content: "\e95e";
}
.pi-power-off:before {
  content: "\e95c";
}
.pi-save:before {
  content: "\e95b";
}
.pi-question-circle:before {
  content: "\e959";
}
.pi-question:before {
  content: "\e95a";
}
.pi-copy:before {
  content: "\e957";
}
.pi-file:before {
  content: "\e958";
}
.pi-clone:before {
  content: "\e955";
}
.pi-calendar-times:before {
  content: "\e952";
}
.pi-calendar-minus:before {
  content: "\e953";
}
.pi-calendar-plus:before {
  content: "\e954";
}
.pi-ellipsis-v:before {
  content: "\e950";
}
.pi-ellipsis-h:before {
  content: "\e951";
}
.pi-bookmark:before {
  content: "\e94e";
}
.pi-globe:before {
  content: "\e94f";
}
.pi-replay:before {
  content: "\e94d";
}
.pi-filter:before {
  content: "\e94c";
}
.pi-print:before {
  content: "\e94b";
}
.pi-align-right:before {
  content: "\e946";
}
.pi-align-left:before {
  content: "\e947";
}
.pi-align-center:before {
  content: "\e948";
}
.pi-align-justify:before {
  content: "\e949";
}
.pi-cog:before {
  content: "\e94a";
}
.pi-cloud-download:before {
  content: "\e943";
}
.pi-cloud-upload:before {
  content: "\e944";
}
.pi-cloud:before {
  content: "\e945";
}
.pi-pencil:before {
  content: "\e942";
}
.pi-users:before {
  content: "\e941";
}
.pi-clock:before {
  content: "\e940";
}
.pi-user-minus:before {
  content: "\e93e";
}
.pi-user-plus:before {
  content: "\e93f";
}
.pi-trash:before {
  content: "\e93d";
}
.pi-external-link:before {
  content: "\e93c";
}
.pi-window-maximize:before {
  content: "\e93b";
}
.pi-window-minimize:before {
  content: "\e93a";
}
.pi-refresh:before {
  content: "\e938";
}
.pi-user:before {
  content: "\e939";
}
.pi-exclamation-triangle:before {
  content: "\e922";
}
.pi-calendar:before {
  content: "\e927";
}
.pi-chevron-circle-left:before {
  content: "\e928";
}
.pi-chevron-circle-down:before {
  content: "\e929";
}
.pi-chevron-circle-right:before {
  content: "\e92a";
}
.pi-chevron-circle-up:before {
  content: "\e92b";
}
.pi-angle-double-down:before {
  content: "\e92c";
}
.pi-angle-double-left:before {
  content: "\e92d";
}
.pi-angle-double-right:before {
  content: "\e92e";
}
.pi-angle-double-up:before {
  content: "\e92f";
}
.pi-angle-down:before {
  content: "\e930";
}
.pi-angle-left:before {
  content: "\e931";
}
.pi-angle-right:before {
  content: "\e932";
}
.pi-angle-up:before {
  content: "\e933";
}
.pi-upload:before {
  content: "\e934";
}
.pi-download:before {
  content: "\e956";
}
.pi-ban:before {
  content: "\e935";
}
.pi-star-fill:before {
  content: "\e936";
}
.pi-star:before {
  content: "\e937";
}
.pi-chevron-left:before {
  content: "\e900";
}
.pi-chevron-right:before {
  content: "\e901";
}
.pi-chevron-down:before {
  content: "\e902";
}
.pi-chevron-up:before {
  content: "\e903";
}
.pi-caret-left:before {
  content: "\e904";
}
.pi-caret-right:before {
  content: "\e905";
}
.pi-caret-down:before {
  content: "\e906";
}
.pi-caret-up:before {
  content: "\e907";
}
.pi-search:before {
  content: "\e908";
}
.pi-check:before {
  content: "\e909";
}
.pi-check-circle:before {
  content: "\e90a";
}
.pi-times:before {
  content: "\e90b";
}
.pi-times-circle:before {
  content: "\e90c";
}
.pi-plus:before {
  content: "\e90d";
}
.pi-plus-circle:before {
  content: "\e90e";
}
.pi-minus:before {
  content: "\e90f";
}
.pi-minus-circle:before {
  content: "\e910";
}
.pi-circle-on:before {
  content: "\e911";
}
.pi-circle-off:before {
  content: "\e912";
}
.pi-sort-down:before {
  content: "\e913";
}
.pi-sort-up:before {
  content: "\e914";
}
.pi-sort:before {
  content: "\e915";
}
.pi-step-backward:before {
  content: "\e916";
}
.pi-step-forward:before {
  content: "\e917";
}
.pi-th-large:before {
  content: "\e918";
}
.pi-arrow-down:before {
  content: "\e919";
}
.pi-arrow-left:before {
  content: "\e91a";
}
.pi-arrow-right:before {
  content: "\e91b";
}
.pi-arrow-up:before {
  content: "\e91c";
}
.pi-bars:before {
  content: "\e91d";
}
.pi-arrow-circle-down:before {
  content: "\e91e";
}
.pi-arrow-circle-left:before {
  content: "\e91f";
}
.pi-arrow-circle-right:before {
  content: "\e920";
}
.pi-arrow-circle-up:before {
  content: "\e921";
}
.pi-info:before {
  content: "\e923";
}
.pi-info-circle:before {
  content: "\e924";
}
.pi-home:before {
  content: "\e925";
}
.pi-spinner:before {
  content: "\e926";
}

/* src/styles/variables.css */
:root {
  --color-main-background: #f9fafc;
  --color-white: #ffffff;
  --color-stroke: #e8e9ec;
  --color-primary: #560591;
  --color-primary-light: #8a2be2;
  --color-primary-lighter: #eeebff;
  --color-graph: #7f90ff;
  --color-graph2: #fab4ff;
  --color-graph4: #7fd7ff;
  --color-gray-100: #1c1d22;
  --color-gray-90: #50525b;
  --color-gray-80: #646670;
  --color-gray-70: #868996;
  --color-gray-60: #989db6;
  --color-gray-50: #c1c5dc;
  --color-gray-40: #d0d4e8;
  --color-gray-30: #dcdfed;
  --color-gray-20: #f1f2f8;
  --color-gray-10: #f8f9ff;
  --color-action-green: #2cac50;
  --color-action-red: #ed1f1f;
  --color-gradient-primary:
    linear-gradient(
      135deg,
      #7fd7ff 0%,
      #b96eff 100%);
  --color-text-primary: var(--color-gray-100);
  --color-text-secondary: var(--color-gray-80);
  --color-text-tertiary: var(--color-gray-70);
  --color-text-muted: var(--color-gray-60);
  --color-text-inverse: var(--color-white);
  --color-text-link-default: var(--color-primary);
  --color-background-primary: var(--color-main-background);
  --color-background-secondary: var(--color-white);
  --color-background-secondary-hover: var(--color-gray-20);
  --color-background-tertiary: var(--color-gray-10);
  --color-background-inverse: var(--color-gray-100);
  --color-background-overlay: rgba(255, 255, 255, 0.85);
  --color-error-background: rgba(254, 215, 215, 0.95);
  --color-border-primary: var(--color-stroke);
  --color-border-secondary: var(--color-gray-30);
  --color-border-focus: var(--color-primary);
  --font-family-body: "Plus Jakarta Sans", sans-serif;
  --font-family-heading: "Plus Jakarta Sans", sans-serif;
  --font-family-secondary: "Inter", sans-serif;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-2-5xl: 1.75rem;
  --font-size-3xl: 1.875rem;
  --font-size-32: 2rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-size-6xl: 3.75rem;
  --font-size-7xl: 4.5rem;
  --font-size-8xl: 6rem;
  --font-size-9xl: 8rem;
  --font-size-h1: 4rem;
  --font-size-paragraph1: 1rem;
  --font-size-label1: 0.75rem;
  --font-weight-thin: 100;
  --font-weight-extralight: 200;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-black: 900;
  --line-height-none: 1;
  --line-height-tight: 1.25;
  --line-height-snug: 1.375;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.625;
  --line-height-loose: 2;
  --line-height-super-loose: 3;
  --letter-spacing-tighter: -0.05em;
  --letter-spacing-tight: -0.025em;
  --letter-spacing-normal: 0em;
  --letter-spacing-wide: 0.025em;
  --letter-spacing-wider: 0.05em;
  --letter-spacing-widest: 0.1em;
  --spacing-0: 0;
  --spacing-1: 1px;
  --spacing-2: 0.125rem;
  --spacing-4: 0.25rem;
  --spacing-6: 0.375rem;
  --spacing-8: 0.5rem;
  --spacing-10: 0.625rem;
  --spacing-12: 0.75rem;
  --spacing-14: 0.875rem;
  --spacing-16: 1rem;
  --spacing-20: 1.25rem;
  --spacing-24: 1.5rem;
  --spacing-28: 1.75rem;
  --spacing-32: 2rem;
  --spacing-36: 2.25rem;
  --spacing-40: 2.5rem;
  --spacing-44: 2.75rem;
  --spacing-48: 3rem;
  --spacing-56: 3.5rem;
  --spacing-64: 4rem;
  --spacing-80: 5rem;
  --spacing-96: 6rem;
  --spacing-112: 7rem;
  --spacing-128: 8rem;
  --spacing-144: 9rem;
  --spacing-160: 10rem;
  --spacing-176: 11rem;
  --spacing-192: 12rem;
  --spacing-208: 13rem;
  --spacing-224: 14rem;
  --spacing-240: 15rem;
  --spacing-256: 16rem;
  --spacing-288: 18rem;
  --spacing-320: 20rem;
  --spacing-384: 24rem;
  --border-radius-none: 0;
  --border-radius-sm: 0.125rem;
  --border-radius-base: 0.25rem;
  --border-radius-md: 0.375rem;
  --border-radius-lg: 0.5rem;
  --border-radius-xl: 0.75rem;
  --border-radius-2xl: 1rem;
  --border-radius-3xl: 1.5rem;
  --border-radius-full: 9999px;
  --border-width-0: 0;
  --border-width-1: 1px;
  --border-width-2: 2px;
  --border-width-4: 4px;
  --border-width-8: 8px;
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-base: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --z-index-0: 0;
  --z-index-10: 10;
  --z-index-20: 20;
  --z-index-30: 30;
  --z-index-40: 40;
  --z-index-50: 50;
  --z-index-auto: auto;
  --transition-duration-75: 75ms;
  --transition-duration-100: 100ms;
  --transition-duration-150: 150ms;
  --transition-duration-200: 200ms;
  --transition-duration-300: 300ms;
  --transition-duration-500: 500ms;
  --transition-duration-700: 700ms;
  --transition-duration-1000: 1000ms;
  --transition-timing-function-linear: linear;
  --transition-timing-function-in: cubic-bezier(0.4, 0, 1, 1);
  --transition-timing-function-out: cubic-bezier(0, 0, 0.2, 1);
  --transition-timing-function-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --breakpoint-sm: 640px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --breakpoint-xl: 1280px;
  --breakpoint-2xl: 1536px;
  --container-max-width-sm: 640px;
  --container-max-width-md: 768px;
  --container-max-width-lg: 1024px;
  --container-max-width-xl: 1280px;
  --container-max-width-2xl: 1536px;
  --grid-columns: 12;
  --grid-gutter: var(--spacing-16);
  --grid-gutter-lg: var(--spacing-32);
  --focus-ring-offset: 2px;
  --focus-ring-width: 2px;
  --focus-ring-color: var(--color-primary);
  --focus-ring-opacity: 0.5;
  --animation-spin: spin 1s linear infinite;
  --animation-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  --animation-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  --animation-bounce: bounce 1s infinite;
  --opacity-0: 0;
  --opacity-5: 0.05;
  --opacity-10: 0.1;
  --opacity-20: 0.2;
  --opacity-25: 0.25;
  --opacity-30: 0.3;
  --opacity-40: 0.4;
  --opacity-50: 0.5;
  --opacity-60: 0.6;
  --opacity-70: 0.7;
  --opacity-75: 0.75;
  --opacity-80: 0.8;
  --opacity-90: 0.9;
  --opacity-95: 0.95;
  --opacity-100: 1;
  --button-base-padding: var(--spacing-10) var(--spacing-16);
}
.theme--dark {
  --color-main-background: #0f1419;
  --color-white: #1a1f26;
  --color-stroke: #2d3748;
  --color-gray-100: #f7fafc;
  --color-gray-90: #e2e8f0;
  --color-gray-80: #cbd5e1;
  --color-gray-70: #94a3b8;
  --color-gray-60: #64748b;
  --color-gray-50: #475569;
  --color-gray-40: #334155;
  --color-gray-30: #1e293b;
  --color-gray-20: #1a202c;
  --color-gray-10: #171923;
  --color-primary: #a855f7;
  --color-primary-light: #c084fc;
  --color-primary-lighter: #2d1f47;
  --color-text-primary: var(--color-gray-100);
  --color-text-secondary: var(--color-gray-80);
  --color-text-tertiary: var(--color-gray-70);
  --color-text-muted: var(--color-gray-60);
  --color-text-inverse: #1c1d22;
  --color-text-link-default: var(--color-primary-light);
  --color-background-primary: var(--color-main-background);
  --color-background-secondary: var(--color-gray-30);
  --color-background-secondary-hover: var(--color-gray-40);
  --color-background-tertiary: var(--color-gray-20);
  --color-background-inverse: var(--color-gray-100);
  --color-background-overlay: rgba(15, 20, 25, 0.9);
  --color-error-background: rgba(127, 29, 29, 0.75);
  --color-border-primary: var(--color-gray-40);
  --color-border-secondary: var(--color-gray-50);
  --color-border-focus: var(--color-primary-light);
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.3);
  --shadow-base: 0 1px 3px 0 rgb(0 0 0 / 0.4), 0 1px 2px -1px rgb(0 0 0 / 0.4);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.4), 0 2px 4px -2px rgb(0 0 0 / 0.4);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.4), 0 4px 6px -4px rgb(0 0 0 / 0.4);
  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.4), 0 8px 10px -6px rgb(0 0 0 / 0.4);
  --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.5);
}
.theme--light {
  --color-main-background: #f9fafc;
  --color-white: #ffffff;
  --color-stroke: #e8e9ec;
  --color-gray-100: #1c1d22;
  --color-gray-90: #50525b;
  --color-gray-80: #646670;
  --color-gray-70: #868996;
  --color-gray-60: #989db6;
  --color-gray-50: #c1c5dc;
  --color-gray-40: #d0d4e8;
  --color-gray-30: #dcdfed;
  --color-gray-20: #f1f2f8;
  --color-gray-10: #f8f9ff;
  --color-primary: #560591;
  --color-primary-light: #8a2be2;
  --color-primary-lighter: #eeebff;
  --color-text-primary: var(--color-gray-100);
  --color-text-secondary: var(--color-gray-80);
  --color-text-tertiary: var(--color-gray-70);
  --color-text-muted: var(--color-gray-60);
  --color-text-inverse: var(--color-white);
  --color-text-link-default: var(--color-primary);
  --color-background-primary: var(--color-main-background);
  --color-background-secondary: var(--color-white);
  --color-background-secondary-hover: var(--color-gray-20);
  --color-background-tertiary: var(--color-gray-10);
  --color-background-inverse: var(--color-gray-100);
  --color-background-overlay: rgba(255, 255, 255, 0.85);
  --color-error-background: rgba(254, 215, 215, 0.95);
  --color-border-primary: var(--color-stroke);
  --color-border-secondary: var(--color-gray-30);
  --color-border-focus: var(--color-primary);
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-base: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
}

/* src/styles/scss/main.scss */
.form__input,
.form__textarea,
.form__select,
input,
textarea,
select {
  display: block;
  width: 100%;
  padding: var(--spacing-2) var(--spacing-3);
  border: var(--border-width-1) solid var(--color-border-primary);
  border-radius: var(--border-radius-base);
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
  background-color: var(--color-background-primary);
  transition: var(--transition-base);
}
.form__input:focus,
.form__textarea:focus,
.form__select:focus,
input:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: var(--color-border-focus);
  box-shadow: 0 0 0 3px var(--focus-ring-color);
}
.form__input:disabled,
.form__textarea:disabled,
.form__select:disabled,
input:disabled,
textarea:disabled,
select:disabled {
  opacity: var(--opacity-50);
  cursor: not-allowed;
}
.nav__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.container,
.footer__container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
}
.form__actions,
.nav__list {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pi-operations {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  mask-image: url(/assets/images/icons/operation.svg);
  mask-size: 1.2em 1.2em;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url(/assets/images/icons/operation.svg);
  -webkit-mask-size: 1.2em 1.2em;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  font-size: inherit;
  vertical-align: middle;
  line-height: 1;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  image-rendering: auto;
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:root {
  --p-togglebutton-background: var(--color-background-secondary);
  --p-togglebutton-checked-background: var(--color-background-secondary);
  --p-togglebutton-checked-border-color: transparent;
  --p-togglebutton-border-color: transparent;
  --p-togglebutton-hover-background: var(--color-background-secondary);
  --p-tooltip-background: var(--color-white);
  --p-tooltip-width: 13.75rem;
  --p-datepicker-background: var(--color-white);
  --p-datepicker-border-color: var(--color-gray-30);
  --p-datepicker-border-radius: var(--border-radius-md);
  --p-datepicker-shadow: var(--shadow-md);
  --p-datepicker-padding: var(--spacing-12);
  --p-datepicker-input-color: var(--color-gray-90);
  --p-datepicker-input-font-size: var(--font-size-sm);
  --p-datepicker-input-font-family: var(--font-family-body);
  --p-datepicker-input-padding: var(--spacing-10) var(--spacing-12);
  --p-datepicker-input-hover-border-color: var(--color-gray-30);
  --p-datepicker-input-focus-border-color: var(--color-gray-30);
  --p-datepicker-input-focus-shadow: 0 0 0 2px var(--color-primary-lighter);
  --p-datepicker-input-addon-background: var(--color-white);
  --p-datepicker-input-addon-color: var(--color-gray-70);
  --p-datepicker-header-padding: var(--spacing-8) 0;
  --p-datepicker-header-border-bottom: 1px solid var(--color-gray-30);
  --p-datepicker-header-margin-bottom: var(--spacing-8);
  --p-datepicker-month-year-color: var(--color-gray-100);
  --p-datepicker-month-year-font-size: var(--font-size-base);
  --p-datepicker-month-year-font-weight: var(--font-weight-semibold);
  --p-datepicker-nav-button-color: var(--color-gray-70);
  --p-datepicker-nav-button-size: 2rem;
  --p-datepicker-nav-button-border-radius: var(--border-radius-md);
  --p-datepicker-nav-button-hover-background: var(--color-gray-10);
  --p-datepicker-nav-button-hover-color: var(--color-gray-100);
  --p-datepicker-nav-button-transition: all var(--transition-duration-200) var(--transition-timing-function-in-out);
  --p-datepicker-day-name-color: var(--color-gray-70);
  --p-datepicker-day-name-font-size: var(--font-size-xs);
  --p-datepicker-day-name-font-weight: var(--font-weight-medium);
  --p-datepicker-day-name-padding: var(--spacing-8) 0;
  --p-datepicker-day-cell-padding: var(--spacing-2);
  --p-datepicker-day-size: 2.25rem;
  --p-datepicker-day-border-radius: var(--border-radius-md);
  --p-datepicker-day-color: var(--color-gray-90);
  --p-datepicker-day-hover-background: var(--color-gray-10);
  --p-datepicker-day-transition: all var(--transition-duration-200) var(--transition-timing-function-in-out);
  --p-datepicker-day-selected-background: var(--color-primary);
  --p-datepicker-day-selected-color: var(--color-white);
  --p-datepicker-day-selected-font-weight: var(--font-weight-semibold);
  --p-datepicker-day-range-background: var(--color-primary-lighter);
  --p-datepicker-day-range-color: var(--color-primary);
  --p-datepicker-day-today-color: var(--color-primary);
  --p-datepicker-day-today-font-weight: var(--font-weight-semibold);
  --p-datepicker-day-today-border: 1px solid var(--color-primary);
  --p-datepicker-buttonbar-padding: var(--spacing-8) var(--spacing-12);
  --p-datepicker-buttonbar-border-top: 1px solid var(--color-gray-30);
  --p-datepicker-buttonbar-margin-top: var(--spacing-8);
  --p-datepicker-buttonbar-gap: var(--spacing-8);
  --p-datepicker-button-font-size: var(--font-size-sm);
  --p-datepicker-button-font-weight: var(--font-weight-medium);
  --p-datepicker-button-padding: var(--spacing-8) var(--spacing-16);
  --p-datepicker-button-border-radius: var(--border-radius-md);
  --p-datepicker-button-transition: all var(--transition-duration-200) var(--transition-timing-function-in-out);
  --p-datepicker-button-primary-background: var(--color-primary);
  --p-datepicker-button-primary-color: var(--color-white);
  --p-datepicker-button-primary-hover-background: var(--color-primary-light);
  --p-datepicker-button-secondary-color: var(--color-gray-70);
  --p-datepicker-button-secondary-hover-background: var(--color-gray-10);
  --p-datepicker-date-color: var(--color-gray-80);
  --p-datepicker-date-selected-background: var(--color-primary);
  --p-datepicker-date-range-selected-background: var(--color-primary-lighter);
  --p-datepicker-date-range-selected-color: var(--color-gray-80);
  --p-datepicker-today-background: var(--color-white);
  --p-datepicker-week-day-color: var(--color-gray-50);
  --p-tieredmenu-item-color: var(--color-gray-90);
  --p-tieredmenu-item-focus-color: var(--color-gray-90);
  --p-tieredmenu-item-focus-background: var(--color-gray-10);
  --p-tieredmenu-list-padding: var(--spacing-8);
  --p-tieredmenu-list-gap: var(--spacing-8);
}
.p-tooltip-text {
  padding: 0.875rem;
  width: var(--p-tooltip-width);
}
.p-datepicker-day-view {
  background-color: var(--color-main-background);
}
.p-datepicker {
  width: 23.6875rem;
}
.p-tieredmenu-item-link {
  font-size: var(--font-size-sm);
}
.p-tieredmenu-root-list,
.p-tieredmenu-submenu {
  padding: var(--p-tieredmenu-list-padding);
  gap: var(--p-tieredmenu-list-gap);
}
.p-paginator {
  background: var(--color-background-primary);
  border-top: var(--border-width-1) solid var(--color-border-primary);
  padding: var(--spacing-12) var(--spacing-16);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-8);
}
.p-paginator-pages .p-paginator-page,
.p-paginator-first,
.p-paginator-prev,
.p-paginator-next,
.p-paginator-last {
  min-width: 2rem;
  height: 2rem;
  border: var(--border-width-1) solid var(--color-border-primary);
  background: var(--color-background-secondary);
  color: var(--color-text-primary);
  border-radius: var(--border-radius-sm);
  margin: 0 var(--spacing-4);
  cursor: pointer;
  transition: all 0.2s;
}
.p-paginator-pages .p-paginator-page:hover:not(.p-disabled),
.p-paginator-first:hover:not(.p-disabled),
.p-paginator-prev:hover:not(.p-disabled),
.p-paginator-next:hover:not(.p-disabled),
.p-paginator-last:hover:not(.p-disabled) {
  background: var(--color-background-primary);
  border-color: var(--color-border-secondary);
}
.p-paginator-pages .p-paginator-page.p-highlight,
.p-paginator-first.p-highlight,
.p-paginator-prev.p-highlight,
.p-paginator-next.p-highlight,
.p-paginator-last.p-highlight {
  background: var(--color-primary-600);
  border-color: var(--color-primary-600);
  color: white;
}
.p-paginator-pages .p-paginator-page.p-disabled,
.p-paginator-first.p-disabled,
.p-paginator-prev.p-disabled,
.p-paginator-next.p-disabled,
.p-paginator-last.p-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.p-datatable-header {
  background: var(--color-background-secondary);
  border-bottom: var(--border-width-1) solid var(--color-border-primary);
}
.p-datatable-table {
  table-layout: fixed;
}
.p-datatable-tbody > tr {
  border-bottom: var(--border-width-1) solid var(--color-border-primary);
}
.p-datatable-tbody > tr:hover {
  background: var(--color-background-secondary);
}
.chartjs-tooltip,
[id*=chartjs-tooltip],
[class*=chartjs-tooltip] {
  box-shadow: 0px 4px 32px 0px rgba(61, 70, 112, 0.2) !important;
}
.chartjs-tooltip-key[style*=background-color],
.chartjs-tooltip-key[style*=background],
.chartjs-tooltip .chartjs-tooltip-key[style*=background-color],
.chartjs-tooltip .chartjs-tooltip-key[style*=background],
[id*=chartjs-tooltip] .chartjs-tooltip-key[style*=background-color],
[id*=chartjs-tooltip] .chartjs-tooltip-key[style*=background],
[id*=chartjs-tooltip] span[style*=background-color],
[id*=chartjs-tooltip] span[style*=background],
[class*=chartjs-tooltip] .chartjs-tooltip-key[style*=background-color],
[class*=chartjs-tooltip] .chartjs-tooltip-key[style*=background],
[class*=chartjs-tooltip] span[style*=background-color],
[class*=chartjs-tooltip] span[style*=background],
[class*=chartjs-tooltip] *[style*=background-color][style*=background-color],
[class*=chartjs-tooltip] *[style*=background-color][style*=background],
[class*=chartjs-tooltip] *[style*=background][style*=background-color],
[class*=chartjs-tooltip] *[style*=background][style*=background],
body > div[id*=chartjs] span[style*=background-color],
body > div[id*=chartjs] span[style*=background],
body > div[class*=chartjs] span[style*=background-color],
body > div[class*=chartjs] span[style*=background] {
  width: 0.625rem !important;
  height: 0.625rem !important;
  min-width: 0.625rem !important;
  min-height: 0.625rem !important;
  max-width: 0.625rem !important;
  max-height: 0.625rem !important;
  border-radius: 50% !important;
  margin-right: 0.5rem !important;
  display: inline-block !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
}
.chartjs-tooltip-body-list-item:first-child span,
.chartjs-tooltip-body-list-item:first-child * {
  width: 0.625rem !important;
  height: 0.625rem !important;
  border-radius: 50% !important;
}
html {
  font-size: 16px;
  scroll-behavior: smooth;
  box-sizing: border-box;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}
body {
  margin: 0;
  padding: 0;
  font-family: var(--font-family-sans);
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
  color: var(--color-text-primary);
  background-color: var(--color-background-primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
ul,
ol {
  list-style: none;
  padding: 0;
  margin: 0;
}
a {
  color: inherit;
  text-decoration: none;
}
button {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
}
input,
textarea,
select {
  font: inherit;
  color: inherit;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
details > summary {
  list-style: none;
}
details > summary::-webkit-details-marker {
  display: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dd,
ol,
ul,
figure,
hr,
fieldset,
legend {
  margin: 0;
  padding: 0;
}
img {
  max-width: 100%;
  height: auto;
  display: block;
}
input,
button,
textarea,
select {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
iframe {
  border: 0;
}
address {
  font-style: normal;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url(/assets/fonts/PlusJakartaSans/PlusJakartaSans-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url(/assets/fonts/PlusJakartaSans/PlusJakartaSans-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url(/assets/fonts/PlusJakartaSans/PlusJakartaSans-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/assets/fonts/Inter/Inter_18pt-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/assets/fonts/Inter/Inter_18pt-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/assets/fonts/Inter/Inter_18pt-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
body {
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-normal);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.h1,
h1 {
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-32);
  line-height: 127%;
  letter-spacing: 0%;
  vertical-align: middle;
}
.h2,
h2 {
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-2-5xl);
  line-height: 127%;
  letter-spacing: 0%;
  vertical-align: middle;
}
.h3,
h3 {
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-xl);
  line-height: 127%;
  letter-spacing: 0%;
  vertical-align: middle;
}
.h4,
h6,
h5,
h4 {
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-lg);
  line-height: 127%;
  letter-spacing: 0%;
  vertical-align: middle;
}
.paragraph1-bold {
  font-family: var(--font-family-secondary);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-paragraph1);
  line-height: 127%;
  letter-spacing: 0%;
  vertical-align: middle;
}
.paragraph1-medium {
  font-family: var(--font-family-secondary);
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-paragraph1);
  line-height: 127%;
  letter-spacing: 0%;
  vertical-align: middle;
}
.paragraph1-regular,
p {
  font-family: var(--font-family-secondary);
  font-weight: var(--font-weight-normal);
  font-size: var(--font-size-paragraph1);
  line-height: 127%;
  letter-spacing: 0%;
  vertical-align: middle;
}
.paragraph2-bold {
  font-family: var(--font-family-secondary);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-sm);
  line-height: 127%;
  letter-spacing: 0%;
  vertical-align: middle;
}
.paragraph2-medium {
  font-family: var(--font-family-secondary);
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-sm);
  line-height: 127%;
  letter-spacing: 0%;
  vertical-align: middle;
}
.paragraph2-regular {
  font-family: var(--font-family-secondary);
  font-weight: var(--font-weight-normal);
  font-size: var(--font-size-sm);
  line-height: 127%;
  letter-spacing: 0%;
  vertical-align: middle;
}
.label-bold {
  font-family: var(--font-family-secondary);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-label1);
  line-height: 127%;
  letter-spacing: 0%;
  vertical-align: middle;
}
.label-medium {
  font-family: var(--font-family-secondary);
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-label1);
  line-height: 127%;
  letter-spacing: 0%;
  vertical-align: middle;
}
.label-regular {
  font-family: var(--font-family-secondary);
  font-weight: var(--font-weight-normal);
  font-size: var(--font-size-label1);
  line-height: 127%;
  letter-spacing: 0%;
  vertical-align: middle;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-justify {
  text-align: justify;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-break {
  word-break: break-word;
  word-wrap: break-word;
}
.text-nowrap {
  white-space: nowrap;
}
.text-primary {
  color: var(--color-primary);
}
.text-secondary {
  color: var(--color-gray-80);
}
.text-muted {
  color: var(--color-gray-60);
}
.text-success {
  color: var(--color-action-green);
}
.text-error {
  color: var(--color-action-red);
}
.text-white {
  color: var(--color-white);
}
html {
  font-size: 16px;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  height: 100%;
  overflow: hidden;
}
body {
  font-family: var(--font-family-body);
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
  color: var(--color-text-primary);
  background-color: var(--color-main-background);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  height: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
::selection {
  background-color: var(--color-primary-lighter);
  color: var(--color-gray-100);
}
::-moz-selection {
  background-color: var(--color-primary-lighter);
  color: var(--color-gray-100);
}
:focus {
  outline: var(--focus-ring-width) solid var(--focus-ring-color);
  outline-offset: var(--focus-ring-offset);
}
:focus:not(:focus-visible) {
  outline: none;
}
img {
  max-width: 100%;
  height: auto;
  display: block;
}
table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: var(--spacing-4);
}
label {
  display: block;
  margin-bottom: var(--spacing-1);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-primary);
}
hr {
  border: none;
  border-top: var(--border-width-1) solid var(--color-border-primary);
  margin: var(--spacing-6) 0;
}
abbr[title] {
  border-bottom: var(--border-width-1) dotted var(--color-text-secondary);
  cursor: help;
}
mark {
  background-color: var(--color-primary-lighter);
  color: var(--color-gray-100);
  padding: var(--spacing-1) var(--spacing-2);
  border-radius: var(--border-radius-sm);
}
details {
  margin-bottom: var(--spacing-4);
}
summary {
  cursor: pointer;
  font-weight: var(--font-weight-medium);
  padding: var(--spacing-2) 0;
}
summary:hover {
  color: var(--color-primary);
}
dialog {
  border: var(--border-width-1) solid var(--color-border-primary);
  border-radius: var(--border-radius-lg);
  padding: var(--spacing-6);
  background-color: var(--color-background-primary);
  box-shadow: var(--shadow-lg);
}
dialog::backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}
progress {
  width: 100%;
  height: var(--spacing-2);
  border-radius: var(--border-radius-full);
  background-color: var(--color-background-secondary);
}
progress::-webkit-progress-bar {
  background-color: var(--color-background-secondary);
  border-radius: var(--border-radius-full);
}
progress::-webkit-progress-value {
  background-color: var(--color-primary);
  border-radius: var(--border-radius-full);
}
progress::-moz-progress-bar {
  background-color: var(--color-primary);
  border-radius: var(--border-radius-full);
}
meter {
  width: 100%;
  height: var(--spacing-2);
  border-radius: var(--border-radius-full);
  background-color: var(--color-background-secondary);
}
meter::-webkit-meter-bar {
  background-color: var(--color-background-secondary);
  border-radius: var(--border-radius-full);
}
meter::-webkit-meter-optimum-value {
  background-color: var(--color-action-green);
  border-radius: var(--border-radius-full);
}
meter::-webkit-meter-suboptimum-value {
  background-color: var(--color-primary);
  border-radius: var(--border-radius-full);
}
meter::-webkit-meter-even-less-good-value {
  background-color: var(--color-action-red);
  border-radius: var(--border-radius-full);
}
*::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
*::-webkit-scrollbar-track {
  background: transparent;
}
*::-webkit-scrollbar-thumb {
  background: var(--color-gray-50);
  border-radius: 8px;
}
*::-webkit-scrollbar-thumb:hover {
  background: var(--color-gray-60);
}
* {
  scrollbar-width: thin;
  scrollbar-color: var(--color-gray-50) transparent;
}
.d-none {
  display: none !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-grid {
  display: grid !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.justify-content-evenly {
  justify-content: space-evenly !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: sticky !important;
}
.m-0 {
  margin: 0 !important;
}
.m-1 {
  margin: var(--spacing-1) !important;
}
.m-2 {
  margin: var(--spacing-2) !important;
}
.m-3 {
  margin: var(--spacing-3) !important;
}
.m-4 {
  margin: var(--spacing-4) !important;
}
.m-5 {
  margin: var(--spacing-5) !important;
}
.m-6 {
  margin: var(--spacing-6) !important;
}
.m-8 {
  margin: var(--spacing-8) !important;
}
.m-10 {
  margin: var(--spacing-10) !important;
}
.m-12 {
  margin: var(--spacing-12) !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: var(--spacing-1) !important;
}
.mt-2 {
  margin-top: var(--spacing-2) !important;
}
.mt-3 {
  margin-top: var(--spacing-3) !important;
}
.mt-4 {
  margin-top: var(--spacing-4) !important;
}
.mt-5 {
  margin-top: var(--spacing-5) !important;
}
.mt-6 {
  margin-top: var(--spacing-6) !important;
}
.mt-8 {
  margin-top: var(--spacing-8) !important;
}
.mt-10 {
  margin-top: var(--spacing-10) !important;
}
.mt-12 {
  margin-top: var(--spacing-12) !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: var(--spacing-1) !important;
}
.mb-2 {
  margin-bottom: var(--spacing-2) !important;
}
.mb-3 {
  margin-bottom: var(--spacing-3) !important;
}
.mb-4 {
  margin-bottom: var(--spacing-4) !important;
}
.mb-5 {
  margin-bottom: var(--spacing-5) !important;
}
.mb-6 {
  margin-bottom: var(--spacing-6) !important;
}
.mb-8 {
  margin-bottom: var(--spacing-8) !important;
}
.mb-10 {
  margin-bottom: var(--spacing-10) !important;
}
.mb-12 {
  margin-bottom: var(--spacing-12) !important;
}
.ml-0 {
  margin-left: 0 !important;
}
.ml-1 {
  margin-left: var(--spacing-1) !important;
}
.ml-2 {
  margin-left: var(--spacing-2) !important;
}
.ml-3 {
  margin-left: var(--spacing-3) !important;
}
.ml-4 {
  margin-left: var(--spacing-4) !important;
}
.ml-5 {
  margin-left: var(--spacing-5) !important;
}
.ml-6 {
  margin-left: var(--spacing-6) !important;
}
.ml-8 {
  margin-left: var(--spacing-8) !important;
}
.ml-10 {
  margin-left: var(--spacing-10) !important;
}
.ml-12 {
  margin-left: var(--spacing-12) !important;
}
.mr-0 {
  margin-right: 0 !important;
}
.mr-1 {
  margin-right: var(--spacing-1) !important;
}
.mr-2 {
  margin-right: var(--spacing-2) !important;
}
.mr-3 {
  margin-right: var(--spacing-3) !important;
}
.mr-4 {
  margin-right: var(--spacing-4) !important;
}
.mr-5 {
  margin-right: var(--spacing-5) !important;
}
.mr-6 {
  margin-right: var(--spacing-6) !important;
}
.mr-8 {
  margin-right: var(--spacing-8) !important;
}
.mr-10 {
  margin-right: var(--spacing-10) !important;
}
.mr-12 {
  margin-right: var(--spacing-12) !important;
}
.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.mx-1 {
  margin-left: var(--spacing-1) !important;
  margin-right: var(--spacing-1) !important;
}
.mx-2 {
  margin-left: var(--spacing-2) !important;
  margin-right: var(--spacing-2) !important;
}
.mx-3 {
  margin-left: var(--spacing-3) !important;
  margin-right: var(--spacing-3) !important;
}
.mx-4 {
  margin-left: var(--spacing-4) !important;
  margin-right: var(--spacing-4) !important;
}
.mx-5 {
  margin-left: var(--spacing-5) !important;
  margin-right: var(--spacing-5) !important;
}
.mx-6 {
  margin-left: var(--spacing-6) !important;
  margin-right: var(--spacing-6) !important;
}
.mx-8 {
  margin-left: var(--spacing-8) !important;
  margin-right: var(--spacing-8) !important;
}
.mx-10 {
  margin-left: var(--spacing-10) !important;
  margin-right: var(--spacing-10) !important;
}
.mx-12 {
  margin-left: var(--spacing-12) !important;
  margin-right: var(--spacing-12) !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.my-1 {
  margin-top: var(--spacing-1) !important;
  margin-bottom: var(--spacing-1) !important;
}
.my-2 {
  margin-top: var(--spacing-2) !important;
  margin-bottom: var(--spacing-2) !important;
}
.my-3 {
  margin-top: var(--spacing-3) !important;
  margin-bottom: var(--spacing-3) !important;
}
.my-4 {
  margin-top: var(--spacing-4) !important;
  margin-bottom: var(--spacing-4) !important;
}
.my-5 {
  margin-top: var(--spacing-5) !important;
  margin-bottom: var(--spacing-5) !important;
}
.my-6 {
  margin-top: var(--spacing-6) !important;
  margin-bottom: var(--spacing-6) !important;
}
.my-8 {
  margin-top: var(--spacing-8) !important;
  margin-bottom: var(--spacing-8) !important;
}
.my-10 {
  margin-top: var(--spacing-10) !important;
  margin-bottom: var(--spacing-10) !important;
}
.my-12 {
  margin-top: var(--spacing-12) !important;
  margin-bottom: var(--spacing-12) !important;
}
.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.p-0 {
  padding: 0 !important;
}
.p-1 {
  padding: var(--spacing-1) !important;
}
.p-2 {
  padding: var(--spacing-2) !important;
}
.p-3 {
  padding: var(--spacing-3) !important;
}
.p-4 {
  padding: var(--spacing-4) !important;
}
.p-5 {
  padding: var(--spacing-5) !important;
}
.p-6 {
  padding: var(--spacing-6) !important;
}
.p-8 {
  padding: var(--spacing-8) !important;
}
.p-10 {
  padding: var(--spacing-10) !important;
}
.p-12 {
  padding: var(--spacing-12) !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: var(--spacing-1) !important;
}
.pt-2 {
  padding-top: var(--spacing-2) !important;
}
.pt-3 {
  padding-top: var(--spacing-3) !important;
}
.pt-4 {
  padding-top: var(--spacing-4) !important;
}
.pt-5 {
  padding-top: var(--spacing-5) !important;
}
.pt-6 {
  padding-top: var(--spacing-6) !important;
}
.pt-8 {
  padding-top: var(--spacing-8) !important;
}
.pt-10 {
  padding-top: var(--spacing-10) !important;
}
.pt-12 {
  padding-top: var(--spacing-12) !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-1 {
  padding-bottom: var(--spacing-1) !important;
}
.pb-2 {
  padding-bottom: var(--spacing-2) !important;
}
.pb-3 {
  padding-bottom: var(--spacing-3) !important;
}
.pb-4 {
  padding-bottom: var(--spacing-4) !important;
}
.pb-5 {
  padding-bottom: var(--spacing-5) !important;
}
.pb-6 {
  padding-bottom: var(--spacing-6) !important;
}
.pb-8 {
  padding-bottom: var(--spacing-8) !important;
}
.pb-10 {
  padding-bottom: var(--spacing-10) !important;
}
.pb-12 {
  padding-bottom: var(--spacing-12) !important;
}
.pl-0 {
  padding-left: 0 !important;
}
.pl-1 {
  padding-left: var(--spacing-1) !important;
}
.pl-2 {
  padding-left: var(--spacing-2) !important;
}
.pl-3 {
  padding-left: var(--spacing-3) !important;
}
.pl-4 {
  padding-left: var(--spacing-4) !important;
}
.pl-5 {
  padding-left: var(--spacing-5) !important;
}
.pl-6 {
  padding-left: var(--spacing-6) !important;
}
.pl-8 {
  padding-left: var(--spacing-8) !important;
}
.pl-10 {
  padding-left: var(--spacing-10) !important;
}
.pl-12 {
  padding-left: var(--spacing-12) !important;
}
.pr-0 {
  padding-right: 0 !important;
}
.pr-1 {
  padding-right: var(--spacing-1) !important;
}
.pr-2 {
  padding-right: var(--spacing-2) !important;
}
.pr-3 {
  padding-right: var(--spacing-3) !important;
}
.pr-4 {
  padding-right: var(--spacing-4) !important;
}
.pr-5 {
  padding-right: var(--spacing-5) !important;
}
.pr-6 {
  padding-right: var(--spacing-6) !important;
}
.pr-8 {
  padding-right: var(--spacing-8) !important;
}
.pr-10 {
  padding-right: var(--spacing-10) !important;
}
.pr-12 {
  padding-right: var(--spacing-12) !important;
}
.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.px-1 {
  padding-left: var(--spacing-1) !important;
  padding-right: var(--spacing-1) !important;
}
.px-2 {
  padding-left: var(--spacing-2) !important;
  padding-right: var(--spacing-2) !important;
}
.px-3 {
  padding-left: var(--spacing-3) !important;
  padding-right: var(--spacing-3) !important;
}
.px-4 {
  padding-left: var(--spacing-4) !important;
  padding-right: var(--spacing-4) !important;
}
.px-5 {
  padding-left: var(--spacing-5) !important;
  padding-right: var(--spacing-5) !important;
}
.px-6 {
  padding-left: var(--spacing-6) !important;
  padding-right: var(--spacing-6) !important;
}
.px-8 {
  padding-left: var(--spacing-8) !important;
  padding-right: var(--spacing-8) !important;
}
.px-10 {
  padding-left: var(--spacing-10) !important;
  padding-right: var(--spacing-10) !important;
}
.px-12 {
  padding-left: var(--spacing-12) !important;
  padding-right: var(--spacing-12) !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.py-1 {
  padding-top: var(--spacing-1) !important;
  padding-bottom: var(--spacing-1) !important;
}
.py-2 {
  padding-top: var(--spacing-2) !important;
  padding-bottom: var(--spacing-2) !important;
}
.py-3 {
  padding-top: var(--spacing-3) !important;
  padding-bottom: var(--spacing-3) !important;
}
.py-4 {
  padding-top: var(--spacing-4) !important;
  padding-bottom: var(--spacing-4) !important;
}
.py-5 {
  padding-top: var(--spacing-5) !important;
  padding-bottom: var(--spacing-5) !important;
}
.py-6 {
  padding-top: var(--spacing-6) !important;
  padding-bottom: var(--spacing-6) !important;
}
.py-8 {
  padding-top: var(--spacing-8) !important;
  padding-bottom: var(--spacing-8) !important;
}
.py-10 {
  padding-top: var(--spacing-10) !important;
  padding-bottom: var(--spacing-10) !important;
}
.py-12 {
  padding-top: var(--spacing-12) !important;
  padding-bottom: var(--spacing-12) !important;
}
.w-100 {
  width: 100% !important;
}
.w-75 {
  width: 75% !important;
}
.w-50 {
  width: 50% !important;
}
.w-25 {
  width: 25% !important;
}
.w-auto {
  width: auto !important;
}
.h-100 {
  height: 100% !important;
}
.h-75 {
  height: 75% !important;
}
.h-50 {
  height: 50% !important;
}
.h-25 {
  height: 25% !important;
}
.h-auto {
  height: auto !important;
}
.border {
  border: var(--border-width-1) solid var(--color-border-primary) !important;
}
.border-0 {
  border: 0 !important;
}
.border-top {
  border-top: var(--border-width-1) solid var(--color-border-primary) !important;
}
.border-right {
  border-right: var(--border-width-1) solid var(--color-border-primary) !important;
}
.border-bottom {
  border-bottom: var(--border-width-1) solid var(--color-border-primary) !important;
}
.border-left {
  border-left: var(--border-width-1) solid var(--color-border-primary) !important;
}
.rounded {
  border-radius: var(--border-radius-base) !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.rounded-sm {
  border-radius: var(--border-radius-sm) !important;
}
.rounded-lg {
  border-radius: var(--border-radius-lg) !important;
}
.rounded-xl {
  border-radius: var(--border-radius-xl) !important;
}
.rounded-2xl {
  border-radius: var(--border-radius-2xl) !important;
}
.rounded-3xl {
  border-radius: var(--border-radius-3xl) !important;
}
.rounded-full {
  border-radius: var(--border-radius-full) !important;
}
.shadow-none {
  box-shadow: none !important;
}
.shadow-sm {
  box-shadow: var(--shadow-sm) !important;
}
.shadow {
  box-shadow: var(--shadow-base) !important;
}
.shadow-md {
  box-shadow: var(--shadow-md) !important;
}
.shadow-lg {
  box-shadow: var(--shadow-lg) !important;
}
.shadow-xl {
  box-shadow: var(--shadow-xl) !important;
}
.shadow-2xl {
  box-shadow: var(--shadow-2xl) !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-scroll {
  overflow: scroll !important;
}
.overflow-x-auto {
  overflow-x: auto !important;
}
.overflow-x-hidden {
  overflow-x: hidden !important;
}
.overflow-x-visible {
  overflow-x: visible !important;
}
.overflow-x-scroll {
  overflow-x: scroll !important;
}
.overflow-y-auto {
  overflow-y: auto !important;
}
.overflow-y-hidden {
  overflow-y: hidden !important;
}
.overflow-y-visible {
  overflow-y: visible !important;
}
.overflow-y-scroll {
  overflow-y: scroll !important;
}
.reserve-scrollbar-space {
  overflow-y: scroll;
  scrollbar-gutter: stable;
}
.reserve-scrollbar-space::-webkit-scrollbar {
  width: 17px;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
.z-0 {
  z-index: 0 !important;
}
.z-10 {
  z-index: 10 !important;
}
.z-20 {
  z-index: 20 !important;
}
.z-30 {
  z-index: 30 !important;
}
.z-40 {
  z-index: 40 !important;
}
.z-50 {
  z-index: 50 !important;
}
.z-auto {
  z-index: auto !important;
}
.cursor-auto {
  cursor: auto !important;
}
.cursor-default {
  cursor: default !important;
}
.cursor-pointer {
  cursor: pointer !important;
}
.cursor-wait {
  cursor: wait !important;
}
.cursor-text {
  cursor: text !important;
}
.cursor-move {
  cursor: move !important;
}
.cursor-help {
  cursor: help !important;
}
.cursor-not-allowed {
  cursor: not-allowed !important;
}
.user-select-none {
  -webkit-user-select: none !important;
  user-select: none !important;
}
.user-select-auto {
  -webkit-user-select: auto !important;
  user-select: auto !important;
}
.user-select-all {
  -webkit-user-select: all !important;
  user-select: all !important;
}
.user-select-text {
  -webkit-user-select: text !important;
  user-select: text !important;
}
.pointer-events-none {
  pointer-events: none !important;
}
.pointer-events-auto {
  pointer-events: auto !important;
}
.pointer-events-all {
  pointer-events: all !important;
}
.pointer-events-fill {
  pointer-events: fill !important;
}
.pointer-events-stroke {
  pointer-events: stroke !important;
}
.pointer-events-painted {
  pointer-events: painted !important;
}
.pointer-events-visible {
  pointer-events: visible !important;
}
.pointer-events-visibleFill {
  pointer-events: visibleFill !important;
}
.pointer-events-visibleStroke {
  pointer-events: visibleStroke !important;
}
.pointer-events-visiblePainted {
  pointer-events: visiblePainted !important;
}
.pointer-events-bounding-box {
  pointer-events: bounding-box !important;
}
.table {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  table-layout: fixed;
  overflow: hidden;
  --p-datatable-header-cell-color: var(--color-gray-80);
  --p-datatable-header-cell-background: var(--color-gray-20);
  --p-datatable-column-title-font-weight: 500;
  --p-datatable-row-color: var(--color-gray-100);
}
.table th {
  font-family: var(--font-family-secondary);
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-label1);
  line-height: 127%;
  letter-spacing: 0%;
  vertical-align: middle;
}
.table td {
  font-family: var(--font-family-secondary);
  font-weight: var(--font-weight-normal);
  font-size: var(--font-size-sm);
  line-height: 127%;
  letter-spacing: 0%;
  vertical-align: middle;
}
.table__selection-header {
  width: 2rem;
  text-align: center;
}
.table__row {
  border-bottom: var(--border-width-1) solid var(--color-border-secondary);
  height: 2.5rem;
  min-height: 2.5rem;
  max-height: 2.5rem;
}
.table__row:last-child {
  border-bottom: none;
}
.table__cell {
  vertical-align: middle;
  height: 2.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 0;
  word-wrap: break-word;
}
.table__selection-cell {
  text-align: center;
  width: 2rem;
}
.table__empty {
  text-align: center;
  padding: var(--spacing-16);
  color: var(--color-text-secondary);
  font-style: italic;
  font-size: var(--font-size-sm);
}
.p-datatable,
.p-treetable {
  display: flex;
  flex-direction: column;
  table-layout: fixed;
  width: 100%;
  overflow: hidden;
}
.p-datatable .p-datatable-header,
.p-datatable .p-treetable-header,
.p-treetable .p-datatable-header,
.p-treetable .p-treetable-header {
  background: var(--color-background-primary);
  border: var(--border-width-1) solid var(--color-border-primary);
  border-bottom: none;
}
.p-datatable .p-datatable-tbody,
.p-datatable .p-treetable-tbody,
.p-treetable .p-datatable-tbody,
.p-treetable .p-treetable-tbody {
  overflow: hidden;
}
.p-datatable .p-datatable-tbody > tr,
.p-datatable .p-treetable-tbody > tr,
.p-treetable .p-datatable-tbody > tr,
.p-treetable .p-treetable-tbody > tr {
  border-bottom: var(--border-width-1) solid var(--color-border-secondary);
  height: 2.5rem;
  min-height: 2.5rem;
  max-height: 2.5rem;
}
.p-datatable .p-datatable-tbody > tr > td,
.p-datatable .p-treetable-tbody > tr > td,
.p-treetable .p-datatable-tbody > tr > td,
.p-treetable .p-treetable-tbody > tr > td {
  border-top: none;
  border-bottom: var(--border-width-1) solid var(--color-border-secondary);
  border-left: none;
  border-right: none;
  line-height: 1.2;
  height: 2.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  max-width: 0;
  word-wrap: break-word;
}
.p-datatable .p-paginator,
.p-treetable .p-paginator {
  background: var(--color-background-primary);
  border: var(--border-width-1) solid var(--color-border-primary);
  border-top: none;
  display: none;
}
.p-datatable .p-datatable-scrollable-wrapper,
.p-datatable .p-treetable-scrollable-wrapper,
.p-treetable .p-datatable-scrollable-wrapper,
.p-treetable .p-treetable-scrollable-wrapper {
  overflow: hidden;
  width: 100%;
}
.p-datatable .p-datatable-scrollable-body,
.p-datatable .p-treetable-scrollable-body,
.p-treetable .p-datatable-scrollable-body,
.p-treetable .p-treetable-scrollable-body {
  overflow: hidden;
  width: 100%;
}
.p-datatable table.p-datatable-table,
.p-datatable table.p-treetable-table,
.p-treetable table.p-datatable-table,
.p-treetable table.p-treetable-table {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
}
.table__selection-header,
.table__selection-cell {
  width: 3rem !important;
  text-align: center;
}
.table__header,
.table__cell {
  width: 25%;
}
.table__empty {
  text-align: center;
  color: var(--color-text-tertiary);
  font-style: italic;
  padding: var(--spacing-16);
}
.footer {
  background-color: var(--color-background-secondary);
  border-top: var(--border-width-1) solid var(--color-border-primary);
  padding: var(--spacing-8) 0;
  margin-top: auto;
}
.footer__content {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: var(--spacing-8);
  margin-bottom: var(--spacing-6);
}
.footer__section h3 {
  font-size: var(--font-size-lg);
  margin-bottom: var(--spacing-4);
  color: var(--color-text-primary);
}
.footer__section ul {
  list-style: none;
  padding: 0;
}
.footer__section ul li {
  margin-bottom: var(--spacing-2);
}
.footer__section ul li a {
  color: var(--color-text-secondary);
  text-decoration: none;
}
.footer__section ul li a:hover {
  color: var(--color-primary-600);
}
.footer__bottom {
  border-top: var(--border-width-1) solid var(--color-border-primary);
  padding-top: var(--spacing-4);
  text-align: center;
  color: var(--color-text-secondary);
  font-size: var(--font-size-sm);
}
.nav__list {
  gap: var(--spacing-6);
}
.nav__item {
  position: relative;
}
.nav__link {
  color: var(--color-text-primary);
  text-decoration: none;
  font-weight: var(--font-weight-medium);
  padding: var(--spacing-2) var(--spacing-3);
  border-radius: var(--border-radius-base);
  transition: var(--transition-base);
}
.nav__link:hover {
  color: var(--color-primary-600);
  background-color: var(--color-background-secondary);
}
.nav__link.active {
  color: var(--color-primary-600);
  background-color: var(--color-primary-50);
}
.nav__dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: var(--color-background-primary);
  border: var(--border-width-1) solid var(--color-border-primary);
  border-radius: var(--border-radius-lg);
  box-shadow: var(--shadow-lg);
  min-width: 200px;
  z-index: z("dropdown");
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: var(--transition-base);
}
.nav__item:hover .nav__dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.nav__dropdown-item {
  display: block;
  padding: var(--spacing-2) var(--spacing-4);
  color: var(--color-text-primary);
  text-decoration: none;
}
.nav__dropdown-item:hover {
  background-color: var(--color-background-secondary);
  color: var(--color-primary-600);
}
.container--sm {
  max-width: var(--container-max-width-sm);
}
.container--md {
  max-width: var(--container-max-width-md);
}
.container--lg {
  max-width: var(--container-max-width-lg);
}
.container--xl {
  max-width: var(--container-max-width-xl);
}
.container--2xl {
  max-width: var(--container-max-width-2xl);
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(var(--grid-gutter) * -0.5);
  margin-right: calc(var(--grid-gutter) * -0.5);
}
.col {
  flex: 1 0 0%;
  padding-left: calc(var(--grid-gutter) * 0.5);
  padding-right: calc(var(--grid-gutter) * 0.5);
  margin-bottom: var(--grid-gutter);
}
.col-1 {
  flex: 0 0 auto;
  width: 8.3333333333%;
  padding-left: calc(var(--grid-gutter) * 0.5);
  padding-right: calc(var(--grid-gutter) * 0.5);
  margin-bottom: var(--grid-gutter);
}
.col-2 {
  flex: 0 0 auto;
  width: 16.6666666667%;
  padding-left: calc(var(--grid-gutter) * 0.5);
  padding-right: calc(var(--grid-gutter) * 0.5);
  margin-bottom: var(--grid-gutter);
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
  padding-left: calc(var(--grid-gutter) * 0.5);
  padding-right: calc(var(--grid-gutter) * 0.5);
  margin-bottom: var(--grid-gutter);
}
.col-4 {
  flex: 0 0 auto;
  width: 33.3333333333%;
  padding-left: calc(var(--grid-gutter) * 0.5);
  padding-right: calc(var(--grid-gutter) * 0.5);
  margin-bottom: var(--grid-gutter);
}
.col-5 {
  flex: 0 0 auto;
  width: 41.6666666667%;
  padding-left: calc(var(--grid-gutter) * 0.5);
  padding-right: calc(var(--grid-gutter) * 0.5);
  margin-bottom: var(--grid-gutter);
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
  padding-left: calc(var(--grid-gutter) * 0.5);
  padding-right: calc(var(--grid-gutter) * 0.5);
  margin-bottom: var(--grid-gutter);
}
.col-7 {
  flex: 0 0 auto;
  width: 58.3333333333%;
  padding-left: calc(var(--grid-gutter) * 0.5);
  padding-right: calc(var(--grid-gutter) * 0.5);
  margin-bottom: var(--grid-gutter);
}
.col-8 {
  flex: 0 0 auto;
  width: 66.6666666667%;
  padding-left: calc(var(--grid-gutter) * 0.5);
  padding-right: calc(var(--grid-gutter) * 0.5);
  margin-bottom: var(--grid-gutter);
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
  padding-left: calc(var(--grid-gutter) * 0.5);
  padding-right: calc(var(--grid-gutter) * 0.5);
  margin-bottom: var(--grid-gutter);
}
.col-10 {
  flex: 0 0 auto;
  width: 83.3333333333%;
  padding-left: calc(var(--grid-gutter) * 0.5);
  padding-right: calc(var(--grid-gutter) * 0.5);
  margin-bottom: var(--grid-gutter);
}
.col-11 {
  flex: 0 0 auto;
  width: 91.6666666667%;
  padding-left: calc(var(--grid-gutter) * 0.5);
  padding-right: calc(var(--grid-gutter) * 0.5);
  margin-bottom: var(--grid-gutter);
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
  padding-left: calc(var(--grid-gutter) * 0.5);
  padding-right: calc(var(--grid-gutter) * 0.5);
  margin-bottom: var(--grid-gutter);
}
@media (min-width: 0) {
  .col-xs-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
    margin-bottom: var(--grid-gutter);
  }
  .col-xs-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
    margin-bottom: var(--grid-gutter);
  }
  .col-xs-3 {
    flex: 0 0 auto;
    width: 25%;
    margin-bottom: var(--grid-gutter);
  }
  .col-xs-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
    margin-bottom: var(--grid-gutter);
  }
  .col-xs-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
    margin-bottom: var(--grid-gutter);
  }
  .col-xs-6 {
    flex: 0 0 auto;
    width: 50%;
    margin-bottom: var(--grid-gutter);
  }
  .col-xs-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
    margin-bottom: var(--grid-gutter);
  }
  .col-xs-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
    margin-bottom: var(--grid-gutter);
  }
  .col-xs-9 {
    flex: 0 0 auto;
    width: 75%;
    margin-bottom: var(--grid-gutter);
  }
  .col-xs-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
    margin-bottom: var(--grid-gutter);
  }
  .col-xs-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
    margin-bottom: var(--grid-gutter);
  }
  .col-xs-12 {
    flex: 0 0 auto;
    width: 100%;
    margin-bottom: var(--grid-gutter);
  }
}
@media (min-width: 576px) {
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
    margin-bottom: var(--grid-gutter);
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
    margin-bottom: var(--grid-gutter);
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
    margin-bottom: var(--grid-gutter);
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
    margin-bottom: var(--grid-gutter);
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
    margin-bottom: var(--grid-gutter);
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
    margin-bottom: var(--grid-gutter);
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
    margin-bottom: var(--grid-gutter);
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
    margin-bottom: var(--grid-gutter);
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
    margin-bottom: var(--grid-gutter);
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
    margin-bottom: var(--grid-gutter);
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
    margin-bottom: var(--grid-gutter);
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
    margin-bottom: var(--grid-gutter);
  }
}
@media (min-width: 768px) {
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
    margin-bottom: var(--grid-gutter);
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
    margin-bottom: var(--grid-gutter);
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
    margin-bottom: var(--grid-gutter);
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
    margin-bottom: var(--grid-gutter);
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
    margin-bottom: var(--grid-gutter);
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
    margin-bottom: var(--grid-gutter);
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
    margin-bottom: var(--grid-gutter);
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
    margin-bottom: var(--grid-gutter);
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
    margin-bottom: var(--grid-gutter);
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
    margin-bottom: var(--grid-gutter);
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
    margin-bottom: var(--grid-gutter);
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
    margin-bottom: var(--grid-gutter);
  }
}
@media (min-width: 992px) {
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
    margin-bottom: var(--grid-gutter);
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
    margin-bottom: var(--grid-gutter);
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
    margin-bottom: var(--grid-gutter);
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
    margin-bottom: var(--grid-gutter);
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
    margin-bottom: var(--grid-gutter);
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
    margin-bottom: var(--grid-gutter);
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
    margin-bottom: var(--grid-gutter);
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
    margin-bottom: var(--grid-gutter);
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
    margin-bottom: var(--grid-gutter);
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
    margin-bottom: var(--grid-gutter);
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
    margin-bottom: var(--grid-gutter);
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
    margin-bottom: var(--grid-gutter);
  }
}
@media (min-width: 1200px) {
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
    margin-bottom: var(--grid-gutter);
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
    margin-bottom: var(--grid-gutter);
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
    margin-bottom: var(--grid-gutter);
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
    margin-bottom: var(--grid-gutter);
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
    margin-bottom: var(--grid-gutter);
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
    margin-bottom: var(--grid-gutter);
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
    margin-bottom: var(--grid-gutter);
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
    margin-bottom: var(--grid-gutter);
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
    margin-bottom: var(--grid-gutter);
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
    margin-bottom: var(--grid-gutter);
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
    margin-bottom: var(--grid-gutter);
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
    margin-bottom: var(--grid-gutter);
  }
}
@media (min-width: 1400px) {
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
    margin-bottom: var(--grid-gutter);
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
    margin-bottom: var(--grid-gutter);
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
    margin-bottom: var(--grid-gutter);
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
    margin-bottom: var(--grid-gutter);
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
    margin-bottom: var(--grid-gutter);
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
    margin-bottom: var(--grid-gutter);
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
    margin-bottom: var(--grid-gutter);
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
    margin-bottom: var(--grid-gutter);
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
    margin-bottom: var(--grid-gutter);
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
    margin-bottom: var(--grid-gutter);
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
    margin-bottom: var(--grid-gutter);
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
    margin-bottom: var(--grid-gutter);
  }
}
.sidebar {
  background-color: var(--color-background-secondary);
  border-right: var(--border-width-1) solid var(--color-border-primary);
  width: 280px;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: z("sticky");
  overflow-y: auto;
}
.sidebar__header {
  padding: var(--spacing-4);
  border-bottom: var(--border-width-1) solid var(--color-border-primary);
}
.sidebar__title {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin: 0;
}
.sidebar__nav {
  padding: var(--spacing-4) 0;
}
.sidebar__nav-item {
  display: block;
  padding: var(--spacing-3) var(--spacing-4);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: var(--transition-base);
}
.sidebar__nav-item:hover {
  background-color: var(--color-background-tertiary);
  color: var(--color-primary-600);
}
.sidebar__nav-item.active {
  background-color: var(--color-primary-50);
  color: var(--color-primary-600);
  border-right: var(--border-width-2) solid var(--color-primary-500);
}
.sidebar__nav-icon {
  margin-right: var(--spacing-3);
  width: 20px;
  text-align: center;
}
.sidebar__footer {
  padding: var(--spacing-4);
  border-top: var(--border-width-1) solid var(--color-border-primary);
  margin-top: auto;
}
@media (max-width: 991px) {
  .sidebar {
    transform: translateX(-100%);
    transition: var(--transition-base);
  }
  .sidebar.open {
    transform: translateX(0);
  }
  .main-content {
    margin-left: 0;
  }
}
.form__group {
  margin-bottom: var(--spacing-4);
}
.form__label {
  display: block;
  margin-bottom: var(--spacing-1);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-primary);
}
.form__input:focus {
  border-color: var(--color-border-focus);
  box-shadow: 0 0 0 3px var(--focus-ring-color);
}
.form__input.error {
  border-color: var(--color-action-red);
}
.form__input.error:focus {
  box-shadow: 0 0 0 3px var(--color-primary-lighter);
}
.form__input.success {
  border-color: var(--color-action-green);
}
.form__input.success:focus {
  box-shadow: 0 0 0 3px var(--color-primary-lighter);
}
.form__textarea {
  min-height: 120px;
  resize: vertical;
}
.form__select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
  background-position: right var(--spacing-2) center;
  background-repeat: no-repeat;
  background-size: 16px 12px;
  padding-right: var(--spacing-8);
  appearance: none;
}
.form__checkbox,
.form__radio {
  display: inline-flex;
  align-items: center;
  margin-right: var(--spacing-4);
  margin-bottom: var(--spacing-2);
}
.form__checkbox input[type=checkbox],
.form__checkbox input[type=radio],
.form__radio input[type=checkbox],
.form__radio input[type=radio] {
  margin-right: var(--spacing-2);
}
.form__checkbox label,
.form__radio label {
  margin-bottom: 0;
  font-weight: var(--font-weight-normal);
}
.form__help {
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  margin-top: var(--spacing-1);
}
.form__error {
  font-size: var(--font-size-sm);
  color: var(--color-action-red);
  margin-top: var(--spacing-1);
}
.form__success {
  font-size: var(--font-size-sm);
  color: var(--color-action-green);
  margin-top: var(--spacing-1);
}
.form__actions {
  margin-top: var(--spacing-6);
  gap: var(--spacing-3);
}
.form__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--button-base-padding);
  border: var(--border-width-1) solid transparent;
  border-radius: var(--border-radius-base);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-normal);
  text-decoration: none;
  cursor: pointer;
  transition: var(--transition-base);
  -webkit-user-select: none;
  user-select: none;
}
.form__button:disabled {
  opacity: var(--opacity-50);
  cursor: not-allowed;
}
.form__button--primary {
  background-color: var(--color-primary);
  color: var(--color-white);
}
.form__button--primary:hover {
  background-color: var(--color-primary);
}
.form__button--secondary {
  background-color: var(--color-gray-60);
  color: var(--color-white);
}
.form__button--secondary:hover {
  background-color: var(--color-gray-70);
}
.form__button--outline {
  background-color: transparent;
  border-color: var(--color-primary);
  color: var(--color-primary);
}
.form__button--outline:hover {
  background-color: var(--color-primary);
  color: var(--color-white);
}
.form--horizontal .form__group {
  display: flex;
  align-items: center;
}
.form--horizontal .form__group .form__label {
  width: 200px;
  margin-bottom: 0;
  margin-right: var(--spacing-4);
}
.form--horizontal .form__group .form__input,
.form--horizontal .form__group .form__textarea,
.form--horizontal .form__group .form__select {
  flex: 1;
}
.form--inline .form__group {
  display: inline-block;
  margin-right: var(--spacing-4);
  margin-bottom: var(--spacing-3);
}
.btn {
  font-family: var(--font-family-secondary);
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-sm);
  line-height: 127%;
  letter-spacing: 0%;
  vertical-align: middle;
  align-items: center;
  background-color: var(--color-white);
  border: var(--border-width-1) solid var(--color-gray-30);
  border-radius: var(--border-radius-md);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1215686275);
  cursor: pointer;
  display: inline-flex;
  gap: var(--spacing-10);
  justify-content: center;
  padding: var(--button-base-padding);
  text-decoration: none;
  transition: var(--transition-base);
  -webkit-user-select: none;
  user-select: none;
}
.btn:disabled {
  opacity: var(--opacity-50);
  cursor: not-allowed;
}
.btn:hover {
  color: var(--color-primary);
}
.btn--sm {
  padding: var(--spacing-1) var(--spacing-3);
  font-size: var(--font-size-sm);
}
.btn--lg {
  padding: var(--spacing-3) var(--spacing-6);
  font-size: var(--font-size-lg);
}
.btn--primary {
  background-color: var(--color-primary);
  color: var(--color-white);
}
.btn--primary:hover {
  background-color: var(--color-primary);
}
.btn--primary:active {
  background-color: var(--color-primary);
}
.btn--secondary {
  background-color: var(--color-gray-60);
  color: var(--color-white);
}
.btn--secondary:hover {
  background-color: var(--color-gray-70);
}
.btn--secondary:active {
  background-color: var(--color-gray-80);
}
.btn--success {
  background-color: var(--color-action-green);
  color: var(--color-white);
}
.btn--success:hover {
  background-color: var(--color-action-green);
}
.btn--success:active {
  background-color: var(--color-action-green);
}
.btn--warning {
  background-color: var(--color-primary);
  color: var(--color-white);
}
.btn--warning:hover {
  background-color: var(--color-primary);
}
.btn--warning:active {
  background-color: var(--color-primary);
}
.btn--error {
  background-color: var(--color-action-red);
  color: var(--color-white);
}
.btn--error:hover {
  background-color: var(--color-action-red);
}
.btn--error:active {
  background-color: var(--color-action-red);
}
.btn--outline {
  background-color: transparent;
  border-color: var(--color-primary);
  color: var(--color-primary);
}
.btn--outline:hover {
  background-color: var(--color-primary);
  color: var(--color-white);
}
.btn--ghost {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  color: var(--color-primary);
}
.btn--ghost:hover {
  background-color: var(--color-gray-10);
}
.btn:disabled {
  opacity: var(--opacity-50);
  cursor: not-allowed;
  pointer-events: none;
}
.btn--loading {
  position: relative;
  color: transparent;
}
.btn--loading::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  border: 2px solid transparent;
  border-top-color: currentColor;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
.btn-group {
  display: inline-flex;
}
.btn-group .btn {
  border-radius: 0;
}
.btn-group .btn:first-child {
  border-top-left-radius: var(--border-radius-base);
  border-bottom-left-radius: var(--border-radius-base);
}
.btn-group .btn:last-child {
  border-top-right-radius: var(--border-radius-base);
  border-bottom-right-radius: var(--border-radius-base);
}
.btn-group .btn:not(:last-child) {
  border-right: 0;
}
.btn-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--button-base-padding);
  border: var(--border-width-1) solid transparent;
  border-radius: var(--border-radius-base);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-normal);
  text-decoration: none;
  cursor: pointer;
  transition: var(--transition-base);
  -webkit-user-select: none;
  user-select: none;
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: var(--border-radius-full);
}
.btn-icon:disabled {
  opacity: var(--opacity-50);
  cursor: not-allowed;
}
.btn-icon--sm {
  width: 32px;
  height: 32px;
}
.btn-icon--lg {
  width: 48px;
  height: 48px;
}
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown__toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--button-base-padding);
  border: var(--border-width-1) solid transparent;
  border-radius: var(--border-radius-base);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-normal);
  text-decoration: none;
  cursor: pointer;
  transition: var(--transition-base);
  -webkit-user-select: none;
  user-select: none;
  gap: var(--spacing-2);
}
.dropdown__toggle:disabled {
  opacity: var(--opacity-50);
  cursor: not-allowed;
}
.dropdown__toggle::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid currentColor;
  transition: transform var(--transition-base);
}
.dropdown__toggle.open::after {
  transform: rotate(180deg);
}
.dropdown__menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 200px;
  background-color: var(--color-background-primary);
  border: var(--border-width-1) solid var(--color-border-primary);
  border-radius: var(--border-radius-lg);
  box-shadow: var(--shadow-lg);
  z-index: z("dropdown");
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: var(--transition-base);
}
.dropdown__menu.open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.dropdown__menu--right {
  left: auto;
  right: 0;
}
.dropdown__menu--center {
  left: 50%;
  transform: translateX(-50%) translateY(-10px);
}
.dropdown__menu--center.open {
  transform: translateX(-50%) translateY(0);
}
.dropdown__item {
  display: block;
  padding: var(--spacing-2) var(--spacing-4);
  color: var(--color-text-primary);
  text-decoration: none;
  transition: var(--transition-base);
}
.dropdown__item:hover {
  background-color: var(--color-background-secondary);
  color: var(--color-primary-600);
}
.dropdown__item:first-child {
  border-top-left-radius: var(--border-radius-lg);
  border-top-right-radius: var(--border-radius-lg);
}
.dropdown__item:last-child {
  border-bottom-left-radius: var(--border-radius-lg);
  border-bottom-right-radius: var(--border-radius-lg);
}
.dropdown__item.disabled {
  opacity: var(--opacity-50);
  cursor: not-allowed;
  pointer-events: none;
}
.dropdown__divider {
  height: 1px;
  background-color: var(--color-border-primary);
  margin: var(--spacing-1) 0;
}
.dropdown__header {
  padding: var(--spacing-2) var(--spacing-4);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-secondary);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
}
.home__hero {
  background:
    linear-gradient(
      135deg,
      var(--color-primary-600) 0%,
      var(--color-primary-800) 100%);
  color: var(--color-white);
  padding: var(--spacing-16) 0;
  text-align: center;
}
.home__hero-title {
  font-size: var(--font-size-5xl);
  font-weight: var(--font-weight-bold);
  margin-bottom: var(--spacing-6);
}
@media (min-width: 768px) {
  .home__hero-title {
    font-size: var(--font-size-6xl);
  }
}
.home__hero-subtitle {
  font-size: var(--font-size-xl);
  margin-bottom: var(--spacing-8);
  opacity: 0.9;
}
.home__hero-actions {
  display: flex;
  gap: var(--spacing-4);
  justify-content: center;
  flex-wrap: wrap;
}
.home__features {
  padding: var(--spacing-16) 0;
  background-color: var(--color-background-secondary);
}
.home__features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: var(--spacing-8);
  margin-top: var(--spacing-12);
}
.home__features-item {
  text-align: center;
  padding: var(--spacing-6);
}
.home__features-item-icon {
  width: 64px;
  height: 64px;
  margin: 0 auto var(--spacing-4);
  background-color: var(--color-primary-100);
  border-radius: var(--border-radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary-600);
  font-size: var(--font-size-2xl);
}
.home__features-item-title {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-semibold);
  margin-bottom: var(--spacing-3);
  color: var(--color-text-primary);
}
.home__features-item-description {
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}
.home__cta {
  padding: var(--spacing-16) 0;
  background-color: var(--color-primary-600);
  color: var(--color-white);
  text-align: center;
}
.home__cta-title {
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  margin-bottom: var(--spacing-4);
}
.home__cta-description {
  font-size: var(--font-size-lg);
  margin-bottom: var(--spacing-8);
  opacity: 0.9;
}
.contact {
  padding: var(--spacing-12) 0;
}
.contact__header {
  text-align: center;
  margin-bottom: var(--spacing-12);
}
.contact__header-title {
  font-size: var(--font-size-4xl);
  font-weight: var(--font-weight-bold);
  margin-bottom: var(--spacing-4);
  color: var(--color-text-primary);
}
.contact__header-description {
  font-size: var(--font-size-lg);
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
}
.contact__content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-12);
}
@media (max-width: 767px) {
  .contact__content {
    grid-template-columns: 1fr;
    gap: var(--spacing-8);
  }
}
.contact__info-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: var(--spacing-6);
}
.contact__info-item-icon {
  width: 48px;
  height: 48px;
  background-color: var(--color-primary-100);
  border-radius: var(--border-radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary-600);
  margin-right: var(--spacing-4);
  flex-shrink: 0;
}
.contact__info-item-content h3 {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  margin-bottom: var(--spacing-1);
  color: var(--color-text-primary);
}
.contact__info-item-content p {
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}
.contact__form {
  background-color: var(--color-background-secondary);
  padding: var(--spacing-8);
  border-radius: var(--border-radius-xl);
  border: var(--border-width-1) solid var(--color-border-primary);
}
.contact__form-title {
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-semibold);
  margin-bottom: var(--spacing-6);
  color: var(--color-text-primary);
}
.about {
  padding: var(--spacing-12) 0;
}
.about__hero {
  background-color: var(--color-background-secondary);
  padding: var(--spacing-16) 0;
  text-align: center;
  margin-bottom: var(--spacing-12);
}
.about__hero-title {
  font-size: var(--font-size-4xl);
  font-weight: var(--font-weight-bold);
  margin-bottom: var(--spacing-6);
  color: var(--color-text-primary);
}
@media (min-width: 768px) {
  .about__hero-title {
    font-size: var(--font-size-5xl);
  }
}
.about__hero-description {
  font-size: var(--font-size-xl);
  color: var(--color-text-secondary);
  max-width: 800px;
  margin: 0 auto;
  line-height: var(--line-height-relaxed);
}
.about__content {
  max-width: 800px;
  margin: 0 auto;
}
.about__content-section {
  margin-bottom: var(--spacing-12);
}
.about__content-section h2 {
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  margin-bottom: var(--spacing-6);
  color: var(--color-text-primary);
}
.about__content-section p {
  font-size: var(--font-size-lg);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-4);
}
.about__team {
  padding: var(--spacing-12) 0;
  background-color: var(--color-background-secondary);
}
.about__team-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: var(--spacing-8);
  margin-top: var(--spacing-8);
}
.about__team-member {
  text-align: center;
  padding: var(--spacing-6);
  background-color: var(--color-background-primary);
  border-radius: var(--border-radius-lg);
  border: var(--border-width-1) solid var(--color-border-primary);
}
.about__team-member-avatar {
  width: 120px;
  height: 120px;
  border-radius: var(--border-radius-full);
  margin: 0 auto var(--spacing-4);
  object-fit: cover;
}
.about__team-member-name {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-semibold);
  margin-bottom: var(--spacing-2);
  color: var(--color-text-primary);
}
.about__team-member-role {
  font-size: var(--font-size-base);
  color: var(--color-primary-600);
  margin-bottom: var(--spacing-3);
}
.about__team-member-bio {
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}
:root {
  --theme-primary: var(--color-primary);
  --theme-secondary: var(--color-gray-60);
  --theme-accent: var(--color-primary);
  --theme-border-radius: var(--border-radius-base);
  --theme-shadow: var(--shadow-base);
  --theme-transition: var(--transition-base);
  --theme-transition-duration: 200ms;
}
body {
  transition: background-color var(--theme-transition-duration) ease-in-out, color var(--theme-transition-duration) ease-in-out;
}
.theme--high-contrast {
  --color-primary: #000000;
  --color-text-primary: #000000;
  --color-background-primary: #ffffff;
  --color-border-primary: #000000;
}
.theme--winter {
  --theme-primary: #3b82f6;
  --theme-secondary: #64748b;
  --theme-accent: #06b6d4;
}
.theme--spring {
  --theme-primary: #10b981;
  --theme-secondary: #84cc16;
  --theme-accent: #f59e0b;
}
.theme--summer {
  --theme-primary: #f59e0b;
  --theme-secondary: #ef4444;
  --theme-accent: #8b5cf6;
}
.theme--autumn {
  --theme-primary: #dc2626;
  --theme-secondary: #ea580c;
  --theme-accent: #d97706;
}
.admin-theme {
  --admin-primary: #1e40af;
  --admin-secondary: #475569;
  --admin-success: #059669;
  --admin-warning: #d97706;
  --admin-error: #dc2626;
  --admin-background: #f8fafc;
  --admin-sidebar: #1e293b;
  --admin-sidebar-text: #cbd5e1;
  --admin-sidebar-hover: #334155;
  --color-primary-600: var(--admin-primary);
  --color-primary-700: #1e3a8a;
  --color-secondary-600: var(--admin-secondary);
  --color-success-600: var(--admin-success);
  --color-warning-600: var(--admin-warning);
  --color-error-600: var(--admin-error);
  --color-background-primary: var(--admin-background);
}
.admin__sidebar {
  background-color: var(--admin-sidebar);
  color: var(--admin-sidebar-text);
}
.admin__sidebar .nav__link {
  color: var(--admin-sidebar-text);
}
.admin__sidebar .nav__link:hover {
  background-color: var(--admin-sidebar-hover);
  color: var(--color-white);
}
.admin__sidebar .nav__link.active {
  background-color: var(--admin-primary);
  color: var(--color-white);
}
.admin__header {
  background-color: var(--color-white);
  border-bottom: var(--border-width-1) solid var(--color-border-primary);
  box-shadow: var(--shadow-sm);
}
.admin__content {
  background-color: var(--admin-background);
  min-height: calc(100vh - 64px);
  padding: var(--spacing-6);
}
.admin__card {
  background-color: var(--color-white);
  border-radius: var(--border-radius-lg);
  box-shadow: var(--shadow-sm);
  border: var(--border-width-1) solid var(--color-border-primary);
  padding: var(--spacing-6);
  margin-bottom: var(--spacing-6);
}
.admin__card-header {
  border-bottom: var(--border-width-1) solid var(--color-border-primary);
  padding-bottom: var(--spacing-4);
  margin-bottom: var(--spacing-4);
}
.admin__card-header h2 {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin: 0;
}
.admin__stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: var(--spacing-6);
  margin-bottom: var(--spacing-8);
}
.admin__stats-item {
  background-color: var(--color-white);
  padding: var(--spacing-6);
  border-radius: var(--border-radius-lg);
  border: var(--border-width-1) solid var(--color-border-primary);
  text-align: center;
}
.admin__stats-item-value {
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  color: var(--admin-primary);
  margin-bottom: var(--spacing-2);
}
.admin__stats-item-label {
  color: var(--color-text-secondary);
  font-size: var(--font-size-sm);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
}
.admin__table {
  width: 100%;
  background-color: var(--color-white);
  border-radius: var(--border-radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
}
.admin__table th {
  background-color: var(--color-background-secondary);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
  font-size: var(--font-size-sm);
}
.admin__table td,
.admin__table th {
  padding: var(--spacing-3) var(--spacing-4);
  text-align: left;
  border-bottom: var(--border-width-1) solid var(--color-border-primary);
}
.admin__table tr:hover {
  background-color: var(--color-background-secondary);
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */