:root {
	--selleo-ink: #11243a;
	--selleo-blue: #1f6feb;
	--selleo-cyan: #2ec5ce;
	--selleo-cream: #f5f7fb;
	--selleo-panel: #ffffff;
	--selleo-font-sans:
		"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
		sans-serif;
}

body[data-path^="/selleo"],
body[data-route^="/selleo"],
body[data-path^="selleo"],
body[data-route^="selleo"],
body[data-path="login"],
body[data-route="login"] {
	margin: 0;
	background:
		radial-gradient(circle at top left, rgba(46, 197, 206, 0.18), transparent 28%),
		linear-gradient(180deg, #eff6ff 0%, var(--selleo-cream) 42%, #ffffff 100%);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	color: var(--selleo-ink);
	font-family: var(--selleo-font-sans);
	min-height: 100vh;
	overflow-x: clip;
}

body[data-path^="/selleo"] .web-footer,
body[data-route^="/selleo"] .web-footer,
body[data-path^="selleo"] .web-footer,
body[data-route^="selleo"] .web-footer,
body[data-path^="/selleo"] footer,
body[data-route^="/selleo"] footer,
body[data-path^="selleo"] footer,
body[data-route^="selleo"] footer {
	display: none;
}

body[data-path^="/selleo"] input,
body[data-route^="/selleo"] input,
body[data-path^="selleo"] input,
body[data-route^="selleo"] input,
body[data-path="login"] input,
body[data-route="login"] input,
body[data-path^="/selleo"] button,
body[data-route^="/selleo"] button,
body[data-path^="selleo"] button,
body[data-route^="selleo"] button,
body[data-path="login"] button,
body[data-route="login"] button,
body[data-path^="/selleo"] textarea,
body[data-route^="/selleo"] textarea,
body[data-path^="selleo"] textarea,
body[data-route^="selleo"] textarea,
body[data-path="login"] textarea,
body[data-route="login"] textarea,
body[data-path^="/selleo"] select,
body[data-route^="/selleo"] select,
body[data-path^="selleo"] select,
body[data-route^="selleo"] select,
body[data-path="login"] select,
body[data-route="login"] select {
	font: inherit;
}

.navbar .navbar-brand {
	display: inline-flex;
	align-items: center;
	min-height: 82px;
	padding-top: 10px;
	padding-bottom: 10px;
	max-width: 360px;
}

.navbar .navbar-brand > img.selleo-navbar-logo,
.navbar .navbar-brand .selleo-navbar-logo {
	display: block;
	width: auto !important;
	height: 42px !important;
	max-width: none !important;
	max-height: none !important;
}

.selleo-product-navbar {
	position: relative;
	z-index: 3200;
	isolation: isolate;
	background: rgba(255, 255, 255, 0.92);
	backdrop-filter: blur(12px);
	border-bottom: 1px solid rgba(17, 36, 58, 0.08);
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	border-left: 0;
	border-right: 0;
}

.selleo-product-navbar-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 72px;
	width: 100%;
	max-width: none;
	min-width: 0;
	margin: 0;
	padding-left: 20px;
	padding-right: 20px;
}

.selleo-product-menu-toggle {
	display: none;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 4px;
	width: 44px;
	height: 44px;
	border-radius: 14px;
	border: 1px solid rgba(17, 36, 58, 0.08);
	background: rgba(255, 255, 255, 0.92);
	box-shadow: 0 12px 30px rgba(31, 111, 235, 0.08);
	cursor: pointer;
	transition:
		background 0.18s ease,
		border-color 0.18s ease,
		box-shadow 0.18s ease,
		transform 0.18s ease;
}

.selleo-product-menu-toggle span {
	display: block;
	width: 18px;
	height: 2px;
	border-radius: 999px;
	background: #17355f;
	transition:
		transform 0.18s ease,
		opacity 0.18s ease;
}

.selleo-product-menu-toggle:hover,
.selleo-product-menu-toggle:focus-visible {
	background: rgba(239, 246, 255, 0.98);
	border-color: rgba(31, 111, 235, 0.16);
	box-shadow: 0 16px 34px rgba(31, 111, 235, 0.12);
	transform: translateY(-1px);
	outline: none;
}

.selleo-product-navbar-right {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	gap: 16px;
	min-width: 0;
}

.selleo-help-trigger {
	padding: 10px 16px;
	border-radius: 16px;
	box-shadow: 0 12px 30px rgba(31, 111, 235, 0.08);
	white-space: nowrap;
	max-width: 100%;
}

.selleo-help-trigger:hover,
.selleo-help-trigger:focus-visible {
	background: rgba(239, 246, 255, 0.98);
	border-color: rgba(31, 111, 235, 0.16);
	box-shadow: 0 16px 34px rgba(31, 111, 235, 0.12);
}

.selleo-account-trigger {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 10px 12px 10px 16px;
	border-radius: 16px;
	border: 1px solid rgba(17, 36, 58, 0.08);
	background: rgba(255, 255, 255, 0.92);
	color: var(--selleo-ink);
	font-weight: 700;
	box-shadow: 0 12px 30px rgba(31, 111, 235, 0.08);
	cursor: pointer;
	transition:
		background 0.18s ease,
		border-color 0.18s ease,
		box-shadow 0.18s ease,
		transform 0.18s ease;
}

.selleo-account-trigger:hover,
.selleo-account-trigger:focus-visible {
	background: rgba(239, 246, 255, 0.98);
	border-color: rgba(31, 111, 235, 0.16);
	box-shadow: 0 16px 34px rgba(31, 111, 235, 0.12);
	transform: translateY(-1px);
	outline: none;
}

.selleo-account-trigger-label {
	font-size: 15px;
}

.selleo-account-trigger-avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 999px;
	background: rgba(31, 111, 235, 0.12);
	color: var(--selleo-blue);
	font-size: 14px;
	font-weight: 800;
}

.selleo-account-menu {
	position: relative;
	z-index: 1;
}

.selleo-account-menu.is-open {
	z-index: 3300;
}

.selleo-account-dropdown {
	position: absolute;
	top: calc(100% + 12px);
	right: 0;
	width: min(420px, calc(100vw - 32px));
	padding: 18px;
	border-radius: 22px;
	background: rgba(255, 255, 255, 0.98);
	border: 1px solid rgba(17, 36, 58, 0.08);
	box-shadow: 0 22px 50px rgba(17, 36, 58, 0.14);
	z-index: 3301;
}

.selleo-account-header {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	align-items: start;
	margin-bottom: 16px;
}

.selleo-account-title {
	font-size: 20px;
	font-weight: 800;
	color: var(--selleo-ink);
	margin-bottom: 4px;
}

.selleo-account-subtitle {
	font-size: 14px;
	color: rgba(17, 36, 58, 0.7);
}

.selleo-account-meta {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 8px;
}

.selleo-account-meta span {
	padding: 8px 12px;
	border-radius: 999px;
	background: rgba(17, 36, 58, 0.06);
	font-size: 12px;
	font-weight: 700;
	color: rgba(17, 36, 58, 0.74);
	white-space: nowrap;
}

.selleo-account-identity {
	display: grid;
	gap: 6px;
	padding: 14px 16px;
	margin-bottom: 16px;
	border-radius: 18px;
	background: rgba(17, 36, 58, 0.04);
}

.selleo-account-identity strong {
	display: block;
	font-size: 15px;
	line-height: 1.35;
	color: var(--selleo-ink);
	word-break: break-word;
}

.selleo-account-identity span {
	display: block;
	font-size: 14px;
	line-height: 1.4;
	color: rgba(17, 36, 58, 0.66);
	word-break: break-word;
}

.selleo-account-stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 16px;
}

.selleo-account-stat {
	display: grid;
	align-content: start;
	gap: 8px;
	min-height: 118px;
	padding: 16px 14px;
	border-radius: 18px;
	background: linear-gradient(180deg, rgba(31, 111, 235, 0.08), rgba(17, 36, 58, 0.03));
}

.selleo-account-stat strong {
	display: block;
	font-size: clamp(17px, 1.35vw, 20px);
	line-height: 1.12;
	letter-spacing: -0.02em;
	color: var(--selleo-ink);
	word-break: keep-all;
	overflow-wrap: normal;
	hyphens: none;
}

.selleo-account-stat span {
	font-size: 11px;
	line-height: 1.45;
	font-weight: 700;
	color: rgba(17, 36, 58, 0.62);
}

.selleo-account-links {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.selleo-account-link {
	display: block;
	padding: 14px 16px;
	border-radius: 18px;
	background: rgba(17, 36, 58, 0.04);
	text-decoration: none;
	transition:
		background 0.18s ease,
		box-shadow 0.18s ease,
		transform 0.18s ease;
}

.selleo-account-link:hover,
.selleo-account-link:focus-visible {
	background: rgba(31, 111, 235, 0.1);
	box-shadow: inset 0 0 0 1px rgba(31, 111, 235, 0.14);
	transform: translateY(-1px);
}

.selleo-account-link strong {
	display: block;
	margin-bottom: 6px;
	font-size: 15px;
	color: var(--selleo-ink);
}

.selleo-account-link span {
	display: block;
	font-size: 13px;
	line-height: 1.45;
	color: rgba(17, 36, 58, 0.68);
}

.selleo-account-actions {
	display: flex;
	justify-content: flex-end;
	margin-top: 16px;
	padding-top: 14px;
	border-top: 1px solid rgba(17, 36, 58, 0.08);
}

.selleo-account-logout,
.selleo-account-login {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 14px;
	border-radius: 14px;
	font-weight: 700;
	text-decoration: none;
	color: var(--selleo-blue);
	background: rgba(31, 111, 235, 0.08);
	transition:
		background 0.18s ease,
		box-shadow 0.18s ease,
		transform 0.18s ease;
	cursor: pointer;
}

.selleo-account-logout:hover,
.selleo-account-logout:focus-visible,
.selleo-account-login:hover,
.selleo-account-login:focus-visible {
	background: rgba(31, 111, 235, 0.14);
	box-shadow: inset 0 0 0 1px rgba(31, 111, 235, 0.16);
	transform: translateY(-1px);
}

.selleo-account-dropdown[hidden] {
	display: none !important;
}

.selleo-help-drawer-shell {
	position: fixed;
	inset: 0;
	z-index: 3390;
	overflow: hidden;
}

.selleo-help-drawer-backdrop {
	position: absolute;
	inset: 0;
	border: 0;
	background: rgba(17, 36, 58, 0.34);
	backdrop-filter: blur(6px);
	cursor: pointer;
}

.selleo-help-drawer {
	position: absolute;
	top: 0;
	right: 0;
	width: min(520px, calc(100vw - 32px));
	height: 100dvh;
	padding: 24px 22px 28px;
	background:
		radial-gradient(circle at top left, rgba(205, 232, 255, 0.75), transparent 38%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 251, 255, 0.98));
	border-left: 1px solid rgba(17, 36, 58, 0.08);
	box-shadow: -24px 0 48px rgba(17, 36, 58, 0.16);
	overflow: auto;
	overscroll-behavior: contain;
}

.selleo-help-drawer:focus {
	outline: none;
}

.selleo-help-drawer-head {
	display: flex;
	align-items: start;
	justify-content: space-between;
	gap: 16px;
	padding-bottom: 18px;
	border-bottom: 1px solid rgba(17, 36, 58, 0.08);
}

.selleo-help-drawer-title {
	margin: 8px 0 10px;
	font-size: clamp(28px, 3vw, 36px);
	line-height: 1.05;
	color: var(--selleo-ink);
}

.selleo-help-drawer-text {
	margin: 0;
	font-size: 15px;
	line-height: 1.65;
	color: rgba(17, 36, 58, 0.74);
}

.selleo-help-drawer-close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border: 1px solid rgba(17, 36, 58, 0.08);
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.92);
	color: #17355f;
	font-size: 28px;
	line-height: 1;
	cursor: pointer;
	transition:
		transform 0.18s ease,
		box-shadow 0.18s ease,
		border-color 0.18s ease,
		background 0.18s ease;
}

.selleo-help-drawer-close:hover,
.selleo-help-drawer-close:focus-visible {
	background: rgba(239, 246, 255, 0.98);
	border-color: rgba(31, 111, 235, 0.16);
	box-shadow: 0 12px 24px rgba(31, 111, 235, 0.12);
	transform: translateY(-1px);
	outline: none;
}

.selleo-help-drawer-toc {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 18px;
}

.selleo-help-drawer-toc a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 14px;
	border-radius: 999px;
	background: rgba(238, 245, 255, 0.92);
	border: 1px solid rgba(31, 111, 235, 0.14);
	color: #124db6;
	text-decoration: none;
	font-weight: 700;
	font-size: 14px;
	transition:
		transform 0.18s ease,
		box-shadow 0.18s ease,
		background 0.18s ease;
}

.selleo-help-drawer-toc a:hover,
.selleo-help-drawer-toc a:focus-visible {
	background: #e7f1ff;
	box-shadow: 0 10px 20px rgba(31, 111, 235, 0.1);
	transform: translateY(-1px);
	outline: none;
}

.selleo-help-drawer-body {
	display: flex;
	flex-direction: column;
	gap: 18px;
	margin-top: 20px;
	padding-bottom: 12px;
}

.selleo-help-section {
	padding: 18px 18px 20px;
	border-radius: 22px;
	border: 1px solid rgba(17, 36, 58, 0.08);
	background: rgba(255, 255, 255, 0.88);
	box-shadow: 0 14px 30px rgba(17, 36, 58, 0.05);
	scroll-margin-top: 24px;
}

.selleo-help-section-head {
	margin-bottom: 14px;
}

.selleo-help-section-eyebrow {
	display: inline-block;
	margin-bottom: 6px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #6f89ad;
}

.selleo-help-section h3 {
	margin: 0;
	font-size: 24px;
	line-height: 1.15;
	color: var(--selleo-ink);
}

.selleo-help-steps {
	margin: 0;
	padding-left: 20px;
	display: grid;
	gap: 10px;
	color: #22324d;
	line-height: 1.6;
}

.selleo-help-steps li,
.selleo-help-checklist li,
.selleo-help-note,
.selleo-help-footnote,
.selleo-help-card p {
	font-size: 15px;
	color: #22324d;
}

.selleo-help-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.selleo-help-grid--two {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.selleo-help-card,
.selleo-help-note {
	padding: 16px;
	border-radius: 18px;
	background: linear-gradient(180deg, rgba(248, 251, 255, 0.96), rgba(255, 255, 255, 0.96));
	border: 1px solid rgba(205, 222, 243, 0.9);
}

.selleo-help-card strong {
	display: block;
	margin-bottom: 8px;
	font-size: 16px;
	color: var(--selleo-ink);
}

.selleo-help-card p,
.selleo-help-note,
.selleo-help-footnote {
	margin: 0;
	line-height: 1.65;
}

.selleo-help-card a,
.selleo-help-note a,
.selleo-help-footnote a,
.selleo-help-steps a {
	color: #124db6;
	font-weight: 700;
	text-decoration: none;
}

.selleo-help-card a:hover,
.selleo-help-card a:focus-visible,
.selleo-help-note a:hover,
.selleo-help-note a:focus-visible,
.selleo-help-footnote a:hover,
.selleo-help-footnote a:focus-visible,
.selleo-help-steps a:hover,
.selleo-help-steps a:focus-visible {
	text-decoration: underline;
	outline: none;
}

.selleo-help-footnote {
	margin-top: 14px;
	color: #5b6f8d;
}

.selleo-help-checklist {
	margin: 0;
	padding-left: 20px;
	display: grid;
	gap: 10px;
	line-height: 1.6;
}

body.selleo-help-open {
	overflow: hidden;
}

.selleo-product-shell,
.selleo-product-shell *,
.selleo-product-navbar,
.selleo-product-navbar *,
.selleo-auth-page--standalone,
.selleo-auth-page--standalone *,
.selleo-auth-page--standalone *::before,
.selleo-auth-page--standalone *::after {
	box-sizing: border-box;
}

.selleo-product-shell,
.selleo-product-shell button,
.selleo-product-shell input,
.selleo-product-shell select,
.selleo-product-shell textarea,
.selleo-product-shell a,
.selleo-product-navbar,
.selleo-product-navbar button,
.selleo-product-navbar input,
.selleo-product-navbar select,
.selleo-product-navbar textarea,
.selleo-product-navbar a {
	font-family: var(--selleo-font-sans);
}

.selleo-product-shell {
	max-width: 1980px;
	margin: 0 auto;
	padding: 24px 20px 44px;
	min-width: 0;
	max-width: 100%;
	overflow-x: clip;
}

.selleo-product-grid {
	display: grid;
	grid-template-columns: 244px minmax(0, 1fr);
	gap: 20px;
	align-items: start;
}

.selleo-product-sidebar-shell {
	position: relative;
}

.selleo-product-sidebar {
	position: sticky;
	top: 24px;
	padding: 20px;
	border-radius: 24px;
	background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
	border: 1px solid #dce7f4;
	box-shadow: 0 18px 46px rgba(19, 62, 135, 0.08);
}

.selleo-product-sidebar-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 16px;
}

.selleo-product-logo {
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	color: #6a7b96;
	margin-bottom: 0;
}

.selleo-product-sidebar-close {
	display: none;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 40px;
	height: 40px;
	border: 0;
	border-radius: 14px;
	background: #eef5ff;
	cursor: pointer;
	flex: 0 0 40px;
}

.selleo-product-sidebar-close span {
	position: absolute;
	width: 16px;
	height: 2px;
	border-radius: 999px;
	background: #17355f;
}

.selleo-product-sidebar-close span:first-child {
	transform: rotate(45deg);
}

.selleo-product-sidebar-close span:last-child {
	transform: rotate(-45deg);
}

.selleo-product-sidebar-overlay {
	display: none;
}

.selleo-product-nav {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.selleo-product-nav-link {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px 16px;
	border-radius: 16px;
	text-decoration: none;
	color: #1a3252;
	font-weight: 700;
	transition:
		background 0.2s ease,
		color 0.2s ease,
		transform 0.2s ease;
}

.selleo-product-nav-link:hover,
.selleo-product-nav-link:focus-visible {
	background: #eef5ff;
	color: #124db6;
	transform: translateY(-1px);
}

.selleo-product-nav-link.is-active {
	background: linear-gradient(135deg, #dcecff 0%, #edf5ff 100%);
	color: #124db6;
	border: 1px solid #b8d0f6;
}

.selleo-product-nav-icon {
	width: 18px;
	height: 18px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #6a7b96;
	flex: 0 0 18px;
}

.selleo-product-nav-link:hover .selleo-product-nav-icon,
.selleo-product-nav-link:focus-visible .selleo-product-nav-icon,
.selleo-product-nav-link.is-active .selleo-product-nav-icon {
	color: currentColor;
}

.selleo-product-nav-icon svg {
	width: 18px;
	height: 18px;
	display: block;
}

.selleo-product-main {
	display: flex;
	flex-direction: column;
	gap: 24px;
	min-width: 0;
	max-width: 100%;
	overflow-x: clip;
}

.selleo-product-card {
	background: #fff;
	border: 1px solid #dce7f4;
	border-radius: 24px;
	box-shadow: 0 18px 46px rgba(19, 62, 135, 0.08);
	min-width: 0;
	max-width: 100%;
	overflow-x: clip;
}

.selleo-product-section {
	padding: 24px 28px 28px;
	min-width: 0;
	max-width: 100%;
	overflow-x: clip;
}

.selleo-product-hero {
	display: flex;
	justify-content: space-between;
	gap: 24px;
	align-items: start;
}

.selleo-product-kicker {
	display: inline-flex;
	align-items: center;
	padding: 8px 12px;
	border-radius: 999px;
	background: #eef5ff;
	color: #124db6;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	margin-bottom: 14px;
}

.selleo-product-title {
	margin: 0 0 8px;
	font-size: 34px;
	line-height: 1.05;
	color: #152843;
}

.selleo-product-text {
	margin: 0;
	color: #5d6d86;
	font-size: 15px;
	line-height: 1.6;
}

.selleo-product-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 16px;
}

.selleo-product-meta span {
	padding: 8px 12px;
	border-radius: 999px;
	background: #f3f7fc;
	color: #49617f;
	font-size: 13px;
}

.selleo-product-grid-cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.selleo-product-grid-cards--two {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.selleo-product-stat {
	padding: 22px;
	border-radius: 22px;
	background: linear-gradient(180deg, #edf5ff 0%, #f9fbff 100%);
	border: 1px solid #dce7f4;
}

.selleo-product-stat-label {
	color: #6f809b;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin-bottom: 12px;
}

.selleo-product-stat-value {
	font-size: 34px;
	font-weight: 800;
	line-height: 1;
	color: #152843;
	margin-bottom: 8px;
}

.selleo-product-stat-hint {
	color: #5d6d86;
	font-size: 14px;
}

.selleo-product-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-top: 18px;
}

.selleo-product-list-item {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	align-items: start;
	padding: 16px 18px;
	border: 1px solid #e6edf7;
	border-radius: 18px;
	background: #fbfdff;
}

.selleo-product-list-item strong {
	display: block;
	margin-bottom: 6px;
	color: #152843;
}

.selleo-product-list-item span {
	color: #61718a;
	font-size: 14px;
	line-height: 1.5;
}

.selleo-product-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 20px;
}

.selleo-product-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 16px;
	border-radius: 14px;
	border: 1px solid transparent;
	background: #124db6;
	color: #fff;
	text-decoration: none;
	font-weight: 700;
	cursor: pointer;
	transition:
		transform 0.18s ease,
		box-shadow 0.18s ease,
		background 0.18s ease;
}

