:root{--color-main: #1a84ff;--color-main-bg: rgba(26, 132, 255, 0.08);--color-accent: #b6e109;--color-accent-bg: rgba(182, 225, 9, 0.08);--color-red: #f53e2a;--color-red-bg: rgba(245, 62, 42, 0.08);--color-yellow: #ffd82c;--color-yellow-bg: rgba(255, 216, 44, 0.08);--color-green: #8bab1a;--color-green-bg: rgba(136, 160, 51, 0.08);--color-white: #fff;--color-black: #000;--color-text: #181818;--color-secondary: #656565;--color-inverse: #fff;--color-text-primary: #151515;--background-main: #f0f0f0;--background-2lvl: #ffffff;--background-gray: rgba(0, 0, 0, 0.03);--background-fade: rgba(0, 0, 0, 0.3);--border: rgba(101, 101, 101, 0.1);--button-blue: #1a84ff;--button-gray: rgba(0, 0, 0, 0.03);--button-dark: #181818;--button-green: rgba(182, 225, 9, 0.08);--button-gray-color: #181818;--button-dark-color: #fff;--button-backdrop-filter: blur(15px);--input-bg: rgba(0, 0, 0, 0.03);--input-placeholder: #656565;--input-color: #181818;--input-label-color: #656565;--input-err-bg: rgba(245, 62, 42, 0.08);--input-err-color: #f53e2a;--input-err-label-color: #f53e2a;--input-focus-bg: rgba(36, 128, 235, 0.1);--input-focus-color: #281717;--input-focus-label-color: #1a84ff;--divider: rgba(101, 101, 101, 0.3);--modal-stroke: rgba(0, 0, 0, 0.08);--color-text-secondary: #656565;--color-primary-add-btn: rgba(26, 132, 255, 0.08);--color-red-atention: #ae1818;--preview-card-bg: #f8f8f8;--fill-star: rgba(0, 0, 0, 0.03);--rt-color-white-app: #f0f0f0;--rt-color-dark-app: #ffffff;--rt-color-success-app: rgba(136, 160, 51, 0.08);--rt-color-error-app: rgba(245, 62, 42, 0.08);--rt-color-warning-app: rgba(255, 216, 44, 0.08);--rt-color-info-app: rgba(26, 132, 255, 0.08);--rt-opacity-app: 1;--pwa-background: #ffffff;--pwa-theme-color: #181818;--placeholder-bg-gradient: linear-gradient( 90deg, var(--background-gray) 25%, var(--background-gray) 50%, var(--background-gray) 75% );--placeholder-shimmer-light: linear-gradient( 90deg, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.1) 80%, transparent 100% );--placeholder-shimmer-item: linear-gradient( 90deg, transparent 0%, rgba(0, 0, 0, 0.08) 20%, rgba(0, 0, 0, 0.12) 50%, rgba(0, 0, 0, 0.08) 80%, transparent 100% );--placeholder-shimmer-price: linear-gradient( 90deg, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.1) 80%, transparent 100% );--placeholder-pulse-duration: 1.8s;--placeholder-shimmer-duration: 2.2s}.dark{--color-main: #1a84ff;--color-main-bg: rgba(36, 128, 235, 0.1);--color-accent: #b6e109;--color-accent-bg: rgba(#b6e109, 0.08);--color-red: #f53e2a;--color-red-bg: rgba(245, 62, 42, 0.1);--color-yellow: #ffd82c;--color-yellow-bg: rgba(#ffd82c, 0.08);--color-green: #8bab1a;--color-green-bg: rgba(#8bab1a, 0.08);--color-white: #fff;--color-black: #000;--color-text: #ffffff;--color-secondary: #959595;--color-inverse: #030303;--color-text-primary: #ffffff;--background-main: #161616;--background-2lvl: #202020;--background-gray: rgba(255, 255, 255, 0.05);--background-fade: rgba(0, 0, 0, 0.3);--border: rgba(149, 149, 149, 0.1);--button-blue: #2480eb;--button-gray: rgba(255, 255, 255, 0.05);--button-dark: #fff;--button-green: rgba(182, 225, 9, 0.08);--button-gray-color: #fff;--button-dark-color: #030303;--button-backdrop-filter: blur(0);--input-bg: rgba(255, 255, 255, 0.05);--input-placeholder: #959595;--input-color: #fff;--input-label-color: #656565;--input-err-bg: rgba(245, 62, 42, 0.08);--input-err-color: #f53e2a;--input-err-label-color: #f53e2a;--input-focus-bg: rgba(36, 128, 235, 0.1);--input-focus-color: #fff;--input-focus-label-color: #1a84ff;--divider: rgba(149, 149, 149, 0.3);--modal-stroke: rgba(255, 255, 255, 0.08);--color-text-secondary: #959595;--color-primary-add-btn: rgba(36, 128, 235, 0.1);--preview-card-bg: #2e2e2e;--fill-star: rgba(255, 255, 255, 0.03);--rt-color-white-app: #161616;--rt-color-dark-app: #202020;--rt-color-success-app: rgba(136, 160, 51, 0.08);--rt-color-error-app: rgba(245, 62, 42, 0.08);--rt-color-warning-app: rgba(255, 216, 44, 0.08);--rt-color-info-app: rgba(26, 132, 255, 0.08);--rt-opacity-app: 1;--pwa-background: #202020;--pwa-theme-color: #ffffff;--placeholder-bg-gradient: linear-gradient( 90deg, var(--background-gray) 25%, var(--background-gray) 50%, var(--background-gray) 75% );--placeholder-shimmer-light: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 80%, transparent 100% );--placeholder-shimmer-item: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.08) 20%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.08) 80%, transparent 100% );--placeholder-shimmer-price: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.18) 50%, rgba(255, 255, 255, 0.1) 80%, transparent 100% );--placeholder-pulse-duration: 1.8s;--placeholder-shimmer-duration: 2.2s}.PerformanceMetrics-title{display:flex;align-items:center;gap:6px}.PerformanceMetrics-list{display:flex;flex-direction:column;gap:4px;max-height:150px;overflow-y:auto}.PerformanceMetrics-list::-webkit-scrollbar{width:4px}.PerformanceMetrics-list::-webkit-scrollbar-track{background:var(--background-gray);border-radius:2px}.PerformanceMetrics-list::-webkit-scrollbar-thumb{background:var(--color-secondary);border-radius:2px}.PerformanceMetrics-item{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:var(--background-gray);border-radius:3px;transition:background-color .2s ease}.PerformanceMetrics-item:hover{background:var(--button-gray)}.PerformanceMetrics-info{display:flex;align-items:center;gap:6px}.PerformanceMetrics-emoji{font-size:12px}.PerformanceMetrics-name{font-size:12px;font-weight:500}.PerformanceMetrics-duration{font-size:12px;font-weight:600}
:root{--color-main: #1a84ff;--color-main-bg: rgba(26, 132, 255, 0.08);--color-accent: #b6e109;--color-accent-bg: rgba(182, 225, 9, 0.08);--color-red: #f53e2a;--color-red-bg: rgba(245, 62, 42, 0.08);--color-yellow: #ffd82c;--color-yellow-bg: rgba(255, 216, 44, 0.08);--color-green: #8bab1a;--color-green-bg: rgba(136, 160, 51, 0.08);--color-white: #fff;--color-black: #000;--color-text: #181818;--color-secondary: #656565;--color-inverse: #fff;--color-text-primary: #151515;--background-main: #f0f0f0;--background-2lvl: #ffffff;--background-gray: rgba(0, 0, 0, 0.03);--background-fade: rgba(0, 0, 0, 0.3);--border: rgba(101, 101, 101, 0.1);--button-blue: #1a84ff;--button-gray: rgba(0, 0, 0, 0.03);--button-dark: #181818;--button-green: rgba(182, 225, 9, 0.08);--button-gray-color: #181818;--button-dark-color: #fff;--button-backdrop-filter: blur(15px);--input-bg: rgba(0, 0, 0, 0.03);--input-placeholder: #656565;--input-color: #181818;--input-label-color: #656565;--input-err-bg: rgba(245, 62, 42, 0.08);--input-err-color: #f53e2a;--input-err-label-color: #f53e2a;--input-focus-bg: rgba(36, 128, 235, 0.1);--input-focus-color: #281717;--input-focus-label-color: #1a84ff;--divider: rgba(101, 101, 101, 0.3);--modal-stroke: rgba(0, 0, 0, 0.08);--color-text-secondary: #656565;--color-primary-add-btn: rgba(26, 132, 255, 0.08);--color-red-atention: #ae1818;--preview-card-bg: #f8f8f8;--fill-star: rgba(0, 0, 0, 0.03);--rt-color-white-app: #f0f0f0;--rt-color-dark-app: #ffffff;--rt-color-success-app: rgba(136, 160, 51, 0.08);--rt-color-error-app: rgba(245, 62, 42, 0.08);--rt-color-warning-app: rgba(255, 216, 44, 0.08);--rt-color-info-app: rgba(26, 132, 255, 0.08);--rt-opacity-app: 1;--pwa-background: #ffffff;--pwa-theme-color: #181818;--placeholder-bg-gradient: linear-gradient( 90deg, var(--background-gray) 25%, var(--background-gray) 50%, var(--background-gray) 75% );--placeholder-shimmer-light: linear-gradient( 90deg, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.1) 80%, transparent 100% );--placeholder-shimmer-item: linear-gradient( 90deg, transparent 0%, rgba(0, 0, 0, 0.08) 20%, rgba(0, 0, 0, 0.12) 50%, rgba(0, 0, 0, 0.08) 80%, transparent 100% );--placeholder-shimmer-price: linear-gradient( 90deg, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.1) 80%, transparent 100% );--placeholder-pulse-duration: 1.8s;--placeholder-shimmer-duration: 2.2s}.dark{--color-main: #1a84ff;--color-main-bg: rgba(36, 128, 235, 0.1);--color-accent: #b6e109;--color-accent-bg: rgba(#b6e109, 0.08);--color-red: #f53e2a;--color-red-bg: rgba(245, 62, 42, 0.1);--color-yellow: #ffd82c;--color-yellow-bg: rgba(#ffd82c, 0.08);--color-green: #8bab1a;--color-green-bg: rgba(#8bab1a, 0.08);--color-white: #fff;--color-black: #000;--color-text: #ffffff;--color-secondary: #959595;--color-inverse: #030303;--color-text-primary: #ffffff;--background-main: #161616;--background-2lvl: #202020;--background-gray: rgba(255, 255, 255, 0.05);--background-fade: rgba(0, 0, 0, 0.3);--border: rgba(149, 149, 149, 0.1);--button-blue: #2480eb;--button-gray: rgba(255, 255, 255, 0.05);--button-dark: #fff;--button-green: rgba(182, 225, 9, 0.08);--button-gray-color: #fff;--button-dark-color: #030303;--button-backdrop-filter: blur(0);--input-bg: rgba(255, 255, 255, 0.05);--input-placeholder: #959595;--input-color: #fff;--input-label-color: #656565;--input-err-bg: rgba(245, 62, 42, 0.08);--input-err-color: #f53e2a;--input-err-label-color: #f53e2a;--input-focus-bg: rgba(36, 128, 235, 0.1);--input-focus-color: #fff;--input-focus-label-color: #1a84ff;--divider: rgba(149, 149, 149, 0.3);--modal-stroke: rgba(255, 255, 255, 0.08);--color-text-secondary: #959595;--color-primary-add-btn: rgba(36, 128, 235, 0.1);--preview-card-bg: #2e2e2e;--fill-star: rgba(255, 255, 255, 0.03);--rt-color-white-app: #161616;--rt-color-dark-app: #202020;--rt-color-success-app: rgba(136, 160, 51, 0.08);--rt-color-error-app: rgba(245, 62, 42, 0.08);--rt-color-warning-app: rgba(255, 216, 44, 0.08);--rt-color-info-app: rgba(26, 132, 255, 0.08);--rt-opacity-app: 1;--pwa-background: #202020;--pwa-theme-color: #ffffff;--placeholder-bg-gradient: linear-gradient( 90deg, var(--background-gray) 25%, var(--background-gray) 50%, var(--background-gray) 75% );--placeholder-shimmer-light: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 80%, transparent 100% );--placeholder-shimmer-item: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.08) 20%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.08) 80%, transparent 100% );--placeholder-shimmer-price: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.18) 50%, rgba(255, 255, 255, 0.1) 80%, transparent 100% );--placeholder-pulse-duration: 1.8s;--placeholder-shimmer-duration: 2.2s}.PerformanceProgress-title{display:flex;align-items:center;gap:6px}.PerformanceProgress-list{display:flex;flex-direction:column;gap:4px}.PerformanceProgress-item{display:flex;align-items:center;gap:6px;padding:8px;background:var(--color-green);border-radius:4px;font-size:12px;font-weight:500;color:var(--color-text);display:flex;align-items:center;gap:6px}
:root{--color-main: #1a84ff;--color-main-bg: rgba(26, 132, 255, 0.08);--color-accent: #b6e109;--color-accent-bg: rgba(182, 225, 9, 0.08);--color-red: #f53e2a;--color-red-bg: rgba(245, 62, 42, 0.08);--color-yellow: #ffd82c;--color-yellow-bg: rgba(255, 216, 44, 0.08);--color-green: #8bab1a;--color-green-bg: rgba(136, 160, 51, 0.08);--color-white: #fff;--color-black: #000;--color-text: #181818;--color-secondary: #656565;--color-inverse: #fff;--color-text-primary: #151515;--background-main: #f0f0f0;--background-2lvl: #ffffff;--background-gray: rgba(0, 0, 0, 0.03);--background-fade: rgba(0, 0, 0, 0.3);--border: rgba(101, 101, 101, 0.1);--button-blue: #1a84ff;--button-gray: rgba(0, 0, 0, 0.03);--button-dark: #181818;--button-green: rgba(182, 225, 9, 0.08);--button-gray-color: #181818;--button-dark-color: #fff;--button-backdrop-filter: blur(15px);--input-bg: rgba(0, 0, 0, 0.03);--input-placeholder: #656565;--input-color: #181818;--input-label-color: #656565;--input-err-bg: rgba(245, 62, 42, 0.08);--input-err-color: #f53e2a;--input-err-label-color: #f53e2a;--input-focus-bg: rgba(36, 128, 235, 0.1);--input-focus-color: #281717;--input-focus-label-color: #1a84ff;--divider: rgba(101, 101, 101, 0.3);--modal-stroke: rgba(0, 0, 0, 0.08);--color-text-secondary: #656565;--color-primary-add-btn: rgba(26, 132, 255, 0.08);--color-red-atention: #ae1818;--preview-card-bg: #f8f8f8;--fill-star: rgba(0, 0, 0, 0.03);--rt-color-white-app: #f0f0f0;--rt-color-dark-app: #ffffff;--rt-color-success-app: rgba(136, 160, 51, 0.08);--rt-color-error-app: rgba(245, 62, 42, 0.08);--rt-color-warning-app: rgba(255, 216, 44, 0.08);--rt-color-info-app: rgba(26, 132, 255, 0.08);--rt-opacity-app: 1;--pwa-background: #ffffff;--pwa-theme-color: #181818;--placeholder-bg-gradient: linear-gradient( 90deg, var(--background-gray) 25%, var(--background-gray) 50%, var(--background-gray) 75% );--placeholder-shimmer-light: linear-gradient( 90deg, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.1) 80%, transparent 100% );--placeholder-shimmer-item: linear-gradient( 90deg, transparent 0%, rgba(0, 0, 0, 0.08) 20%, rgba(0, 0, 0, 0.12) 50%, rgba(0, 0, 0, 0.08) 80%, transparent 100% );--placeholder-shimmer-price: linear-gradient( 90deg, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.1) 80%, transparent 100% );--placeholder-pulse-duration: 1.8s;--placeholder-shimmer-duration: 2.2s}.dark{--color-main: #1a84ff;--color-main-bg: rgba(36, 128, 235, 0.1);--color-accent: #b6e109;--color-accent-bg: rgba(#b6e109, 0.08);--color-red: #f53e2a;--color-red-bg: rgba(245, 62, 42, 0.1);--color-yellow: #ffd82c;--color-yellow-bg: rgba(#ffd82c, 0.08);--color-green: #8bab1a;--color-green-bg: rgba(#8bab1a, 0.08);--color-white: #fff;--color-black: #000;--color-text: #ffffff;--color-secondary: #959595;--color-inverse: #030303;--color-text-primary: #ffffff;--background-main: #161616;--background-2lvl: #202020;--background-gray: rgba(255, 255, 255, 0.05);--background-fade: rgba(0, 0, 0, 0.3);--border: rgba(149, 149, 149, 0.1);--button-blue: #2480eb;--button-gray: rgba(255, 255, 255, 0.05);--button-dark: #fff;--button-green: rgba(182, 225, 9, 0.08);--button-gray-color: #fff;--button-dark-color: #030303;--button-backdrop-filter: blur(0);--input-bg: rgba(255, 255, 255, 0.05);--input-placeholder: #959595;--input-color: #fff;--input-label-color: #656565;--input-err-bg: rgba(245, 62, 42, 0.08);--input-err-color: #f53e2a;--input-err-label-color: #f53e2a;--input-focus-bg: rgba(36, 128, 235, 0.1);--input-focus-color: #fff;--input-focus-label-color: #1a84ff;--divider: rgba(149, 149, 149, 0.3);--modal-stroke: rgba(255, 255, 255, 0.08);--color-text-secondary: #959595;--color-primary-add-btn: rgba(36, 128, 235, 0.1);--preview-card-bg: #2e2e2e;--fill-star: rgba(255, 255, 255, 0.03);--rt-color-white-app: #161616;--rt-color-dark-app: #202020;--rt-color-success-app: rgba(136, 160, 51, 0.08);--rt-color-error-app: rgba(245, 62, 42, 0.08);--rt-color-warning-app: rgba(255, 216, 44, 0.08);--rt-color-info-app: rgba(26, 132, 255, 0.08);--rt-opacity-app: 1;--pwa-background: #202020;--pwa-theme-color: #ffffff;--placeholder-bg-gradient: linear-gradient( 90deg, var(--background-gray) 25%, var(--background-gray) 50%, var(--background-gray) 75% );--placeholder-shimmer-light: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 80%, transparent 100% );--placeholder-shimmer-item: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.08) 20%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.08) 80%, transparent 100% );--placeholder-shimmer-price: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.18) 50%, rgba(255, 255, 255, 0.1) 80%, transparent 100% );--placeholder-pulse-duration: 1.8s;--placeholder-shimmer-duration: 2.2s}.PerformanceStats-title{display:flex;align-items:center;gap:6px}.PerformanceStats-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.PerformanceStats-card{background:var(--background-gray);padding:8px;border-radius:5px}.PerformanceStats-label{font-size:12px;opacity:.7;margin-bottom:4px}.PerformanceStats-value{font-size:16px;font-weight:600}
:root{--color-main: #1a84ff;--color-main-bg: rgba(26, 132, 255, 0.08);--color-accent: #b6e109;--color-accent-bg: rgba(182, 225, 9, 0.08);--color-red: #f53e2a;--color-red-bg: rgba(245, 62, 42, 0.08);--color-yellow: #ffd82c;--color-yellow-bg: rgba(255, 216, 44, 0.08);--color-green: #8bab1a;--color-green-bg: rgba(136, 160, 51, 0.08);--color-white: #fff;--color-black: #000;--color-text: #181818;--color-secondary: #656565;--color-inverse: #fff;--color-text-primary: #151515;--background-main: #f0f0f0;--background-2lvl: #ffffff;--background-gray: rgba(0, 0, 0, 0.03);--background-fade: rgba(0, 0, 0, 0.3);--border: rgba(101, 101, 101, 0.1);--button-blue: #1a84ff;--button-gray: rgba(0, 0, 0, 0.03);--button-dark: #181818;--button-green: rgba(182, 225, 9, 0.08);--button-gray-color: #181818;--button-dark-color: #fff;--button-backdrop-filter: blur(15px);--input-bg: rgba(0, 0, 0, 0.03);--input-placeholder: #656565;--input-color: #181818;--input-label-color: #656565;--input-err-bg: rgba(245, 62, 42, 0.08);--input-err-color: #f53e2a;--input-err-label-color: #f53e2a;--input-focus-bg: rgba(36, 128, 235, 0.1);--input-focus-color: #281717;--input-focus-label-color: #1a84ff;--divider: rgba(101, 101, 101, 0.3);--modal-stroke: rgba(0, 0, 0, 0.08);--color-text-secondary: #656565;--color-primary-add-btn: rgba(26, 132, 255, 0.08);--color-red-atention: #ae1818;--preview-card-bg: #f8f8f8;--fill-star: rgba(0, 0, 0, 0.03);--rt-color-white-app: #f0f0f0;--rt-color-dark-app: #ffffff;--rt-color-success-app: rgba(136, 160, 51, 0.08);--rt-color-error-app: rgba(245, 62, 42, 0.08);--rt-color-warning-app: rgba(255, 216, 44, 0.08);--rt-color-info-app: rgba(26, 132, 255, 0.08);--rt-opacity-app: 1;--pwa-background: #ffffff;--pwa-theme-color: #181818;--placeholder-bg-gradient: linear-gradient( 90deg, var(--background-gray) 25%, var(--background-gray) 50%, var(--background-gray) 75% );--placeholder-shimmer-light: linear-gradient( 90deg, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.1) 80%, transparent 100% );--placeholder-shimmer-item: linear-gradient( 90deg, transparent 0%, rgba(0, 0, 0, 0.08) 20%, rgba(0, 0, 0, 0.12) 50%, rgba(0, 0, 0, 0.08) 80%, transparent 100% );--placeholder-shimmer-price: linear-gradient( 90deg, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.1) 80%, transparent 100% );--placeholder-pulse-duration: 1.8s;--placeholder-shimmer-duration: 2.2s}.dark{--color-main: #1a84ff;--color-main-bg: rgba(36, 128, 235, 0.1);--color-accent: #b6e109;--color-accent-bg: rgba(#b6e109, 0.08);--color-red: #f53e2a;--color-red-bg: rgba(245, 62, 42, 0.1);--color-yellow: #ffd82c;--color-yellow-bg: rgba(#ffd82c, 0.08);--color-green: #8bab1a;--color-green-bg: rgba(#8bab1a, 0.08);--color-white: #fff;--color-black: #000;--color-text: #ffffff;--color-secondary: #959595;--color-inverse: #030303;--color-text-primary: #ffffff;--background-main: #161616;--background-2lvl: #202020;--background-gray: rgba(255, 255, 255, 0.05);--background-fade: rgba(0, 0, 0, 0.3);--border: rgba(149, 149, 149, 0.1);--button-blue: #2480eb;--button-gray: rgba(255, 255, 255, 0.05);--button-dark: #fff;--button-green: rgba(182, 225, 9, 0.08);--button-gray-color: #fff;--button-dark-color: #030303;--button-backdrop-filter: blur(0);--input-bg: rgba(255, 255, 255, 0.05);--input-placeholder: #959595;--input-color: #fff;--input-label-color: #656565;--input-err-bg: rgba(245, 62, 42, 0.08);--input-err-color: #f53e2a;--input-err-label-color: #f53e2a;--input-focus-bg: rgba(36, 128, 235, 0.1);--input-focus-color: #fff;--input-focus-label-color: #1a84ff;--divider: rgba(149, 149, 149, 0.3);--modal-stroke: rgba(255, 255, 255, 0.08);--color-text-secondary: #959595;--color-primary-add-btn: rgba(36, 128, 235, 0.1);--preview-card-bg: #2e2e2e;--fill-star: rgba(255, 255, 255, 0.03);--rt-color-white-app: #161616;--rt-color-dark-app: #202020;--rt-color-success-app: rgba(136, 160, 51, 0.08);--rt-color-error-app: rgba(245, 62, 42, 0.08);--rt-color-warning-app: rgba(255, 216, 44, 0.08);--rt-color-info-app: rgba(26, 132, 255, 0.08);--rt-opacity-app: 1;--pwa-background: #202020;--pwa-theme-color: #ffffff;--placeholder-bg-gradient: linear-gradient( 90deg, var(--background-gray) 25%, var(--background-gray) 50%, var(--background-gray) 75% );--placeholder-shimmer-light: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 80%, transparent 100% );--placeholder-shimmer-item: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.08) 20%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.08) 80%, transparent 100% );--placeholder-shimmer-price: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.18) 50%, rgba(255, 255, 255, 0.1) 80%, transparent 100% );--placeholder-pulse-duration: 1.8s;--placeholder-shimmer-duration: 2.2s}.RedisMetrics-title{display:flex;align-items:center;gap:6px}.RedisMetrics-metrics{display:flex;flex-direction:column;gap:8px}.RedisMetrics-metric{display:flex;justify-content:space-between;align-items:center;background-color:var(--background-gray);font-size:10px;padding:8px;border-radius:4px}.RedisMetrics-metric span:first-child{font-weight:700}.RedisMetrics-value{font-weight:700;color:var(--color-text-primary)}.RedisMetrics-value_fast{color:var(--color-success)}.RedisMetrics-value_medium{color:var(--color-warning)}.RedisMetrics-value_slow{color:var(--color-error)}.RedisMetrics-details{margin-top:12px;padding-top:8px;border-top:1px solid var(--border)}.RedisMetrics-subtitle{font-size:10px;font-weight:700;margin-bottom:8px;color:var(--color-text-secondary)}.RedisMetrics-operation{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:10px}.RedisMetrics-name{flex:1 1;color:var(--color-text-secondary);text-transform:capitalize}.RedisMetrics-time{color:var(--color-error);font-weight:700;margin-left:8px}.RedisMetrics-error{background-color:var(--color-error);color:var(--color-white);padding:2px 4px;border-radius:4px;font-size:9px;font-weight:700;margin-left:4px}
:root{--color-main: #1a84ff;--color-main-bg: rgba(26, 132, 255, 0.08);--color-accent: #b6e109;--color-accent-bg: rgba(182, 225, 9, 0.08);--color-red: #f53e2a;--color-red-bg: rgba(245, 62, 42, 0.08);--color-yellow: #ffd82c;--color-yellow-bg: rgba(255, 216, 44, 0.08);--color-green: #8bab1a;--color-green-bg: rgba(136, 160, 51, 0.08);--color-white: #fff;--color-black: #000;--color-text: #181818;--color-secondary: #656565;--color-inverse: #fff;--color-text-primary: #151515;--background-main: #f0f0f0;--background-2lvl: #ffffff;--background-gray: rgba(0, 0, 0, 0.03);--background-fade: rgba(0, 0, 0, 0.3);--border: rgba(101, 101, 101, 0.1);--button-blue: #1a84ff;--button-gray: rgba(0, 0, 0, 0.03);--button-dark: #181818;--button-green: rgba(182, 225, 9, 0.08);--button-gray-color: #181818;--button-dark-color: #fff;--button-backdrop-filter: blur(15px);--input-bg: rgba(0, 0, 0, 0.03);--input-placeholder: #656565;--input-color: #181818;--input-label-color: #656565;--input-err-bg: rgba(245, 62, 42, 0.08);--input-err-color: #f53e2a;--input-err-label-color: #f53e2a;--input-focus-bg: rgba(36, 128, 235, 0.1);--input-focus-color: #281717;--input-focus-label-color: #1a84ff;--divider: rgba(101, 101, 101, 0.3);--modal-stroke: rgba(0, 0, 0, 0.08);--color-text-secondary: #656565;--color-primary-add-btn: rgba(26, 132, 255, 0.08);--color-red-atention: #ae1818;--preview-card-bg: #f8f8f8;--fill-star: rgba(0, 0, 0, 0.03);--rt-color-white-app: #f0f0f0;--rt-color-dark-app: #ffffff;--rt-color-success-app: rgba(136, 160, 51, 0.08);--rt-color-error-app: rgba(245, 62, 42, 0.08);--rt-color-warning-app: rgba(255, 216, 44, 0.08);--rt-color-info-app: rgba(26, 132, 255, 0.08);--rt-opacity-app: 1;--pwa-background: #ffffff;--pwa-theme-color: #181818;--placeholder-bg-gradient: linear-gradient( 90deg, var(--background-gray) 25%, var(--background-gray) 50%, var(--background-gray) 75% );--placeholder-shimmer-light: linear-gradient( 90deg, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.1) 80%, transparent 100% );--placeholder-shimmer-item: linear-gradient( 90deg, transparent 0%, rgba(0, 0, 0, 0.08) 20%, rgba(0, 0, 0, 0.12) 50%, rgba(0, 0, 0, 0.08) 80%, transparent 100% );--placeholder-shimmer-price: linear-gradient( 90deg, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.1) 80%, transparent 100% );--placeholder-pulse-duration: 1.8s;--placeholder-shimmer-duration: 2.2s}.dark{--color-main: #1a84ff;--color-main-bg: rgba(36, 128, 235, 0.1);--color-accent: #b6e109;--color-accent-bg: rgba(#b6e109, 0.08);--color-red: #f53e2a;--color-red-bg: rgba(245, 62, 42, 0.1);--color-yellow: #ffd82c;--color-yellow-bg: rgba(#ffd82c, 0.08);--color-green: #8bab1a;--color-green-bg: rgba(#8bab1a, 0.08);--color-white: #fff;--color-black: #000;--color-text: #ffffff;--color-secondary: #959595;--color-inverse: #030303;--color-text-primary: #ffffff;--background-main: #161616;--background-2lvl: #202020;--background-gray: rgba(255, 255, 255, 0.05);--background-fade: rgba(0, 0, 0, 0.3);--border: rgba(149, 149, 149, 0.1);--button-blue: #2480eb;--button-gray: rgba(255, 255, 255, 0.05);--button-dark: #fff;--button-green: rgba(182, 225, 9, 0.08);--button-gray-color: #fff;--button-dark-color: #030303;--button-backdrop-filter: blur(0);--input-bg: rgba(255, 255, 255, 0.05);--input-placeholder: #959595;--input-color: #fff;--input-label-color: #656565;--input-err-bg: rgba(245, 62, 42, 0.08);--input-err-color: #f53e2a;--input-err-label-color: #f53e2a;--input-focus-bg: rgba(36, 128, 235, 0.1);--input-focus-color: #fff;--input-focus-label-color: #1a84ff;--divider: rgba(149, 149, 149, 0.3);--modal-stroke: rgba(255, 255, 255, 0.08);--color-text-secondary: #959595;--color-primary-add-btn: rgba(36, 128, 235, 0.1);--preview-card-bg: #2e2e2e;--fill-star: rgba(255, 255, 255, 0.03);--rt-color-white-app: #161616;--rt-color-dark-app: #202020;--rt-color-success-app: rgba(136, 160, 51, 0.08);--rt-color-error-app: rgba(245, 62, 42, 0.08);--rt-color-warning-app: rgba(255, 216, 44, 0.08);--rt-color-info-app: rgba(26, 132, 255, 0.08);--rt-opacity-app: 1;--pwa-background: #202020;--pwa-theme-color: #ffffff;--placeholder-bg-gradient: linear-gradient( 90deg, var(--background-gray) 25%, var(--background-gray) 50%, var(--background-gray) 75% );--placeholder-shimmer-light: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 80%, transparent 100% );--placeholder-shimmer-item: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.08) 20%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.08) 80%, transparent 100% );--placeholder-shimmer-price: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.18) 50%, rgba(255, 255, 255, 0.1) 80%, transparent 100% );--placeholder-pulse-duration: 1.8s;--placeholder-shimmer-duration: 2.2s}.ServerMetrics-title{display:flex;align-items:center;gap:6px}.ServerMetrics-metrics{display:flex;flex-direction:column;gap:8px}.ServerMetrics-metric{display:flex;justify-content:space-between;align-items:center;background-color:var(--background-gray);font-size:10px;padding:8px;border-radius:4px}.ServerMetrics-metric span:first-child{font-weight:700}.ServerMetrics-value{font-weight:700;color:var(--color-text-primary)}.ServerMetrics-value_fast{color:var(--color-success)}.ServerMetrics-value_medium{color:var(--color-warning)}.ServerMetrics-value_slow{color:var(--color-error)}.ServerMetrics-details{margin-top:12px;padding-top:8px;border-top:1px solid var(--border)}.ServerMetrics-subtitle{font-size:10px;font-weight:700;margin-bottom:8px;color:var(--color-text-secondary)}.ServerMetrics-request{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:10px}.ServerMetrics-url{flex:1 1;color:var(--color-text-secondary);font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:8px}.ServerMetrics-method{background-color:var(--color-primary);color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700;min-width:36px;text-align:center}.ServerMetrics-info{display:flex;align-items:center;gap:6px;margin-left:8px}.ServerMetrics-time{font-weight:700;padding:2px 6px;border-radius:4px;font-size:11px}.ServerMetrics-time_fast{color:var(--color-success);background-color:var(--color-success-light)}.ServerMetrics-time_medium{color:var(--color-warning);background-color:var(--color-warning-light)}.ServerMetrics-time_slow{color:var(--color-error);background-color:var(--color-error-light)}.ServerMetrics-status{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700;background-color:var(--background-gray);color:var(--color-text-secondary)}.ServerMetrics-status_success{background-color:var(--color-success-light);color:var(--color-success)}.ServerMetrics-status_error{background-color:var(--color-error-light);color:var(--color-error)}.ServerMetrics-cache{background-color:var(--color-info-light);color:var(--color-info);padding:2px 4px;border-radius:4px;font-size:9px;font-weight:700}.ServerMetrics-error{background-color:var(--color-error-light);color:var(--color-error);padding:2px 4px;border-radius:4px;font-size:9px;font-weight:700}
:root{--color-main: #1a84ff;--color-main-bg: rgba(26, 132, 255, 0.08);--color-accent: #b6e109;--color-accent-bg: rgba(182, 225, 9, 0.08);--color-red: #f53e2a;--color-red-bg: rgba(245, 62, 42, 0.08);--color-yellow: #ffd82c;--color-yellow-bg: rgba(255, 216, 44, 0.08);--color-green: #8bab1a;--color-green-bg: rgba(136, 160, 51, 0.08);--color-white: #fff;--color-black: #000;--color-text: #181818;--color-secondary: #656565;--color-inverse: #fff;--color-text-primary: #151515;--background-main: #f0f0f0;--background-2lvl: #ffffff;--background-gray: rgba(0, 0, 0, 0.03);--background-fade: rgba(0, 0, 0, 0.3);--border: rgba(101, 101, 101, 0.1);--button-blue: #1a84ff;--button-gray: rgba(0, 0, 0, 0.03);--button-dark: #181818;--button-green: rgba(182, 225, 9, 0.08);--button-gray-color: #181818;--button-dark-color: #fff;--button-backdrop-filter: blur(15px);--input-bg: rgba(0, 0, 0, 0.03);--input-placeholder: #656565;--input-color: #181818;--input-label-color: #656565;--input-err-bg: rgba(245, 62, 42, 0.08);--input-err-color: #f53e2a;--input-err-label-color: #f53e2a;--input-focus-bg: rgba(36, 128, 235, 0.1);--input-focus-color: #281717;--input-focus-label-color: #1a84ff;--divider: rgba(101, 101, 101, 0.3);--modal-stroke: rgba(0, 0, 0, 0.08);--color-text-secondary: #656565;--color-primary-add-btn: rgba(26, 132, 255, 0.08);--color-red-atention: #ae1818;--preview-card-bg: #f8f8f8;--fill-star: rgba(0, 0, 0, 0.03);--rt-color-white-app: #f0f0f0;--rt-color-dark-app: #ffffff;--rt-color-success-app: rgba(136, 160, 51, 0.08);--rt-color-error-app: rgba(245, 62, 42, 0.08);--rt-color-warning-app: rgba(255, 216, 44, 0.08);--rt-color-info-app: rgba(26, 132, 255, 0.08);--rt-opacity-app: 1;--pwa-background: #ffffff;--pwa-theme-color: #181818;--placeholder-bg-gradient: linear-gradient( 90deg, var(--background-gray) 25%, var(--background-gray) 50%, var(--background-gray) 75% );--placeholder-shimmer-light: linear-gradient( 90deg, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.1) 80%, transparent 100% );--placeholder-shimmer-item: linear-gradient( 90deg, transparent 0%, rgba(0, 0, 0, 0.08) 20%, rgba(0, 0, 0, 0.12) 50%, rgba(0, 0, 0, 0.08) 80%, transparent 100% );--placeholder-shimmer-price: linear-gradient( 90deg, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.1) 80%, transparent 100% );--placeholder-pulse-duration: 1.8s;--placeholder-shimmer-duration: 2.2s}.dark{--color-main: #1a84ff;--color-main-bg: rgba(36, 128, 235, 0.1);--color-accent: #b6e109;--color-accent-bg: rgba(#b6e109, 0.08);--color-red: #f53e2a;--color-red-bg: rgba(245, 62, 42, 0.1);--color-yellow: #ffd82c;--color-yellow-bg: rgba(#ffd82c, 0.08);--color-green: #8bab1a;--color-green-bg: rgba(#8bab1a, 0.08);--color-white: #fff;--color-black: #000;--color-text: #ffffff;--color-secondary: #959595;--color-inverse: #030303;--color-text-primary: #ffffff;--background-main: #161616;--background-2lvl: #202020;--background-gray: rgba(255, 255, 255, 0.05);--background-fade: rgba(0, 0, 0, 0.3);--border: rgba(149, 149, 149, 0.1);--button-blue: #2480eb;--button-gray: rgba(255, 255, 255, 0.05);--button-dark: #fff;--button-green: rgba(182, 225, 9, 0.08);--button-gray-color: #fff;--button-dark-color: #030303;--button-backdrop-filter: blur(0);--input-bg: rgba(255, 255, 255, 0.05);--input-placeholder: #959595;--input-color: #fff;--input-label-color: #656565;--input-err-bg: rgba(245, 62, 42, 0.08);--input-err-color: #f53e2a;--input-err-label-color: #f53e2a;--input-focus-bg: rgba(36, 128, 235, 0.1);--input-focus-color: #fff;--input-focus-label-color: #1a84ff;--divider: rgba(149, 149, 149, 0.3);--modal-stroke: rgba(255, 255, 255, 0.08);--color-text-secondary: #959595;--color-primary-add-btn: rgba(36, 128, 235, 0.1);--preview-card-bg: #2e2e2e;--fill-star: rgba(255, 255, 255, 0.03);--rt-color-white-app: #161616;--rt-color-dark-app: #202020;--rt-color-success-app: rgba(136, 160, 51, 0.08);--rt-color-error-app: rgba(245, 62, 42, 0.08);--rt-color-warning-app: rgba(255, 216, 44, 0.08);--rt-color-info-app: rgba(26, 132, 255, 0.08);--rt-opacity-app: 1;--pwa-background: #202020;--pwa-theme-color: #ffffff;--placeholder-bg-gradient: linear-gradient( 90deg, var(--background-gray) 25%, var(--background-gray) 50%, var(--background-gray) 75% );--placeholder-shimmer-light: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 80%, transparent 100% );--placeholder-shimmer-item: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.08) 20%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.08) 80%, transparent 100% );--placeholder-shimmer-price: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.18) 50%, rgba(255, 255, 255, 0.1) 80%, transparent 100% );--placeholder-pulse-duration: 1.8s;--placeholder-shimmer-duration: 2.2s}.WebVitals-title{display:flex;align-items:center;gap:6px}.WebVitals-metrics{display:flex;flex-direction:column;gap:8px}.WebVitals-metric{display:flex;justify-content:space-between;align-items:center;background-color:var(--background-gray);font-size:10px;padding:8px;border-radius:4px}.WebVitals-metric span:first-child{font-weight:700}.WebVitals-value{font-weight:700;color:var(--color-text-primary)}.WebVitals-value_good{color:var(--color-success)}.WebVitals-value_poor{color:var(--color-error)}
:root{--color-main: #1a84ff;--color-main-bg: rgba(26, 132, 255, 0.08);--color-accent: #b6e109;--color-accent-bg: rgba(182, 225, 9, 0.08);--color-red: #f53e2a;--color-red-bg: rgba(245, 62, 42, 0.08);--color-yellow: #ffd82c;--color-yellow-bg: rgba(255, 216, 44, 0.08);--color-green: #8bab1a;--color-green-bg: rgba(136, 160, 51, 0.08);--color-white: #fff;--color-black: #000;--color-text: #181818;--color-secondary: #656565;--color-inverse: #fff;--color-text-primary: #151515;--background-main: #f0f0f0;--background-2lvl: #ffffff;--background-gray: rgba(0, 0, 0, 0.03);--background-fade: rgba(0, 0, 0, 0.3);--border: rgba(101, 101, 101, 0.1);--button-blue: #1a84ff;--button-gray: rgba(0, 0, 0, 0.03);--button-dark: #181818;--button-green: rgba(182, 225, 9, 0.08);--button-gray-color: #181818;--button-dark-color: #fff;--button-backdrop-filter: blur(15px);--input-bg: rgba(0, 0, 0, 0.03);--input-placeholder: #656565;--input-color: #181818;--input-label-color: #656565;--input-err-bg: rgba(245, 62, 42, 0.08);--input-err-color: #f53e2a;--input-err-label-color: #f53e2a;--input-focus-bg: rgba(36, 128, 235, 0.1);--input-focus-color: #281717;--input-focus-label-color: #1a84ff;--divider: rgba(101, 101, 101, 0.3);--modal-stroke: rgba(0, 0, 0, 0.08);--color-text-secondary: #656565;--color-primary-add-btn: rgba(26, 132, 255, 0.08);--color-red-atention: #ae1818;--preview-card-bg: #f8f8f8;--fill-star: rgba(0, 0, 0, 0.03);--rt-color-white-app: #f0f0f0;--rt-color-dark-app: #ffffff;--rt-color-success-app: rgba(136, 160, 51, 0.08);--rt-color-error-app: rgba(245, 62, 42, 0.08);--rt-color-warning-app: rgba(255, 216, 44, 0.08);--rt-color-info-app: rgba(26, 132, 255, 0.08);--rt-opacity-app: 1;--pwa-background: #ffffff;--pwa-theme-color: #181818;--placeholder-bg-gradient: linear-gradient( 90deg, var(--background-gray) 25%, var(--background-gray) 50%, var(--background-gray) 75% );--placeholder-shimmer-light: linear-gradient( 90deg, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.1) 80%, transparent 100% );--placeholder-shimmer-item: linear-gradient( 90deg, transparent 0%, rgba(0, 0, 0, 0.08) 20%, rgba(0, 0, 0, 0.12) 50%, rgba(0, 0, 0, 0.08) 80%, transparent 100% );--placeholder-shimmer-price: linear-gradient( 90deg, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.1) 80%, transparent 100% );--placeholder-pulse-duration: 1.8s;--placeholder-shimmer-duration: 2.2s}.dark{--color-main: #1a84ff;--color-main-bg: rgba(36, 128, 235, 0.1);--color-accent: #b6e109;--color-accent-bg: rgba(#b6e109, 0.08);--color-red: #f53e2a;--color-red-bg: rgba(245, 62, 42, 0.1);--color-yellow: #ffd82c;--color-yellow-bg: rgba(#ffd82c, 0.08);--color-green: #8bab1a;--color-green-bg: rgba(#8bab1a, 0.08);--color-white: #fff;--color-black: #000;--color-text: #ffffff;--color-secondary: #959595;--color-inverse: #030303;--color-text-primary: #ffffff;--background-main: #161616;--background-2lvl: #202020;--background-gray: rgba(255, 255, 255, 0.05);--background-fade: rgba(0, 0, 0, 0.3);--border: rgba(149, 149, 149, 0.1);--button-blue: #2480eb;--button-gray: rgba(255, 255, 255, 0.05);--button-dark: #fff;--button-green: rgba(182, 225, 9, 0.08);--button-gray-color: #fff;--button-dark-color: #030303;--button-backdrop-filter: blur(0);--input-bg: rgba(255, 255, 255, 0.05);--input-placeholder: #959595;--input-color: #fff;--input-label-color: #656565;--input-err-bg: rgba(245, 62, 42, 0.08);--input-err-color: #f53e2a;--input-err-label-color: #f53e2a;--input-focus-bg: rgba(36, 128, 235, 0.1);--input-focus-color: #fff;--input-focus-label-color: #1a84ff;--divider: rgba(149, 149, 149, 0.3);--modal-stroke: rgba(255, 255, 255, 0.08);--color-text-secondary: #959595;--color-primary-add-btn: rgba(36, 128, 235, 0.1);--preview-card-bg: #2e2e2e;--fill-star: rgba(255, 255, 255, 0.03);--rt-color-white-app: #161616;--rt-color-dark-app: #202020;--rt-color-success-app: rgba(136, 160, 51, 0.08);--rt-color-error-app: rgba(245, 62, 42, 0.08);--rt-color-warning-app: rgba(255, 216, 44, 0.08);--rt-color-info-app: rgba(26, 132, 255, 0.08);--rt-opacity-app: 1;--pwa-background: #202020;--pwa-theme-color: #ffffff;--placeholder-bg-gradient: linear-gradient( 90deg, var(--background-gray) 25%, var(--background-gray) 50%, var(--background-gray) 75% );--placeholder-shimmer-light: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 80%, transparent 100% );--placeholder-shimmer-item: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.08) 20%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.08) 80%, transparent 100% );--placeholder-shimmer-price: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.18) 50%, rgba(255, 255, 255, 0.1) 80%, transparent 100% );--placeholder-pulse-duration: 1.8s;--placeholder-shimmer-duration: 2.2s}.FloatingPerformanceMonitor{background:var(--background-2lvl);border-radius:12px;color:var(--color-text);width:100%;transition:all .3s ease}.FloatingPerformanceMonitor-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:pointer;border-radius:12px 12px 0 0;transition:background-color .2s ease}.FloatingPerformanceMonitor-header:hover{background:var(--background-gray)}.FloatingPerformanceMonitor-content{padding:16px;max-height:500px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.FloatingPerformanceMonitor-content::-webkit-scrollbar{width:6px}.FloatingPerformanceMonitor-content::-webkit-scrollbar-track{background:var(--background-gray);border-radius:3px}.FloatingPerformanceMonitor-content::-webkit-scrollbar-thumb{background:var(--color-secondary);border-radius:3px}.FloatingPerformanceMonitor-content::-webkit-scrollbar-thumb:hover{background:var(--color-text)}.FloatingPerformanceMonitor-section{margin-bottom:20px}.FloatingPerformanceMonitor-section:last-child{margin-bottom:0}.FloatingPerformanceMonitor-title{margin:0 0 12px 0;font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px}.FloatingPerformanceMonitor-title_slow{color:var(--color-red)}.FloatingPerformanceMonitor-actions{display:flex;gap:8px;margin-top:16px}.FloatingPerformanceMonitor-badge{background:var(--color-green);color:#fff;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500;transition:background-color .2s ease}.FloatingPerformanceMonitor-badge_warning{background:var(--color-yellow)}.FloatingPerformanceMonitor-badge_error{background:var(--color-red)}.FloatingPerformanceMonitor-badge_info{background:var(--color-main)}.FloatingPerformanceMonitor-expand{font-size:12px;opacity:.7;transition:transform .2s ease}.FloatingPerformanceMonitor-left{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}.FloatingPerformanceMonitor-icon{font-size:20px}.FloatingPerformanceMonitor-right{display:flex;align-items:center;gap:8px}.FloatingPerformanceMonitor-actions{display:flex;gap:12px;margin-top:16px}
:root{--color-main: #1a84ff;--color-main-bg: rgba(26, 132, 255, 0.08);--color-accent: #b6e109;--color-accent-bg: rgba(182, 225, 9, 0.08);--color-red: #f53e2a;--color-red-bg: rgba(245, 62, 42, 0.08);--color-yellow: #ffd82c;--color-yellow-bg: rgba(255, 216, 44, 0.08);--color-green: #8bab1a;--color-green-bg: rgba(136, 160, 51, 0.08);--color-white: #fff;--color-black: #000;--color-text: #181818;--color-secondary: #656565;--color-inverse: #fff;--color-text-primary: #151515;--background-main: #f0f0f0;--background-2lvl: #ffffff;--background-gray: rgba(0, 0, 0, 0.03);--background-fade: rgba(0, 0, 0, 0.3);--border: rgba(101, 101, 101, 0.1);--button-blue: #1a84ff;--button-gray: rgba(0, 0, 0, 0.03);--button-dark: #181818;--button-green: rgba(182, 225, 9, 0.08);--button-gray-color: #181818;--button-dark-color: #fff;--button-backdrop-filter: blur(15px);--input-bg: rgba(0, 0, 0, 0.03);--input-placeholder: #656565;--input-color: #181818;--input-label-color: #656565;--input-err-bg: rgba(245, 62, 42, 0.08);--input-err-color: #f53e2a;--input-err-label-color: #f53e2a;--input-focus-bg: rgba(36, 128, 235, 0.1);--input-focus-color: #281717;--input-focus-label-color: #1a84ff;--divider: rgba(101, 101, 101, 0.3);--modal-stroke: rgba(0, 0, 0, 0.08);--color-text-secondary: #656565;--color-primary-add-btn: rgba(26, 132, 255, 0.08);--color-red-atention: #ae1818;--preview-card-bg: #f8f8f8;--fill-star: rgba(0, 0, 0, 0.03);--rt-color-white-app: #f0f0f0;--rt-color-dark-app: #ffffff;--rt-color-success-app: rgba(136, 160, 51, 0.08);--rt-color-error-app: rgba(245, 62, 42, 0.08);--rt-color-warning-app: rgba(255, 216, 44, 0.08);--rt-color-info-app: rgba(26, 132, 255, 0.08);--rt-opacity-app: 1;--pwa-background: #ffffff;--pwa-theme-color: #181818;--placeholder-bg-gradient: linear-gradient( 90deg, var(--background-gray) 25%, var(--background-gray) 50%, var(--background-gray) 75% );--placeholder-shimmer-light: linear-gradient( 90deg, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.1) 80%, transparent 100% );--placeholder-shimmer-item: linear-gradient( 90deg, transparent 0%, rgba(0, 0, 0, 0.08) 20%, rgba(0, 0, 0, 0.12) 50%, rgba(0, 0, 0, 0.08) 80%, transparent 100% );--placeholder-shimmer-price: linear-gradient( 90deg, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.1) 80%, transparent 100% );--placeholder-pulse-duration: 1.8s;--placeholder-shimmer-duration: 2.2s}.dark{--color-main: #1a84ff;--color-main-bg: rgba(36, 128, 235, 0.1);--color-accent: #b6e109;--color-accent-bg: rgba(#b6e109, 0.08);--color-red: #f53e2a;--color-red-bg: rgba(245, 62, 42, 0.1);--color-yellow: #ffd82c;--color-yellow-bg: rgba(#ffd82c, 0.08);--color-green: #8bab1a;--color-green-bg: rgba(#8bab1a, 0.08);--color-white: #fff;--color-black: #000;--color-text: #ffffff;--color-secondary: #959595;--color-inverse: #030303;--color-text-primary: #ffffff;--background-main: #161616;--background-2lvl: #202020;--background-gray: rgba(255, 255, 255, 0.05);--background-fade: rgba(0, 0, 0, 0.3);--border: rgba(149, 149, 149, 0.1);--button-blue: #2480eb;--button-gray: rgba(255, 255, 255, 0.05);--button-dark: #fff;--button-green: rgba(182, 225, 9, 0.08);--button-gray-color: #fff;--button-dark-color: #030303;--button-backdrop-filter: blur(0);--input-bg: rgba(255, 255, 255, 0.05);--input-placeholder: #959595;--input-color: #fff;--input-label-color: #656565;--input-err-bg: rgba(245, 62, 42, 0.08);--input-err-color: #f53e2a;--input-err-label-color: #f53e2a;--input-focus-bg: rgba(36, 128, 235, 0.1);--input-focus-color: #fff;--input-focus-label-color: #1a84ff;--divider: rgba(149, 149, 149, 0.3);--modal-stroke: rgba(255, 255, 255, 0.08);--color-text-secondary: #959595;--color-primary-add-btn: rgba(36, 128, 235, 0.1);--preview-card-bg: #2e2e2e;--fill-star: rgba(255, 255, 255, 0.03);--rt-color-white-app: #161616;--rt-color-dark-app: #202020;--rt-color-success-app: rgba(136, 160, 51, 0.08);--rt-color-error-app: rgba(245, 62, 42, 0.08);--rt-color-warning-app: rgba(255, 216, 44, 0.08);--rt-color-info-app: rgba(26, 132, 255, 0.08);--rt-opacity-app: 1;--pwa-background: #202020;--pwa-theme-color: #ffffff;--placeholder-bg-gradient: linear-gradient( 90deg, var(--background-gray) 25%, var(--background-gray) 50%, var(--background-gray) 75% );--placeholder-shimmer-light: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 80%, transparent 100% );--placeholder-shimmer-item: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.08) 20%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.08) 80%, transparent 100% );--placeholder-shimmer-price: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.18) 50%, rgba(255, 255, 255, 0.1) 80%, transparent 100% );--placeholder-pulse-duration: 1.8s;--placeholder-shimmer-duration: 2.2s}.MemoryMonitor{background:var(--background-2lvl);border-radius:12px;padding:12px 16px;display:flex;flex-direction:column;gap:8px}.MemoryMonitor-percentage{font-weight:700;font-size:12px;color:var(--color-text-primary)}.MemoryMonitor-progress{width:100%;height:6px;background:var(--background-gray);border-radius:3px;overflow:hidden}.MemoryMonitor-fill{height:100%;background:var(--color-green);transition:width .3s ease,background-color .3s ease}.MemoryMonitor-fill_high{background:var(--color-yellow)}.MemoryMonitor-fill_critical{background:var(--color-red)}.MemoryMonitor-actions{display:flex;gap:8px}.MemoryMonitor-warning{font-size:18px;animation:memoryPulse 2s infinite}.MemoryMonitor-status{font-size:10px;color:var(--color-green);text-align:center;padding:4px 0;font-weight:500;animation:statusFade 2s ease-out}.MemoryMonitor_visible{opacity:1;visibility:visible}.MemoryMonitor_hidden{opacity:0;visibility:hidden}@keyframes memoryPulse{0%,100%{opacity:1}50%{opacity:.5}}@keyframes statusFade{0%{opacity:0;transform:translateY(10px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-10px)}}@media(max-width: 768px){.MemoryMonitor{padding:8px}.MemoryMonitor-percentage{font-size:10px}.MemoryMonitor-button{width:28px;height:28px}}
.PerformanceMonitor{position:fixed;top:10px;right:10px;z-index:9999;background:rgba(0,0,0,.8);color:#fff;border-radius:8px;font-size:12px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,monospace;max-width:300px;max-height:400px;overflow:hidden;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 4px 16px rgba(0,0,0,.3);transition:all .3s ease}.PerformanceMonitor_header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;cursor:pointer;border-bottom:1px solid hsla(0,0%,100%,.1);transition:background-color .2s ease}.PerformanceMonitor_header:hover{background:hsla(0,0%,100%,.05)}.PerformanceMonitor_title{display:flex;align-items:center;gap:6px}.PerformanceMonitor_titleIcon{font-size:16px}.PerformanceMonitor_titleText{font-weight:600;font-size:13px}.PerformanceMonitor_expandIcon{font-size:10px;opacity:.7;transition:transform .2s ease}.PerformanceMonitor_content{padding:10px 12px;max-height:350px;overflow-y:auto}.PerformanceMonitor_content::-webkit-scrollbar{width:4px}.PerformanceMonitor_content::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:2px}.PerformanceMonitor_content::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:2px}.PerformanceMonitor_content::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.5)}.PerformanceMonitor_section{margin-bottom:12px}.PerformanceMonitor_section:last-child{margin-bottom:0}.PerformanceMonitor_sectionTitle{font-weight:600;font-size:12px;margin-bottom:6px;display:flex;align-items:center;gap:4px}.PerformanceMonitor_sectionTitle_slow{color:#ff6b6b}.PerformanceMonitor_slowList{display:flex;flex-direction:column;gap:4px}.PerformanceMonitor_slowItem{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:rgba(255,107,107,.1);border:1px solid rgba(255,107,107,.2);border-radius:4px;margin-left:8px}.PerformanceMonitor_metricsList{display:flex;flex-direction:column;gap:2px;max-height:120px;overflow-y:auto}.PerformanceMonitor_metricsList::-webkit-scrollbar{width:3px}.PerformanceMonitor_metricsList::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:2px}.PerformanceMonitor_metricsList::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:2px}.PerformanceMonitor_metricItem{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;margin-left:8px;border-radius:3px;transition:background-color .2s ease}.PerformanceMonitor_metricItem:hover{background:hsla(0,0%,100%,.05)}.PerformanceMonitor_metricItem_slow{color:#ff6b6b}.PerformanceMonitor_metricName{font-size:11px;font-weight:500}.PerformanceMonitor_metricDuration{font-size:11px;font-weight:600;color:#4ecdc4}.PerformanceMonitor_metricDuration_slow{color:#ff6b6b}.PerformanceMonitor_inProgressList{display:flex;flex-direction:column;gap:2px}.PerformanceMonitor_inProgressItem{display:flex;align-items:center;gap:4px;padding:4px 8px;margin-left:8px;background:rgba(76,175,80,.1);border:1px solid rgba(76,175,80,.2);border-radius:3px}.PerformanceMonitor_inProgressIcon{font-size:10px}.PerformanceMonitor_actions{margin-top:10px;padding-top:8px;border-top:1px solid hsla(0,0%,100%,.1)}.PerformanceMonitor_button{background:#ff6b6b;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:10px;font-weight:500;font-family:inherit;transition:all .2s ease;width:100%}.PerformanceMonitor_button:hover{background:#ff5252;transform:translateY(-1px);box-shadow:0 2px 8px rgba(255,107,107,.3)}.PerformanceMonitor_button:active{transform:translateY(0)}.PerformanceMonitor_button_clear{background:#ff6b6b}.PerformanceMonitor_button_clear:hover{background:#ff5252}.PerformanceMonitor_isVisible{opacity:1;visibility:visible}.PerformanceMonitor_isHidden{opacity:0;visibility:hidden;pointer-events:none}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.PerformanceMonitor{animation:fadeIn .3s ease-out}@media(max-width: 768px){.PerformanceMonitor{top:5px;right:5px;left:5px;max-width:none;font-size:11px}}.dark .PerformanceMonitor{background:rgba(20,20,20,.9);border-color:hsla(0,0%,100%,.15)}.light .PerformanceMonitor{background:hsla(0,0%,100%,.95);color:#333;border-color:rgba(0,0,0,.1);box-shadow:0 4px 16px rgba(0,0,0,.1)}.light .PerformanceMonitor .PerformanceMonitor_header{border-bottom-color:rgba(0,0,0,.1)}.light .PerformanceMonitor .PerformanceMonitor_header:hover{background:rgba(0,0,0,.05)}.light .PerformanceMonitor .PerformanceMonitor_slowItem{background:rgba(255,107,107,.15);border-color:rgba(255,107,107,.3)}.light .PerformanceMonitor .PerformanceMonitor_metricItem:hover{background:rgba(0,0,0,.05)}.light .PerformanceMonitor .PerformanceMonitor_inProgressItem{background:rgba(76,175,80,.15);border-color:rgba(76,175,80,.3)}.light .PerformanceMonitor .PerformanceMonitor_actions{border-top-color:rgba(0,0,0,.1)}