.selleo-product-button:hover,
.selleo-product-button:focus-visible {
	transform: translateY(-1px);
	box-shadow: 0 12px 24px rgba(18, 77, 182, 0.16);
}

.selleo-product-button--secondary {
	background: #eef5ff;
	color: #124db6;
	border-color: #c9dbf8;
}

.selleo-product-button--ghost {
	background: #fff;
	color: #17355f;
	border-color: #dce7f4;
}

.selleo-product-button[disabled] {
	opacity: 0.55;
	cursor: default;
	box-shadow: none;
	transform: none;
}

.selleo-marketplace-account-card {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(320px, 488px);
	gap: 22px;
	align-items: start;
}

.selleo-marketplace-account-details {
	min-width: 0;
}

.selleo-marketplace-account-actions {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	align-items: start;
}

.selleo-marketplace-account-actions .selleo-product-button {
	width: 100%;
	min-height: 52px;
	padding: 10px 14px;
	border-radius: 12px;
	text-align: center;
}

.selleo-marketplace-account-actions .selleo-product-button--ghost {
	color: #52647d;
}

.selleo-marketplace-account-actions .selleo-product-button--ghost:hover,
.selleo-marketplace-account-actions .selleo-product-button--ghost:focus-visible {
	color: #17355f;
}

.selleo-product-key-editor {
	min-width: 0;
}

.selleo-product-key-editor > summary {
	display: inline-flex;
	cursor: pointer;
	list-style: none;
}

.selleo-product-key-editor > summary::-webkit-details-marker {
	display: none;
}

.selleo-product-key-editor[open] {
	grid-column: 1 / -1;
}

.selleo-marketplace-key-panel {
	margin-top: 10px;
	padding: 16px;
	border: 1px solid #e6edf7;
	border-radius: 16px;
	background: #fff;
	text-align: left;
	box-shadow: 0 10px 28px rgba(21, 40, 67, 0.06);
}

.selleo-marketplace-key-panel-actions {
	margin-top: 12px;
}

.selleo-product-panel {
	margin-top: 20px;
	padding: 20px;
	border: 1px solid #e6edf7;
	border-radius: 20px;
	background: #fbfdff;
}

.selleo-product-empty {
	padding: 28px;
	border: 1px dashed #c8d7eb;
	border-radius: 20px;
	background: linear-gradient(180deg, #fcfdff 0%, #f5f9ff 100%);
	color: #5d6d86;
}

.selleo-product-empty strong {
	display: block;
	margin-bottom: 8px;
	color: #152843;
}

.selleo-product-catalog {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
	margin-top: 18px;
}

.selleo-product-catalog-card {
	padding: 22px;
	border-radius: 22px;
	border: 1px solid #e6edf7;
	background: #fff;
	display: block;
	text-decoration: none;
	color: inherit;
	transition:
		border-color 0.18s ease,
		box-shadow 0.18s ease,
		transform 0.18s ease,
		background 0.18s ease;
}

.selleo-product-catalog-card:hover,
.selleo-product-catalog-card:focus-visible {
	border-color: #c8daf8;
	background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
	box-shadow: 0 16px 30px rgba(19, 62, 135, 0.1);
	transform: translateY(-1px);
}

.selleo-product-catalog-card h3 {
	margin: 0 0 8px;
	color: #152843;
	font-size: 20px;
}

.selleo-product-catalog-card p {
	margin: 0 0 14px;
	color: #61718a;
	line-height: 1.55;
}

.selleo-product-catalog-card span {
	color: #124db6;
	font-weight: 700;
}

.selleo-product-table-wrap {
	display: block;
	width: 100%;
	max-width: 100%;
	overflow: auto;
	overflow-y: hidden;
	overscroll-behavior-x: contain;
	-webkit-overflow-scrolling: touch;
	margin-top: 20px;
	border-radius: 18px;
	border: 1px solid #dce7f4;
}

.selleo-product-table {
	width: max-content;
	min-width: max(100%, 840px);
	border-collapse: collapse;
	background: #fff;
}

.selleo-product-table th {
	position: sticky;
	top: 0;
	background: #5a123b;
	color: #fff;
	font-size: 14px;
	text-align: left;
	padding: 12px 14px;
	white-space: nowrap;
}

.selleo-product-table td {
	padding: 11px 14px;
	border-top: 1px solid #edf2f8;
	color: #22324d;
	white-space: nowrap;
	font-size: 14px;
}

.selleo-product-table tr:nth-child(even) td {
	background: #fbfdff;
}

.selleo-product-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 20px;
}

.selleo-product-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 11px 16px;
	border-radius: 999px;
	text-decoration: none;
	background: #eef5ff;
	border: 1px solid transparent;
	color: #124db6;
	font-weight: 700;
	transition:
		background 0.18s ease,
		border-color 0.18s ease,
		box-shadow 0.18s ease,
		transform 0.18s ease;
}

.selleo-product-pill.is-active {
	background: #dcecff;
	border-color: #b8d0f6;
	color: #124db6;
}

.selleo-product-pill:hover,
.selleo-product-pill:focus-visible {
	background: #e7f1ff;
	border-color: #c8daf8;
	box-shadow: inset 0 0 0 1px rgba(18, 77, 182, 0.06);
	transform: translateY(-1px);
}

.selleo-product-form-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin-top: 18px;
}

.selleo-product-form-grid > *,
.selleo-product-actions > *,
.selleo-product-field,
.selleo-product-list-item > *,
.selleo-product-table-wrap,
.selleo-product-tabs > * {
	min-width: 0;
}

.selleo-product-field label {
	display: block;
	margin-bottom: 8px;
	color: #4c617f;
	font-size: 14px;
	font-weight: 700;
}

.selleo-product-field input,
.selleo-product-field select,
.selleo-product-input,
.selleo-product-select {
	width: 100%;
	max-width: 100%;
	border: 1px solid #cedbed;
	border-radius: 14px;
	padding: 12px 14px;
	font-size: 15px;
	background: #fff;
	color: #17355f;
	box-sizing: border-box;
}

.selleo-product-field input:focus,
.selleo-product-field select:focus,
.selleo-product-input:focus,
.selleo-product-select:focus {
	outline: none;
	border-color: #9ebdf4;
	box-shadow: 0 0 0 4px rgba(31, 111, 235, 0.08);
}

.selleo-product-table-input {
	width: 100%;
	border: 1px solid #cedbed;
	border-radius: 12px;
	padding: 10px 12px;
	font-size: 14px;
	background: #fff;
	color: #17355f;
	min-width: 140px;
}

.selleo-product-results {
	margin-top: 18px;
}

.selleo-product-note {
	color: #7a889d;
	font-size: 13px;
	margin-top: 10px;
}

.selleo-cost-toolbar {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	align-items: end;
	margin-top: 18px;
}

.selleo-cost-toolbar .selleo-product-field {
	flex: 1 1 280px;
}

.selleo-cost-toolbar .selleo-product-field--small {
	flex: 0 0 180px;
}

.selleo-cost-toolbar-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
}

.selleo-cost-status {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
	border-radius: 999px;
	background: #f3f7fc;
	color: #49617f;
	font-size: 13px;
	font-weight: 700;
}

.selleo-cost-status.is-dirty {
	background: #fff4db;
	color: #8a6200;
}

.selleo-cost-status.is-saving {
	background: #e8f1ff;
	color: #124db6;
}

.selleo-cost-status.is-saved {
	background: #e7f7ef;
	color: #146c43;
}

.selleo-costs-table th {
	padding: 10px 12px;
	font-size: 13px;
}

.selleo-costs-table td {
	padding: 8px 12px;
	font-size: 13px;
}

.selleo-costs-table td.selleo-costs-dim {
	color: #60708a;
	font-size: 12px;
}

.selleo-costs-table td.selleo-costs-subject {
	color: #415673;
	max-width: 240px;
	white-space: normal;
	line-height: 1.35;
}

.selleo-costs-table tr.is-hidden {
	display: none;
}

.selleo-costs-table tr.is-dirty td {
	background: #fffaf0;
}

.selleo-costs-table .cost-input {
	min-width: 120px;
	padding: 8px 10px;
	font-size: 13px;
}

.selleo-cost-toolbar-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 12px;
}

.selleo-cost-chip {
	display: inline-flex;
	align-items: center;
	padding: 7px 11px;
	border-radius: 999px;
	background: #f3f7fc;
	color: #49617f;
	font-size: 12px;
	font-weight: 700;
}

.selleo-product-stat--compact {
	padding: 14px 16px;
	border-radius: 18px;
}

.selleo-product-stat--compact .selleo-product-stat-value {
	font-size: 22px;
	margin-bottom: 6px;
}

.selleo-product-stat--compact .selleo-product-stat-hint {
	font-size: 12px;
	line-height: 1.45;
}

.selleo-product-actions--flush {
	margin-top: 0;
}

.selleo-product-actions--full {
	grid-column: 1 / -1;
}

.selleo-product-button--static {
	cursor: default;
}

.selleo-product-title--section {
	font-size: 28px;
}

.selleo-product-panel-title {
	display: block;
	margin-bottom: 8px;
	color: #152843;
}

.selleo-product-panel-text--tight {
	margin: 0;
}

.selleo-product-panel-text--spaced {
	margin-bottom: 12px;
}

.selleo-product-list {
	margin-top: 18px;
}

.selleo-product-list--spaced {
	margin-top: 14px;
}

.selleo-product-list-item--warning {
	border-color: rgba(212, 95, 71, 0.25);
	background: rgba(255, 244, 240, 0.9);
}

.selleo-product-pill--warning {
	background: rgba(212, 95, 71, 0.12);
	color: #9e3f2d;
}

.selleo-exports-tabs {
	gap: 14px;
	margin-bottom: 20px;
}

.selleo-exports-summary {
	margin-top: 0 !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
}

.selleo-exports-filter-form {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.selleo-exports-actions {
	margin-top: 0;
}

.selleo-operations-layout,
.selleo-articles-layout {
	display: grid;
	gap: 24px;
}

.selleo-operations-hero-actions {
	margin-top: 24px;
}

.selleo-operations-summary {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
	margin-top: 20px;
}

.selleo-operations-summary-item {
	padding: 16px 18px;
	border-radius: 18px;
	border: 1px solid #dce7f4;
	background: linear-gradient(180deg, #edf5ff 0%, #f9fbff 100%);
}

.selleo-operations-summary-label {
	color: #6f809b;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin-bottom: 8px;
}

.selleo-operations-summary-value {
	color: #152843;
	font-size: 28px;
	line-height: 1;
	font-weight: 800;
	margin-bottom: 6px;
}

.selleo-operations-summary-hint {
	color: #5d6d86;
	font-size: 13px;
	line-height: 1.45;
}

.selleo-operations-toolbar {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: end;
}

.selleo-articles-toolbar {
	display: grid;
	gap: 16px;
	grid-template-columns: minmax(240px, 1.1fr) minmax(220px, 0.8fr) minmax(220px, 0.8fr) auto;
	align-items: end;
}

.selleo-operations-toolbar > *,
.selleo-articles-toolbar > *,
.selleo-accounts-toolbar > * {
	min-width: 0;
}

.selleo-operations-form-actions,
.selleo-articles-form-actions {
	display: flex;
	gap: 12px;
	align-items: center;
	flex-wrap: wrap;
}

.selleo-operations-status,
.selleo-articles-status {
	display: inline-flex;
	align-items: center;
	padding: 8px 12px;
	border-radius: 999px;
	background: #eef4fb;
	color: #5b6f89;
	font-size: 13px;
	font-weight: 700;
}

.selleo-operations-table,
.selleo-articles-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
}

.selleo-operations-table thead th,
.selleo-articles-table thead th {
	background: #661441;
	color: #fff;
	font-size: 14px;
	font-weight: 800;
	padding: 14px 16px;
	text-align: left;
	white-space: nowrap;
}

.selleo-operations-table thead th:first-child,
.selleo-articles-table thead th:first-child {
	border-top-left-radius: 18px;
}

.selleo-operations-table thead th:last-child,
.selleo-articles-table thead th:last-child {
	border-top-right-radius: 18px;
	text-align: right;
}

.selleo-operations-table tbody td,
.selleo-articles-table tbody td {
	padding: 14px 16px;
	border-bottom: 1px solid #e7eef6;
	background: #fff;
	color: #334155;
	vertical-align: middle;
}

.selleo-articles-table tbody td {
	padding: 15px 16px;
}

.selleo-operations-table tbody tr:last-child td,
.selleo-articles-table tbody tr:last-child td {
	border-bottom: 0;
}

.selleo-operations-type,
.selleo-articles-type {
	display: inline-flex;
	align-items: center;
	padding: 7px 12px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 700;
}

.selleo-operations-type--variable,
.selleo-articles-type--variable {
	background: #fff0d8;
	color: #925e00;
}

.selleo-operations-type--fixed,
.selleo-articles-type--fixed {
	background: #ebf4ff;
	color: #2453c3;
}

.selleo-operations-amount {
	font-weight: 800;
	color: #152843;
	white-space: nowrap;
}

.selleo-operations-actions,
.selleo-articles-actions {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	flex-wrap: wrap;
}

.selleo-operations-action,
.selleo-articles-action {
	border: 1px solid #cfe0f6;
	background: #fff;
	color: #2954b8;
	border-radius: 12px;
	padding: 8px 12px;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
	transition:
		background 0.18s ease,
		border-color 0.18s ease,
		transform 0.18s ease;
}

.selleo-operations-action:hover,
.selleo-operations-action:focus-visible,
.selleo-articles-action:hover,
.selleo-articles-action:focus-visible {
	background: #eef5ff;
	border-color: #b8d0f6;
	transform: translateY(-1px);
}

.selleo-operations-action--danger,
.selleo-articles-action--danger {
	color: #9f2d2d;
}

.selleo-operations-empty,
.selleo-articles-empty {
	padding: 32px;
	border: 1px dashed #cfe0f6;
	border-radius: 24px;
	color: #61758f;
}

body.selleo-operations-modal-open {
	overflow: hidden;
}

.selleo-operations-modal-overlay {
	position: fixed;
	inset: 0;
	z-index: 60;
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	padding: 104px 20px 20px;
}

.selleo-operations-modal-overlay[hidden] {
	display: none;
}

.selleo-operations-modal-backdrop {
	position: absolute;
	inset: 0;
	border: 0;
	background: rgba(11, 22, 41, 0.52);
	cursor: pointer;
}

.selleo-operations-modal-panel {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	min-height: 0;
	width: min(760px, calc(100vw - 40px));
	max-height: calc(100vh - 124px);
	margin-right: auto;
	background: #ffffff;
	border-radius: 28px;
	border: 1px solid rgba(209, 222, 239, 0.95);
	box-shadow: 0 28px 64px rgba(18, 41, 78, 0.18);
	overflow: hidden;
}

.selleo-operations-modal-head {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 16px;
	padding: 28px 28px 16px;
	border-bottom: 1px solid #e8eef7;
}

.selleo-operations-modal-kicker {
	margin-bottom: 12px;
}

.selleo-operations-modal-title {
	margin: 0;
	color: #152843;
	font-size: 34px;
	line-height: 1.02;
}

.selleo-operations-modal-text {
	margin: 12px 0 0;
	max-width: 560px;
	color: #61718a;
	font-size: 15px;
	line-height: 1.55;
}

.selleo-operations-modal-close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border: 1px solid #d8e4f3;
	border-radius: 14px;
	background: #fff;
	color: #5f718d;
	font-size: 28px;
	line-height: 1;
	cursor: pointer;
	transition:
		background 0.18s ease,
		border-color 0.18s ease,
		color 0.18s ease;
}

.selleo-operations-modal-close:hover,
.selleo-operations-modal-close:focus-visible {
	background: #f4f8fd;
	border-color: #c8d7ea;
	color: #233a5e;
}

.selleo-operations-modal-tabs {
	display: flex;
	gap: 10px;
	padding: 18px 28px 0;
}

.selleo-operations-modal-tab {
	border: 1px solid #d5e3f4;
	border-radius: 14px;
	background: #f7fbff;
	color: #59708d;
	padding: 12px 18px;
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
	transition:
		background 0.18s ease,
		border-color 0.18s ease,
		color 0.18s ease,
		box-shadow 0.18s ease;
}

.selleo-operations-modal-tab:hover,
.selleo-operations-modal-tab:focus-visible {
	border-color: #bfd2ec;
	background: #edf5ff;
	color: #274a85;
}

.selleo-operations-modal-tab.is-active {
	background: linear-gradient(180deg, #20b7a6 0%, #0f9f91 100%);
	border-color: #129d91;
	color: #fff;
	box-shadow: 0 10px 22px rgba(16, 159, 145, 0.22);
}

.selleo-operations-modal-body {
	flex: 1;
	min-height: 0;
	padding: 22px 28px 8px;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
}

.selleo-operations-modal-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px 18px;
}

.selleo-operations-modal-field--wide {
	grid-column: 1 / -1;
}

.selleo-operations-modal-textarea {
	min-height: 120px;
	resize: vertical;
}

.selleo-operations-modal-footer {
	padding: 18px 28px 24px;
	margin-top: 0;
	border-top: 1px solid #e8eef7;
	background: linear-gradient(180deg, rgba(249, 251, 255, 0) 0%, #f9fbff 100%);
}

.selleo-operations-form-card {
	padding: 22px 24px;
	border: 1px solid #e6edf7;
	border-radius: 22px;
	background: #fbfdff;
}

.selleo-operations-form-head {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	align-items: start;
	margin-bottom: 18px;
}

.selleo-operations-form-title {
	margin: 0 0 6px;
	color: #152843;
	font-size: 22px;
}

.selleo-operations-form-text {
	margin: 0;
	color: #61718a;
	font-size: 14px;
	line-height: 1.55;
	max-width: 760px;
}

.selleo-operations-form-footer {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	align-items: center;
	margin-top: 18px;
	flex-wrap: wrap;
}

.selleo-accounts-layout {
	display: grid;
	gap: 24px;
}

.selleo-accounts-toolbar {
	display: grid;
	gap: 16px;
	grid-template-columns: minmax(240px, 1.2fr) repeat(3, minmax(0, 1fr)) auto;
	align-items: end;
}

.selleo-accounts-form-actions {
	display: flex;
	gap: 12px;
	align-items: center;
	flex-wrap: wrap;
}

.selleo-accounts-status {
	display: inline-flex;
	align-items: center;
	padding: 8px 12px;
	border-radius: 999px;
	background: #eef4fb;
	color: #5b6f89;
	font-size: 13px;
	font-weight: 700;
}

.selleo-accounts-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}

.selleo-accounts-table thead th {
	background: #16375f;
	color: #fff;
	font-size: 14px;
	font-weight: 800;
	padding: 14px 16px;
	text-align: left;
	white-space: nowrap;
}

.selleo-accounts-table thead th:first-child {
	border-top-left-radius: 18px;
}

.selleo-accounts-table thead th:last-child {
	border-top-right-radius: 18px;
	text-align: right;
}

.selleo-accounts-table tbody td {
	padding: 14px 16px;
	border-bottom: 1px solid #e7eef6;
	background: #fff;
	color: #334155;
	vertical-align: middle;
}

.selleo-accounts-table tbody tr:last-child td {
	border-bottom: 0;
}

.selleo-accounts-actions {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	flex-wrap: wrap;
}

.selleo-accounts-action {
	border: 1px solid #cfe0f6;
	background: #fff;
	color: #2954b8;
	border-radius: 12px;
	padding: 8px 12px;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
	transition:
		background 0.18s ease,
		border-color 0.18s ease,
		transform 0.18s ease;
}

.selleo-accounts-action:hover,
.selleo-accounts-action:focus-visible {
	background: #eef5ff;
	border-color: #b8d0f6;
	transform: translateY(-1px);
}

.selleo-accounts-action--danger {
	color: #9f2d2d;
}

.selleo-accounts-disabled,
.selleo-operations-hint {
	color: #6d7f97;
	font-size: 12px;
	line-height: 1.45;
}

.selleo-odds-table-card {
	overflow: hidden;
	min-width: 0;
	max-width: 100%;
}

.selleo-odds-balance-card {
	border: 1px solid #e6edf7;
	background:
		radial-gradient(circle at top right, rgba(46, 197, 206, 0.08), transparent 24%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 249, 255, 0.96));
}

.selleo-odds-section-head {
	display: flex;
	justify-content: space-between;
	gap: 18px;
	align-items: flex-start;
	margin-bottom: 18px;
	flex-wrap: wrap;
}

.selleo-odds-section-title {
	margin: 0 0 6px;
	font-size: 24px;
	color: #172a44;
}

.selleo-odds-section-meta {
	margin: 0;
	color: #677993;
	font-size: 14px;
	line-height: 1.55;
}

.selleo-odds-section-meta strong {
	color: #1c3557;
}

.selleo-odds-section-totals {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.selleo-odds-section-totals span {
	display: inline-flex;
	align-items: center;
	padding: 8px 12px;
	border-radius: 999px;
	background: #eef4fb;
	color: #39567c;
	font-size: 13px;
	font-weight: 700;
}

.selleo-odds-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}

.selleo-odds-table thead th {
	background: #1a4f83;
	color: #fff;
	font-size: 14px;
	font-weight: 800;
	padding: 14px 16px;
	text-align: left;
	white-space: nowrap;
}

.selleo-odds-table thead th:first-child {
	border-top-left-radius: 18px;
}

.selleo-odds-table thead th:last-child {
	border-top-right-radius: 18px;
}

.selleo-odds-table tbody td {
	padding: 14px 16px;
	border-bottom: 1px solid #e7eef6;
	background: #fff;
	color: #334155;
}

.selleo-odds-table tbody tr:last-child td {
	border-bottom: 0;
}

.selleo-odds-account-total td {
	background: linear-gradient(180deg, #eff5ff, #e4eefc);
	font-weight: 800;
}

.selleo-odds-row--activity td {
	font-weight: 800;
	border-top: 1px solid #dde7f3;
	border-bottom: 1px solid #dde7f3;
}

.selleo-odds-row--activity-operating td {
	background: linear-gradient(180deg, #e6f3fb, #d9ecf8);
}

.selleo-odds-row--activity-investing td {
	background: linear-gradient(180deg, #edf2fb, #e2e8f6);
}

.selleo-odds-row--activity-financing td {
	background: linear-gradient(180deg, #e5f3de, #d8ebd0);
}

.selleo-odds-row--flow-inflow td {
	background: linear-gradient(180deg, #fff1b8, #ffe37a);
	font-weight: 800;
	border-top: 1px solid #f3d76a;
	border-bottom: 1px solid #f3d76a;
}

.selleo-odds-row--flow-outflow td {
	background: linear-gradient(180deg, #fff4c8, #ffe89a);
	font-weight: 800;
	border-top: 1px solid #f0dd8a;
	border-bottom: 1px solid #f0dd8a;
}

.selleo-odds-row--flow-net td {
	background: linear-gradient(180deg, #ffe989, #ffd94f);
	font-weight: 800;
	border-top: 1px solid #efca49;
	border-bottom: 1px solid #efca49;
}

.selleo-odds-row--grand-total td {
	background: linear-gradient(180deg, #dbff6d, #9fff48);
	font-weight: 800;
	border-top: 1px solid #8bd73c;
	border-bottom: 1px solid #8bd73c;
}

.selleo-odds-row--balance td {
	background: linear-gradient(180deg, #fff9de, #fff1bf);
	font-weight: 800;
}

.selleo-odds-row--balance-closing td {
	background: linear-gradient(180deg, #edf8d8, #ddf0bf);
}

.selleo-odds-row--provider-wildberries td {
	background: rgba(203, 17, 171, 0.035);
	color: #233143;
}

.selleo-odds-row--provider-wildberries td:first-child {
	box-shadow: 12px 0 18px -18px rgba(203, 17, 171, 0.42);
}

.selleo-odds-row--provider-wildberries.selleo-opiu-row--subtotal td {
	background: linear-gradient(180deg, rgba(203, 17, 171, 0.14), rgba(203, 17, 171, 0.08));
	border-top: 1px solid rgba(203, 17, 171, 0.2);
	border-bottom: 1px solid rgba(203, 17, 171, 0.18);
}

.selleo-odds-row--provider-ozon td {
	background: rgba(0, 91, 255, 0.04);
	color: #233143;
}

.selleo-odds-row--provider-ozon td:first-child {
	box-shadow: 12px 0 18px -18px rgba(0, 91, 255, 0.34);
}

.selleo-odds-row--provider-ozon.selleo-opiu-row--subtotal td {
	background: linear-gradient(180deg, rgba(0, 91, 255, 0.14), rgba(0, 91, 255, 0.08));
	border-top: 1px solid rgba(0, 91, 255, 0.18);
	border-bottom: 1px solid rgba(0, 91, 255, 0.16);
}

.selleo-odds-row--provider td:first-child,
.selleo-odds-row--detail td:first-child {
	padding-left: 28px;
}

.selleo-odds-row--detail td {
	background: #fff;
	color: #233143;
}

.selleo-odds-row--detail td:first-child {
	color: #233143;
	font-weight: 400;
}

.selleo-odds-row--detail-inflow td:first-child {
	border-left: 0;
}

.selleo-odds-row--detail-outflow td:first-child {
	border-left: 0;
}

.selleo-odds-row--empty td {
	color: #98a5b6;
}

.selleo-odds-row--empty td:first-child {
	color: #233143;
}

.selleo-odds-row--provider.selleo-odds-row--empty td {
	color: inherit;
	opacity: 0.82;
}

.selleo-odds-row--flow-inflow.selleo-odds-row--empty td,
.selleo-odds-row--flow-outflow.selleo-odds-row--empty td,
.selleo-odds-row--flow-net.selleo-odds-row--empty td {
	opacity: 0.88;
	color: #667892;
}

.selleo-operational-hero {
	background:
		radial-gradient(circle at top right, rgba(46, 197, 206, 0.18), transparent 32%),
		radial-gradient(circle at left top, rgba(109, 142, 247, 0.16), transparent 28%),
		linear-gradient(135deg, #f8fbff 0%, #eef4fb 48%, #f7fafc 100%);
}

.selleo-operational-hero-head {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 16px;
	align-items: end;
}

.selleo-operational-filter {
	min-width: 280px;
}

.selleo-operational-filter label {
	display: block;
	margin: 0 0 8px;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #6e7f95;
}

.selleo-operational-summary {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
}

.selleo-operational-card {
	padding: 18px;
	border-radius: 22px;
	border: 1px solid #dce7f4;
	background: linear-gradient(180deg, #ffffff, #f8fbff);
	box-shadow: 0 18px 46px rgba(19, 62, 135, 0.06);
	display: flex;
	flex-direction: column;
	gap: 0;
}

.selleo-operational-card--today {
	border-left: 4px solid #2563eb;
}

.selleo-operational-card--today-soft {
	border-left: 4px solid #06b6d4;
}

.selleo-operational-card--stock {
	border-left: 4px solid #7c95b5;
}

.selleo-operational-card--balance {
	border-left: 4px solid #65c466;
}

.selleo-operational-card-label {
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #74849b;
	margin-bottom: 10px;
	min-height: 32px;
}

.selleo-operational-card-value {
	font-size: 26px;
	line-height: 1;
	font-weight: 800;
	color: #152843;
	margin-bottom: 10px;
	font-variant-numeric: tabular-nums;
}

.selleo-operational-card-meta {
	color: #61718a;
	font-size: 13px;
	line-height: 1.45;
}

.selleo-operational-card-delta {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid #e5edf7;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.selleo-operational-card-delta strong {
	font-size: 14px;
	line-height: 1;
	font-weight: 800;
	color: #1e3250;
}

.selleo-operational-card-delta span {
	font-size: 12px;
	line-height: 1.4;
	color: #7a8aa2;
}

.selleo-operational-card-delta.is-up strong {
	color: #0f766e;
}

.selleo-operational-card-delta.is-down strong {
	color: #b45309;
}

.selleo-operational-account-strip,
.selleo-operational-chart-hub {
	padding: 22px 24px;
	border-radius: 24px;
	border: 1px solid #d9e5f2;
	background: linear-gradient(180deg, #ffffff, #f8fbff);
	box-shadow: 0 18px 44px rgba(18, 42, 76, 0.06);
}

.selleo-operational-section-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 18px;
	margin-bottom: 16px;
}

.selleo-operational-section-head--chart {
	margin-bottom: 18px;
}

.selleo-operational-account-rail {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: minmax(240px, 260px);
	gap: 14px;
	overflow-x: auto;
	overflow-y: hidden;
	padding-bottom: 4px;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}

.selleo-operational-account-rail::-webkit-scrollbar {
	display: none;
}

.selleo-operational-account-card {
	padding: 16px;
	border-radius: 20px;
	border: 1px solid #dbe7f5;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 249, 255, 0.98));
	box-shadow: 0 16px 38px rgba(18, 42, 76, 0.05);
}

.selleo-operational-account-card--wildberries {
	background:
		radial-gradient(circle at right top, rgba(203, 17, 171, 0.1), transparent 34%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 247, 252, 0.98));
}

.selleo-operational-account-card--ozon {
	background:
		radial-gradient(circle at right top, rgba(0, 91, 255, 0.1), transparent 34%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 251, 255, 0.98));
}

.selleo-operational-account-card.is-idle {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.98));
}

.selleo-operational-account-card-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 12px;
}

.selleo-operational-account-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 6px 10px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	background: #edf4ff;
	color: #335b90;
}

.selleo-operational-account-card--wildberries .selleo-operational-account-badge {
	background: rgba(203, 17, 171, 0.14);
	color: #8d0c76;
}

.selleo-operational-account-card--ozon .selleo-operational-account-badge {
	background: rgba(0, 91, 255, 0.12);
	color: #0050dd;
}

.selleo-operational-account-share {
	font-size: 11px;
	font-weight: 700;
	line-height: 1.3;
	color: #71829a;
	text-align: right;
}

.selleo-operational-account-title {
	font-size: 16px;
	line-height: 1.25;
	font-weight: 800;
	color: #172a44;
	margin-bottom: 12px;
}

.selleo-operational-account-stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}

.selleo-operational-account-stat {
	min-width: 0;
}

.selleo-operational-account-stat span {
	display: block;
	font-size: 10px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #7a8aa2;
	margin-bottom: 5px;
}

.selleo-operational-account-stat strong {
	display: block;
	font-size: 18px;
	line-height: 1.05;
	color: #172a44;
	font-weight: 800;
	font-variant-numeric: tabular-nums;
	margin-bottom: 5px;
}

.selleo-operational-account-stat small,
.selleo-operational-account-empty {
	display: block;
	font-size: 12px;
	line-height: 1.4;
	color: #6d7f97;
}

.selleo-operational-scope-switch {
	display: inline-flex;
	align-items: center;
	padding: 4px;
	border-radius: 999px;
	border: 1px solid #d8e4f2;
	background: #f5f9ff;
	gap: 4px;
}

.selleo-operational-scope-button {
	appearance: none;
	border: 0;
	background: transparent;
	color: #5f7390;
	padding: 9px 14px;
	border-radius: 999px;
	font-size: 12px;
	line-height: 1;
	font-weight: 800;
	cursor: pointer;
	transition:
		background 0.2s ease,
		color 0.2s ease,
		box-shadow 0.2s ease;
}

.selleo-operational-scope-button.is-active {
	background: #ffffff;
	color: #1c3150;
	box-shadow: 0 8px 20px rgba(20, 52, 98, 0.08);
}

.selleo-operational-chart-panels {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.selleo-operational-chart-panels.is-hidden {
	display: none;
}

.selleo-operational-chart-empty {
	min-height: 190px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 6px;
	border: 1px dashed #d6e2f1;
	border-radius: 18px;
	padding: 18px;
	background: rgba(255, 255, 255, 0.72);
}

.selleo-operational-chart-empty strong {
	font-size: 16px;
	line-height: 1.2;
	font-weight: 800;
	color: #1b304f;
}

.selleo-operational-chart-empty span {
	font-size: 13px;
	line-height: 1.5;
	color: #6e8098;
}

.selleo-operational-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 14px;
}

.selleo-operational-pill {
	display: inline-flex;
	align-items: center;
	padding: 8px 12px;
	border-radius: 999px;
	background: #eef5ff;
	color: #49617f;
	font-size: 12px;
	font-weight: 700;
}

.selleo-operational-ai {
	padding: 22px 24px;
	border-radius: 24px;
	border: 1px solid #d9e5f2;
	background:
		radial-gradient(circle at right top, rgba(37, 99, 235, 0.08), transparent 32%),
		radial-gradient(circle at left bottom, rgba(16, 185, 129, 0.08), transparent 30%),
		linear-gradient(180deg, #ffffff, #f8fbff);
	box-shadow: 0 18px 44px rgba(18, 42, 76, 0.06);
}

.selleo-operational-ai-row {
	display: grid;
	grid-template-columns: minmax(0, 1.38fr) minmax(320px, 0.92fr);
	gap: 18px;
	align-items: start;
}

.selleo-operational-chart-strip {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 18px;
	align-items: stretch;
}

.selleo-operational-provider-group {
	padding: 20px 22px;
	border-radius: 24px;
	border: 1px solid #d9e5f2;
	background: linear-gradient(180deg, #ffffff, #f8fbff);
	box-shadow: 0 18px 44px rgba(18, 42, 76, 0.06);
}

.selleo-operational-provider-group--wildberries {
	background:
		radial-gradient(circle at right top, rgba(203, 17, 171, 0.1), transparent 30%),
		linear-gradient(180deg, #ffffff, #fff8fd);
}

.selleo-operational-provider-group--ozon {
	background:
		radial-gradient(circle at right top, rgba(0, 91, 255, 0.1), transparent 30%),
		linear-gradient(180deg, #ffffff, #f7fbff);
}

.selleo-operational-provider-head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 16px;
}

.selleo-operational-provider-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 14px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.selleo-operational-provider-group--wildberries .selleo-operational-provider-badge {
	background: rgba(203, 17, 171, 0.14);
	color: #8d0c76;
}

.selleo-operational-provider-group--ozon .selleo-operational-provider-badge {
	background: rgba(0, 91, 255, 0.12);
	color: #0050dd;
}

.selleo-operational-provider-meta {
	color: #657791;
	font-size: 13px;
	font-weight: 700;
}

.selleo-operational-provider-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.selleo-operational-ai-head {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	align-items: flex-start;
	margin-bottom: 14px;
}

.selleo-operational-ai-heading {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.selleo-operational-ai-head-main {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.selleo-operational-ai-title {
	margin: 0;
	font-size: 26px;
	color: #172a44;
}

.selleo-operational-ai-kicker {
	display: inline-flex;
	padding: 7px 11px;
	border-radius: 999px;
	background: #edf4ff;
	color: #335b90;
	font-size: 11px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin-bottom: 14px;
}

.selleo-operational-ai-meta {
	color: #72829a;
	font-size: 12px;
	line-height: 1.45;
	text-align: right;
}

.selleo-operational-ai-action {
	appearance: none;
	border: 1px solid #d6e3f3;
	background: rgba(255, 255, 255, 0.88);
	color: #2f5587;
	border-radius: 999px;
	padding: 8px 12px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
	white-space: nowrap;
	transition:
		background 0.2s ease,
		border-color 0.2s ease,
		transform 0.2s ease;
}

.selleo-operational-ai-action:hover {
	background: #eef5ff;
	border-color: #b8cde7;
	transform: translateY(-1px);
}

.selleo-operational-ai-action:disabled {
	opacity: 0.7;
	cursor: wait;
	transform: none;
}

.selleo-operational-ai-body {
	white-space: pre-line;
	color: #213755;
	line-height: 1.68;
	font-size: 15px;
}

.selleo-operational-ai-empty {
	color: #667993;
	line-height: 1.6;
	font-size: 14px;
}

.selleo-ai-card {
	margin-bottom: 20px;
	padding: 22px 24px;
	border: 1px solid #dfe9f6;
	border-radius: 24px;
	background: linear-gradient(180deg, #fbfdff 0%, #f7fbff 100%);
}

.selleo-ai-card--compact {
	margin-top: 18px;
}

.selleo-ai-card-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
}

.selleo-ai-card-kicker {
	display: inline-flex;
	margin-bottom: 8px;
	padding: 6px 12px;
	border-radius: 999px;
	background: #eaf1ff;
	color: #2954b8;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.selleo-ai-card-title,
.selleo-ai-brief-headline {
	margin: 0;
	color: #152843;
	font-size: 24px;
	line-height: 1.2;
	font-weight: 800;
}

.selleo-ai-card-action {
	border: 1px solid #cedef2;
	background: #fff;
	color: #2954b8;
	border-radius: 14px;
	padding: 11px 16px;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
	transition:
		background 0.18s ease,
		border-color 0.18s ease,
		transform 0.18s ease;
}

.selleo-ai-card-action:hover,
.selleo-ai-card-action:focus-visible {
	background: #eef5ff;
	border-color: #b8d0f6;
	transform: translateY(-1px);
}

.selleo-ai-card-action:disabled {
	cursor: wait;
	opacity: 0.72;
	transform: none;
}

.selleo-ai-card-meta {
	margin-top: 10px;
	color: #61738c;
	font-size: 13px;
	line-height: 1.45;
}

.selleo-ai-card-empty {
	margin-top: 14px;
	padding: 16px 18px;
	border-radius: 18px;
	background: #f7fbff;
	color: #60738f;
	font-size: 15px;
	line-height: 1.55;
}

.selleo-ai-brief {
	display: grid;
	gap: 14px;
	margin-top: 16px;
}

.selleo-ai-brief-section {
	padding: 14px 16px;
	border-radius: 18px;
	background: #fff;
	border: 1px solid #e4edf8;
}

.selleo-ai-brief-section-title {
	margin-bottom: 10px;
	color: #274a85;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.selleo-ai-brief-list {
	margin: 0;
	padding-left: 18px;
	color: #334155;
	font-size: 15px;
	line-height: 1.55;
}

.selleo-ai-brief-list li + li {
	margin-top: 8px;
}

.selleo-operational-mini-grid {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.selleo-operational-mini-card {
	padding: 18px 20px;
	border-radius: 22px;
	border: 1px solid #dbe7f5;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(243, 248, 255, 0.96));
	box-shadow: 0 18px 42px rgba(18, 42, 76, 0.06);
}

.selleo-operational-mini-kicker {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #7a8aa2;
	margin-bottom: 10px;
	font-weight: 800;
}

.selleo-operational-ai-deltas {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}

.selleo-operational-ai-delta {
	padding: 12px 14px;
	border-radius: 18px;
	border: 1px solid #dbe7f5;
	background: rgba(255, 255, 255, 0.82);
	backdrop-filter: blur(8px);
	min-width: 0;
}

.selleo-operational-ai-delta-label {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	color: #7a8aa2;
	margin-bottom: 8px;
	font-weight: 800;
}

.selleo-operational-ai-delta-value {
	font-size: 20px;
	font-weight: 800;
	line-height: 1;
	margin-bottom: 7px;
	color: #172a44;
}

.selleo-operational-ai-delta-meta {
	font-size: 12px;
	color: #697b95;
	line-height: 1.35;
}

.selleo-operational-ai-delta.is-up .selleo-operational-ai-delta-value {
	color: #0f766e;
}

.selleo-operational-ai-delta.is-down .selleo-operational-ai-delta-value {
	color: #b45309;
}

.selleo-operational-ai-delta.is-warn .selleo-operational-ai-delta-value {
	color: #b42318;
}

.selleo-operational-ai-focus {
	padding: 16px 16px;
	border-radius: 20px;
	border: 1px solid #dbe7f5;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(243, 248, 255, 0.96));
	min-width: 0;
}

.selleo-operational-ai-focus-label {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #7a8aa2;
	margin-bottom: 8px;
	font-weight: 800;
}

.selleo-operational-ai-focus-title {
	color: #172a44;
	font-size: 15px;
	line-height: 1.3;
	font-weight: 800;
	margin-bottom: 5px;
	overflow-wrap: anywhere;
	word-break: break-word;
}

.selleo-operational-ai-focus-meta {
	color: #6b7d95;
	font-size: 13px;
	line-height: 1.45;
}

.selleo-operational-day-stack {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.selleo-operational-driver-chart {
	display: grid;
	grid-template-columns: 152px minmax(0, 1fr);
	gap: 16px;
	align-items: center;
}

.selleo-operational-donut {
	width: 152px;
	height: 152px;
	border-radius: 50%;
	position: relative;
	margin: 0 auto;
}

.selleo-operational-donut::after {
	content: "";
	position: absolute;
	inset: 22px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.96);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.selleo-operational-donut-center {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	z-index: 1;
	padding: 0 34px;
}

.selleo-operational-donut-center strong {
	font-size: 20px;
	line-height: 1.1;
	color: #172a44;
}

.selleo-operational-donut-center span {
	margin-top: 6px;
	color: #73839b;
	font-size: 12px;
	line-height: 1.3;
}

.selleo-operational-driver-legend {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.selleo-operational-driver-item {
	display: grid;
	grid-template-columns: 12px minmax(0, 1fr);
	gap: 10px;
	align-items: start;
}

.selleo-operational-driver-dot {
	width: 12px;
	height: 12px;
	border-radius: 999px;
	margin-top: 3px;
}

.selleo-operational-driver-title {
	color: #172a44;
	font-size: 14px;
	line-height: 1.35;
	font-weight: 700;
}

.selleo-operational-driver-meta {
	color: #70809a;
	font-size: 12px;
	line-height: 1.35;
	margin-top: 3px;
}

.selleo-operational-table {
	min-width: 1280px;
	border-collapse: separate;
	border-spacing: 0;
}

.selleo-operational-table thead tr:first-child th {
	background: #5a123b;
	color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.14);
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.selleo-operational-table thead tr:nth-child(2) th {
	background: #6a1a46;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
}

.selleo-operational-table thead th {
	padding: 10px 10px;
	white-space: nowrap;
}

.selleo-operational-table tbody td {
	padding: 9px 10px;
	font-size: 13px;
	border-bottom: 1px solid #e7eef8;
	vertical-align: top;
	background: #fff;
}

.selleo-operational-table tbody tr:nth-child(even) td {
	background: #fbfdff;
}

.selleo-operational-table tbody tr:first-child td {
	background: #eef8e9;
	font-weight: 800;
	position: sticky;
	top: 0;
	z-index: 4;
}

.selleo-operational-table td:nth-child(n + 3) {
	text-align: right;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

.selleo-operational-table .selleo-operational-divider-left {
	border-left: 2px solid #d7e1ef !important;
}

.selleo-operational-table .selleo-operational-divider-right {
	border-right: 2px solid #d7e1ef !important;
}

.selleo-operational-table .selleo-operational-yesterday {
	background: #5a123b !important;
}

.selleo-operational-table .selleo-operational-today {
	background: #153a70 !important;
}

.selleo-operational-table .selleo-operational-stock {
	background: #2c5c50 !important;
}

.selleo-operational-table .selleo-operational-sticky-id,
.selleo-operational-table .selleo-operational-sticky-title {
	position: sticky;
	z-index: 3;
}

.selleo-operational-table .selleo-operational-sticky-id {
	left: 0;
	min-width: 112px;
	max-width: 112px;
	font-weight: 700;
	color: #4a5b72;
	background: inherit;
}

.selleo-operational-table .selleo-operational-sticky-title {
	left: 112px;
	min-width: 260px;
	max-width: 260px;
	background: inherit;
	box-shadow: 8px 0 14px rgba(240, 245, 251, 0.96);
	border-right: 1px solid #dfe8f4;
	overflow: hidden;
}

.selleo-operational-table tbody tr:nth-child(odd) .selleo-operational-sticky-id,
.selleo-operational-table tbody tr:nth-child(odd) .selleo-operational-sticky-title {
	background: #fff;
}

.selleo-operational-table tbody tr:nth-child(even) .selleo-operational-sticky-id,
.selleo-operational-table tbody tr:nth-child(even) .selleo-operational-sticky-title {
	background: #fbfdff;
}

.selleo-operational-table tbody tr:first-child .selleo-operational-sticky-id,
.selleo-operational-table tbody tr:first-child .selleo-operational-sticky-title {
	background: #eef8e9;
}

.selleo-operational-title {
	white-space: normal !important;
	line-height: 1.24;
}

.selleo-operational-title strong {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	color: #172a44;
	font-size: 13px;
}

.selleo-operational-title span {
	display: block;
	margin-top: 4px;
	color: #7b8ba3;
	font-size: 11px;
}

.selleo-metrics-hero {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(circle at top right, rgba(124, 198, 123, 0.18), transparent 32%),
		radial-gradient(circle at left top, rgba(109, 142, 247, 0.18), transparent 28%),
		linear-gradient(135deg, #f8fbff 0%, #eef4fb 48%, #f7fafc 100%);
}

.selleo-metrics-hero::after {
	content: "";
	position: absolute;
	inset: auto -10% -65% auto;
	width: 320px;
	height: 320px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(46, 197, 206, 0.18), transparent 68%);
	pointer-events: none;
}

.selleo-metrics-toolbar {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	justify-content: space-between;
	align-items: end;
}

.selleo-metrics-toolbar-form {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: end;
	margin-top: 10px;
}

.selleo-metrics-select-wrap {
	min-width: 240px;
}

.selleo-metrics-select-wrap label {
	display: block;
	margin: 0 0 8px;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #6e7f95;
}

.selleo-metrics-select-wrap select {
	width: 100%;
	min-height: 54px;
	border-radius: 16px;
	border: 1px solid #d4dfeb;
	background: rgba(255, 255, 255, 0.92);
	padding: 0 16px;
	font-size: 15px;
	font-weight: 700;
	color: #22324d;
}

.selleo-metrics-kpis {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 14px;
}

.selleo-metrics-kpi {
	position: relative;
	overflow: hidden;
	min-height: 0;
	padding: 16px 18px 16px;
	border-radius: 22px;
	border: 1px solid #dce7f4;
	background: linear-gradient(180deg, #ffffff, #f8fbff);
	box-shadow: 0 18px 46px rgba(19, 62, 135, 0.06);
}

.selleo-metrics-kpi::before {
	content: "";
	position: absolute;
	inset: 0 auto 0 0;
	width: 5px;
	border-radius: 5px;
	background: #c7d4e5;
}

.selleo-metrics-kpi--revenue::before {
	background: #6d8ef7;
}
.selleo-metrics-kpi--gross::before {
	background: #56b0ff;
}
.selleo-metrics-kpi--ebitda::before {
	background: #57b26f;
}
.selleo-metrics-kpi--net::before {
	background: #1f8b4d;
}
.selleo-metrics-kpi--cash::before {
	background: #2ec5ce;
}
.selleo-metrics-kpi--ads::before {
	background: #f49d37;
}

.selleo-metrics-kpi-label {
	min-height: 32px;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #74849b;
	margin-bottom: 8px;
}

.selleo-metrics-kpi-value {
	min-height: 30px;
	display: flex;
	align-items: flex-start;
	font-size: clamp(18px, 1.25vw, 26px);
	line-height: 1;
	letter-spacing: -0.04em;
	font-weight: 800;
	color: #152843;
	margin-bottom: 10px;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}

.selleo-metrics-kpi-meta {
	font-size: 13px;
	font-weight: 700;
	color: #3d5674;
	margin-bottom: 6px;
	min-height: 20px;
}

.selleo-metrics-kpi-submeta {
	font-size: 12px;
	color: #7d8ca1;
	line-height: 1.35;
}

.selleo-metrics-stack {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.selleo-metrics-section-head {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 14px;
	align-items: flex-start;
	margin-bottom: 18px;
}

.selleo-metrics-section-head h2 {
	margin: 0 0 6px;
	font-size: 24px;
	color: #172a44;
}

.selleo-metrics-section-head p {
	margin: 0;
	color: #60708a;
	line-height: 1.55;
}

.selleo-metrics-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.selleo-metrics-badge {
	display: inline-flex;
	flex-direction: column;
	gap: 4px;
	min-width: 112px;
	padding: 12px 14px;
	border-radius: 18px;
	background: #f6f9fc;
	border: 1px solid #e2eaf4;
}

.selleo-metrics-badge span {
	font-size: 11px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: #7b8a9d;
}

.selleo-metrics-badge strong {
	font-size: 20px;
	line-height: 1;
	color: #1b2432;
}

.selleo-metrics-chart-switcher {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 16px;
}

.selleo-metrics-chart-legend {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin-bottom: 18px;
}

.selleo-metrics-chart-legend-item {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #5c6c84;
	font-size: 12px;
	font-weight: 700;
}

.selleo-metrics-chart-legend-item i {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 3px;
}

.selleo-metrics-chart-legend-item--revenue i {
	background: #4d7cff;
}
.selleo-metrics-chart-legend-item--costs i {
	background: #e05c57;
}
.selleo-metrics-chart-legend-item--profit i {
	width: 18px;
	height: 2px;
	border-radius: 999px;
	background: #239a67;
}

.selleo-metrics-chart-summary {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	align-items: end;
	margin-bottom: 18px;
}

.selleo-metrics-chart-summary-main {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.selleo-metrics-chart-summary-label {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	padding: 6px 10px;
	border-radius: 999px;
	background: #eef4fb;
	color: #6880a0;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.selleo-metrics-chart-summary strong {
	display: block;
	font-size: 36px;
	line-height: 1;
	color: #152843;
}

.selleo-metrics-chart-summary span {
	color: #6d7d93;
	font-size: 14px;
}

.selleo-metrics-chart-shell {
	position: relative;
	padding: 18px 18px 14px;
	border: 1px solid #e6edf6;
	border-radius: 24px;
	background:
		radial-gradient(circle at top left, rgba(109, 142, 247, 0.08), transparent 32%),
		radial-gradient(circle at top right, rgba(46, 197, 206, 0.1), transparent 30%),
		linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.selleo-metrics-chart-frame {
	display: grid;
	grid-template-columns: 88px minmax(0, 1fr);
	gap: 14px;
	align-items: stretch;
}

.selleo-metrics-chart-axis {
	display: grid;
	grid-template-rows: repeat(4, 1fr);
	height: 360px;
	padding: 10px 0 42px;
}

.selleo-metrics-chart-axis span {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-right: 8px;
	color: #8a98ab;
	font-size: 11px;
	font-weight: 700;
}

.selleo-metrics-chart {
	height: 360px;
	padding: 14px 18px 8px;
	border-radius: 30px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(247, 250, 253, 0.96));
	border: 1px solid #e6edf6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.selleo-metrics-chart svg {
	width: 100%;
	height: 100%;
	display: block;
}

.selleo-metrics-chart-grid {
	stroke: rgba(86, 103, 129, 0.1);
	stroke-width: 0.4;
	stroke-dasharray: 1.4 2;
}

.selleo-metrics-chart-baseline {
	stroke: rgba(86, 103, 129, 0.12);
	stroke-width: 0.5;
}

.selleo-metrics-chart-bar--revenue {
	fill: #5b7ff3;
	opacity: 0.92;
}
.selleo-metrics-chart-bar--costs {
	fill: #e6726d;
	opacity: 0.92;
}

.selleo-metrics-chart-line {
	fill: none;
	stroke: #22a06b;
	stroke-width: 1.15;
	stroke-linecap: round;
	stroke-linejoin: round;
	filter: drop-shadow(0 6px 12px rgba(34, 160, 107, 0.16));
}

.selleo-metrics-chart-point {
	cursor: pointer;
}

.selleo-metrics-chart-point circle {
	fill: #22a06b;
	stroke: #fff;
	stroke-width: 1.2;
	transition: transform 0.16s ease;
	transform-origin: center;
}

.selleo-metrics-chart-point:hover circle {
	transform: scale(1.16);
}

.selleo-metrics-chart-hitbox {
	fill: transparent;
	cursor: pointer;
}

.selleo-metrics-chart-hover {
	position: absolute;
	z-index: 2;
	pointer-events: none;
	min-width: 164px;
	padding: 10px 12px;
	border-radius: 14px;
	border: 1px solid #dde6f1;
	background: rgba(255, 255, 255, 0.98);
	box-shadow: 0 16px 34px rgba(19, 62, 135, 0.08);
	opacity: 0;
	transform: translate(-50%, -100%);
	transition: opacity 0.16s ease;
}

.selleo-metrics-chart-hover.is-visible {
	opacity: 1;
}

.selleo-metrics-chart-hover strong {
	display: block;
	margin-bottom: 8px;
	color: #1e2f49;
	font-size: 12px;
}

.selleo-metrics-chart-hover span {
	display: block;
	color: #5c6c84;
	font-size: 12px;
	line-height: 1.5;
}

.selleo-metrics-chart-labels {
	display: grid;
	gap: 10px;
	margin-top: 14px;
	color: #7c8ba0;
	font-size: 12px;
	font-weight: 700;
}

.selleo-metrics-structure-grid {
	display: grid;
	grid-template-columns: minmax(320px, 0.95fr) minmax(0, 1fr);
	gap: 20px;
}

.selleo-metrics-rhythm {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

.selleo-metrics-rhythm-card {
	padding: 18px;
	border-radius: 22px;
	border: 1px solid #dce7f4;
	background: linear-gradient(180deg, #ffffff, #f8fbff);
}

.selleo-metrics-rhythm-card h3 {
	margin: 0 0 8px;
	font-size: 18px;
	color: #172a44;
}

.selleo-metrics-rhythm-value {
	font-size: 28px;
	line-height: 1;
	font-weight: 800;
	color: #152843;
	margin-bottom: 6px;
}

.selleo-metrics-rhythm-meta {
	color: #718198;
	font-size: 13px;
	margin-bottom: 14px;
}

.selleo-metrics-rhythm-mini {
	height: 72px;
}

.selleo-metrics-rhythm-mini svg {
	width: 100%;
	height: 100%;
	display: block;
}

.selleo-metrics-rhythm-card--revenue {
	--chart-color: #6d8ef7;
}
.selleo-metrics-rhythm-card--cash {
	--chart-color: #2ec5ce;
}
.selleo-metrics-rhythm-card--ads {
	--chart-color: #f49d37;
}

.selleo-metrics-rhythm-card .selleo-metrics-chart-line {
	stroke: var(--chart-color);
}
.selleo-metrics-rhythm-card .selleo-metrics-chart-area {
	fill: var(--chart-color);
}
.selleo-metrics-rhythm-card .selleo-metrics-chart-baseline {
	stroke: rgba(86, 103, 129, 0.16);
}

.selleo-metrics-top-items {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

.selleo-metrics-top-card {
	padding: 20px;
	border-radius: 22px;
	border: 1px solid #dce7f4;
	background: linear-gradient(180deg, #ffffff, #f8fbff);
}

.selleo-metrics-top-card h3 {
	margin: 0 0 8px;
	font-size: 20px;
	color: #172a44;
}

.selleo-metrics-top-card p {
	margin: 0 0 16px;
	color: #718198;
	font-size: 14px;
	line-height: 1.5;
}

.selleo-metrics-top-card--revenue {
	box-shadow: inset 0 0 0 1px rgba(109, 142, 247, 0.08);
}
.selleo-metrics-top-card--profit {
	box-shadow: inset 0 0 0 1px rgba(87, 178, 111, 0.08);
}
.selleo-metrics-top-card--sales {
	box-shadow: inset 0 0 0 1px rgba(46, 197, 206, 0.1);
}

.selleo-metrics-top-card {
	position: relative;
	overflow: hidden;
}

.selleo-metrics-top-card::before {
	content: "";
	position: absolute;
	inset: 0 auto auto 0;
	width: 100%;
	height: 4px;
	background: #d6deec;
}

.selleo-metrics-top-card--revenue::before {
	background: linear-gradient(90deg, #6d8ef7, #95a9ff);
}
.selleo-metrics-top-card--profit::before {
	background: linear-gradient(90deg, #57b26f, #8ed49c);
}
.selleo-metrics-top-card--sales::before {
	background: linear-gradient(90deg, #35c7d5, #75dfe5);
}

.selleo-metrics-top-card-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
}

.selleo-metrics-top-card-mark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 36px;
	width: 36px;
	height: 36px;
	border-radius: 14px;
	background: #eef4fb;
	color: #5f7391;
	font-size: 14px;
	font-weight: 800;
}

.selleo-metrics-top-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.selleo-metrics-top-row {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr) auto;
	gap: 12px;
	align-items: center;
	padding: 13px 14px;
	border-radius: 18px;
	background: linear-gradient(180deg, #fbfdff, #f7faff);
	border: 1px solid #e4ebf3;
}

.selleo-metrics-top-rank {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 999px;
	background: #eef4fb;
	color: #5f7391;
	font-size: 12px;
	font-weight: 800;
}

.selleo-metrics-top-main {
	min-width: 0;
}

.selleo-metrics-top-main strong {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	color: #172a44;
	font-size: 14px;
	line-height: 1.3;
	max-height: 36px;
}

.selleo-metrics-top-main span {
	display: block;
	margin-top: 4px;
	color: #7c8ba0;
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.selleo-metrics-top-value {
	min-width: 82px;
	text-align: right;
}

.selleo-metrics-top-value strong {
	display: block;
	color: #152843;
	font-size: 15px;
	line-height: 1;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

.selleo-metrics-top-value span {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 6px;
	color: #7c8ba0;
	font-size: 12px;
	white-space: nowrap;
}

.selleo-metrics-top-abc {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 24px;
	height: 24px;
	padding: 0 8px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 800;
}

.selleo-metrics-top-abc--A {
	background: #dff4dd;
	color: #2f6f38;
}
.selleo-metrics-top-abc--B {
	background: #fff1c4;
	color: #8d6a00;
}
.selleo-metrics-top-abc--C {
	background: #eef2f7;
	color: #62748b;
}

.selleo-metrics-focus {
	display: grid;
	grid-template-columns: 1fr;
	gap: 14px;
}

.selleo-metrics-focus-card {
	padding: 20px;
	border-radius: 22px;
	border: 1px solid #dce7f4;
	background: linear-gradient(180deg, #ffffff, #f9fbff);
}

.selleo-metrics-focus-card h3 {
	margin: 0 0 10px;
	font-size: 17px;
	color: #172a44;
}

.selleo-metrics-focus-value {
	font-size: 28px;
	line-height: 1;
	font-weight: 800;
	color: #152843;
	margin-bottom: 10px;
}

.selleo-metrics-focus-meta {
	color: #3d5674;
	font-size: 13px;
	font-weight: 700;
	margin-bottom: 8px;
}

.selleo-metrics-focus-detail {
	color: #75849a;
	line-height: 1.5;
	font-size: 13px;
}

.selleo-metrics-bridge {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.selleo-metrics-bridge-row {
	padding: 14px 16px;
	border-radius: 18px;
	border: 1px solid #e4ebf3;
	background: #fbfdff;
}

.selleo-metrics-bridge-top {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	align-items: baseline;
	margin-bottom: 10px;
}

.selleo-metrics-bridge-top strong {
	color: #182a44;
}

.selleo-metrics-bridge-top span {
	font-weight: 800;
	color: #152843;
}

.selleo-metrics-bridge-top small {
	color: #718198;
	font-size: 12px;
}

.selleo-metrics-bridge-bar {
	height: 12px;
	border-radius: 999px;
	background: #edf3f9;
	overflow: hidden;
}

.selleo-metrics-bridge-bar span {
	display: block;
	height: 100%;
	border-radius: inherit;
}

.selleo-metrics-bridge-row--revenue .selleo-metrics-bridge-bar span {
	background: linear-gradient(90deg, #6d8ef7, #8aa3ff);
}
.selleo-metrics-bridge-row--expense .selleo-metrics-bridge-bar span {
	background: linear-gradient(90deg, #d5dce8, #b9c4d5);
}
.selleo-metrics-bridge-row--expense-soft .selleo-metrics-bridge-bar span {
	background: linear-gradient(90deg, #cfd9f5, #b7c4ea);
}
.selleo-metrics-bridge-row--fixed .selleo-metrics-bridge-bar span {
	background: linear-gradient(90deg, #ead7cc, #d9c0b1);
}
.selleo-metrics-bridge-row--ads .selleo-metrics-bridge-bar span {
	background: linear-gradient(90deg, #f7b55c, #f49d37);
}
.selleo-metrics-bridge-row--profit .selleo-metrics-bridge-bar span {
	background: linear-gradient(90deg, #57b26f, #80c986);
}
.selleo-metrics-bridge-row--profit-soft .selleo-metrics-bridge-bar span {
	background: linear-gradient(90deg, #7bb6ff, #9fcbff);
}
.selleo-metrics-bridge-row--profit-strong .selleo-metrics-bridge-bar span {
	background: linear-gradient(90deg, #2a9b5f, #57b26f);
}

.selleo-metrics-kpis {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.selleo-metrics-kpi--marginal::before {
	background: #35c7d5;
}

.selleo-metrics-kpi-delta {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 6px;
	margin-bottom: 6px;
	font-size: 13px;
}

.selleo-metrics-kpi-delta strong {
	font-size: 13px;
	font-weight: 800;
}

.selleo-metrics-kpi-delta span {
	color: #7d8ca1;
}

.selleo-metrics-kpi-delta--up strong {
	color: #23774a;
}
.selleo-metrics-kpi-delta--down strong {
	color: #c25857;
}
.selleo-metrics-kpi-delta--neutral strong {
	color: #566781;
}

.selleo-metrics-chart-legend-item--cash i {
	background: #2ec5ce;
}

.selleo-metrics-chart-summary {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 18px;
	align-items: center;
}

.selleo-metrics-chart-summary-inline {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: flex-end;
}

.selleo-metrics-chart-summary-inline div {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 138px;
	padding: 12px 14px;
	border-radius: 18px;
	background: linear-gradient(180deg, #ffffff, #f6f9fd);
	border: 1px solid #dfe8f3;
	box-shadow: 0 10px 20px rgba(19, 62, 135, 0.05);
}

.selleo-metrics-chart-summary-inline small {
	font-size: 11px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #7b8a9d;
}

.selleo-metrics-chart-summary-inline strong {
	font-size: 22px;
}

.selleo-metrics-chart-bar--cash {
	fill: #2ec5ce;
	opacity: 0.88;
}

.selleo-metrics-marketplace-comparison {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 18px;
}

.selleo-metrics-comparison-chip {
	padding: 14px 16px 16px;
	border-radius: 20px;
	border: 1px solid #dce7f4;
	background: linear-gradient(180deg, #ffffff, #f8fbff);
	box-shadow: 0 10px 24px rgba(19, 62, 135, 0.04);
}

.selleo-metrics-comparison-chip span {
	display: block;
	margin-bottom: 8px;
	font-size: 11px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #7b8a9d;
}

.selleo-metrics-comparison-chip strong {
	display: block;
	font-size: 18px;
	line-height: 1;
	color: #152843;
}

.selleo-metrics-comparison-chip small {
	color: #5d6e86;
	font-size: 13px;
	font-weight: 700;
}

.selleo-metrics-comparison-chip-main {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
}

.selleo-metrics-marketplace-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

.selleo-metrics-marketplace-card {
	--marketplace-accent: #9ab0c7;
	position: relative;
	padding: 18px;
	border-radius: 28px;
	border: 1px solid #dce7f4;
	background:
		radial-gradient(
			circle at top right,
			color-mix(in srgb, var(--marketplace-accent) 10%, white),
			transparent 28%
		),
		linear-gradient(180deg, #ffffff, #f8fbff);
	box-shadow: 0 18px 42px rgba(19, 62, 135, 0.05);
	overflow: hidden;
}

.selleo-metrics-marketplace-card::before {
	content: "";
	position: absolute;
	inset: 0 auto 0 0;
	width: 4px;
	background: var(--marketplace-accent);
	opacity: 0.9;
}

.selleo-metrics-marketplace-card--total {
	--marketplace-accent: #6d8ef7;
}
.selleo-metrics-marketplace-card--wildberries {
	--marketplace-accent: #cb11ab;
}
.selleo-metrics-marketplace-card--ozon {
	--marketplace-accent: #005bff;
}

.selleo-metrics-marketplace-card-head {
	display: flex;
	gap: 14px;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 14px;
}

.selleo-metrics-marketplace-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 58px;
	height: 32px;
	padding: 0 14px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--marketplace-accent);
	background: color-mix(in srgb, var(--marketplace-accent) 12%, white);
}

.selleo-metrics-marketplace-delta {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 12px;
	font-size: 12px;
}

.selleo-metrics-marketplace-delta strong {
	color: #172a44;
}

.selleo-metrics-marketplace-delta span {
	color: #7b8a9d;
}

.selleo-metrics-marketplace-delta--up strong {
	color: #23774a;
}
.selleo-metrics-marketplace-delta--down strong {
	color: #c25857;
}

.selleo-metrics-marketplace-spark {
	flex: 0 0 104px;
	height: 54px;
	padding: 6px 0 0;
}

.selleo-metrics-marketplace-spark svg {
	width: 100%;
	height: 100%;
	display: block;
}

.selleo-metrics-marketplace-line {
	fill: none;
	stroke: var(--marketplace-accent);
	stroke-width: 1.6;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.selleo-metrics-marketplace-area {
	fill: color-mix(in srgb, var(--marketplace-accent) 14%, white);
}

.selleo-metrics-marketplace-empty {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	border-radius: 16px;
	background: #f5f8fb;
	border: 1px dashed #d7e1ee;
	color: #8292a7;
	font-size: 12px;
	font-weight: 700;
}

.selleo-metrics-marketplace-badges {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin-bottom: 12px;
}

.selleo-metrics-marketplace-pill {
	padding: 10px 12px;
	border-radius: 16px;
	background: #f6f9fc;
	border: 1px solid #e2eaf4;
}

.selleo-metrics-marketplace-pill span {
	display: block;
	margin-bottom: 4px;
	font-size: 11px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: #7b8a9d;
}

.selleo-metrics-marketplace-pill strong {
	color: #152843;
	font-size: 14px;
	line-height: 1.2;
}

.selleo-metrics-marketplace-hero-stats {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 14px;
}

.selleo-metrics-marketplace-hero-stat {
	padding: 14px 16px;
	border-radius: 22px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(246, 249, 253, 0.95)),
		color-mix(in srgb, var(--marketplace-accent) 3%, white);
	border: 1px solid color-mix(in srgb, var(--marketplace-accent) 14%, #dce7f4);
}

.selleo-metrics-marketplace-hero-stat span {
	display: block;
	margin-bottom: 8px;
	color: #6f819a;
	font-size: 11px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.07em;
}

.selleo-metrics-marketplace-hero-stat strong {
	display: block;
	color: #172a44;
	font-size: 28px;
	line-height: 0.95;
	letter-spacing: -0.03em;
}

.selleo-metrics-marketplace-stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}

.selleo-metrics-marketplace-stat {
	padding: 10px 12px;
	border-radius: 16px;
	background: rgba(251, 253, 255, 0.78);
	border: 1px solid #e4ebf3;
}

.selleo-metrics-marketplace-stat span,
.selleo-metrics-marketplace-secondary-item span {
	display: block;
	margin-bottom: 6px;
	color: #7c8ba0;
	font-size: 11px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.selleo-metrics-marketplace-stat strong,
.selleo-metrics-marketplace-secondary-item strong {
	color: #172a44;
	font-size: 15px;
	line-height: 1.2;
}

.selleo-metrics-marketplace-secondary {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin-top: 12px;
}

.selleo-metrics-marketplace-secondary--summary {
	margin-top: 0;
	margin-bottom: 12px;
}

.selleo-metrics-marketplace-secondary-item {
	padding: 10px 12px;
	border-radius: 16px;
	background: #f8fbff;
	border: 1px solid #e6edf6;
}

.selleo-metrics-marketplace-footnote {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 16px;
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid #e8eef6;
	color: #718198;
	font-size: 12px;
}

.selleo-metrics-marketplace-footnote span {
	display: inline-flex;
	align-items: baseline;
	gap: 6px;
}

.selleo-metrics-marketplace-footnote strong {
	color: #5f7391;
	font-size: 11px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.selleo-metrics-focus-signals {
	display: grid;
	grid-template-columns: 1fr;
	gap: 14px;
}

.selleo-metrics-attention-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	margin-top: 16px;
}

.selleo-metrics-attention-card {
	position: relative;
	padding: 18px;
	border-radius: 22px;
	border: 1px solid #dce7f4;
	background: linear-gradient(180deg, #ffffff, #f8fbff);
	overflow: hidden;
}

.selleo-metrics-attention-card::before {
	content: "";
	position: absolute;
	inset: 0 auto auto 0;
	width: 100%;
	height: 4px;
	background: #cfd9ea;
}

.selleo-metrics-attention-card h3 {
	margin: 0 0 8px;
	font-size: 19px;
	color: #172a44;
}

.selleo-metrics-attention-card--focus::before {
	background: linear-gradient(90deg, #6d8ef7, #9bb2ff);
}
.selleo-metrics-attention-card--risk::before {
	background: linear-gradient(90deg, #f39a4b, #f5b865);
}
.selleo-metrics-attention-card--watch::before {
	background: linear-gradient(90deg, #35c7d5, #7fdbdf);
}

.selleo-metrics-attention-card-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.selleo-metrics-attention-dot {
	flex: 0 0 12px;
	width: 12px;
	height: 12px;
	border-radius: 999px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.55)), #9ab0c7;
	box-shadow: 0 0 0 6px rgba(111, 129, 154, 0.08);
}

.selleo-metrics-attention-card--focus .selleo-metrics-attention-dot {
	background: #6d8ef7;
	box-shadow: 0 0 0 6px rgba(109, 142, 247, 0.1);
}
.selleo-metrics-attention-card--risk .selleo-metrics-attention-dot {
	background: #f39a4b;
	box-shadow: 0 0 0 6px rgba(243, 154, 75, 0.1);
}
.selleo-metrics-attention-card--watch .selleo-metrics-attention-dot {
	background: #35c7d5;
	box-shadow: 0 0 0 6px rgba(53, 199, 213, 0.1);
}

.selleo-metrics-attention-value {
	font-size: 28px;
	line-height: 1;
	font-weight: 800;
	color: #152843;
	margin-bottom: 10px;
}

.selleo-metrics-attention-card p {
	margin: 0 0 14px;
	color: #718198;
	font-size: 14px;
	line-height: 1.5;
}

.selleo-metrics-attention-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.selleo-metrics-attention-row {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	align-items: flex-start;
	padding: 12px 14px;
	border-radius: 16px;
	background: #fbfdff;
	border: 1px solid #e4ebf3;
}

.selleo-metrics-attention-row div {
	min-width: 0;
}

.selleo-metrics-attention-row strong {
	display: block;
	color: #172a44;
	font-size: 14px;
	line-height: 1.35;
}

.selleo-metrics-attention-row span {
	display: block;
	margin-top: 4px;
	color: #7c8ba0;
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.selleo-opiu-toolbar {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: space-between;
	align-items: center;
}

.selleo-opiu-title-row {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.selleo-opiu-title-row h1 {
	margin: 0;
	font-size: 44px;
	line-height: 1;
	color: #1b2432;
}

.selleo-opiu-summary {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 12px;
	margin-top: 16px;
}

.selleo-opiu-summary-card {
	position: relative;
	padding: 14px 16px;
	border-radius: 18px;
	border: 1px solid rgba(17, 36, 58, 0.06);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(245, 247, 251, 0.98));
	overflow: hidden;
}

.selleo-opiu-summary-card::before {
	content: "";
	position: absolute;
	inset: 0 auto 0 0;
	width: 4px;
	background: #c9d4e5;
}

.selleo-opiu-summary-card--gross::before {
	background: #6d8ef7;
}
.selleo-opiu-summary-card--revenue::before {
	background: #2f6df6;
}
.selleo-opiu-summary-card--marginal::before {
	background: #2ec5ce;
}
.selleo-opiu-summary-card--ebitda::before {
	background: #7bc67b;
}
.selleo-opiu-summary-card--net::before {
	background: #4a9a57;
}
.selleo-opiu-summary-card--teal::before {
	background: #2ec5ce;
}
.selleo-opiu-summary-card--blue::before {
	background: #2f6df6;
}
.selleo-opiu-summary-card--green::before {
	background: #4a9a57;
}
.selleo-opiu-summary-card--slate::before {
	background: #7b8798;
}

.selleo-opiu-summary-label {
	display: block;
	margin-bottom: 6px;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #718198;
}

.selleo-opiu-summary-value {
	display: block;
	font-size: 24px;
	line-height: 1;
	font-weight: 800;
	color: #1b2432;
	margin-bottom: 6px;
}

.selleo-opiu-summary-meta {
	display: block;
	font-size: 12px;
	color: #66758b;
}

.selleo-opiu-select {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-height: 58px;
	padding: 0 18px;
	border: 1px solid #d8e1ea;
	border-radius: 14px;
	background: #fff;
	color: #334155;
	font-size: 15px;
	font-weight: 700;
}

.selleo-opiu-select small {
	display: block;
	color: #8b98aa;
	font-size: 12px;
	font-weight: 700;
	margin-bottom: 4px;
}

.selleo-opiu-select--currency {
	background: #eef3f7;
	border-color: transparent;
	min-height: 46px;
	padding: 0 14px;
}

.selleo-opiu-select-wrap {
	min-width: 210px;
	position: relative;
}

.selleo-opiu-select-field {
	width: 100%;
	min-height: 58px;
	border: 1px solid #d8e1ea;
	border-radius: 14px;
	background: #fff;
	padding: 12px 44px 12px 16px;
	font-size: 16px;
	font-weight: 700;
	color: #334155;
	appearance: none;
	-webkit-appearance: none;
	cursor: pointer;
}

.selleo-opiu-select-label {
	display: block;
	color: #8b98aa;
	font-size: 12px;
	font-weight: 700;
	margin: 0 0 6px 2px;
}

.selleo-opiu-select-wrap::after {
	content: "▾";
	position: absolute;
	right: 16px;
	bottom: 18px;
	color: #7c8ba0;
	pointer-events: none;
	font-size: 16px;
}

.selleo-opiu-table-card {
	overflow: hidden;
	min-width: 0;
	max-width: 100%;
}

.selleo-opiu-table-wrap {
	overflow: auto;
	overflow-y: hidden;
	overscroll-behavior-x: contain;
	-webkit-overflow-scrolling: touch;
	max-width: 100%;
}

.selleo-opiu-table {
	width: max-content;
	min-width: max(100%, 1420px);
	border-collapse: separate;
	border-spacing: 0;
}

.selleo-opiu-table thead th {
	position: sticky;
	top: 0;
	background: #f7f8fa;
	z-index: 2;
	font-size: 14px;
	font-weight: 800;
	color: #3c495d;
	padding: 12px 12px;
	border-bottom: 1px solid #e1e8f0;
	white-space: nowrap;
	text-align: right;
	min-width: 90px;
}

.selleo-opiu-table thead th:first-child {
	text-align: left;
	min-width: 250px;
	width: 250px;
}

.selleo-opiu-table tbody td {
	padding: 11px 12px;
	border-bottom: 1px solid #edf2f7;
	background: #fff;
	font-size: 14px;
	color: #2d3748;
	text-align: right;
	white-space: nowrap;
	min-width: 90px;
}

.selleo-opiu-table tbody td:first-child {
	position: sticky;
	left: 0;
	z-index: 1;
	text-align: left;
	font-size: 15px;
	min-width: 250px;
	width: 250px;
	box-shadow: 12px 0 18px -18px rgba(17, 36, 58, 0.24);
}

.selleo-opiu-cell-label {
	display: block;
	max-width: 240px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.selleo-opiu-row--section td:first-child,
.selleo-opiu-row--spacer td:first-child,
.selleo-opiu-row--overview-total td:first-child,
.selleo-opiu-row--total td:first-child,
.selleo-opiu-row--subtotal td:first-child,
.selleo-opiu-row--success td:first-child,
.selleo-opiu-row--success-dark td:first-child,
.selleo-opiu-row--accent td:first-child {
	font-weight: 800;
}

.selleo-opiu-row--section td {
	background: #fff;
}
.selleo-opiu-row--spacer td {
	padding: 0;
	height: 18px;
	min-width: 0;
	background: transparent;
	border: 0;
	font-size: 0;
	line-height: 0;
}

.selleo-opiu-row--spacer td:first-child {
	position: sticky;
	left: 0;
	z-index: 1;
	width: 250px;
	min-width: 250px;
	box-shadow: none;
}

.selleo-opiu-row--overview td {
	background: linear-gradient(180deg, #f6f9ff, #eef4ff);
	font-weight: 800;
	border-top: 1px solid #dbe6fb;
	border-bottom: 1px solid #dbe6fb;
}
.selleo-opiu-row--overview-total td {
	background: linear-gradient(180deg, #eef5ff, #e3efff);
	font-weight: 800;
	border-top: 1px solid #d3e1fb;
	border-bottom: 1px solid #d3e1fb;
}
.selleo-opiu-row--total td {
	background: linear-gradient(180deg, #f3f5ff, #eef2ff);
	font-weight: 800;
	border-top: 1px solid #dbe3ff;
	border-bottom: 1px solid #dbe3ff;
}
.selleo-opiu-row--subtotal td {
	background: linear-gradient(180deg, #fafbfc, #f4f7fb);
	font-weight: 800;
	border-top: 1px solid #e4e9f0;
	border-bottom: 1px solid #e4e9f0;
}
.selleo-opiu-row--success td {
	background: linear-gradient(180deg, #e4f3e1, #d7eed1);
	font-weight: 800;
	border-top: 1px solid #c6e3bf;
	border-bottom: 1px solid #c6e3bf;
}
.selleo-opiu-row--success-dark td {
	background: linear-gradient(180deg, #d4e9c6, #c3dfb3);
	font-weight: 800;
	border-top: 1px solid #afd19d;
	border-bottom: 1px solid #afd19d;
}
.selleo-opiu-row--accent td {
	background: linear-gradient(180deg, #e1f2fa, #d2ebf7);
	font-weight: 800;
	border-top: 1px solid #c0dfef;
	border-bottom: 1px solid #c0dfef;
}
.selleo-opiu-row--percent td {
	color: #637286;
	font-style: italic;
	background: #fbfcfe;
}
.selleo-opiu-row--percent td:first-child {
	color: #7b8796;
}

.selleo-opiu-row--provider td,
.selleo-opiu-row--common td {
	transition: background-color 0.16s ease;
}

.selleo-opiu-row--provider-wildberries td {
	background: rgba(203, 17, 171, 0.035);
}

.selleo-opiu-row--provider-wildberries td:first-child {
	box-shadow: 12px 0 18px -18px rgba(203, 17, 171, 0.45);
}

.selleo-opiu-row--provider-wildberries.selleo-opiu-row--section td {
	background: linear-gradient(180deg, rgba(203, 17, 171, 0.16), rgba(203, 17, 171, 0.08));
	border-top: 1px solid rgba(203, 17, 171, 0.22);
	border-bottom: 1px solid rgba(203, 17, 171, 0.18);
	color: #80186e;
}

.selleo-opiu-row--provider-wildberries.selleo-opiu-row--total td {
	background: linear-gradient(180deg, rgba(203, 17, 171, 0.14), rgba(203, 17, 171, 0.08));
	border-top: 1px solid rgba(203, 17, 171, 0.2);
	border-bottom: 1px solid rgba(203, 17, 171, 0.18);
}

.selleo-opiu-row--provider-wildberries.selleo-opiu-row--percent td {
	background: rgba(203, 17, 171, 0.05);
	color: #7b4f74;
}

.selleo-opiu-row--provider-ozon td {
	background: rgba(0, 91, 255, 0.04);
}

.selleo-opiu-row--provider-ozon td:first-child {
	box-shadow: 12px 0 18px -18px rgba(0, 91, 255, 0.42);
}

.selleo-opiu-row--provider-ozon.selleo-opiu-row--section td {
	background: linear-gradient(180deg, rgba(0, 91, 255, 0.16), rgba(0, 91, 255, 0.08));
	border-top: 1px solid rgba(0, 91, 255, 0.2);
	border-bottom: 1px solid rgba(0, 91, 255, 0.16);
	color: #1043ab;
}

.selleo-opiu-row--provider-ozon.selleo-opiu-row--total td {
	background: linear-gradient(180deg, rgba(0, 91, 255, 0.14), rgba(0, 91, 255, 0.08));
	border-top: 1px solid rgba(0, 91, 255, 0.18);
	border-bottom: 1px solid rgba(0, 91, 255, 0.16);
}

.selleo-opiu-row--provider-ozon.selleo-opiu-row--percent td {
	background: rgba(0, 91, 255, 0.05);
	color: #456690;
}

.selleo-opiu-row--provider-yandex td {
	background: rgba(255, 204, 0, 0.055);
}

.selleo-opiu-row--provider-yandex td:first-child {
	box-shadow: 12px 0 18px -18px rgba(255, 204, 0, 0.62);
}

.selleo-opiu-row--provider-yandex.selleo-opiu-row--section td {
	background: linear-gradient(180deg, rgba(255, 204, 0, 0.2), rgba(255, 204, 0, 0.1));
	border-top: 1px solid rgba(230, 184, 0, 0.28);
	border-bottom: 1px solid rgba(230, 184, 0, 0.22);
	color: #6f5700;
}

.selleo-opiu-row--provider-yandex.selleo-opiu-row--total td {
	background: linear-gradient(180deg, rgba(255, 204, 0, 0.18), rgba(255, 204, 0, 0.09));
	border-top: 1px solid rgba(230, 184, 0, 0.24);
	border-bottom: 1px solid rgba(230, 184, 0, 0.2);
}

.selleo-opiu-row--provider-yandex.selleo-opiu-row--percent td {
	background: rgba(255, 204, 0, 0.08);
	color: #6f641e;
}

.selleo-opiu-row--common td {
	background: rgba(17, 36, 58, 0.035);
}

.selleo-opiu-row--common.selleo-opiu-row--section td {
	background: linear-gradient(180deg, rgba(17, 36, 58, 0.11), rgba(17, 36, 58, 0.05));
	border-top: 1px solid rgba(17, 36, 58, 0.14);
	border-bottom: 1px solid rgba(17, 36, 58, 0.12);
	color: #213750;
}

.selleo-opiu-row--common.selleo-opiu-row--total td,
.selleo-opiu-row--common.selleo-opiu-row--subtotal td {
	background: linear-gradient(180deg, rgba(17, 36, 58, 0.09), rgba(17, 36, 58, 0.05));
	border-top: 1px solid rgba(17, 36, 58, 0.12);
	border-bottom: 1px solid rgba(17, 36, 58, 0.1);
}

.selleo-opiu-row--common.selleo-opiu-row--success td {
	background: linear-gradient(180deg, #e4f3e1, #d7eed1);
}

.selleo-opiu-row--common.selleo-opiu-row--success-dark td {
	background: linear-gradient(180deg, #d4e9c6, #c3dfb3);
}

.selleo-opiu-row--common.selleo-opiu-row--accent td {
	background: linear-gradient(180deg, #e1f2fa, #d2ebf7);
}

.selleo-opiu-row--common.selleo-opiu-row--percent td {
	background: rgba(17, 36, 58, 0.045);
}

.selleo-opiu-empty {
	padding: 28px;
	color: #5d6d86;
}

.selleo-abc-toolbar {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 16px;
	align-items: end;
}

.selleo-abc-toolbar-form {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: end;
	margin-top: 0;
}

.selleo-abc-field {
	min-width: 220px;
}

.selleo-abc-field label {
	display: block;
	margin: 0 0 8px;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #6e7f95;
}

.selleo-abc-field select {
	width: 100%;
	min-height: 54px;
	border-radius: 16px;
	border: 1px solid #d4dfeb;
	background: rgba(255, 255, 255, 0.92);
	padding: 0 16px;
	font-size: 15px;
	font-weight: 700;
	color: #22324d;
}

.selleo-abc-summary {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

.selleo-abc-card {
	padding: 20px;
	border-radius: 22px;
	border: 1px solid #dce7f4;
	background: linear-gradient(180deg, #ffffff, #f8fbff);
	box-shadow: 0 18px 46px rgba(19, 62, 135, 0.06);
}

.selleo-abc-card-label {
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #74849b;
	margin-bottom: 14px;
}

.selleo-abc-card-value {
	font-size: 34px;
	line-height: 1;
	font-weight: 800;
	color: #152843;
	margin-bottom: 10px;
}

.selleo-abc-card-meta {
	font-size: 13px;
	font-weight: 700;
	color: #3d5674;
	margin-bottom: 12px;
}

.selleo-abc-card-top {
	color: #6d7d93;
	line-height: 1.55;
	font-size: 14px;
}

.selleo-abc-card-top strong {
	display: block;
	color: #152843;
	margin-bottom: 4px;
}

.selleo-abc-table {
	width: max-content;
	min-width: max(100%, 1220px);
}

.selleo-abc-table th:nth-child(1),
.selleo-abc-table td:nth-child(1) {
	width: 72px;
	min-width: 72px;
}

.selleo-abc-table th:nth-child(2),
.selleo-abc-table td:nth-child(2) {
	width: 120px;
	min-width: 120px;
}

.selleo-abc-table th:nth-child(3),
.selleo-abc-table td:nth-child(3) {
	min-width: 300px;
	white-space: normal;
}

.selleo-abc-table th:nth-child(n + 4),
.selleo-abc-table td:nth-child(n + 4) {
	text-align: right;
}

.selleo-abc-table td.selleo-abc-title {
	line-height: 1.4;
}

.selleo-abc-table td.selleo-abc-title strong {
	display: block;
	color: #152843;
}

.selleo-abc-table td.selleo-abc-title span {
	display: block;
	color: #6d7d93;
	font-size: 12px;
	margin-top: 4px;
}

.selleo-abc-badges {
	display: inline-flex;
	gap: 6px;
	justify-content: flex-end;
}

.selleo-abc-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 28px;
	height: 28px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 800;
}

.selleo-abc-badge--A {
	background: #dff4dd;
	color: #2f6f38;
}
.selleo-abc-badge--B {
	background: #fff1c4;
	color: #8d6a00;
}
.selleo-abc-badge--C {
	background: #eef2f7;
	color: #62748b;
}

.selleo-web-shell {
	max-width: 1480px;
	margin: 0 auto;
	padding: 32px 24px 48px;
	min-width: 0;
	max-width: 100%;
	overflow-x: clip;
}

.selleo-web-grid {
	display: grid;
	grid-template-columns: 240px minmax(0, 1fr);
	gap: 24px;
	align-items: start;
}

.selleo-web-card {
	background: #fff;
	border: 1px solid #e5edf6;
	border-radius: 24px;
	box-shadow: 0 16px 40px rgba(55, 84, 170, 0.08);
}

.selleo-web-nav {
	padding: 20px;
	position: sticky;
	top: 24px;
}

.selleo-web-nav-label {
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	color: #78859c;
	letter-spacing: 0.08em;
	margin-bottom: 14px;
}

.selleo-web-nav a {
	display: block;
	padding: 14px 16px;
	border-radius: 16px;
	text-decoration: none;
	color: #183153;
	font-weight: 700;
	margin-bottom: 8px;
}

.selleo-web-nav a.active {
	background: linear-gradient(135deg, #dfeeff, #edf5ff);
	color: #1f5dd8;
}

.selleo-web-main {
	padding: 24px 28px 28px;
	overflow: hidden;
	min-width: 0;
	max-width: 100%;
}

.selleo-web-main h1 {
	margin: 0 0 8px;
	font-size: 28px;
	line-height: 1.1;
}

.selleo-web-main p {
	margin: 0;
	color: #5f6c83;
}

.selleo-web-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 24px 0;
}

.selleo-web-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 16px;
	border-radius: 999px;
	text-decoration: none;
	background: #edf4ff;
	color: #1f5dd8;
	font-weight: 700;
	border: 1px solid transparent;
}

.selleo-web-pill.active {
	background: #dceaff;
	border-color: #9cbcf7;
	color: #1448ab;
}

.selleo-web-table-wrap {
	overflow: auto;
	overflow-y: hidden;
	overscroll-behavior-x: contain;
	-webkit-overflow-scrolling: touch;
	border: 1px solid #e5edf6;
	border-radius: 18px;
	max-width: 100%;
}

.selleo-web-table {
	width: max-content;
	min-width: max(100%, 1100px);
	border-collapse: collapse;
	background: #fff;
}

.selleo-web-table th {
	position: sticky;
	top: 0;
	background: #5a123b;
	color: #fff;
	font-size: 14px;
	text-align: left;
	padding: 12px 14px;
	white-space: nowrap;
}

.selleo-web-table td {
	border-top: 1px solid #eef2f8;
	padding: 10px 14px;
	font-size: 14px;
	white-space: nowrap;
	color: #22324d;
}

.selleo-web-table tr:nth-child(even) td {
	background: #fbfdff;
}

.selleo-web-topbar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	margin-bottom: 16px;
}

.selleo-web-back {
	text-decoration: none;
	color: #1f5dd8;
	font-weight: 700;
}

@media (max-width: 1100px) {
	.selleo-product-grid {
		grid-template-columns: 1fr;
	}

	.selleo-product-sidebar {
		position: static;
	}

	.selleo-product-grid-cards,
	.selleo-product-grid-cards--two,
	.selleo-product-catalog,
	.selleo-product-form-grid,
	.selleo-operations-summary {
		grid-template-columns: 1fr;
	}

	.selleo-product-hero,
	.selleo-product-list-item {
		flex-direction: column;
	}
}

@media (max-width: 900px) {
	.selleo-product-navbar-container {
		min-height: 64px;
	}

	.selleo-help-trigger {
		padding: 10px 14px;
		font-size: 14px;
	}

	.selleo-account-trigger-label {
		display: none;
	}

	.selleo-account-dropdown {
		width: min(360px, calc(100vw - 24px));
	}

	.selleo-account-stats,
	.selleo-account-links {
		grid-template-columns: 1fr;
	}

	.selleo-help-grid,
	.selleo-help-grid--two {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 980px) {
	body.selleo-mobile-nav-open {
		overflow: hidden;
	}

	body.selleo-help-open {
		overflow: hidden;
	}

	.selleo-product-shell {
		padding: 16px 12px 32px;
	}

	.selleo-product-grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.selleo-product-menu-toggle {
		display: inline-flex;
	}

	.selleo-product-navbar-container {
		width: 100%;
		min-height: 60px;
		padding-left: 12px;
		padding-right: 12px;
		gap: 12px;
	}

	.navbar .navbar-brand {
		min-height: 60px;
		max-width: none;
		flex: 1 1 auto;
	}

	.navbar .navbar-brand > img.selleo-navbar-logo,
	.navbar .navbar-brand .selleo-navbar-logo {
		height: 34px !important;
	}

	.selleo-product-navbar-right {
		gap: 10px;
	}

	.selleo-help-trigger {
		padding: 8px 12px;
		border-radius: 14px;
		max-width: min(48vw, 220px);
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.selleo-account-trigger {
		padding: 8px;
		border-radius: 16px;
	}

	.selleo-account-trigger-avatar {
		width: 38px;
		height: 38px;
		font-size: 15px;
	}

	.selleo-account-dropdown {
		top: calc(100% + 10px);
		width: min(380px, calc(100vw - 20px));
		max-height: min(80vh, 720px);
		overflow: auto;
		padding: 16px;
		border-radius: 22px;
	}

	.selleo-help-drawer {
		top: 72px;
		right: 10px;
		bottom: 10px;
		left: auto;
		width: min(420px, calc(100vw - 20px));
		height: auto;
		padding: 20px 16px 24px;
		border-radius: 24px;
		border: 1px solid rgba(17, 36, 58, 0.08);
	}

	.selleo-help-drawer-title {
		font-size: 28px;
	}

	.selleo-product-sidebar-shell {
		height: 0;
	}

	.selleo-product-sidebar {
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		width: min(82vw, 320px);
		max-width: calc(100vw - 48px);
		border-radius: 0 24px 24px 0;
		padding: 18px 14px 22px;
		overflow-y: auto;
		transform: translateX(calc(-100% - 16px));
		transition:
			transform 0.22s ease,
			box-shadow 0.22s ease;
		z-index: 3400;
	}

	body.selleo-mobile-nav-open .selleo-product-sidebar {
		transform: translateX(0);
		box-shadow: 0 24px 48px rgba(18, 42, 76, 0.2);
	}

	.selleo-product-sidebar-close {
		display: inline-flex;
	}

	.selleo-product-sidebar-overlay {
		display: block;
		position: fixed;
		inset: 0;
		border: 0;
		background: rgba(18, 42, 76, 0.36);
		backdrop-filter: blur(3px);
		opacity: 0;
		pointer-events: none;
		transition: opacity 0.18s ease;
		z-index: 3390;
	}

	body.selleo-mobile-nav-open .selleo-product-sidebar-overlay {
		opacity: 1;
		pointer-events: auto;
	}

	.selleo-product-section {
		padding: 18px 18px 20px;
	}

	.selleo-product-title {
		font-size: 22px;
		line-height: 1.08;
	}

	.selleo-product-title--section {
		font-size: 22px;
	}

	.selleo-product-text {
		font-size: 14px;
		line-height: 1.55;
	}

	.selleo-product-meta {
		flex-direction: column;
		align-items: stretch;
	}

	.selleo-product-meta span {
		width: 100%;
	}

	.selleo-product-card,
	.selleo-operational-card,
	.selleo-operational-mini-card,
	.selleo-operational-ai {
		border-radius: 22px;
	}

	.selleo-operational-hero {
		padding-bottom: 18px;
	}

	.selleo-operational-pills {
		flex-wrap: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
		gap: 8px;
		padding-bottom: 4px;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}

	.selleo-operational-pills::-webkit-scrollbar {
		display: none;
	}

	.selleo-operational-pill {
		flex: 0 0 auto;
		width: auto;
		max-width: calc(100vw - 72px);
		justify-content: flex-start;
		padding: 10px 12px;
		white-space: nowrap;
	}

	.selleo-operational-card {
		padding: 16px;
	}

	.selleo-operational-card-label {
		min-height: 0;
		margin-bottom: 8px;
	}

	.selleo-operational-card-value {
		font-size: 22px;
	}

	.selleo-operational-hero-head,
	.selleo-operational-provider-head,
	.selleo-operational-section-head {
		align-items: stretch;
	}

	.selleo-operational-filter {
		min-width: 0;
		width: 100%;
	}

	.selleo-operational-chart-strip,
	.selleo-operational-chart-panels,
	.selleo-operational-provider-grid,
	.selleo-operational-ai-row,
	.selleo-operational-mini-grid,
	.selleo-operational-ai-deltas {
		grid-template-columns: 1fr;
	}

	.selleo-operational-driver-chart {
		grid-template-columns: 1fr;
		gap: 14px;
		justify-items: center;
		overflow: hidden;
	}

	.selleo-operational-donut {
		width: 136px;
		height: 136px;
	}

	.selleo-operational-donut::after {
		inset: 20px;
	}

	.selleo-operational-donut-center {
		padding: 0 24px;
	}

	.selleo-operational-donut-center strong {
		font-size: 18px;
	}

	.selleo-operational-driver-legend {
		gap: 12px;
		width: 100%;
	}

	.selleo-operational-driver-title {
		font-size: 13px;
	}

	.selleo-operational-driver-meta {
		font-size: 12px;
	}

	.selleo-operational-ai-head,
	.selleo-operational-ai-head-main {
		flex-direction: column;
		align-items: stretch;
	}

	.selleo-ai-card-head {
		flex-direction: column;
		align-items: stretch;
	}

	.selleo-operational-ai-title {
		font-size: 22px;
	}

	.selleo-operational-ai-action,
	.selleo-ai-card-action {
		align-self: flex-start;
	}

	.selleo-operational-account-rail {
		grid-auto-columns: minmax(220px, 240px);
	}

	.selleo-product-actions {
		flex-direction: column;
		align-items: stretch;
	}

	.selleo-product-actions .selleo-product-button,
	.selleo-product-actions .selleo-product-button--secondary,
	.selleo-product-actions .selleo-product-button--ghost {
		width: 100%;
	}
}

@media (max-width: 640px) {
	.selleo-help-trigger {
		padding: 8px 10px;
		font-size: 13px;
		max-width: min(54vw, 170px);
	}

	.selleo-help-drawer {
		top: 68px;
		right: 8px;
		left: 8px;
		bottom: 8px;
		width: auto;
		max-width: none;
		height: auto;
		border-radius: 22px;
	}

	.selleo-help-section {
		padding: 16px;
		border-radius: 18px;
	}

	.selleo-help-drawer-toc {
		gap: 8px;
	}

	.selleo-help-drawer-toc a {
		padding: 9px 12px;
		font-size: 13px;
	}
}

@media (max-width: 640px) {
	body[data-path^="/selleo"] .page-content-wrapper,
	body[data-route^="/selleo"] .page-content-wrapper,
	body[data-path^="selleo"] .page-content-wrapper,
	body[data-route^="selleo"] .page-content-wrapper,
	body[data-path^="/selleo"] .page_content,
	body[data-route^="/selleo"] .page_content,
	body[data-path^="selleo"] .page_content,
	body[data-route^="selleo"] .page_content,
	body[data-path^="/selleo"] main.container,
	body[data-route^="/selleo"] main.container,
	body[data-path^="selleo"] main.container,
	body[data-route^="selleo"] main.container {
		min-width: 0;
		max-width: 100%;
		overflow-x: clip;
	}

	.selleo-product-shell {
		padding: 14px 10px 28px;
	}

	.selleo-product-navbar {
		backdrop-filter: blur(10px);
	}

	.selleo-product-navbar-container {
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
	}

	.selleo-account-dropdown {
		right: -2px;
		width: calc(100vw - 16px);
		max-height: calc(100vh - 88px);
		border-radius: 20px;
	}

	.selleo-account-header {
		flex-direction: column;
		align-items: flex-start;
	}

	.selleo-account-meta {
		justify-content: flex-start;
	}

	.selleo-account-stats,
	.selleo-account-links {
		grid-template-columns: 1fr;
	}

	.selleo-product-sidebar {
		width: min(88vw, 320px);
		max-width: calc(100vw - 20px);
	}

	.selleo-web-shell {
		padding: 16px 10px 28px;
	}

	.selleo-web-grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.selleo-web-nav {
		position: static;
		padding: 16px;
	}

	.selleo-web-main {
		padding: 18px 16px 20px;
	}

	.selleo-web-tabs {
		flex-wrap: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
		padding-bottom: 4px;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}

	.selleo-web-tabs::-webkit-scrollbar {
		display: none;
	}

	.selleo-web-pill {
		flex: 0 0 auto;
		white-space: nowrap;
	}

	.selleo-product-nav-link {
		padding: 13px 14px;
	}

	.selleo-product-section {
		padding: 16px 16px 18px;
	}

	.selleo-product-tabs,
	.selleo-exports-tabs {
		flex-wrap: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
		gap: 8px;
		margin-right: -2px;
		padding-bottom: 4px;
		scroll-snap-type: x proximity;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}

	.selleo-operational-pills {
		margin-right: -2px;
		scroll-snap-type: x proximity;
	}

	.selleo-product-tabs::-webkit-scrollbar,
	.selleo-exports-tabs::-webkit-scrollbar {
		display: none;
	}

	.selleo-product-pill {
		flex: 0 0 auto;
		width: auto;
		max-width: min(82vw, 280px);
		padding: 10px 14px;
		font-size: 13px;
		white-space: nowrap;
		scroll-snap-align: start;
	}

	.selleo-operational-pill {
		max-width: min(82vw, 280px);
		font-size: 12px;
		padding: 9px 12px;
		scroll-snap-align: start;
	}

	.selleo-product-kicker {
		margin-bottom: 10px;
	}

	.selleo-product-title {
		font-size: 18px;
	}

	.selleo-product-title--section {
		font-size: 18px;
	}

	.selleo-product-stat {
		padding: 16px;
		border-radius: 18px;
	}

	.selleo-product-stat-value {
		font-size: 26px;
	}

	.selleo-product-stat-hint {
		font-size: 13px;
	}

	.selleo-operational-card-value {
		font-size: 20px;
	}

	.selleo-operational-summary,
	.selleo-exports-summary,
	.selleo-operations-summary,
	.selleo-opiu-summary,
	.selleo-abc-summary,
	.selleo-product-grid-cards,
	.selleo-product-grid-cards--two,
	.selleo-product-catalog {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.selleo-operational-card-meta,
	.selleo-operational-ai-body,
	.selleo-operational-ai-empty {
		font-size: 13px;
	}

	.selleo-operational-card-delta span,
	.selleo-operational-account-stat small,
	.selleo-operational-account-empty,
	.selleo-operational-chart-empty span {
		font-size: 12px;
	}

	.selleo-operational-mini-kicker,
	.selleo-operational-ai-kicker,
	.selleo-product-stat-label {
		font-size: 10px;
	}

	.selleo-product-form-grid {
		grid-template-columns: 1fr;
		gap: 14px;
	}

	.selleo-exports-filter-form,
	.selleo-operations-toolbar,
	.selleo-abc-toolbar-form {
		grid-template-columns: 1fr;
	}

	.selleo-opiu-toolbar,
	.selleo-abc-toolbar,
	.selleo-cost-toolbar,
	.selleo-cost-toolbar-actions,
	.selleo-operations-form-head,
	.selleo-operations-form-footer,
	.selleo-operational-section-head {
		flex-direction: column;
		align-items: stretch;
	}

	.selleo-opiu-title-row h1 {
		font-size: 30px;
		line-height: 1.05;
	}

	.selleo-opiu-select-wrap {
		min-width: 0;
		width: 100%;
	}

	.selleo-operational-chart-strip {
		gap: 14px;
	}

	.selleo-operational-account-strip,
	.selleo-operational-chart-hub,
	.selleo-operational-provider-group {
		padding: 18px;
	}

	.selleo-operational-scope-switch {
		align-self: flex-start;
	}

	.selleo-operational-mini-card {
		padding: 16px;
	}

	.selleo-operational-chart-panels {
		grid-template-columns: 1fr;
	}

	.selleo-operational-account-stats {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.selleo-operational-driver-chart {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 16px;
	}

	.selleo-operational-driver-chart > * {
		width: 100%;
		max-width: 100%;
	}

	.selleo-operational-driver-chart > .selleo-operational-donut {
		width: min(168px, 62vw);
		max-width: min(168px, 62vw);
		height: auto;
		aspect-ratio: 1 / 1;
		flex: 0 0 auto;
		align-self: center;
	}

	.selleo-operational-driver-legend {
		width: 100%;
	}

	.selleo-operational-driver-item {
		grid-template-columns: 10px minmax(0, 1fr);
		gap: 8px;
	}

	.selleo-operational-driver-dot {
		width: 10px;
		height: 10px;
	}

	.selleo-operational-donut {
		flex: 0 0 auto;
		margin: 0 auto;
	}

	.selleo-operational-donut::after {
		inset: clamp(18px, 6vw, 22px);
	}

	.selleo-operational-donut-center {
		padding: 0 20px;
	}

	.selleo-operational-donut-center strong {
		font-size: 17px;
	}

	.selleo-operational-donut-center span {
		font-size: 11px;
	}

	.selleo-metrics-chart-switcher,
	.selleo-opiu-toolbar,
	.selleo-abc-toolbar,
	.selleo-cost-toolbar-actions {
		flex-wrap: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
		padding-bottom: 4px;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}

	.selleo-metrics-chart-switcher::-webkit-scrollbar,
	.selleo-opiu-toolbar::-webkit-scrollbar,
	.selleo-abc-toolbar::-webkit-scrollbar,
	.selleo-cost-toolbar-actions::-webkit-scrollbar {
		display: none;
	}

	.selleo-opiu-toolbar > *,
	.selleo-abc-toolbar > *,
	.selleo-cost-toolbar-actions > * {
		flex: 0 0 auto;
	}

	.selleo-metrics-chart-switcher {
		flex-wrap: nowrap;
		overflow-x: auto;
		padding-bottom: 4px;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}

	.selleo-metrics-chart-switcher::-webkit-scrollbar {
		display: none;
	}

	.selleo-metrics-chart-switcher > * {
		flex: 0 0 auto;
	}

	.selleo-product-catalog-card {
		padding: 18px;
	}

	.selleo-product-catalog-card h3 {
		font-size: 18px;
	}

	.selleo-account-dropdown {
		padding-bottom: 22px;
	}

	.selleo-marketplace-account-card {
		grid-template-columns: 1fr;
	}

	.selleo-marketplace-account-actions {
		grid-template-columns: 1fr;
		width: 100%;
	}

	.selleo-product-key-editor[open] {
		grid-column: auto;
	}

	.selleo-product-list-item .selleo-product-actions {
		min-width: 0 !important;
		width: 100%;
		justify-content: stretch !important;
	}

	.selleo-product-list-item .selleo-product-actions .selleo-product-button,
	.selleo-product-list-item .selleo-product-actions .selleo-product-button--secondary,
	.selleo-product-list-item .selleo-product-actions .selleo-product-button--ghost {
		width: 100%;
		min-width: 0;
	}

	.selleo-product-field input,
	.selleo-product-field select,
	.selleo-product-input,
	.selleo-product-select {
		padding: 11px 12px;
		font-size: 14px;
	}

	.selleo-operational-table {
		min-width: 1180px;
	}

	.selleo-operational-table tbody tr:first-child td,
	.selleo-operational-table .selleo-operational-sticky-id,
	.selleo-operational-table .selleo-operational-sticky-title,
	.selleo-opiu-table thead th,
	.selleo-opiu-table tbody td:first-child {
		position: static;
		left: auto;
		top: auto;
		z-index: auto;
		box-shadow: none;
	}

	.selleo-operational-table .selleo-operational-sticky-id {
		min-width: 100px;
		max-width: 100px;
	}

	.selleo-operational-table .selleo-operational-sticky-title {
		min-width: 220px;
		max-width: 220px;
		border-right: 0;
	}

	.selleo-opiu-table {
		min-width: 1120px;
	}

	.selleo-opiu-table thead th:first-child,
	.selleo-opiu-table tbody td:first-child {
		min-width: 200px;
		width: 200px;
	}

	.selleo-opiu-cell-label {
		max-width: 190px;
	}
}

@media (max-width: 1280px) {
	.selleo-exports-summary {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 1380px) {
	.selleo-operational-summary {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.selleo-operational-chart-strip {
		grid-template-columns: 1fr;
	}

	.selleo-operational-chart-panels {
		grid-template-columns: 1fr;
	}

	.selleo-operational-ai-row {
		grid-template-columns: 1fr;
	}

	.selleo-metrics-kpis {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.selleo-metrics-structure-grid,
	.selleo-metrics-top-items,
	.selleo-metrics-marketplace-grid,
	.selleo-metrics-marketplace-comparison,
	.selleo-metrics-attention-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 1200px) {
	.selleo-operations-toolbar {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.selleo-accounts-toolbar {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.selleo-abc-summary {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 980px) {
	.selleo-articles-toolbar {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.selleo-operations-table thead,
	.selleo-articles-table thead,
	.selleo-accounts-table thead,
	.selleo-odds-table thead {
		display: none;
	}

	.selleo-operations-table,
	.selleo-operations-table tbody,
	.selleo-operations-table tr,
	.selleo-operations-table td,
	.selleo-articles-table,
	.selleo-articles-table tbody,
	.selleo-articles-table tr,
	.selleo-articles-table td,
	.selleo-accounts-table,
	.selleo-accounts-table tbody,
	.selleo-accounts-table tr,
	.selleo-accounts-table td,
	.selleo-odds-table,
	.selleo-odds-table tbody,
	.selleo-odds-table tr,
	.selleo-odds-table td {
		display: block;
		width: 100%;
	}

	.selleo-operations-table tbody tr,
	.selleo-articles-table tbody tr,
	.selleo-accounts-table tbody tr,
	.selleo-odds-table tbody tr {
		margin-bottom: 12px;
		border: 1px solid #e7eef6;
		border-radius: 18px;
		overflow: hidden;
	}

	.selleo-operations-table tbody td,
	.selleo-articles-table tbody td,
	.selleo-accounts-table tbody td,
	.selleo-odds-table tbody td {
		border-bottom: 1px solid #eef3f8;
		display: grid;
		grid-template-columns: minmax(112px, 36%) minmax(0, 1fr);
		gap: 10px 14px;
		align-items: start;
	}

	.selleo-operations-table tbody td:last-child,
	.selleo-articles-table tbody td:last-child,
	.selleo-accounts-table tbody td:last-child,
	.selleo-odds-table tbody td:last-child {
		border-bottom: 0;
	}

	.selleo-operations-actions,
	.selleo-articles-actions,
	.selleo-accounts-actions {
		justify-content: flex-start;
	}

	.selleo-operations-table tbody td::before,
	.selleo-articles-table tbody td::before,
	.selleo-accounts-table tbody td::before {
		content: attr(data-label);
		display: block;
		color: #6d7d93;
		font-size: 12px;
		font-weight: 800;
		letter-spacing: 0.04em;
		text-transform: uppercase;
	}

	.selleo-operations-table tbody td > *,
	.selleo-articles-table tbody td > *,
	.selleo-accounts-table tbody td > * {
		min-width: 0;
	}

	.selleo-operations-table tbody td[data-label="Действия"],
	.selleo-articles-table tbody td[data-label="Действия"],
	.selleo-accounts-table tbody td[data-label="Действия"] {
		grid-template-columns: 1fr;
	}

	.selleo-operations-modal-overlay {
		padding: 84px 12px 12px;
	}

	.selleo-operations-modal-panel {
		width: min(720px, 100%);
		height: calc(100dvh - 96px);
		max-height: calc(100dvh - 96px);
	}

	.selleo-operations-modal-title {
		font-size: 30px;
	}
}

@media (max-width: 780px) {
	.selleo-exports-summary,
	.selleo-exports-filter-form,
	.selleo-operations-toolbar,
	.selleo-accounts-toolbar,
	.selleo-articles-toolbar,
	.selleo-operations-summary {
		grid-template-columns: 1fr;
	}

	.selleo-metrics-top-items,
	.selleo-metrics-focus,
	.selleo-metrics-attention-grid,
	.selleo-metrics-marketplace-grid,
	.selleo-metrics-marketplace-comparison {
		grid-template-columns: 1fr;
	}

	.selleo-metrics-kpi-value {
		white-space: normal;
	}

	.selleo-metrics-top-row {
		grid-template-columns: 28px minmax(0, 1fr);
	}

	.selleo-metrics-top-value {
		grid-column: 2;
		text-align: left;
		min-width: 0;
	}

	.selleo-metrics-top-card-head,
	.selleo-metrics-comparison-chip-main {
		flex-direction: column;
		align-items: flex-start;
	}
}

@media (max-width: 760px) {
	.selleo-operations-form-head,
	.selleo-operations-form-footer,
	.selleo-odds-section-head {
		flex-direction: column;
		align-items: stretch;
	}

	.selleo-operations-table tbody td,
	.selleo-articles-table tbody td,
	.selleo-accounts-table tbody td {
		grid-template-columns: 1fr;
		gap: 8px;
		padding: 12px 14px;
	}

	.selleo-operations-actions,
	.selleo-articles-actions,
	.selleo-accounts-actions {
		flex-direction: column;
		align-items: stretch;
	}

	.selleo-operations-action,
	.selleo-articles-action,
	.selleo-accounts-action {
		width: 100%;
		text-align: center;
	}
}

@media (max-width: 1100px) {
	.selleo-operational-summary,
	.selleo-metrics-structure-grid {
		grid-template-columns: 1fr;
	}

	.selleo-metrics-kpis {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.selleo-operational-ai-deltas {
		grid-template-columns: 1fr;
	}

	.selleo-operational-driver-chart {
		grid-template-columns: 1fr;
	}

	.selleo-operational-account-stats {
		grid-template-columns: 1fr;
	}

	.selleo-metrics-chart-labels {
		row-gap: 8px;
	}

	.selleo-metrics-chart-frame {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.selleo-metrics-chart-axis {
		display: none;
	}

	.selleo-metrics-chart-summary,
	.selleo-metrics-chart-summary-inline {
		flex-direction: column;
		align-items: flex-start;
	}
}

@media (max-width: 640px) {
	.selleo-metrics-kpis,
	.selleo-metrics-marketplace-hero-stats,
	.selleo-metrics-marketplace-badges,
	.selleo-metrics-marketplace-stats,
	.selleo-metrics-marketplace-secondary {
		grid-template-columns: 1fr;
	}

	.selleo-metrics-marketplace-footnote {
		flex-direction: column;
		gap: 8px;
	}

	.selleo-operations-modal-overlay {
		padding: 68px 0 0;
	}

	.selleo-operations-modal-panel {
		width: 100%;
		height: calc(100dvh - 68px);
		max-height: calc(100dvh - 68px);
		border-radius: 24px 24px 0 0;
		border-left: 0;
		border-right: 0;
	}

	.selleo-operations-modal-head,
	.selleo-operations-modal-body,
	.selleo-operations-modal-footer {
		padding-left: 18px;
		padding-right: 18px;
	}

	.selleo-operations-modal-head {
		padding-top: 20px;
	}

	.selleo-operations-modal-tabs {
		padding: 16px 18px 0;
		flex-wrap: wrap;
		overflow-x: visible;
	}

	.selleo-operations-modal-tab {
		flex: 1 1 140px;
		text-align: center;
	}

	.selleo-operations-modal-grid {
		grid-template-columns: 1fr;
	}

	.selleo-operations-modal-field--wide {
		grid-column: auto;
	}

	.selleo-operations-modal-footer,
	.selleo-operations-form-actions {
		flex-direction: column;
		align-items: stretch;
	}

	.selleo-operations-modal-footer {
		padding-bottom: calc(18px + env(safe-area-inset-bottom, 0px));
	}

	.selleo-operations-status {
		justify-content: center;
	}
}

@media (max-width: 1300px) {
	.selleo-opiu-summary {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 900px) {
	.selleo-opiu-summary {
		grid-template-columns: 1fr;
	}

	.selleo-web-grid {
		grid-template-columns: 1fr;
	}

	.selleo-web-nav {
		position: static;
	}
}

.selleo-shell {
	max-width: 1360px;
	margin: 0 auto;
	padding: 64px 20px 96px;
}

.selleo-hero {
	display: grid;
	grid-template-columns: 1.4fr 1fr;
	gap: 24px;
	align-items: stretch;
}

.selleo-card {
	background: rgba(255, 255, 255, 0.88);
	backdrop-filter: blur(10px);
	border: 1px solid rgba(17, 36, 58, 0.08);
	border-radius: 24px;
	box-shadow: 0 18px 40px rgba(31, 111, 235, 0.08);
	padding: 28px;
}

.selleo-badge {
	display: inline-block;
	padding: 8px 12px;
	border-radius: 999px;
	background: rgba(31, 111, 235, 0.12);
	color: var(--selleo-blue);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.selleo-hero h1 {
	margin: 18px 0 14px;
	font-size: clamp(42px, 6vw, 70px);
	line-height: 0.95;
	letter-spacing: -0.05em;
}

.selleo-hero p {
	font-size: 18px;
	line-height: 1.6;
	color: rgba(17, 36, 58, 0.78);
}

.selleo-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
	margin-top: 24px;
}

.selleo-grid--two {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.selleo-stat {
	font-size: 14px;
	color: rgba(17, 36, 58, 0.74);
}

.selleo-stat strong {
	display: block;
	margin-bottom: 6px;
	font-size: 28px;
	color: var(--selleo-ink);
}

.selleo-inline-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 18px;
}

.selleo-inline-meta span {
	padding: 8px 12px;
	border-radius: 999px;
	background: rgba(17, 36, 58, 0.05);
	font-size: 13px;
	font-weight: 600;
}

.selleo-kpi-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin: 18px 0 0;
}

.selleo-kpi-list div {
	padding: 16px;
	border-radius: 18px;
	background: rgba(17, 36, 58, 0.03);
}

.selleo-kpi-list dt {
	margin: 0;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: rgba(17, 36, 58, 0.52);
}

.selleo-kpi-list dd {
	margin: 6px 0 0;
	font-size: 28px;
	font-weight: 700;
	color: var(--selleo-ink);
}

.selleo-roadmap {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
	margin-top: 16px;
}

.selleo-roadmap > div {
	padding: 18px;
	border-radius: 20px;
	background: linear-gradient(180deg, rgba(31, 111, 235, 0.06), rgba(17, 36, 58, 0.03));
}

.selleo-roadmap strong {
	display: block;
	margin-bottom: 8px;
	font-size: 18px;
}

.selleo-code-block {
	margin-top: 16px;
	padding: 16px 18px;
	border-radius: 18px;
	background: #0f172a;
	color: #e2e8f0;
	overflow-x: auto;
}

.selleo-card--wide {
	margin-top: 24px;
}

.selleo-auth-page {
	--selleo-auth-border: rgba(176, 198, 228, 0.72);
	--selleo-auth-soft: rgba(18, 42, 76, 0.06);
	--selleo-auth-text: #172a44;
	--selleo-auth-muted: #64758b;
	background:
		radial-gradient(circle at 12% 18%, rgba(90, 145, 255, 0.16), transparent 24%),
		radial-gradient(circle at 82% 10%, rgba(97, 210, 195, 0.16), transparent 26%),
		linear-gradient(135deg, #f6fbff 0%, #eef5fc 46%, #f8fbfd 100%);
}

.selleo-auth-page .navbar,
.selleo-auth-page .navbar.navbar-light.navbar-expand-lg,
.selleo-auth-page .page-breadcrumbs,
.selleo-auth-page .breadcrumb-container,
.selleo-auth-page .page-header,
.selleo-auth-page .web-footer,
.selleo-auth-page footer {
	display: none;
}

.selleo-auth-page .web-page-content {
	min-height: 100vh;
	padding: 28px 24px 40px;
}

.selleo-auth-page .page_content {
	width: min(1320px, calc(100vw - 48px));
	margin: 0 auto;
}

.selleo-auth-page .selleo-auth-shell {
	display: grid;
	grid-template-columns: minmax(320px, 480px) minmax(420px, 560px);
	gap: 42px;
	align-items: stretch;
	min-height: calc(100vh - 84px);
}

.selleo-auth-page .selleo-auth-aside {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 40px 36px;
	border: 1px solid var(--selleo-auth-border);
	border-radius: 36px;
	background:
		radial-gradient(circle at right top, rgba(44, 110, 214, 0.18), transparent 34%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(240, 247, 255, 0.92));
	box-shadow: 0 30px 80px rgba(18, 42, 76, 0.08);
	overflow: hidden;
}

.selleo-auth-page .selleo-auth-aside::after {
	content: "";
	position: absolute;
	inset: auto -48px -68px auto;
	width: 220px;
	height: 220px;
	border-radius: 999px;
	background: radial-gradient(circle, rgba(76, 168, 174, 0.2), transparent 68%);
}

.selleo-auth-page .selleo-auth-brand-mark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	padding: 10px 16px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.72);
	border: 1px solid rgba(31, 91, 179, 0.12);
	color: #1f4d87;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.selleo-auth-page .selleo-auth-hero-title {
	margin: 28px 0 14px;
	font-size: clamp(40px, 4.8vw, 58px);
	line-height: 0.96;
	letter-spacing: -0.05em;
	color: #122744;
	max-width: 8.5ch;
}

.selleo-auth-page .selleo-auth-hero-text {
	margin: 0 0 28px;
	max-width: 44ch;
	font-size: 17px;
	line-height: 1.65;
	color: #4f6178;
}

.selleo-auth-page .selleo-auth-hero-points {
	display: grid;
	gap: 14px;
}

.selleo-auth-page .selleo-auth-hero-point {
	display: grid;
	gap: 4px;
	padding: 16px 18px;
	border-radius: 22px;
	background: rgba(255, 255, 255, 0.54);
	border: 1px solid rgba(176, 198, 228, 0.48);
	backdrop-filter: blur(8px);
}

.selleo-auth-page .selleo-auth-hero-point strong {
	color: #16335d;
	font-size: 14px;
	font-weight: 800;
}

.selleo-auth-page .selleo-auth-hero-point span {
	color: #60728a;
	font-size: 14px;
	line-height: 1.55;
}

.selleo-auth-page .selleo-auth-stage {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.selleo-auth-page .for-login,
.selleo-auth-page .for-email-login,
.selleo-auth-page .for-signup,
.selleo-auth-page .for-forgot,
.selleo-auth-page .for-login-with-email-link {
	width: 100%;
	max-width: 560px;
	margin: 0;
}

.selleo-auth-page .page-card-head {
	margin-bottom: 20px;
	text-align: left;
}

.selleo-auth-page .page-card-head .app-logo {
	width: 150px;
	max-width: 150px;
	max-height: none;
	margin-bottom: 26px;
}

.selleo-auth-page .page-card-head h4 {
	font-size: 48px;
	line-height: 0.98;
	font-weight: 800;
	letter-spacing: -0.05em;
	color: var(--selleo-auth-text);
	margin: 0;
}

.selleo-auth-page .login-content.page-card {
	border: 1px solid var(--selleo-auth-border);
	border-radius: 32px;
	box-shadow: 0 26px 64px rgba(18, 42, 76, 0.08);
	background:
		radial-gradient(circle at right top, rgba(37, 99, 235, 0.08), transparent 32%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 250, 255, 0.98));
	padding: 18px;
}

.selleo-auth-page .page-card-body {
	padding: 22px;
}

.selleo-auth-page .form-group,
.selleo-auth-page .email-field,
.selleo-auth-page .password-field {
	margin-bottom: 14px;
}

.selleo-auth-page .form-control {
	height: 58px;
	border-radius: 18px;
	border: 1px solid #d4e1f2;
	background: rgba(255, 255, 255, 0.96);
	font-size: 16px;
	color: var(--selleo-auth-text);
	box-shadow: none;
	padding: 0 18px 0 48px;
}

.selleo-auth-page .form-control:focus {
	border-color: #8fb3df;
	box-shadow: 0 0 0 4px rgba(52, 104, 168, 0.08);
}

.selleo-auth-page .field-icon {
	left: 16px;
	top: 50%;
	transform: translateY(-50%);
	color: #7d91aa;
}

.selleo-auth-page .page-card-actions {
	padding: 0 22px 22px;
}

.selleo-auth-page .btn.btn-primary {
	height: 56px;
	border: 0;
	border-radius: 18px;
	background: linear-gradient(135deg, #214f8f, #2f6cab);
	font-size: 16px;
	font-weight: 800;
	letter-spacing: 0.01em;
	box-shadow: 0 18px 32px rgba(47, 108, 171, 0.16);
}

.selleo-auth-page .btn.btn-default,
.selleo-auth-page .btn.btn-login-option {
	height: 54px;
	border-radius: 18px;
	border: 1px solid var(--selleo-auth-border);
	background: rgba(255, 255, 255, 0.82);
	color: var(--selleo-auth-text);
	font-size: 15px;
	font-weight: 700;
}

.selleo-auth-page .sign-up-message,
.selleo-auth-page .forgot-password-message,
.selleo-auth-page .login-divider,
.selleo-auth-page .text-muted {
	color: var(--selleo-auth-muted) !important;
	font-size: 15px;
}

.selleo-auth-page .sign-up-message a,
.selleo-auth-page .forgot-password-message a {
	color: #2f5f98;
	font-weight: 700;
}

.selleo-auth-page .selleo-auth-signup-intro {
	display: grid;
	gap: 6px;
	margin-bottom: 18px;
	padding: 16px 18px;
	border-radius: 20px;
	background: linear-gradient(180deg, rgba(33, 79, 143, 0.08), rgba(77, 167, 173, 0.08));
	color: #48627f;
	font-size: 13px;
	line-height: 1.45;
}

.selleo-auth-page .selleo-auth-signup-intro strong {
	color: #1b3f70;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.selleo-auth-page .selleo-auth-inline-note {
	display: grid;
	gap: 6px;
	margin-bottom: 18px;
	padding: 16px 18px;
	border-radius: 20px;
	background: rgba(23, 42, 68, 0.05);
	color: #5d6f86;
	font-size: 13px;
	line-height: 1.45;
}

.selleo-auth-page .selleo-auth-inline-note strong {
	color: #1b3f70;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.selleo-auth-page .selleo-auth-inline-note--muted {
	background: rgba(23, 42, 68, 0.03);
}

.selleo-auth-page--standalone {
	--selleo-auth-border: rgba(176, 198, 228, 0.72);
	--selleo-auth-soft: rgba(18, 42, 76, 0.06);
	--selleo-auth-text: #172a44;
	--selleo-auth-muted: #64758b;
	margin: 0;
	background:
		radial-gradient(circle at 12% 18%, rgba(90, 145, 255, 0.16), transparent 24%),
		radial-gradient(circle at 82% 10%, rgba(97, 210, 195, 0.16), transparent 26%),
		linear-gradient(135deg, #f6fbff 0%, #eef5fc 46%, #f8fbfd 100%);
}

.selleo-auth-page--standalone *,
.selleo-auth-page--standalone *::before,
.selleo-auth-page--standalone *::after {
	box-sizing: border-box;
}

.selleo-auth-standalone {
	min-height: 100vh;
	padding: 28px 24px 40px;
}

.selleo-auth-page--standalone .selleo-auth-topbar {
	width: min(1180px, calc(100vw - 48px));
	margin: 0 auto 18px;
	display: flex;
	align-items: center;
}

.selleo-auth-page--standalone .selleo-auth-topbar-logo {
	display: block;
	width: 124px;
	height: auto;
}

.selleo-auth-page--standalone .selleo-auth-shell {
	width: min(1180px, calc(100vw - 48px));
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(320px, 480px) minmax(420px, 560px);
	gap: 42px;
	align-items: start;
	min-height: calc(100vh - 68px);
}

.selleo-auth-page--standalone .selleo-auth-aside {
	position: relative;
	align-self: start;
	margin-top: 18px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 18px;
	padding: 40px 36px 28px;
	border: 1px solid var(--selleo-auth-border);
	border-radius: 36px;
	background:
		radial-gradient(circle at right top, rgba(44, 110, 214, 0.18), transparent 34%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(240, 247, 255, 0.92));
	box-shadow: 0 30px 80px rgba(18, 42, 76, 0.08);
	overflow: hidden;
}

.selleo-auth-page--standalone .selleo-auth-aside::after {
	content: "";
	position: absolute;
	inset: auto -48px -68px auto;
	width: 220px;
	height: 220px;
	border-radius: 999px;
	background: radial-gradient(circle, rgba(76, 168, 174, 0.2), transparent 68%);
}

.selleo-auth-page--standalone .selleo-auth-hero-title {
	margin: 8px 0 18px;
	font-size: clamp(40px, 4.8vw, 58px);
	line-height: 0.96;
	letter-spacing: -0.05em;
	color: #122744;
	max-width: 8.5ch;
}

.selleo-auth-page--standalone .selleo-auth-hero-text {
	margin: 0 0 4px;
	max-width: 44ch;
	font-size: 17px;
	line-height: 1.65;
	color: #4f6178;
}

.selleo-auth-page--standalone .selleo-auth-hero-points {
	display: grid;
	gap: 14px;
}

.selleo-auth-page--standalone .selleo-auth-hero-point {
	display: grid;
	gap: 4px;
	padding: 16px 18px;
	border-radius: 22px;
	background: rgba(255, 255, 255, 0.54);
	border: 1px solid rgba(176, 198, 228, 0.48);
	backdrop-filter: blur(8px);
}

.selleo-auth-page--standalone .selleo-auth-hero-point strong {
	color: #16335d;
	font-size: 14px;
	font-weight: 800;
}

.selleo-auth-page--standalone .selleo-auth-hero-point span {
	color: #60728a;
	font-size: 14px;
	line-height: 1.55;
}

.selleo-auth-page--standalone .selleo-auth-stage {
	display: flex;
	align-items: center;
	justify-content: center;
}

.selleo-auth-page--standalone[data-auth-route="login"] .selleo-auth-stage {
	padding-top: 46px;
}

.selleo-auth-page--standalone[data-auth-route="signup"] .selleo-auth-stage {
	padding-top: 8px;
}

.selleo-auth-page--standalone .selleo-auth-panel {
	width: 100%;
	padding: 26px;
	border-radius: 34px;
	border: 1px solid var(--selleo-auth-border);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 250, 255, 0.96));
	box-shadow: 0 26px 64px rgba(18, 42, 76, 0.08);
}

.selleo-auth-page--standalone .selleo-auth-panel-head {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 18px;
	margin-bottom: 26px;
}

.selleo-auth-page--standalone .selleo-auth-mode-switch {
	display: inline-flex;
	gap: 6px;
	padding: 6px;
	border-radius: 999px;
	background: rgba(18, 42, 76, 0.05);
}

.selleo-auth-page--standalone .selleo-auth-mode-switch a {
	padding: 10px 16px;
	border-radius: 999px;
	color: #60728a;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
}

.selleo-auth-page--standalone .selleo-auth-mode-switch a.is-active {
	background: #ffffff;
	color: #16335d;
	box-shadow: 0 10px 24px rgba(18, 42, 76, 0.08);
}

.selleo-auth-page--standalone .selleo-auth-title {
	margin: 0 0 10px;
	font-size: 40px;
	line-height: 0.98;
	letter-spacing: -0.05em;
	color: var(--selleo-auth-text);
}

.selleo-auth-page--standalone .selleo-auth-copy {
	margin: 0 0 22px;
	color: var(--selleo-auth-muted);
	font-size: 16px;
	line-height: 1.6;
}

.selleo-auth-page--standalone .selleo-auth-form,
.selleo-auth-page--standalone .form-signup {
	display: grid;
	gap: 14px;
}

.selleo-auth-page--standalone .selleo-auth-field,
.selleo-auth-page--standalone .form-group {
	display: grid;
	gap: 8px;
	margin: 0;
}

.selleo-auth-page--standalone .selleo-auth-field > span {
	color: #5a6f88;
	font-size: 13px;
	font-weight: 700;
}

.selleo-auth-page--standalone input {
	width: 100%;
	max-width: 100%;
	height: 58px;
	padding: 0 18px;
	border: 1px solid #d4e1f2;
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.96);
	color: var(--selleo-auth-text);
	font-size: 16px;
	box-shadow: none;
}

.selleo-auth-page--standalone input:focus {
	border-color: #8fb3df;
	outline: none;
	box-shadow: 0 0 0 4px rgba(52, 104, 168, 0.08);
}

.selleo-auth-page--standalone .selleo-auth-password-wrap {
	position: relative;
	width: 100%;
}

.selleo-auth-page--standalone .selleo-auth-password-wrap input {
	padding-right: 110px;
}

.selleo-auth-page--standalone .selleo-auth-password-toggle {
	position: absolute;
	right: 14px;
	top: 50%;
	transform: translateY(-50%);
	border: 0;
	background: transparent;
	color: #6b7d95;
	font-size: 13px;
	font-weight: 700;
}

.selleo-auth-page--standalone .selleo-auth-actions-row {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 0;
}

.selleo-auth-page--standalone .selleo-auth-actions-row--bottom {
	margin-top: 2px;
}

.selleo-auth-page--standalone .selleo-auth-text-link,
.selleo-auth-page--standalone .sign-up-message a,
.selleo-auth-page--standalone .forgot-password-message a {
	color: #2f5f98;
	font-weight: 700;
	text-decoration: none;
}

.selleo-auth-page--standalone .selleo-auth-submit,
.selleo-auth-page--standalone .btn.btn-primary {
	width: 100%;
	max-width: 100%;
	height: 56px;
	border: 0;
	border-radius: 18px;
	background: linear-gradient(135deg, #214f8f, #2f6cab);
	color: #ffffff;
	font-size: 16px;
	font-weight: 800;
	letter-spacing: 0.01em;
	box-shadow: 0 18px 32px rgba(47, 108, 171, 0.16);
}

.selleo-auth-page--standalone .selleo-auth-submit--secondary {
	background: linear-gradient(135deg, #244264, #31567e);
}

.selleo-auth-page--standalone .selleo-auth-status {
	padding: 14px 16px;
	border-radius: 16px;
	background: rgba(18, 42, 76, 0.05);
	color: #5b6f88;
	font-size: 14px;
	line-height: 1.5;
}

.selleo-auth-page--standalone .selleo-auth-status[data-tone="error"] {
	background: rgba(201, 74, 74, 0.08);
	color: #9f2f2f;
}

.selleo-auth-page--standalone .selleo-auth-status[data-tone="success"] {
	background: rgba(53, 144, 101, 0.08);
	color: #226843;
}

.selleo-auth-page--standalone .selleo-auth-status[data-tone="info"] {
	background: rgba(31, 111, 235, 0.08);
	color: #1f4f8a;
}

.selleo-auth-page--standalone .sign-up-message {
	margin: 0;
	text-align: center;
	color: var(--selleo-auth-muted);
	font-size: 15px;
}

.selleo-auth-page--standalone .forgot-password-message {
	margin: 0;
	text-align: center;
	color: var(--selleo-auth-muted);
	font-size: 15px;
}

@media (max-width: 900px) {
	.selleo-auth-standalone {
		padding: 18px 14px 28px;
	}

	.selleo-auth-page--standalone .selleo-auth-topbar {
		width: min(100vw - 28px, 100%);
		margin-bottom: 14px;
	}

	.selleo-auth-page--standalone .selleo-auth-topbar-logo {
		width: 118px;
	}

	.selleo-auth-page--standalone .selleo-auth-shell {
		width: min(100vw - 20px, 100%);
		grid-template-columns: 1fr;
		gap: 20px;
		min-height: auto;
	}

	.selleo-auth-page--standalone .selleo-auth-aside {
		padding: 26px 22px;
		border-radius: 28px;
	}

	.selleo-auth-page--standalone .selleo-auth-hero-title {
		max-width: none;
		font-size: 38px;
	}

	.selleo-auth-page--standalone .selleo-auth-panel {
		padding: 18px;
		border-radius: 28px;
	}

	.selleo-auth-page--standalone .selleo-auth-panel-head {
		flex-direction: column;
		align-items: flex-start;
	}

	.selleo-auth-page--standalone .selleo-auth-title {
		font-size: 36px;
	}
}

.selleo-auth-page .social-logins {
	padding: 4px 22px 22px;
}

.selleo-auth-page .login-divider {
	margin: 8px 0 14px;
}

.selleo-auth-page .forgot-password-message {
	margin: 8px 0 0;
	text-align: right;
}

.selleo-auth-page .sign-up-message {
	margin-top: 18px;
	text-align: center;
}

.selleo-auth-page .toggle-password {
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 13px;
	font-weight: 700;
	color: #6b7d95 !important;
}

.selleo-auth-page .password-field .form-control {
	padding-right: 92px;
}

.selleo-admin-users-note {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-top: 20px;
	padding: 18px 20px;
	border: 1px solid rgba(50, 110, 210, 0.14);
	border-radius: 20px;
	background: linear-gradient(135deg, rgba(235, 244, 255, 0.96), rgba(245, 249, 255, 0.92));
	color: #4b6384;
}

.selleo-admin-users-note strong {
	color: #1d3d6f;
}

.selleo-admin-users-note code {
	font-size: 13px;
	font-weight: 700;
	color: #2454b5;
	background: rgba(255, 255, 255, 0.75);
	padding: 2px 8px;
	border-radius: 999px;
}

.selleo-admin-users-filters {
	display: grid;
	grid-template-columns: minmax(280px, 2fr) repeat(2, minmax(220px, 1fr)) auto;
	gap: 18px;
	align-items: end;
}

.selleo-admin-users-field--wide {
	grid-column: span 1;
}

.selleo-admin-users-filter-actions {
	display: flex;
	gap: 12px;
	align-items: center;
	flex-wrap: wrap;
}

.selleo-admin-users-summary {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 18px;
	margin-bottom: 20px;
	color: #5c7190;
}

.selleo-admin-users-summary strong {
	display: block;
	margin-bottom: 4px;
	font-size: 20px;
	line-height: 1.1;
	color: #203452;
}

.selleo-admin-users-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	min-width: 1180px;
}

.selleo-admin-users-table th,
.selleo-admin-users-table td {
	padding: 16px 14px;
	border-bottom: 1px solid rgba(205, 221, 241, 0.75);
	vertical-align: top;
	text-align: left;
	font-size: 14px;
	color: #314866;
}

.selleo-admin-users-table th {
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #6f85a5;
	background: rgba(245, 249, 255, 0.96);
	position: sticky;
	top: 0;
	z-index: 1;
}

.selleo-admin-users-primary {
	font-weight: 700;
	color: #203452;
}

.selleo-admin-users-secondary {
	margin-top: 4px;
	font-size: 13px;
	color: #69809f;
}

.selleo-admin-users-badge {
	display: inline-flex;
	align-items: center;
	padding: 6px 10px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.02em;
}

.selleo-admin-users-badge--muted {
	background: rgba(234, 240, 249, 0.94);
	color: #54708f;
}

.selleo-admin-users-badge--status {
	background: rgba(231, 239, 255, 0.96);
	color: #2454b5;
}

.selleo-admin-users-manage {
	white-space: nowrap;
}

.selleo-admin-users-pagination {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: 18px;
}

.selleo-admin-users-pagination-text {
	font-weight: 700;
	color: #40608c;
}

.selleo-admin-users-pagination-placeholder {
	width: 112px;
}

.selleo-admin-drawer-shell[hidden] {
	display: none;
}

.selleo-admin-drawer-shell {
	position: fixed;
	inset: 0;
	z-index: 1200;
}

.selleo-admin-drawer-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(17, 32, 56, 0.45);
	border: 0;
	padding: 0;
}

.selleo-admin-drawer {
	position: absolute;
	top: 88px;
	right: 16px;
	bottom: 16px;
	width: min(560px, calc(100vw - 32px));
	display: flex;
	flex-direction: column;
	background: #fff;
	border-radius: 30px;
	border: 1px solid rgba(203, 221, 245, 0.9);
	box-shadow: 0 24px 72px rgba(30, 66, 130, 0.18);
	overflow: hidden;
}

.selleo-admin-drawer-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 18px;
	padding: 28px 28px 22px;
	border-bottom: 1px solid rgba(216, 229, 246, 0.9);
}

.selleo-admin-drawer-title {
	margin: 10px 0 8px;
	font-size: 36px;
	line-height: 1.05;
	color: #1f3554;
}

.selleo-admin-drawer-text {
	margin: 0;
	color: #617896;
}

.selleo-admin-drawer-close {
	width: 42px;
	height: 42px;
	border: 0;
	border-radius: 999px;
	background: rgba(238, 244, 253, 0.95);
	color: #24497d;
	font-size: 30px;
	line-height: 1;
	cursor: pointer;
}

.selleo-admin-drawer-body {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 24px 28px 28px;
	overflow: auto;
}

.selleo-admin-drawer-alert {
	padding: 16px 18px;
	border-radius: 18px;
	border: 1px solid rgba(66, 106, 184, 0.14);
	background: linear-gradient(135deg, rgba(236, 244, 255, 0.98), rgba(246, 249, 255, 0.94));
	color: #4f6789;
}

.selleo-admin-drawer-alert strong {
	display: block;
	margin-bottom: 6px;
	color: #1d3d6f;
}

.selleo-admin-drawer-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.selleo-admin-drawer-stat {
	padding: 16px 18px;
	border-radius: 20px;
	background: rgba(247, 250, 255, 0.96);
	border: 1px solid rgba(223, 233, 247, 0.92);
}

.selleo-admin-drawer-stat span {
	display: block;
	margin-bottom: 8px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #6f85a5;
}

.selleo-admin-drawer-stat strong {
	display: block;
	font-size: 19px;
	line-height: 1.25;
	color: #203452;
}

.selleo-admin-drawer-stat small {
	display: block;
	margin-top: 6px;
	font-size: 13px;
	color: #6b819f;
}

.selleo-admin-drawer-meta {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 18px 20px;
	border-radius: 20px;
	border: 1px solid rgba(223, 233, 247, 0.92);
	background: #fff;
	color: #48617f;
}

.selleo-admin-drawer-meta strong {
	color: #223d63;
}

.selleo-admin-drawer-form {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.selleo-admin-drawer-actions {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}

.selleo-admin-drawer-status {
	color: #5f7898;
	font-weight: 600;
}

body.selleo-admin-drawer-open {
	overflow: hidden;
}

@media (max-width: 900px) {
	.selleo-hero,
	.selleo-grid,
	.selleo-grid--two,
	.selleo-roadmap,
	.selleo-kpi-list {
		grid-template-columns: 1fr;
	}

	.selleo-product-navbar-container {
		min-height: 64px;
	}

	.selleo-account-trigger-label {
		display: none;
	}

	.selleo-account-dropdown {
		width: min(360px, calc(100vw - 24px));
	}

	.selleo-account-stats,
	.selleo-account-links {
		grid-template-columns: 1fr;
	}

	.selleo-admin-users-filters,
	.selleo-admin-drawer-grid {
		grid-template-columns: 1fr;
	}

	.selleo-admin-users-summary,
	.selleo-admin-users-pagination {
		flex-direction: column;
		align-items: flex-start;
	}

	.selleo-admin-users-pagination-placeholder {
		display: none;
	}

	.selleo-admin-drawer {
		top: 78px;
		right: 10px;
		left: 10px;
		bottom: 10px;
		width: auto;
		border-radius: 24px;
	}

	.selleo-admin-drawer-head,
	.selleo-admin-drawer-body {
		padding-left: 20px;
		padding-right: 20px;
	}

	.selleo-auth-page .web-page-content {
		padding: 18px 14px 28px;
	}

	.selleo-auth-page .page_content {
		width: min(100vw - 20px, 100%);
	}

	.selleo-auth-page .selleo-auth-shell {
		grid-template-columns: 1fr;
		gap: 20px;
		min-height: auto;
	}

	.selleo-auth-page .selleo-auth-aside {
		padding: 26px 22px;
		border-radius: 28px;
	}

	.selleo-auth-page .selleo-auth-hero-title {
		max-width: none;
		font-size: 38px;
	}

	.selleo-auth-page .page-card-head .app-logo {
		width: 126px;
		max-width: 126px;
	}

	.selleo-auth-page .page-card-head h4 {
		font-size: 38px;
	}
}