@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Manrope:wght@500;600;700;800;900&family=Sora:wght@400;500;600;700;800&display=swap');
@import url("section.css");
@import url("market-chart.css");
@import url("mobile-polish.css");
@import url("nav.css");
@import url("profile-section.css");
@import url("referrals.css");
@import url("payment-nav.css");
@import url("payment-page.css");
@import url("trading-journey.css");
@import url("theme.css");

/* Shared NLC Signals desk system */
:root {
	--desk-ink: #102a35;
	--desk-muted: #607b88;
	--desk-line: #c8dce7;
	--desk-surface: #ffffff;
	--desk-surface-raised: #f2f8fb;
	--desk-accent: #15aeca;
	--desk-accent-strong: #087ca8;
	--desk-positive: #159b73;
	--desk-negative: #dc5867;
	--desk-shadow: 0 18px 44px rgba(31, 75, 97, .1);
}

body:has(.app),
body:has(.layout),
body:has(.payment-app),
body:has(.referral-shell) {
	color: var(--desk-ink);
	background:
		radial-gradient(circle at 90% -10%, rgba(21, 174, 202, .14), transparent 28%),
		linear-gradient(135deg, #f7fbfd 0%, #eaf3f8 58%, #f4f9fc 100%);
}

body[data-theme="dark"]:has(.app),
body[data-theme="dark"]:has(.layout),
body[data-theme="dark"]:has(.payment-app),
body[data-theme="dark"]:has(.referral-shell) {
	--desk-ink: #edf7ff;
	--desk-muted: #94afc1;
	--desk-line: #23445d;
	--desk-surface: #0d1d2b;
	--desk-surface-raised: #12283a;
	--desk-accent: #22d7ff;
	--desk-accent-strong: #7fe9ff;
	--desk-shadow: 0 18px 44px rgba(0, 0, 0, .24);
	background: linear-gradient(135deg, #07121c, #0b1d2b 62%, #08141f);
}

.app,
.layout,
.payment-app {
	min-height: 100vh;
}

.app {
	display: grid;
	grid-template-columns: 234px minmax(0, 1fr);
	transform: none !important;
	animation: none !important;
}

.layout,
.payment-app {
	transform: none !important;
	animation: none !important;
}

.app > .sidebar {
	position: sticky;
	top: 0;
	height: 100vh;
	overflow-y: auto;
	z-index: 8;
}

.workspace,
.main,
.payment-main {
	min-width: 0;
}

.workspace,
.main {
	background: linear-gradient(135deg, rgba(7, 16, 29, .05), transparent 58%);
}

.topbar {
	position: fixed !important;
	top: 0;
	right: 0;
	left: 234px;
	z-index: 10;
	display: flex;
	align-items: center;
	gap: 20px;
	min-height: 76px;
	padding: 0 38px;
	animation: none !important;
}

.payment-topbar {
	position: fixed !important;
	top: 0;
	right: 0;
	left: 234px;
	z-index: 10;
	animation: none !important;
}

.workspace,
.main,
.payment-main {
	padding-top: 76px;
}

.content {
	width: min(100%, 1760px);
	max-width: 1760px;
	margin: 0 auto;
	padding: 32px 38px 80px;
}

@media (min-width: 1600px) {
	.content {
		padding-left: 48px;
		padding-right: 48px;
	}
}

.welcome {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 28px;
}

.welcome h2 {
	margin-top: 8px;
	font-size: clamp(25px, 3vw, 34px);
	letter-spacing: -.045em;
}

.welcome p {
	margin-top: 8px;
	color: var(--desk-muted);
}

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

.metric {
	position: relative;
	min-width: 0;
	padding: 20px 20px 18px;
	border: 1px solid rgba(118, 145, 168, .18);
	border-radius: 16px;
	background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(244, 248, 250, .94));
	box-shadow: 0 14px 32px rgba(18, 36, 48, .05), inset 0 1px 0 rgba(255, 255, 255, .9);
	transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.metric:hover {
	transform: translateY(-2px);
	border-color: rgba(35, 126, 246, .32);
	box-shadow: 0 18px 36px rgba(16, 35, 48, .09), inset 0 1px 0 rgba(255, 255, 255, .92);
}

.metric-label,
.metric small {
	display: block;
	color: var(--desk-muted);
	font-size: 10px;
}

.metric-label {
	padding-right: 38px;
	font-family: 'Manrope', 'Segoe UI', sans-serif;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
	line-height: 1.6;
	color: rgba(96, 123, 136, .9);
}

.metric strong {
	display: block;
	margin-top: 12px;
	background: linear-gradient(135deg, #102a35 0%, #1a4d67 36%, #1ec9e9 100%);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
	font-family: 'Sora', 'Inter', 'Segoe UI', sans-serif;
	font-size: clamp(23px, 2.1vw, 31px);
	font-weight: 800;
	letter-spacing: -.09em;
	line-height: .95;
	font-feature-settings: "tnum" 1;
	font-variant-numeric: tabular-nums;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .35);
}




.metric small {
	margin-top: 8px;
	font-family: 'Inter', 'Segoe UI', sans-serif;
	font-weight: 600;
	line-height: 1.45;
	letter-spacing: .02em;
}

.metric-icon {
	position: absolute;
	top: 18px;
	right: 18px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border: 1px solid rgba(18, 117, 194, .18);
	border-radius: 9px;
	background: linear-gradient(145deg, rgba(20, 119, 200, .08), rgba(18, 185, 202, .05));
	color: var(--desk-accent);
	font-size: 15px;
	font-weight: 700;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7);
}

body[data-theme="dark"] .metric {
	background: linear-gradient(180deg, rgba(14, 26, 38, .96), rgba(17, 38, 54, .94));
	border-color: rgba(122, 149, 173, .22);
	box-shadow: 0 14px 32px rgba(1, 6, 11, .26), inset 0 1px 0 rgba(255, 255, 255, .04);
}

body[data-theme="dark"] .metric:hover {
	border-color: rgba(90, 187, 255, .4);
	box-shadow: 0 18px 36px rgba(1, 6, 11, .32), inset 0 1px 0 rgba(255, 255, 255, .06);
}

body[data-theme="dark"] .metric strong {
	background: linear-gradient(135deg, #edf7ff 0%, #c8ecff 38%, #70d5ff 100%);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
	text-shadow: none;
}

body[data-theme="dark"] .metric-label {
	color: rgba(156, 183, 201, .92);
}

body[data-theme="dark"] .metric-icon {
	border-color: rgba(122, 197, 255, .2);
	background: linear-gradient(145deg, rgba(62, 154, 255, .12), rgba(16, 214, 176, .08));
	color: #76d7ff;
}

.dashboard-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.55fr) minmax(280px, .85fr);
	gap: 18px;
}

.panel {
	min-width: 0;
	padding: 20px;
	border: 1px solid var(--desk-line);
	border-radius: 12px;
	background: var(--desk-surface);
}

.panel-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 16px;
}

.panel-head h3 {
	margin-top: 6px;
	font-size: 17px;
}

.panel-head p {
	margin-top: 5px;
	color: var(--desk-muted);
	font-size: 11px;
}

.range {
	display: inline-flex;
	gap: 3px;
	padding: 3px;
	border: 1px solid var(--desk-line);
	border-radius: 7px;
	background: var(--desk-surface-raised);
}

.range button {
	padding: 6px 8px;
	border-radius: 5px;
	background: transparent;
	color: var(--desk-muted);
	font: 700 9px 'DM Mono', monospace;
}

.range button.active,
.range button:hover {
	background: var(--desk-accent);
	color: #fff;
}

.workspace,
.main,
.payment-main {
	min-width: 0;
}

header.topbar,
header.payment-topbar {
	min-height: 76px;
	border-bottom: 1px solid var(--desk-line);
	background: color-mix(in srgb, var(--desk-surface) 91%, transparent);
	box-shadow: 0 8px 28px rgba(20, 63, 82, .1);
	backdrop-filter: blur(20px);
}

.topbar-title h1,
.payment-topbar-title h1 {
	color: var(--desk-ink);
	font-weight: 800;
	letter-spacing: -.035em;
}

.topbar-kicker,
.payment-topbar-kicker,
.eyebrow {
	color: var(--desk-muted);
	font-weight: 700;
	letter-spacing: .14em;
}

.sidebar,
.payment-sidebar {
	border-right: 1px solid var(--desk-line);
	background: color-mix(in srgb, var(--desk-surface) 94%, transparent);
	box-shadow: 12px 0 32px rgba(25, 72, 94, .06);
	backdrop-filter: blur(18px);
}

.member-sidebar {
	position: sticky;
	top: 0;
	height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 8;
}

.member-sidebar .nlc-member-navigation {
	display: grid;
	gap: 2px;
}

.member-sidebar .nav-label,
.member-sidebar .label,
.member-sidebar .payment-nav-label {
	margin: 14px 7px 5px;
	padding: 0 5px;
	color: var(--desk-muted);
	font: 800 8px 'DM Mono', monospace;
	letter-spacing: .16em;
}

.side-link,
.nav-link,
.payment-side-link {
	border: 1px solid transparent;
	color: var(--desk-muted);
	transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

.side-link:hover,
.nav-link:hover,
.payment-side-link:hover {
	color: var(--desk-ink);
	background: color-mix(in srgb, var(--desk-accent) 8%, var(--desk-surface));
	border-color: color-mix(in srgb, var(--desk-accent) 25%, var(--desk-line));
	transform: translateX(2px);
}

.side-link.active,
.nav-link.active,
.payment-side-link.active {
	color: var(--desk-ink);
	background: linear-gradient(90deg, color-mix(in srgb, var(--desk-accent) 15%, var(--desk-surface-raised)), transparent);
	border-color: color-mix(in srgb, var(--desk-accent) 35%, var(--desk-line));
	box-shadow: inset 3px 0 var(--desk-accent);
}

.panel,
.card,
.metric,
.signal-card,
.analysis-card,
.settings-card,
.profile-hero-card,
.profile-details-card,
.notification-shell,
.plan-card,
.recent-card,
.checkout-card,
.referral-card,
.referral-shell > section {
	border-color: var(--desk-line);
	box-shadow: var(--desk-shadow);
}

.panel-head,
.section-heading,
.settings-intro,
.users-heading {
	gap: 16px;
}

button,
.button,
.primary-button,
.secondary-button,
.primary-link,
.secondary-link {
	transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

button:hover,
.button:hover,
.primary-button:hover,
.secondary-button:hover,
.primary-link:hover,
.secondary-link:hover {
	transform: translateY(-1px);
}

input,
select,
textarea,
.search,
.analysis-search {
	border-color: var(--desk-line);
	background: color-mix(in srgb, var(--desk-surface) 86%, var(--desk-surface-raised));
	color: var(--desk-ink);
}

input:focus,
select:focus,
textarea:focus,
.search:focus-within,
.analysis-search:focus-within {
	border-color: var(--desk-accent);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--desk-accent) 16%, transparent);
	outline: 0;
}

.market-status,
.date-chip,
.member-badge,
.live-badge,
.signal-live-pill {
	border-color: color-mix(in srgb, var(--desk-positive) 34%, var(--desk-line));
	color: var(--desk-positive);
	background: color-mix(in srgb, var(--desk-positive) 9%, var(--desk-surface));
}

.mobile-nav,
.payment-mobile-nav {
	z-index: 12;
	border-color: var(--desk-line);
	background: color-mix(in srgb, var(--desk-surface) 95%, transparent);
	box-shadow: 0 18px 38px rgba(8, 35, 51, .22);
	backdrop-filter: blur(20px);
}

.app > .sidebar,
.sidebar {
	z-index: 30;
}

@media (max-width: 700px) {
	.app {
		display: block;
	}

	.app > .sidebar {
		display: none;
	}

	.app > .sidebar.mobile-open {
		z-index: 60;
		padding-bottom: 96px;
	}

	.mobile-nav,
	.member-mobile-nav,
	.payment-mobile-nav,
	.admin-bottom-nav {
		z-index: 15;
	}

	.topbar {
		left: 0;
		min-height: 68px;
		padding: 0 14px;
		gap: 10px;
	}

	.workspace,
	.main,
	.payment-main {
		padding-top: 68px;
	}

	.content,
	.payment-shell,
	.referral-shell {
		width: 100%;
		padding: 24px 14px 100px;
	}

	.welcome {
		align-items: flex-start;
		flex-direction: column;
		gap: 14px;
	}

	.metrics {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}

	.dashboard-grid {
		grid-template-columns: 1fr;
	}

	.metric {
		padding: 15px;
	}

	.metric strong {
		font-size: 20px;
	}

	.panel,
	.card,
	.metric,
	.signal-card,
	.analysis-card,
	.settings-card {
		border-radius: 10px;
	}

	.panel-head,
	.section-heading,
	.settings-intro,
	.users-heading {
		align-items: flex-start;
		flex-direction: column;
	}
}

@media (max-width: 700px) {
	.signals-page-shell .signal-card,
	.signal-list .signal-card {
		padding: 12px !important;
		background: #ffffff !important;
		background-image: none !important;
		border: 1px solid #c8dce7 !important;
		border-radius: 10px !important;
		box-shadow: 0 8px 20px #c7d9e2 !important;
		opacity: 1 !important;
	}

	.signal-list .signal-card .signal-card-head h3 {
		font-size: 16px !important;
		line-height: 1.15 !important;
		color: #102a35 !important;
	}

	.signal-list .signal-card .signal-card-head p,
	.signal-list .signal-card .signal-card-eyebrow,
	.signal-list .signal-card .signal-meta-row .muted,
	.signal-list .signal-card .signal-metrics,
	.signal-list .signal-card .trade-status {
		font-size: 9px !important;
		line-height: 1.4 !important;
		color: #4d6875 !important;
	}

	.signal-list .signal-card .badge {
		padding: 5px 6px !important;
		font-size: 8px !important;
	}

	.signal-list .signal-card .signal-levels {
		gap: 6px !important;
		margin-top: 12px !important;
	}

	.signal-list .signal-card .signal-levels span {
		min-height: 45px !important;
		padding: 7px 6px !important;
		border-radius: 6px !important;
		background: #f2f8fb !important;
		border-color: #c8dce7 !important;
		color: #102a35 !important;
		font-size: 8px !important;
		line-height: 1.25 !important;
	}

	.signal-list .signal-card .signal-meta-row {
		align-items: flex-start !important;
		flex-direction: column !important;
		gap: 8px !important;
	}

	.signal-list .signal-card .signal-action {
		width: 100% !important;
		padding: 8px 9px !important;
		background: #0b3b63 !important;
		border-color: #0b3b63 !important;
		color: #ffffff !important;
		font-size: 8px !important;
	}
}

@media (max-width: 380px) {
	.signal-list .signal-card .signal-card-head h3 {
		font-size: 15px !important;
	}

	.signal-list .signal-card .signal-levels span {
		font-size: 7px !important;
	}
}

/* Give the dashboard market chart more room for price action. */
@media (min-width: 701px) {
	#charts .chart-wrap {
		height: 360px !important;
	}
}

@media (max-width: 700px) {
	#charts .chart-wrap {
		height: 300px !important;
	}
}

@media (max-width: 700px) {
	body[data-theme="light"] .mobile-nav a.mobile-dock-center,
	body[data-theme="system"] .mobile-nav a.mobile-dock-center {
		border: 1px solid #168df0 !important;
		border-radius: 50% !important;
		background: linear-gradient(145deg, #1e9cff, #1263c6) !important;
		color: #ffffff !important;
		box-shadow: 0 0 0 7px #ffffff, 0 0 22px rgba(22, 141, 240, .5), inset 0 0 18px rgba(109, 226, 255, .55) !important;
	}

	body[data-theme="light"] .mobile-nav a.mobile-dock-center span,
	body[data-theme="system"] .mobile-nav a.mobile-dock-center span,
	body[data-theme="light"] .mobile-nav a.mobile-dock-center svg,
	body[data-theme="system"] .mobile-nav a.mobile-dock-center svg {
		color: #ffffff !important;
	}
}

/* Highlight dashboard research and news with a deliberate gold signal. */
#analysis {
	position: relative;
	overflow: hidden;
	border-color: rgba(218, 165, 67, .42) !important;
	background: linear-gradient(145deg, color-mix(in srgb, #d9a441 9%, var(--desk-surface)), var(--desk-surface)) !important;
	box-shadow: 0 16px 36px rgba(112, 78, 15, .12), inset 0 1px 0 rgba(255, 224, 143, .18) !important;
}

#analysis::before {
	content: "NEWS DESK";
	position: absolute;
	top: 18px;
	right: 20px;
	color: #b17b19;
	font: 800 8px 'DM Mono', monospace;
	letter-spacing: .16em;
}

#analysis .eyebrow,
#analysis .panel-head button {
	color: #b17b19 !important;
}

#analysis .panel-head button {
	border-color: rgba(218, 165, 67, .4);
	background: rgba(218, 165, 67, .1);
}

body[data-theme="dark"] #analysis {
	border-color: rgba(218, 165, 67, .38) !important;
	background: linear-gradient(145deg, rgba(66, 48, 18, .42), #0d1d2b 62%) !important;
	box-shadow: 0 18px 42px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 224, 143, .08) !important;
}

body[data-theme="dark"] #analysis::before,
body[data-theme="dark"] #analysis .eyebrow,
body[data-theme="dark"] #analysis .panel-head button {
	color: #f0c86a !important;
}

body[data-theme="dark"] #analysis .panel-head button {
	border-color: rgba(218, 165, 67, .38);
	background: rgba(218, 165, 67, .12);
}

@media (max-width: 700px) {
	body[data-theme="light"] .mobile-nav a.mobile-dock-center,
	body[data-theme="system"] .mobile-nav a.mobile-dock-center {
		border: 1px solid #168df0 !important;
		border-radius: 50% !important;
		background: linear-gradient(145deg, #1e9cff, #1263c6) !important;
		color: #ffffff !important;
		box-shadow: 0 0 0 7px #ffffff, 0 0 22px rgba(22, 141, 240, .5), inset 0 0 18px rgba(109, 226, 255, .55) !important;
	}

	body[data-theme="light"] .mobile-nav a.mobile-dock-center span,
	body[data-theme="system"] .mobile-nav a.mobile-dock-center span,
	body[data-theme="light"] .mobile-nav a.mobile-dock-center svg,
	body[data-theme="system"] .mobile-nav a.mobile-dock-center svg {
		color: #ffffff !important;
	}
}

/* Dashboard-only finish: keep lower cards dark and the desktop rail fixed. */
body[data-theme="dark"] .notice,
body[data-theme="system"] .notice,
body[data-theme="dark"] .dashboard-referral-stats span,
body[data-theme="system"] .dashboard-referral-stats span,
body[data-theme="dark"] .dashboard-referral-link input,
body[data-theme="system"] .dashboard-referral-link input {
	border-color: #23445d !important;
	background: #112636 !important;
	color: #edf7ff !important;
}

body[data-theme="dark"] .notice p,
body[data-theme="system"] .notice p,
body[data-theme="dark"] .notice time,
body[data-theme="system"] .notice time,
body[data-theme="dark"] .dashboard-referral-stats small,
body[data-theme="system"] .dashboard-referral-stats small,
body[data-theme="dark"] .dashboard-referral-stats em,
body[data-theme="system"] .dashboard-referral-stats em {
	color: #9bb6c7 !important;
}

@media (min-width: 701px) {
	body:has(.app) .app > .sidebar {
		position: fixed !important;
		top: 0;
		bottom: 0;
		left: 0;
		width: 234px;
		height: 100vh;
		overflow-y: auto;
	}

	body:has(.app) .app > .workspace {
		grid-column: 1 / -1;
		margin-left: 234px;
	}
}

@media (max-width: 1050px) and (min-width: 701px) {
	body:has(.app) .app > .sidebar {
		width: 190px;
	}

	body:has(.app) .app > .workspace {
		margin-left: 190px;
	}
}

@media (max-width: 700px) {
	body:has(.app) .app > .workspace {
		margin-left: 0;
	}
}

/* Final signal-price colors: keep live-rendered cards consistent with the template. */
body .signal-list .signal-card .signal-levels .entry-price {
	color: #ffffff !important;
	background: #263746 !important;
	border-color: #66798c !important;
}

body .signal-list .signal-card .signal-levels .tp-price {
	color: #087a5d !important;
	background: #eaf8f3 !important;
	border-color: #8ed8bf !important;
}

body .signal-list .signal-card .signal-levels .sl-price {
	color: #c43f50 !important;
	background: #fff0f2 !important;
	border-color: #f0a5ad !important;
}

/* Give the chat room the full panel height without a duplicate inner header. */
.signal-chat-room .signal-chat-header {
	display: none !important;
}

.signal-chat-room {
	position: relative;
}

.signal-chat-room > .signal-chat-urgent-toggle {
	position: absolute;
	top: 12px;
	right: 14px;
	z-index: 5;
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	border: 1px solid #ff667b !important;
	border-radius: 50%;
	background: #5a1728 !important;
	color: #ffffff !important;
	font: 900 14px 'DM Mono', monospace;
	box-shadow: 0 0 16px #ff526655;
}

.signal-chat-room > .signal-chat-urgent-toggle:hover {
	background: #861e37 !important;
	box-shadow: 0 0 22px #ff526699;
	transform: scale(1.06);
}

.signal-chat-room > .signal-chat-urgent-toggle[hidden] {
	display: none !important;
}

.signal-chat-room .signal-chat-layout {
	padding: 0 !important;
}

.signal-chat-room .signal-chat-messages {
	height: clamp(260px, 33vh, 360px) !important;
	max-height: 360px !important;
	padding-top: 18px !important;
}

.signal-chat-room .signal-chat-composer {
	border-top: 1px solid #28577d !important;
}

@media (max-width: 700px) {
	.signal-chat-room .signal-chat-messages {
		height: clamp(220px, 30vh, 300px) !important;
		max-height: 300px !important;
		padding: 12px 10px 14px !important;
	}
}

/* Chat-room alert and media presentation */
.signal-chat-alert {
	position: relative;
	overflow: hidden;
	border-color: #ef5268 !important;
	background: #521b2b !important;
	box-shadow: inset 0 0 0 1px #ff8a9b33, 0 10px 28px #5d172b66 !important;
}

.signal-chat-alert::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: -35%;
	width: 24%;
	background: #ff9aaa33;
	transform: skewX(-18deg);
	pointer-events: none;
}

.signal-chat-alert.is-entering {
	animation: chat-alert-arrive .55s cubic-bezier(.22, 1, .36, 1) both;
}

.signal-chat-alert.is-entering::after {
	animation: chat-alert-scan .9s .12s ease-out both;
}

.signal-chat-alert {
	display: grid !important;
	grid-template-columns: 34px minmax(0, 1fr) auto !important;
	align-items: center !important;
	gap: 12px !important;
	min-height: 66px;
	padding: 12px 16px !important;
	border: 1px solid #f05b72 !important;
	border-left: 4px solid #ff3f61 !important;
	border-radius: 10px !important;
	background: rgba(53, 21, 34, .78) !important;
	backdrop-filter: blur(10px);
	box-shadow: inset 0 0 0 1px #ff9aaa22, 0 12px 30px #5b102b66, 0 0 22px #ff3f6126 !important;
	animation: none;
}

.signal-chat-alert-icon {
	display: grid !important;
	place-items: center;
	width: 30px !important;
	height: 30px !important;
	border: 1px solid #ff788a !important;
	border-radius: 8px !important;
	background: rgba(113, 27, 50, .82) !important;
	color: #ffffff !important;
	font-size: 14px !important;
	box-shadow: 0 0 16px #ff3f6159;
	animation: urgent-icon-pulse 1.6s ease-in-out infinite;
}

.signal-chat-alert strong {
	display: block;
	color: #ffffff !important;
	font: 900 11px 'DM Mono', monospace !important;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.signal-chat-alert p {
	margin-top: 5px !important;
	color: #fff1f4 !important;
	font: 700 12px Manrope, sans-serif !important;
	line-height: 1.45 !important;
}

.signal-chat-alert-dismiss {
	width: 28px !important;
	height: 28px !important;
	border: 1px solid #f47a8c !important;
	border-radius: 7px !important;
	background: rgba(82, 23, 42, .86) !important;
	color: #ffffff !important;
}

@keyframes urgent-icon-pulse {
	0%, 100% { box-shadow: 0 0 0 0 #ff3f6100, 0 0 16px #ff3f6159; }
	50% { box-shadow: 0 0 0 6px #ff3f611f, 0 0 24px #ff3f61a6; }
}

@media (max-width: 700px) {
	.signal-chat-alert {
		grid-template-columns: 28px minmax(0, 1fr) auto !important;
		gap: 9px !important;
		min-height: 58px;
		padding: 10px 11px !important;
	}

	.signal-chat-alert-icon {
		width: 26px !important;
		height: 26px !important;
		font-size: 12px !important;
	}

	.signal-chat-alert strong {
		font-size: 8px !important;
	}

	.signal-chat-alert p {
		font-size: 10px !important;
	}
}

.signal-chat-message {
	animation: chat-message-arrive .42s cubic-bezier(.22, 1, .36, 1) both;
	animation-delay: calc(min(var(--chat-index, 0), 6) * 45ms);
}

.signal-chat-media,
.signal-chat-image-media,
.signal-chat-attachment-preview img,
.signal-chat-attachment-preview video {
	display: block;
	width: min(100%, 460px);
	max-height: 320px;
	object-fit: cover;
	border: 1px solid #31618a !important;
	border-radius: 10px;
	background: #071321;
	box-shadow: 0 10px 24px #06111f99, 0 0 0 1px #22b9ff1a;
}

.signal-chat-image-media,
.signal-chat-attachment-preview img {
	aspect-ratio: 16 / 10;
}

.signal-chat-media-label {
	display: inline-flex;
	margin-bottom: 8px;
	padding: 4px 7px;
	border: 1px solid #31618a;
	border-radius: 999px;
	background: #102a43;
	color: #a9dbff;
	font: 700 8px 'DM Mono', monospace;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.signal-chat-attachment-preview {
	display: grid;
	gap: 8px;
	margin-bottom: 10px;
	padding: 9px;
	border: 1px solid #28577d;
	border-radius: 10px;
	background: #0a1b2c;
}

.signal-chat-attachment-preview video {
	max-height: 220px;
}

@keyframes chat-alert-arrive {
	from { opacity: 0; transform: translateY(-12px) scale(.985); filter: brightness(1.8); }
	55% { transform: translateY(2px) scale(1.005); }
	to { opacity: 1; transform: translateY(0) scale(1); filter: brightness(1); }
}

@keyframes chat-alert-scan {
	from { left: -35%; }
	to { left: 125%; }
}

@keyframes chat-message-arrive {
	from { opacity: 0; transform: translateY(8px); }
	to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
	.signal-chat-alert.is-entering,
	.signal-chat-alert.is-entering::after,
	.signal-chat-message {
		animation: none !important;
	}
}

/* Compact typography for smaller screens */
@media (max-width: 700px) {
	body,
	button,
	input,
	select,
	textarea {
		font-size: 12px;
	}

	.topbar-title h1,
	.payment-topbar-title h1 {
		font-size: 14px !important;
	}

	.content h2,
	.analysis-hero h1,
	.profile-intro h2,
	.welcome h2 {
		font-size: 24px !important;
		line-height: 1.12;
	}

	.content h3,
	.analysis-card h3,
	.panel-head h3,
	.dashboard-referral h3 {
		font-size: 16px !important;
		line-height: 1.2;
	}

	.content p,
	.analysis-card p,
	.analysis-hero p,
	.profile-intro p,
	.dashboard-referral p {
		font-size: 11px !important;
		line-height: 1.5;
	}

	.eyebrow,
	.topbar-kicker,
	.payment-topbar-kicker,
	.nav-label,
	.label,
	.payment-nav-label {
		font-size: 8px !important;
	}

	.metric-label,
	.metric small,
	.signal-values span,
	.signal-meta,
	.accuracy-row,
	.accuracy-net,
	.notice p,
	.notice time,
	.dashboard-referral-stats small,
	.dashboard-referral-stats em {
		font-size: 9px !important;
	}

	.metric strong,
	.accuracy-score strong,
	.dashboard-referral-stats strong {
		font-size: 19px !important;
	}

	.analysis-toolbar,
	.analysis-filters button,
	.analysis-search,
	.range button,
	.dashboard-referral-link input,
	.dashboard-referral-link button,
	.dashboard-referral-linkout {
		font-size: 10px !important;
	}

	.panel,
	.card,
	.analysis-card,
	.settings-card,
	.notification-shell,
	.profile-details-card {
		padding: 14px !important;
	}

	.analysis-hero {
		padding: 18px !important;
	}

	.analysis-stats {
		gap: 9px !important;
	}

	.stat-card {
		padding: 13px !important;
	}
}

@media (max-width: 380px) {
	.topbar-title h1,
	.payment-topbar-title h1 {
		font-size: 13px !important;
	}

	.content h2,
	.analysis-hero h1,
	.profile-intro h2,
	.welcome h2 {
		font-size: 21px !important;
	}

	.content h3,
	.analysis-card h3,
	.panel-head h3,
	.dashboard-referral h3 {
		font-size: 15px !important;
	}

	.metric strong,
	.accuracy-score strong,
	.dashboard-referral-stats strong {
		font-size: 17px !important;
	}

	.content p,
	.analysis-card p,
	.analysis-hero p,
	.profile-intro p,
	.dashboard-referral p {
		font-size: 10px !important;
	}
}

@media (max-width: 700px) {
	body[data-theme] .member-mobile-nav,
	body[data-theme] .payment-mobile-nav {
		background: #050d20 !important;
		background-image: none !important;
		backdrop-filter: none !important;
		opacity: 1 !important;
		animation: none !important;
	}

	body[data-theme] .member-mobile-nav .mobile-dock-center {
		background: #0b3ea1 !important;
		background-image: none !important;
		opacity: 1 !important;
	}
}

@media (max-width: 700px) {
	.app > .sidebar.mobile-open,
	.layout .sidebar.open,
	.layout .sidebar.mobile-open,
	.payment-app .payment-sidebar.open,
	.payment-app .payment-sidebar.mobile-open {
		visibility: visible !important;
		pointer-events: auto !important;
		transform: translate3d(0, 0, 0) !important;
		opacity: 1 !important;
	}
}

/* Compact, readable signal cards on phones. */
@media (max-width: 700px) {
	.signal-card {
		padding: 12px !important;
		border-radius: 10px !important;
		background: #ffffff !important;
		background-image: none !important;
		border-color: #c8dce7 !important;
		box-shadow: 0 8px 20px #c7d9e2 !important;
		opacity: 1 !important;
	}

	.signal-card-head {
		gap: 8px !important;
	}

	.signal-card-head h3 {
		margin-top: 5px !important;
		font-size: 16px !important;
		line-height: 1.15 !important;
		color: #102a35 !important;
	}

	.signal-card-head p,
	.signal-card .signal-card-eyebrow,
	.signal-card .signal-meta-row .muted,
	.signal-card .signal-metrics,
	.signal-card .trade-status {
		font-size: 9px !important;
		line-height: 1.4 !important;
		color: #4d6875 !important;
	}

	.signal-card .badge {
		padding: 5px 6px !important;
		font-size: 8px !important;
		white-space: nowrap;
	}

	.signal-levels {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 6px !important;
		margin-top: 12px !important;
	}

	.signal-levels span {
		min-height: 45px !important;
		gap: 3px !important;
		padding: 7px 6px !important;
		border-radius: 6px !important;
		background: #f2f8fb !important;
		border-color: #c8dce7 !important;
		color: #102a35 !important;
		font-size: 8px !important;
		line-height: 1.25 !important;
		white-space: normal;
	}

	.signal-metrics {
		gap: 8px !important;
		margin-top: 9px !important;
	}

	.position-meter {
		margin-top: 10px !important;
	}

	.position-meter-top {
		font-size: 9px !important;
		color: #102a35 !important;
	}

	.position-track {
		margin-top: 7px !important;
	}

	.signal-meta-row {
		align-items: flex-start !important;
		flex-direction: column !important;
		gap: 8px !important;
		margin-top: 10px !important;
	}

	.signal-action {
		width: 100% !important;
		padding: 8px 9px !important;
		background: #0b3b63 !important;
		border-color: #0b3b63 !important;
		color: #ffffff !important;
		font-size: 8px !important;
	}
}

@media (max-width: 380px) {
	.signal-card-head h3 {
		font-size: 15px !important;
	}

	.signal-levels span {
		font-size: 7px !important;
	}

	.signal-card-head p,
	.signal-card .signal-card-eyebrow,
	.signal-card .signal-meta-row .muted,
	.signal-card .signal-metrics,
	.signal-card .trade-status {
		font-size: 8px !important;
	}
}

@media (max-width: 700px) {
	body[data-theme] .member-mobile-nav,
	body[data-theme] .payment-mobile-nav {
		position: fixed !important;
		right: 0 !important;
		bottom: 0 !important;
		left: 0 !important;
		min-height: 58px !important;
		padding: 3px 8px max(3px, env(safe-area-inset-bottom)) !important;
		border-radius: 0 !important;
		background: rgba(10, 18, 30, 0.98) !important;
		box-shadow: none !important;
		animation: dock-rise .45s cubic-bezier(.22, 1, .36, 1) both !important;
	}

	body[data-theme] .member-mobile-nav a {
		min-height: 50px !important;
		gap: 3px;
		font-size: 8px !important;
	}

	body[data-theme] .member-mobile-nav a svg {
		width: 20px !important;
		height: 20px !important;
	}

	body[data-theme] .member-mobile-nav .mobile-dock-center {
		min-height: 56px !important;
		margin: -15px 3px 0 !important;
		animation: home-orbit 2.8s ease-in-out infinite !important;
	}

	body[data-theme] .member-mobile-nav .mobile-dock-center svg {
		width: 26px !important;
		height: 26px !important;
		animation: home-icon-pulse 2.8s ease-in-out infinite;
	}

	body[data-theme] .member-mobile-nav .mobile-dock-center span {
		bottom: -15px;
		font-size: 8px !important;
	}

	body[data-theme] .member-mobile-nav a.active:not(.mobile-dock-center) svg {
		animation: active-icon-glow 1.8s ease-in-out infinite;
	}

	@keyframes dock-rise {
		from { transform: translateY(18px); }
		to { transform: translateY(0); }
	}

	@keyframes home-orbit {
		0%, 100% { transform: translateY(0); box-shadow: 0 0 0 5px #06152f, 0 0 16px #087dff; }
		50% { transform: translateY(-3px); box-shadow: 0 0 0 5px #06152f, 0 0 26px #18b7ff; }
	}

	@keyframes home-icon-pulse {
		0%, 100% { filter: drop-shadow(0 0 4px #47d9ff); }
		50% { filter: drop-shadow(0 0 10px #47d9ff); }
	}

	@keyframes active-icon-glow {
		0%, 100% { filter: drop-shadow(0 0 2px #168dff); }
		50% { filter: drop-shadow(0 0 7px #23c8ff); }
	}
}

@media (prefers-reduced-motion: reduce) {
	.member-mobile-nav,
	.payment-mobile-nav,
	.member-mobile-nav .mobile-dock-center,
	.member-mobile-nav .mobile-dock-center svg,
	.member-mobile-nav a.active svg {
		animation: none !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	button,
	.button,
	.primary-button,
	.secondary-button,
	.primary-link,
	.secondary-link,
	.side-link,
	.nav-link,
	.payment-side-link {
		transition: none;
	}
}

/* Dashboard command-center refinement */
.app > .sidebar {
	padding: 22px 14px;
	background: linear-gradient(180deg, color-mix(in srgb, var(--desk-surface) 98%, transparent), color-mix(in srgb, var(--desk-surface-raised) 90%, transparent));
}

.app > .sidebar .logo {
	min-height: 52px;
	margin-bottom: 14px;
	padding: 0 10px 16px;
	border-bottom: 1px solid var(--desk-line);
}

.app > .sidebar .nav-label {
	margin: 14px 7px 5px;
	padding: 0 5px;
	color: var(--desk-muted);
	font-size: 8px;
	font-weight: 800;
	letter-spacing: .16em;
}

.app > .sidebar .side-link {
	min-height: 40px;
	margin: 2px 0;
	padding: 10px 11px;
	font-size: 11px;
	font-weight: 700;
}

.app > .sidebar .side-link.active {
	background: linear-gradient(90deg, color-mix(in srgb, var(--desk-accent) 17%, var(--desk-surface-raised)), color-mix(in srgb, var(--desk-accent) 4%, transparent));
	box-shadow: inset 3px 0 var(--desk-accent), 0 8px 18px color-mix(in srgb, var(--desk-accent) 12%, transparent);
}

.topbar {
	min-height: 76px;
	border-bottom-color: color-mix(in srgb, var(--desk-accent) 18%, var(--desk-line));
}

.topbar-title h1 {
	font-size: 17px;
}

.topbar .search {
	min-width: 190px;
	border-radius: 8px;
}

.topbar .top-actions {
	gap: 10px;
}

.dashboard-grid {
	align-items: stretch;
}

#charts {
	background: linear-gradient(145deg, color-mix(in srgb, var(--desk-surface) 98%, var(--desk-accent)), var(--desk-surface-raised));
}

#charts .panel-head h3 {
	display: flex;
	align-items: baseline;
	gap: 9px;
	font-size: 19px;
}

#charts .panel-head h3::after {
	content: 'LIVE';
	padding: 4px 6px;
	border: 1px solid color-mix(in srgb, var(--desk-positive) 35%, var(--desk-line));
	border-radius: 4px;
	color: var(--desk-positive);
	font: 800 8px 'DM Mono', monospace;
	letter-spacing: .1em;
}

#signals {
	background: linear-gradient(145deg, color-mix(in srgb, var(--desk-accent) 7%, var(--desk-surface)), var(--desk-surface));
}

#signals .panel-head {
	padding-bottom: 14px;
	border-bottom: 1px solid var(--desk-line);
}

#signals .panel-head button,
#analysis .panel-head button,
#notifications .panel-head button {
	padding: 7px 9px;
	border: 1px solid var(--desk-line);
	border-radius: 6px;
	background: var(--desk-surface-raised);
	color: var(--desk-accent-strong);
	font: 700 9px 'DM Mono', monospace;
}

.signal-list {
	display: grid;
	gap: 10px;
}

.signal-card {
	position: relative;
	padding: 14px;
	border: 1px solid var(--desk-line);
	border-radius: 9px;
	background: var(--desk-surface);
	box-shadow: 0 8px 20px rgba(21, 83, 108, .07);
}

.signal-card:not([hidden]) {
	border-left: 3px solid var(--desk-positive);
}

.signal-card .pair {
	color: var(--desk-ink);
	font: 800 15px 'DM Mono', monospace;
}

.signal-card .pair small,
.signal-meta,
.signal-values span {
	color: var(--desk-muted);
	font-size: 9px;
}

.signal-values {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8px;
	margin: 14px 0;
}

.signal-values strong {
	display: block;
	margin-top: 4px;
	color: var(--desk-ink);
	font: 700 11px 'DM Mono', monospace;
}

.confidence {
	height: 4px;
	overflow: hidden;
	border-radius: 999px;
	background: var(--desk-line);
}

.confidence i {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, var(--desk-positive), var(--desk-accent));
}

#analysis {
	margin-top: 18px !important;
	background: linear-gradient(145deg, var(--desk-surface), color-mix(in srgb, var(--desk-accent) 4%, var(--desk-surface)));
}

.lower-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
	gap: 18px;
	margin-top: 18px;
}

.performance,
.accuracy-panel {
	min-width: 0;
	background: linear-gradient(145deg, var(--desk-surface), var(--desk-surface-raised));
}

.performance {
	grid-column: span 1;
}

.performance .panel-head,
.accuracy-panel .accuracy-heading {
	margin-bottom: 14px;
}

.performance .trend,
.performance-live,
.accuracy-live {
	color: var(--desk-positive);
	font: 800 9px 'DM Mono', monospace;
	letter-spacing: .08em;
}

.performance-line-chart {
	min-height: 190px;
	margin-top: 14px;
	padding: 12px 0 0;
	border-top: 1px solid var(--desk-line);
}

.accuracy-panel {
	display: grid;
	grid-template-columns: 132px minmax(0, 1fr);
	gap: 18px;
	align-items: center;
}

.accuracy-score {
	display: grid;
	place-items: center;
	align-content: center;
	gap: 5px;
	aspect-ratio: 1;
	border: 1px solid color-mix(in srgb, var(--desk-positive) 30%, var(--desk-line));
	border-radius: 50%;
	background: radial-gradient(circle, color-mix(in srgb, var(--desk-positive) 14%, var(--desk-surface)), var(--desk-surface-raised) 68%);
}

.accuracy-score strong {
	color: var(--desk-ink);
	font: 800 27px 'DM Mono', monospace;
}

.accuracy-row,
.accuracy-net {
	padding: 8px 0;
	border-bottom: 1px solid var(--desk-line);
	color: var(--desk-muted);
	font-size: 10px;
}

.accuracy-row strong,
.accuracy-net strong {
	color: var(--desk-ink);
	font: 800 11px 'DM Mono', monospace;
}

#notifications {
	background: linear-gradient(145deg, color-mix(in srgb, var(--desk-accent) 5%, var(--desk-surface)), var(--desk-surface));
}

.notice {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 13px;
	border: 1px solid var(--desk-line);
	border-radius: 8px;
	background: var(--desk-surface-raised);
}

.notice-icon {
	display: grid;
	place-items: center;
	width: 28px;
	height: 28px;
	flex: 0 0 28px;
	border-radius: 7px;
	background: color-mix(in srgb, var(--desk-accent) 14%, var(--desk-surface));
	color: var(--desk-accent-strong);
}

.notice strong {
	color: var(--desk-ink);
	font-size: 11px;
}

.notice p {
	margin-top: 4px;
	color: var(--desk-muted);
	font-size: 10px;
	line-height: 1.5;
}

.notice time {
	display: block;
	margin-top: 7px;
	color: var(--desk-muted);
	font: 9px 'DM Mono', monospace;
}

.dashboard-referral {
	background: linear-gradient(145deg, color-mix(in srgb, var(--desk-accent) 11%, var(--desk-surface)), var(--desk-surface));
}

.dashboard-referral-hero {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
}

.dashboard-referral h3 {
	margin-top: 8px;
	font-size: 20px;
}

.dashboard-referral p {
	margin-top: 8px;
	color: var(--desk-muted);
	font-size: 11px;
	line-height: 1.55;
}

.dashboard-referral-orbit {
	display: grid;
	place-items: center;
	width: 86px;
	height: 86px;
	flex: 0 0 86px;
	border: 1px solid color-mix(in srgb, var(--desk-accent) 40%, var(--desk-line));
	border-radius: 50%;
	background: radial-gradient(circle, color-mix(in srgb, var(--desk-accent) 20%, var(--desk-surface)), transparent 70%);
	box-shadow: 0 0 28px color-mix(in srgb, var(--desk-accent) 15%, transparent);
}

.dashboard-referral-orbit span {
	color: var(--desk-accent-strong);
	font: 800 18px 'DM Mono', monospace;
}

.dashboard-referral-orbit small {
	margin-top: -22px;
	color: var(--desk-muted);
	font-size: 7px;
	text-align: center;
}

.dashboard-referral-stats {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
	margin-top: 18px;
	padding-top: 15px;
	border-top: 1px solid var(--desk-line);
}

.dashboard-referral-stats span {
	display: grid;
	gap: 4px;
}

.dashboard-referral-stats small,
.dashboard-referral-stats em {
	color: var(--desk-muted);
	font-size: 9px;
	font-style: normal;
}

.dashboard-referral-stats strong {
	color: var(--desk-ink);
	font: 800 20px 'DM Mono', monospace;
}

.dashboard-referral-action {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 12px;
	margin-top: 18px;
}

.dashboard-referral-label {
	display: block;
	margin-bottom: 6px;
	color: var(--desk-muted);
	font: 700 9px 'DM Mono', monospace;
	text-transform: uppercase;
}

.dashboard-referral-link {
	display: flex;
	gap: 5px;
}

.dashboard-referral-link input {
	width: 170px;
	padding: 9px;
	border: 1px solid var(--desk-line);
	border-radius: 6px;
	font-size: 9px;
}

.dashboard-referral-link button,
.dashboard-referral-linkout {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 35px;
	padding: 8px 10px;
	border: 1px solid color-mix(in srgb, var(--desk-accent) 35%, var(--desk-line));
	border-radius: 6px;
	background: color-mix(in srgb, var(--desk-accent) 10%, var(--desk-surface));
	color: var(--desk-accent-strong);
	font: 700 9px 'DM Mono', monospace;
}

@media (max-width: 1050px) and (min-width: 701px) {
	.app {
		grid-template-columns: 190px minmax(0, 1fr);
	}

	.topbar {
		left: 190px;
		padding-inline: 22px;
	}

	.payment-topbar {
		left: 190px;
	}

	.content {
		padding-inline: 22px;
	}

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

	.dashboard-grid,
	.lower-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 700px) {
	.topbar-title h1 {
		font-size: 14px;
	}

	.payment-topbar {
		left: 0;
		min-height: 68px;
	}

	.topbar .market-status,
	.topbar .search {
		display: none;
	}

	.panel {
		padding: 15px;
	}

	.panel-head {
		flex-direction: column;
		gap: 10px;
	}

	.panel-head > :last-child {
		align-self: stretch;
	}

	.range {
		justify-content: space-between;
	}

	.range button {
		flex: 1;
	}

	.accuracy-panel {
		grid-template-columns: 92px minmax(0, 1fr);
		gap: 12px;
	}

	.accuracy-score strong {
		font-size: 20px;
	}

	.dashboard-referral-hero,
	.dashboard-referral-action {
		align-items: flex-start;
		flex-direction: column;
	}

	.dashboard-referral-action > div,
	.dashboard-referral-link,
	.dashboard-referral-link input,
	.dashboard-referral-linkout {
		width: 100%;
	}

	.dashboard-referral-link button {
		flex: 0 0 40px;
	}
}
 

@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

@media (max-width:700px){
  .topbar{min-width:0;gap:8px;padding-inline:12px}
  .topbar-title{min-width:0;overflow:hidden}
  .topbar-title h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .topbar .top-actions{min-width:0;flex:0 0 auto;gap:6px}
  .topbar .bell{flex:0 0 32px;width:32px;height:32px}
  .topbar .referral-credit{min-width:0;max-width:72px;padding-left:6px;font-size:7px;letter-spacing:.35px;overflow:hidden;white-space:nowrap}
  .topbar .referral-credit strong{font-size:10px}
  .topbar .user-chip{flex:0 0 auto}
  .content{min-width:0;overflow:hidden}
  .metrics{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}
  .metric{min-width:0;overflow:hidden}
  .metric-label,.metric small{display:block;overflow:hidden;text-overflow:ellipsis}
  .panel{min-width:0}
  .dashboard-referral-hero p{max-width:none}
  .dashboard-referral-action{min-width:0}
  .dashboard-referral-link input{min-width:0}
}
.app > .sidebar {
  overflow-x: hidden;
  overflow-y: auto;
}
@media (max-width:380px){
  .topbar{padding-inline:9px}
  .topbar .referral-credit{max-width:58px}
  .topbar .referral-credit strong{font-size:9px}
  .topbar-title h1{font-size:13px}
  .content{padding-inline:11px}
  .metric{padding:12px}
  .metric strong{font-size:18px}
  .metric-icon{right:10px}
  .mobile-referral-earnings{margin-inline:0}
  .dashboard-referral{padding:15px}
}
@media (max-width:520px){
  .dashboard-referral-action>div{width:100%;min-width:0}
  .dashboard-referral-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .dashboard-referral-link{width:100%;min-width:0;align-items:stretch}
  .dashboard-referral-link input{display:block;width:100%;min-width:0;height:40px;padding-inline:10px;font-size:8px;overflow:hidden;text-overflow:ellipsis}
  .dashboard-referral-link button{flex:0 0 40px;width:40px;height:40px}
}
.dashboard-referral-action{min-width:0}
@media(max-width:520px){.dashboard-referral{padding:18px}.dashboard-referral-hero{gap:10px}.dashboard-referral h3{font-size:21px}.dashboard-referral-orbit{flex-basis:82px;width:82px;height:82px}.dashboard-referral-orbit span{font-size:20px}.dashboard-referral-orbit small{margin-top:-23px;font-size:7px}.dashboard-referral-action{display:block}.dashboard-referral-linkout{margin-top:10px;width:100%}}
.chart-axis,.chart-time{display:none}
.mobile-referral-earnings{display:none}
@media (max-width: 700px){.mobile-referral-earnings{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-8px 0 12px;padding:12px 14px;border:1px solid rgba(34,215,255,.28);border-radius:9px;background:linear-gradient(100deg,rgba(15,42,64,.9),rgba(10,24,39,.92));color:#a7c3d8;font:700 10px 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase}.mobile-referral-earnings strong{color:var(--green);font-size:14px;letter-spacing:0}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{min-width:0}.metric-label,.metric small{white-space:normal}.referral-credit{display:inline-flex;flex-direction:column;justify-content:center;min-width:82px;line-height:1.1}.referral-credit strong{display:block;margin-top:3px}.top-actions .user-chip{display:flex;align-items:center}}
.performance-line-chart{height:175px;padding:12px 0 0;overflow:hidden}.performance-line-svg{display:block;width:100%;height:100%;overflow:visible}.performance-line-grid{fill:none;stroke:rgba(105,145,180,.16);stroke-width:1;stroke-dasharray:4 8}.performance-line-zero{fill:none;stroke:rgba(152,185,211,.3);stroke-width:1;stroke-dasharray:2 5}.performance-bars{opacity:.78}.performance-bar{stroke-width:1;transition:opacity .2s ease,filter .2s ease}.performance-bar.positive{fill:rgba(34,213,154,.34);stroke:rgba(103,239,198,.72)}.performance-bar.negative{fill:rgba(255,104,119,.3);stroke:rgba(255,141,153,.72)}.performance-bar.is-today{opacity:1;filter:drop-shadow(0 0 8px rgba(34,215,255,.7));stroke:#e2fbff}.performance-bar:hover{opacity:1;filter:brightness(1.25)}.performance-line-path{fill:none;stroke:#32d8c0;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px rgba(50,216,192,.55))}.performance-line-points circle{fill:#07101d;stroke:#7affdf;stroke-width:3;filter:drop-shadow(0 0 5px rgba(50,216,192,.7));transition:r .2s ease}.performance-line-points circle:hover{r:7}.line-labels{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:7px;color:#718ca8;font:8px 'DM Mono',monospace;text-align:center;letter-spacing:.08em}.performance.is-empty .performance-line-path{opacity:0}.performance.is-empty .performance-line-grid{opacity:.45}.performance.is-empty .performance-line-points,.performance.is-empty .performance-bars{display:none}.metric-empty-note{margin:0;color:#7895ae;font-size:10px;line-height:1.5}
.accuracy-panel{grid-template-columns:128px 1fr;min-height:190px}.accuracy-score{display:grid;align-content:center;justify-items:center;gap:6px;min-height:128px;border:1px solid rgba(34,213,154,.2);border-radius:50%;background:radial-gradient(circle,rgba(34,213,154,.16),rgba(11,18,28,.5) 68%);box-shadow:0 0 30px rgba(34,213,154,.1)}.accuracy-score strong{color:#dffef3;font-size:28px;letter-spacing:-1px}.accuracy-score>span:last-child{color:#7895ae;font:9px 'DM Mono',monospace;text-transform:uppercase}.accuracy-breakdown{min-width:0}.accuracy-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.accuracy-heading h3{font-size:14px}.accuracy-live{display:inline-flex;align-items:center;gap:5px;color:#79b2c9;font:8px 'DM Mono',monospace;letter-spacing:.08em}.accuracy-live i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:performance-pulse 1.8s ease-in-out infinite}.accuracy-row,.accuracy-net{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid rgba(105,145,180,.12);color:#8ca6bc;font-size:10px}.accuracy-row span{display:flex;align-items:center;gap:7px}.accuracy-row b{width:7px;height:7px;border-radius:50%}.win-dot{background:var(--green)}.loss-dot{background:var(--red)}.open-dot{background:#6f91b2}.accuracy-row strong{color:#edfaff;font:700 11px 'DM Mono',monospace}.accuracy-net{border-bottom:0;padding-bottom:0;margin-top:2px}.accuracy-net strong{color:var(--green);font:700 12px 'DM Mono',monospace}.accuracy-net strong.negative{color:var(--red)}.accuracy-breakdown .muted{margin-top:8px;color:#607d98;font:8px 'DM Mono',monospace}.accuracy-panel.is-empty .accuracy-score{opacity:.65}
@keyframes site-fade-up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}body>*,.topbar{animation:site-fade-up .65s cubic-bezier(.22,1,.36,1) both}.metric,.panel,.signal-card,.analysis-card,.vip-card{animation:site-fade-up .6s cubic-bezier(.22,1,.36,1) both}.metric:nth-child(2),.signal-card:nth-child(2),.analysis-card:nth-child(2){animation-delay:.08s}.metric:nth-child(3),.signal-card:nth-child(3),.analysis-card:nth-child(3){animation-delay:.16s}.metric:nth-child(4){animation-delay:.24s}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}.dashboard-journey-link{display:inline-flex;align-items:center;gap:7px;margin-top:-2px;color:#8fdfff;font:600 9px 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase;transition:color .2s ease,transform .2s ease}.dashboard-journey-link span{color:var(--cyan);font-size:13px}.dashboard-journey-link:hover{color:#fff;transform:translateX(2px)}
:root{--bg:#edf4f7;--panel:#ffffff;--panel-2:#f4f8fb;--line:#d7e3ea;--text:#122a35;--muted:#5d7883;--blue:#2d7ef8;--cyan:#15b4d8;--green:#1ea878;--red:#ef5c6f;--gold:#d7a54d;--shadow:0 20px 50px rgba(19,57,74,.08)}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);scroll-behavior:smooth}body{min-height:100vh;color:var(--text);font:13px Manrope,sans-serif;background:radial-gradient(circle at 70% 0,rgba(43,113,170,.1),transparent 28%),radial-gradient(circle at 35% 70%,rgba(126,166,194,.09),transparent 24%),var(--bg)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.24;background-image:linear-gradient(rgba(104,132,147,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(104,132,147,.06) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 80%)}button{font:inherit;color:inherit;border:0;cursor:pointer}a{color:inherit;text-decoration:none}.app{display:grid;grid-template-columns:234px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:25px 16px;border-right:1px solid #dfeaf1;background:rgba(255,255,255,.82);backdrop-filter:blur(18px);z-index:5}.logo{display:flex;align-items:center;gap:10px;padding:0 10px 28px;font-size:16px;font-weight:800;letter-spacing:-.6px}.logo-image{width:28px;height:28px;border-radius:8px;object-fit:cover;border:1px solid rgba(21,180,216,.25);box-shadow:0 0 22px rgba(21,180,216,.18)}.logo strong{color:var(--cyan)}.eyebrow{color:#6f8794;font:500 10px DM Mono,monospace;letter-spacing:1.4px}.nav-label{display:block;padding:12px 12px 8px;color:#6e8190;font:500 9px DM Mono,monospace;letter-spacing:1.4px}.side-link{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;margin:2px 0;color:#5c7884;border-radius:7px;transition:.2s}.side-link .icon{width:18px;color:#6f8794;text-align:center;font-size:15px}.side-link:hover,.side-link.active{color:#112b38;background:#eaf5fa}.side-link.active{box-shadow:inset 2px 0 var(--cyan),0 0 20px rgba(21,180,216,.08)}.vip-mini{margin:26px 5px 0;padding:15px;border:1px solid #cfe6f1;border-radius:10px;background:linear-gradient(145deg,#f3fbff,#edf5f8);box-shadow:inset 0 0 22px rgba(40,124,170,.04)}.vip-mini strong{display:block;margin:6px 0;color:#fff;font-size:12px}.vip-mini p{color:#8da5bd;font-size:11px;line-height:1.5}.vip-mini button{width:100%;margin-top:12px;padding:8px;color:#061820;background:var(--cyan);border-radius:5px;font-size:11px;font-weight:800}.workspace{min-width:0}.topbar{height:76px;display:flex;align-items:center;gap:22px;padding:0 34px;border-bottom:1px solid #17263a;background:#070c15bc;backdrop-filter:blur(18px)}.mobile-menu{display:none;background:none;font-size:20px}.topbar h1{font-size:15px;letter-spacing:-.3px}.topbar h1 span{display:block;margin-top:3px;color:var(--muted);font-size:11px;font-weight:400}.search{display:flex;align-items:center;gap:8px;width:min(300px,32vw);margin-left:auto;padding:10px 13px;color:#7890aa;background:#0c1624;border:1px solid #1c3049;border-radius:6px}.search input{width:100%;color:#dfeaf5;background:none;border:0;outline:0;font:12px Manrope}.search input::placeholder{color:#62758d}.top-actions{display:flex;align-items:center;gap:20px}.bell{position:relative;padding:5px;background:none;color:#9eb1c6;font-size:17px}.bell:after{content:"";position:absolute;top:4px;right:3px;width:5px;height:5px;background:var(--red);border:2px solid #070c15;border-radius:50%}.wallet{padding-left:18px;border-left:1px solid var(--line);color:#8fa4ba;font-size:10px}.wallet strong{display:block;margin-top:3px;color:#fff;font:500 12px DM Mono}.avatar{display:grid;place-items:center;width:32px;height:32px;color:#061820;background:linear-gradient(135deg,var(--cyan),var(--blue));border-radius:50%;font-weight:800}.content{max-width:1500px;margin:auto;padding:30px 34px 60px}.welcome{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.welcome h2{font-size:26px;letter-spacing:-1px}.welcome p{margin-top:7px;color:var(--muted)}.date-chip{padding:9px 12px;color:#9bb0c5;background:#0b1624;border:1px solid var(--line);border-radius:6px;font:10px DM Mono}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.metric,.panel,.signal-card,.analysis-card,.vip-card,.notification-card{background:linear-gradient(145deg,#101c2bf2,#09121ee8);border:1px solid #1c3149;border-radius:10px;box-shadow:var(--shadow);backdrop-filter:blur(14px)}.metric{position:relative;padding:18px;overflow:hidden}.metric:after{content:"";position:absolute;right:-28px;bottom:-35px;width:100px;height:100px;border:1px solid #22d7ff22;border-radius:50%;box-shadow:0 0 0 14px #22d7ff08}.metric-label{color:#7c91a8;font-size:11px}.metric strong{display:block;margin:10px 0 5px;font:700 22px DM Mono;color:#fff}.metric small{color:var(--green);font-size:11px}.metric small.down{color:var(--red)}.metric-icon{position:absolute;top:18px;right:18px;color:var(--cyan);font-size:18px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:18px}.panel{padding:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel-head h3{font-size:14px}.panel-head p{margin-top:4px;color:var(--muted);font-size:11px}.panel-head button,.range button{padding:7px 9px;color:#8ea5bc;background:#0d1928;border:1px solid #203850;border-radius:4px;font-size:10px}.range{display:flex;gap:4px}.range button.active{color:#061820;background:var(--cyan);border-color:var(--cyan)}.chart-wrap{height:292px;position:relative;overflow:hidden;border:1px solid #172b40;border-radius:7px;background:linear-gradient(#0c1a2a,#08111d)}.chart-wrap:before{content:"";position:absolute;inset:0;background:linear-gradient(#7cadd00d 1px,transparent 1px),linear-gradient(90deg,#7cadd00d 1px,transparent 1px);background-size:100% 25%,10% 100%}.candles{position:absolute;inset:28px 50px 30px 15px}.candle{position:absolute;bottom:var(--bottom);left:var(--left);width:7px;height:var(--height);background:var(--color);box-shadow:0 0 7px color-mix(in srgb,var(--color),transparent 65%)}.candle:before{content:"";position:absolute;left:3px;bottom:100%;width:1px;height:var(--wick);background:var(--color)}.candle:after{content:"";position:absolute;left:3px;top:100%;width:1px;height:var(--lower);background:var(--color)}.price-line{position:absolute;right:0;top:31%;left:0;border-top:1px dashed #22d7ff66}.price-tag{position:absolute;right:6px;top:calc(31% - 10px);padding:4px 6px;color:#061820;background:var(--cyan);border-radius:3px;font:500 10px DM Mono}.chart-axis{position:absolute;right:8px;top:25px;bottom:27px;display:flex;flex-direction:column;justify-content:space-between;color:#60758c;font:9px DM Mono}.chart-time{position:absolute;right:45px;bottom:9px;left:15px;display:flex;justify-content:space-between;color:#60758c;font:9px DM Mono}.signal-list{display:grid;gap:10px}.signal-card{padding:15px}.signal-top,.signal-meta{display:flex;align-items:center;justify-content:space-between}.pair{font:700 13px DM Mono}.pair small{display:block;margin-top:4px;color:var(--muted);font:10px Manrope}.badge{padding:4px 7px;border-radius:4px;font:700 9px DM Mono}.buy{color:var(--green);background:#22d59a18}.sell{color:var(--red);background:#ff687718}.signal-values{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.signal-values span{display:block;color:#6f849a;font-size:9px}.signal-values strong{display:block;margin-top:4px;font:11px DM Mono;color:#eaf2f8}.confidence{height:4px;margin-top:12px;background:#1c3045;border-radius:4px}.confidence i{display:block;height:100%;background:var(--green);border-radius:4px}.signal-meta{margin-top:12px;color:#7389a0;font-size:10px}.analysis-grid,.lower-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.analysis-card{padding:17px}.analysis-card h4{margin:10px 0 7px;font-size:13px}.analysis-card p{color:var(--muted);font-size:11px;line-height:1.5}.trend{display:inline-flex;gap:6px;align-items:center;color:var(--green);font:500 10px DM Mono}.trend.red{color:var(--red)}.levels{display:flex;gap:7px;margin-top:14px}.levels span{padding:5px 7px;color:#90a5bb;background:#0a1725;border:1px solid #203950;border-radius:3px;font:9px DM Mono}.lower-grid{grid-template-columns:1.2fr .8fr;margin-top:18px}.performance{min-height:215px}.bars{height:125px;display:flex;align-items:end;justify-content:space-around;gap:12px;padding:10px 4px 0;border-bottom:1px solid #1c3046}.bar{width:100%;max-width:28px;height:var(--h);background:linear-gradient(var(--cyan),#1768bd);border-radius:4px 4px 0 0;box-shadow:0 0 14px #22d7ff33}.bar-labels{display:flex;justify-content:space-around;margin-top:8px;color:#657b92;font:9px DM Mono}.pie-panel{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:18px}.pie{width:108px;height:108px;border-radius:50%;background:conic-gradient(var(--green) 0 74%,var(--red) 74% 92%,#2b4057 92%);display:grid;place-items:center}.pie:after{content:"92%";display:grid;place-items:center;width:72px;height:72px;color:#fff;background:#0b1522;border-radius:50%;font:700 15px DM Mono}.legend{display:grid;gap:9px;color:#8da2b8;font-size:10px}.legend b{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--green)}.legend .loss b{background:var(--red)}.legend .other b{background:#2b4057}.vip-card{padding:20px;background:linear-gradient(135deg,#102b4b,#092238);border-color:#25648e;box-shadow:0 0 30px #1678ae33}.vip-card h3{margin:8px 0 5px;font-size:17px}.vip-card p{color:#9db4ca;font-size:11px}.vip-row{display:flex;align-items:end;justify-content:space-between;margin-top:20px}.vip-row small{display:block;color:#718aa2;font-size:10px}.vip-row strong{display:block;margin-top:4px;font:11px DM Mono}.vip-card button{padding:9px 12px;color:#061820;background:var(--cyan);border-radius:5px;font-size:10px;font-weight:800}.notifications{display:grid;gap:13px}.notice{display:flex;gap:11px;padding-bottom:12px;border-bottom:1px solid #182b41}.notice:last-child{padding-bottom:0;border:0}.notice-icon{display:grid;place-items:center;width:26px;height:26px;flex:none;color:var(--cyan);background:#22d7ff16;border-radius:6px}.notice strong{display:block;font-size:11px}.notice p{margin-top:4px;color:var(--muted);font-size:10px}.notice time{display:block;margin-top:5px;color:#5e748c;font:9px DM Mono}.mobile-nav{display:none}.muted{color:var(--muted)}
@media(max-width:700px){.app{display:block}.sidebar{display:none}.sidebar.mobile-open{position:fixed;display:block;top:0;bottom:0;left:0;width:250px;z-index:20;box-shadow:20px 0 45px #000b}.topbar{height:66px;padding:0 16px}.mobile-menu{display:block}.topbar h1{font-size:14px}.topbar h1 span,.wallet{display:none}.search{width:auto;flex:1;margin-left:0}.top-actions{gap:9px}.content{padding:22px 15px 92px}.welcome{align-items:start;gap:14px;flex-direction:column}.welcome h2{font-size:23px}.date-chip{display:none}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:14px}.metric strong{font-size:17px}.metric-icon{top:14px;right:14px}.panel{padding:15px}.panel-head{margin-bottom:13px}.chart-wrap{height:245px}.signal-list{grid-template-columns:1fr}.analysis-grid,.lower-grid{grid-template-columns:1fr}.pie-panel{grid-template-columns:100px 1fr}.mobile-nav{position:fixed;right:12px;bottom:12px;left:12px;z-index:10;display:grid;grid-template-columns:repeat(4,1fr);padding:8px;background:#0b1624f2;border:1px solid #294567;border-radius:12px;box-shadow:0 12px 35px #000b;backdrop-filter:blur(18px)}.mobile-nav a{display:grid;justify-items:center;gap:4px;padding:7px;color:#7890aa;font-size:9px}.mobile-nav a span{font-size:16px}.mobile-nav a.active{color:var(--cyan)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:1050px){.app{grid-template-columns:190px 1fr}.sidebar{padding-inline:10px}.side-link{font-size:11px}.content,.topbar{padding-inline:22px}.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.signal-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.app{display:block}.sidebar{display:none}.sidebar.mobile-open{position:fixed;display:block;top:0;bottom:0;left:0;width:250px;z-index:20;box-shadow:20px 0 45px #000b}.topbar{height:66px;padding:0 16px}.mobile-menu{display:block}.topbar h1{font-size:14px}.topbar h1 span,.wallet{display:none}.search{width:auto;flex:1;margin-left:0}.top-actions{gap:9px}.content{padding:22px 15px 92px}.welcome{align-items:start;gap:14px;flex-direction:column}.welcome h2{font-size:23px}.date-chip{display:none}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:14px}.metric strong{font-size:17px}.metric-icon{top:14px;right:14px}.panel{padding:15px}.panel-head{margin-bottom:13px}.chart-wrap{height:245px}.signal-list{grid-template-columns:1fr}.analysis-grid,.lower-grid{grid-template-columns:1fr}.pie-panel{grid-template-columns:100px 1fr}.mobile-nav{position:fixed;right:12px;bottom:12px;left:12px;z-index:10;display:grid;grid-template-columns:repeat(4,1fr);padding:8px;background:#0b1624f2;border:1px solid #294567;border-radius:12px;box-shadow:0 12px 35px #000b;backdrop-filter:blur(18px)}.mobile-nav a{display:grid;justify-items:center;gap:4px;padding:7px;color:#7890aa;font-size:9px}.mobile-nav a span{font-size:16px}.mobile-nav a.active{color:var(--cyan)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* Premium dashboard layer */
.workspace{background:linear-gradient(135deg,rgba(7,16,29,.35),rgba(5,8,15,.12))}.topbar{height:82px;border-bottom:1px solid rgba(78,133,188,.18);background:rgba(5,11,19,.62);backdrop-filter:blur(20px)}.topbar h1{font-size:16px;letter-spacing:-.5px}.topbar h1 span{margin-top:4px;color:#5f7894;font-size:9px;letter-spacing:.6px}.search{border:1px solid #1c3650;background:#0a1625;box-shadow:inset 0 0 20px #0003}.search:focus-within{border-color:#278fff;box-shadow:0 0 0 3px #1e8bff18}.search input{color:#e9f5ff}.top-actions{gap:18px}.bell{position:relative;color:#9bb4ce;background:#0c1b2d;border:1px solid #224360;border-radius:8px;width:34px;height:34px}.bell i{position:absolute;top:-5px;right:-5px;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--red);color:#fff;font:9px DM Mono;font-style:normal}.wallet{padding-left:18px;border-left:1px solid #203950;color:#607994;font:9px DM Mono;letter-spacing:.7px}.wallet strong{display:block;margin-top:3px;color:#eaf4ff;font-size:13px;letter-spacing:0}.user-chip{display:flex;align-items:center;gap:8px;color:#7d98b3;font-size:9px}.user-chip span{white-space:nowrap}.avatar{box-shadow:0 0 0 2px #1e8bff55,0 0 18px #1e8bff35}.content{max-width:1500px;padding:32px 38px 80px}.welcome{margin-bottom:28px}.welcome h2{font-size:30px;letter-spacing:-1.3px}.welcome p{margin-top:7px;color:#7891aa}.date-chip{padding:9px 13px;border:1px solid #1e435f;border-radius:20px;background:#0c1e30;color:var(--cyan);font:9px DM Mono;box-shadow:0 0 20px #12d9d016}.metrics{gap:14px;margin-bottom:18px}.metric{position:relative;overflow:hidden;padding:20px;background:linear-gradient(145deg,rgba(16,36,59,.92),rgba(9,20,34,.9));border:1px solid #1b3a58;border-radius:10px;box-shadow:0 14px 35px #0003}.metric:after{content:"";position:absolute;right:-35px;bottom:-50px;width:110px;height:110px;border-radius:50%;background:#1e8bff18;filter:blur(18px)}.metric strong{margin-top:10px;color:#f4fbff;font-size:26px;letter-spacing:-1px}.metric small{color:var(--green);font:10px DM Mono}.metric-label{color:#7892ad;font:10px DM Mono;text-transform:uppercase;letter-spacing:.6px}.metric-icon{color:var(--cyan);background:#0d3041;border-color:#22627d}.panel,.vip-card{border-color:#1c3a57;background:linear-gradient(145deg,rgba(13,29,48,.94),rgba(7,16,28,.94));box-shadow:0 18px 45px #0003}.panel-head h3{letter-spacing:-.4px}.range button{border:1px solid transparent;background:transparent;color:#7189a4;border-radius:5px}.range button.active,.range button:hover{color:#fff;background:#176bc1;border-color:#2c92ef;box-shadow:0 0 14px #1b84ed44}.chart-wrap{background:linear-gradient(180deg,#0a1c2d,#081522);border:1px solid #193650;border-radius:7px}.chart-wrap:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,transparent 48%,#1fe0c022 49%,transparent 50%)}.signal-card{position:relative;border:1px solid rgba(255,104,119,.5);background:linear-gradient(145deg,rgba(33,20,24,.96),rgba(10,18,28,.96));border-radius:9px;box-shadow:0 10px 25px rgba(255,104,119,.08);transition:transform .2s,border-color .2s}.signal-card:hover{transform:translateY(-3px);border-color:rgba(255,130,143,.9);box-shadow:0 15px 30px rgba(255,104,119,.14)}.pair:before{content:"₿";display:inline-grid;place-items:center;width:25px;height:25px;margin-right:8px;border-radius:7px;background:#3c2c1c;color:#f5b55d;font-size:14px;vertical-align:middle}.signal-card:nth-child(2) .pair:before{content:"Au";background:#44371e;color:#f5ca72;font:10px DM Mono}.signal-card:nth-child(3) .pair:before{content:"€";background:#1a3255;color:#75baff}.badge{padding:4px 7px;border-radius:20px;font:700 9px DM Mono;letter-spacing:.08em}.buy{color:#ffb5bf;background:rgba(255,104,119,.12);border:1px solid rgba(255,104,119,.38)}.sell{color:#ff9ca7;background:rgba(202,44,55,.16);border:1px solid rgba(255,104,119,.42)}.confidence{height:4px;background:#31181d;border-radius:4px}.confidence i{height:100%;background:linear-gradient(90deg,#ff8d99,#ff4f60);box-shadow:0 0 12px rgba(255,104,119,.7)}.analysis-card{position:relative;min-height:190px;overflow:hidden;background:linear-gradient(145deg,rgba(18,41,31,.96),rgba(9,18,27,.96));border:1px solid rgba(34,213,154,.38);box-shadow:0 12px 28px rgba(34,213,154,.08)}.analysis-card:before{content:none;display:none;height:0;margin:0;background:none;background-image:none;border:none;opacity:0}.analysis-card:nth-child(1):before,.analysis-card:nth-child(2):before,.analysis-card:nth-child(3):before{background-image:none}.analysis-card h4{font-size:15px}.analysis-card .trend{color:#9af0cf;border-color:rgba(34,213,154,.4);background:rgba(34,213,154,.08)}.analysis-card .trend.red{color:#b7f7d9;background:rgba(34,213,154,.08);border-color:rgba(34,213,154,.3)}.levels{color:#9cc9b8}.performance .bars{height:175px}.bar{background:linear-gradient(180deg,#2bd8ff,#1d66d3);box-shadow:0 0 14px #1b9ff044}.pie{box-shadow:0 0 25px #20b9ff22}.vip-card{border-color:#2078c1;background:radial-gradient(circle at 90% 10%,#1f83db55,transparent 35%),linear-gradient(135deg,#103b65,#0a1b30);box-shadow:0 0 32px #147fe433}.vip-card button{background:#21d8df;color:#06151e;font-weight:800;box-shadow:0 0 22px #21d8df55}.notification-card{border-color:#1e3c59}.notice{border-bottom-color:#1d374f}.notice-icon{background:#103844;color:var(--cyan);box-shadow:0 0 12px #17d8d833}
@media(max-width:700px){.content{padding:24px 15px 100px}.topbar{height:70px}.user-chip span{display:none}.wallet{display:none}.welcome h2{font-size:25px}.metrics{gap:9px}.metric{padding:15px}.metric strong{font-size:20px}.signal-card{padding:14px}.analysis-card:before{margin:-15px -15px 15px}.panel-head{gap:10px}.content>.lower-grid{gap:14px}}
.chart-actions{display:flex;gap:10px;margin-top:12px}.chart-actions button,.signal-analysis-button{border:1px solid rgba(255,104,119,.38);border-radius:6px;background:rgba(52,20,26,.8);color:#ffdce1;padding:9px 13px;font:10px DM Mono;transition:.2s}.chart-actions button{flex:1}.chart-actions button:hover,.signal-analysis-button:hover{transform:translateY(-1px);border-color:rgba(255,130,143,.88);background:rgba(92,34,41,.88)}.chart-actions .buy-action{color:#ffd0d7;border-color:rgba(255,104,119,.52)}.chart-actions .sell-action{color:#ffbdc6;border-color:rgba(255,104,119,.56)}.risk-reward{color:#ffb2bd;font:9px DM Mono}.signal-analysis-button{width:100%;margin-top:13px;text-align:left;background:rgba(255,104,119,.08);color:#ffccd4}.signal-card[hidden]{display:none}
.live-chart-dot{display:inline-block;width:6px;height:6px;margin-left:5px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green)}#charts .panel-head h3{display:flex;align-items:baseline;gap:9px}#dashboard-btc-price{color:var(--green);font:500 12px DM Mono,monospace}.live-tradingview-chart{display:block;width:100%;height:100%;border:0;background:#081522}

/* Dashboard header hierarchy */
.topbar{position:relative;gap:20px;padding-inline:38px;background:linear-gradient(90deg,rgba(5,11,19,.96),rgba(8,20,33,.78) 58%,rgba(5,11,19,.9));box-shadow:0 10px 35px rgba(0,0,0,.12)}
.topbar::after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:1px;background:linear-gradient(90deg,transparent,rgba(34,215,255,.42),transparent);opacity:.7}
.topbar-title{display:grid;gap:3px;min-width:205px}
.topbar-kicker{color:#5e819f;font:500 8px DM Mono,monospace;letter-spacing:.16em}
.topbar-title h1{line-height:1.1}
.topbar-date{color:#7891aa;font:9px DM Mono,monospace;letter-spacing:.03em}
.market-status{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid rgba(34,213,154,.22);border-radius:7px;background:rgba(34,213,154,.06);color:#b7e8d7;font:700 9px DM Mono,monospace;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.market-status i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);animation:performance-pulse 1.8s ease-in-out infinite}
.market-status b{padding-left:7px;border-left:1px solid rgba(122,226,193,.2);color:#6f9a9b;font-size:8px;font-weight:500}
.topbar .search{margin-left:auto;max-width:290px}
.topbar .top-actions{gap:12px}
.topbar .wallet{padding-left:14px}
.topbar .user-chip{padding:5px 8px 5px 5px;border:1px solid rgba(83,125,163,.24);border-radius:9px;background:rgba(13,29,46,.58)}
@media(max-width:1050px){.topbar{padding-inline:22px}.market-status b{display:none}.topbar-title{min-width:180px}.topbar .search{max-width:230px}}
@media(max-width:700px){.topbar{gap:12px;padding-inline:16px}.topbar-title{min-width:0;flex:1}.topbar-kicker,.topbar-date,.market-status{display:none}.topbar-title h1{font-size:14px}.topbar .search{display:none}.topbar .top-actions{gap:8px;flex-wrap:nowrap}.topbar .user-chip{padding:4px}.topbar .avatar{width:28px;height:28px}.referral-credit{padding-left:8px}.referral-credit strong{font-size:11px}}

.performance {
  position: relative;
  padding: 20px 18px 16px;
  background: linear-gradient(180deg, rgba(11, 19, 29, 0.96), rgba(7, 13, 20, 0.98));
  border: 1px solid rgba(95, 132, 170, 0.22);
  border-radius: 16px;
  box-shadow: inset 0 0 0 1px rgba(135, 165, 193, 0.03), 0 18px 44px rgba(0,0,0,0.12);
}

.performance .panel-head {
  margin-bottom: 16px;
}

.performance .panel-head .trend {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(34, 213, 154, 0.12);
  border: 1px solid rgba(34, 213, 154, 0.33);
  color: var(--green);
  font: 700 10px DM Mono,monospace;
  letter-spacing: .08em;
}

.performance-status{display:flex;align-items:center;gap:8px}.performance-live{display:inline-flex;align-items:center;gap:5px;color:#79b2c9;font:700 8px DM Mono,monospace;letter-spacing:.1em}.performance-live i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);animation:performance-pulse 1.8s ease-in-out infinite}.performance-line-zero{fill:none;stroke:rgba(152,185,211,.3);stroke-width:1;stroke-dasharray:2 5}.performance-line-path{stroke-dasharray:1200;stroke-dashoffset:1200;animation:performance-draw 1.1s cubic-bezier(.22,1,.36,1) forwards}.performance-line-points circle.is-today{fill:var(--green);stroke:#d8fff4}.line-labels span{transition:color .2s ease}.line-labels span.is-today{color:var(--green)}.performance-sync{margin-top:8px;color:#64819d;font:8px DM Mono,monospace;letter-spacing:.06em;text-align:right}.performance.is-empty .performance-line-zero{opacity:.35}@keyframes performance-draw{to{stroke-dashoffset:0}}@keyframes performance-pulse{50%{opacity:.45;transform:scale(.7)}}

.performance .bars {
  position: relative;
  display: flex;
  align-items: end;
  justify-content: space-around;
  gap: 12px;
  height: 180px;
  padding: 14px 8px 8px;
  border: 1px solid rgba(96, 129, 163, 0.18);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(10, 16, 25, 0.78), rgba(8, 13, 20, 0.94));
  overflow: hidden;
}

.performance .bars::before {
  content: "";
  position: absolute;
  inset: 10px 10px 8px;
  background: repeating-linear-gradient(
    to top,
    rgba(110, 144, 180, 0.08),
    rgba(110, 144, 180, 0.08) 1px,
    transparent 1px,
    transparent 18px
  );
  border-radius: 10px;
  pointer-events: none;
}

.performance .bar {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 46px;
  height: var(--h);
  min-height: 22%;
  border-radius: 14px 14px 0 0;
  background: linear-gradient(180deg, rgba(34,215,255,0.92), rgba(49,130,255,0.88) 58%, rgba(19,86,179,0.9));
  border: 1px solid rgba(164, 219, 255, 0.25);
  box-shadow: 0 0 18px rgba(34, 215, 255, 0.18), 0 12px 26px rgba(8, 24, 38, 0.35);
  animation: chart-rise .8s ease both;
}

.performance .bar:nth-child(2n) {
  background: linear-gradient(180deg, rgba(87, 209, 255, 0.9), rgba(108, 116, 255, 0.86) 52%, rgba(59, 71, 178, 0.92));
}

.performance .bar:nth-child(3n) {
  background: linear-gradient(180deg, rgba(34, 213, 154, 0.9), rgba(34, 158, 190, 0.76) 52%, rgba(22, 108, 149, 0.9));
}

.performance .bar::after {
  content: "";
  position: absolute;
  left: 16%;
  right: 16%;
  top: 8px;
  height: 18px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.18);
  filter: blur(4px);
}

.performance .bar-labels {
  display: flex;
  justify-content: space-around;
  gap: 8px;
  margin-top: 12px;
  color: #7a95af;
  font: 700 9px DM Mono,monospace;
  letter-spacing: .12em;
  text-transform: uppercase;
}

@keyframes chart-rise {
  from {
    opacity: 0;
    transform: scaleY(0.2);
    transform-origin: bottom;
  }
  to {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: bottom;
  }
}

body.reduced-motion *, body.reduced-motion *::before, body.reduced-motion *::after { animation:none !important; transition:none !important; }
body.compact-layout .metric,
body.compact-layout .panel,
body.compact-layout .signal-card,
body.compact-layout .analysis-card,
body.compact-layout .vip-card,
body.compact-layout .settings-card,
body.compact-layout .card { padding: 14px !important; }
body.market-status-hidden .date-chip,
body.market-status-hidden .signal-live-pill,
body.market-status-hidden .mini-status,
body.market-status-hidden .live-chart-dot { display:none !important; }

.dashboard-referral{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:22px;background:radial-gradient(circle at 88% 12%,rgba(245,195,110,.18),transparent 28%),linear-gradient(135deg,#17263a,#0c1726 62%,#08111c);border:1px solid rgba(245,195,110,.36);border-radius:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 20px 45px rgba(0,0,0,.2)}.dashboard-referral:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.2;background-image:linear-gradient(rgba(245,195,110,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(245,195,110,.14) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(135deg,#000,transparent 72%)}.dashboard-referral>*{position:relative;z-index:1}.dashboard-referral-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.dashboard-referral h3{max-width:270px;margin-top:8px;color:#fff7df;font-size:24px;line-height:1.05;letter-spacing:-.05em}.dashboard-referral-hero p{max-width:330px;margin-top:10px;color:#a9b9c7;font-size:11px;line-height:1.65}.dashboard-referral-hero p strong{color:#f5c36e}.dashboard-referral-orbit{display:grid;place-items:center;flex:0 0 104px;width:104px;height:104px;border:1px solid rgba(245,195,110,.52);border-radius:50%;background:radial-gradient(circle,rgba(245,195,110,.2),rgba(8,17,28,.15) 62%);box-shadow:0 0 0 8px rgba(245,195,110,.05),0 0 34px rgba(245,195,110,.18);transform:rotate(-7deg)}.dashboard-referral-orbit span{color:#ffe4a1;font:800 25px Manrope,sans-serif;letter-spacing:-.08em}.dashboard-referral-orbit small{margin-top:-29px;color:#a98b52;font:8px 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase}.dashboard-referral-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}.dashboard-referral-stats span{padding:13px;border:1px solid rgba(245,195,110,.2);border-radius:10px;background:rgba(5,14,24,.52)}.dashboard-referral-stats small,.dashboard-referral-stats em{display:block;color:#8299ac;font:9px 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase}.dashboard-referral-stats strong{display:block;margin-top:5px;color:#f7fbff;font:800 23px Manrope,sans-serif;letter-spacing:-.05em}.dashboard-referral-stats em{margin-top:3px;color:#5e8291;font-style:normal;font-size:8px;letter-spacing:.04em}.dashboard-referral-action{display:flex;align-items:flex-end;gap:12px;margin-top:18px}.dashboard-referral-label{display:block;margin-bottom:7px;color:#8299ac;font:700 8px 'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase}.dashboard-referral-link{display:flex;gap:7px}.dashboard-referral-link input{min-width:0;width:100%;padding:11px;border:1px solid rgba(245,195,110,.28);border-radius:8px;background:#07111dcc;color:#eaf4ff;font:9px 'DM Mono',monospace}.dashboard-referral-link button{width:38px;border:1px solid rgba(34,215,255,.45);border-radius:8px;background:#22d7ff12;color:#22d7ff;font-size:15px;transition:background .2s,transform .2s}.dashboard-referral-link button:hover{background:#22d7ff25;transform:translateY(-1px)}.dashboard-referral-action>div{min-width:0;flex:1}.dashboard-referral-linkout{display:flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 12px;border:1px solid rgba(34,215,255,.34);border-radius:8px;color:#a6ecff;background:rgba(34,215,255,.08);font:700 9px 'DM Mono',monospace;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;transition:background .2s,border-color .2s}.dashboard-referral-linkout span{color:#22d7ff;font-size:13px}.dashboard-referral-linkout:hover{border-color:#22d7ff;background:rgba(34,215,255,.16);color:#fff}.dashboard-referral-message{min-height:14px!important;margin-top:8px!important;color:#53e4b1!important;font:9px 'DM Mono',monospace}
.dashboard-referral-live{color:var(--green);font-size:8px;letter-spacing:.08em}.dashboard-referral-live i{display:inline-block;width:5px;height:5px;margin-right:3px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:performance-pulse 1.8s ease-in-out infinite}
.referral-credit{padding-left:14px;border-left:1px solid #203950;color:#607994;font:9px DM Mono,monospace;letter-spacing:.7px}.referral-credit strong{display:block;margin-top:3px;color:var(--payment-green,var(--green));font-size:13px;letter-spacing:0}

/* Opaque dashboard finish: keep the desk crisp and distraction-free. */
html,
body,
body:has(.app),
body:has(.layout),
body:has(.payment-app),
body:has(.referral-shell) {
	background: #edf4f7 !important;
}

body::before,
.dashboard-referral::before {
	display: none !important;
}

.app,
.layout,
.payment-app,
.workspace,
.main,
.payment-main,
.sidebar,
.payment-sidebar,
header.topbar,
header.payment-topbar,
.mobile-nav,
.payment-mobile-nav,
.panel,
.card,
.metric,
.signal-card,
.analysis-card,
.settings-card,
.pashboard-referral {
	background: #ffffff !important;
	backdrop-filter: none !important;
	box-shadow: 0 10px 28px #c7d9e2 !important;
}

.workspace,
.main,
.payment-main {
	background: #edf4f7 !important;
}

.sidebar,
.payment-sidebar {
	background: #f8fbfc !important;
	box-shadow: 8px 0 24px #d5e3e9 !important;
}

header.topbar,
header.payment-topbar {
	background: #ffffff !important;
	box-shadow: 0 8px 24px #c7d9e2 !important;
}

.metric,
.panel,
.card,
.signal-card,
.analysis-card,
.settings-card,
.plan-card,
.recent-card,
.checkout-card,
.d
.range,
.notice,
.dashboard-referral-stats span,
.dashboard-referral-link input,
.search,
.analysis-search {
	background: #f2f8fb !important;
	border-color: #c8dce7 !important;
}

.side-link.active,
.nav-link.active,
.payment-side-link.active {
	background: #dff3f8 !important;
	border-color: #8ccfdd !important;
	box-shadow: inset 3px 0 #15aeca !important;
}

.dashboard-referral-orbit {
	background: #e6f5f8 !important;
	border-color: #8ccfdd !important;
	box-shadow: 0 0 0 8px #dff1f4 !important;
}

@media (prefers-color-scheme: dark) {
	body[data-theme="system"]:has(.app),
	body[data-theme="system"]:has(.layout),
	body[data-theme="system"]:has(.payment-app) {
		background: #08141b !important;
	}

	body[data-theme="system"] .app,
	body[data-theme="system"] .layout,
	body[data-theme="system"] .payment-app,
	body[data-theme="system"] .workspace,
	body[data-theme="system"] .main,
	body[data-theme="system"] .payment-main,
	body[data-theme="system"] .sidebar,
	body[data-theme="system"] .payment-sidebar,
	body[data-theme="system"] header.topbar,
	body[data-theme="system"] header.payment-topbar,
	body[data-theme="system"] .panel,
	body[data-theme="system"] .card,
	body[data-theme="system"] .metric,
	body[data-theme="system"] .signal-card,
	body[data-theme="system"] .analysis-card,
	body[data-theme="system"] .settings-card,
	body[data-theme="system"] .dashboard-referral {
		background: #0d1d2b !important;
		box-shadow: 0 10px 28px #050b10 !important;
	}
}

body[data-theme] .workspace,
body[data-theme] .main,
body[data-theme] .payment-main {
	background: #edf4f7 !important;
}

body[data-theme] .sidebar,
body[data-theme] .payment-sidebar,
body[data-theme] header.topbar,
body[data-theme] header.payment-topbar,
body[data-theme] .panel,
body[data-theme] .card,
body[data-theme] .metric,
body[data-theme] .signal-card,
body[data-theme] .analysis-card,
body[data-theme] .settings-card,
body[data-theme] .plan-card,
body[data-theme] .recent-card,
body[data-theme] .checkout-card,
body[data-theme] .dashboard-referral {
	background: #ffffff !important;
	background-image: none !important;
	backdrop-filter: none !important;
	opacity: 1 !important;
	animation: none !important;
}

body[data-theme="dark"] .workspace,
body[data-theme="system"] .workspace,
body[data-theme="dark"] .main,
body[data-theme="system"] .main,
body[data-theme="dark"] .payment-main,
body[data-theme="system"] .payment-main {
	background: #08141b !important;
}

body[data-theme="dark"] .sidebar,
body[data-theme="system"] .sidebar,
body[data-theme="dark"] .payment-sidebar,
body[data-theme="system"] .payment-sidebar,
body[data-theme="dark"] header.topbar,
body[data-theme="system"] header.topbar,
body[data-theme="dark"] header.payment-topbar,
body[data-theme="system"] header.payment-topbar,
body[data-theme="dark"] .panel,
body[data-theme="system"] .panel,
body[data-theme="dark"] .card,
body[data-theme="system"] .card,
body[data-theme="dark"] .metric,
body[data-theme="system"] .metric,
body[data-theme="dark"] .signal-card,
body[data-theme="system"] .signal-card,
body[data-theme="dark"] .analysis-card,
body[data-theme="system"] .analysis-card,
body[data-theme="dark"] .settings-card,
body[data-theme="system"] .settings-card,
body[data-theme="dark"] .dashboard-referral,
body[data-theme="system"] .dashboard-referral {
	background: #0d1d2b !important;
	background-image: none !important;
	box-shadow: 0 10px 28px #050b10 !important;
}

/* Analysis page: give the research workspace a clear, usable frame. */
.layout > .main > .analysis-toolbar {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 16px !important;
	width: min(1280px, calc(100% - 68px)) !important;
	margin: 24px auto 16px !important;
	padding: 12px !important;
	border: 1px solid #c8dce7 !important;
	border-radius: 10px !important;
	background: #ffffff !important;
	box-shadow: 0 10px 28px #c7d9e2 !important;
}

.analysis-filters {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 7px !important;
}

.analysis-filters button {
	border: 1px solid #c8dce7 !important;
	border-radius: 6px !important;
	background: #f2f8fb !important;
	color: #607b88 !important;
	font: 700 9px 'DM Mono', monospace !important;
}

.analysis-filters button.active {
	border-color: #15aeca !important;
	background: #dff3f8 !important;
	color: #087ca8 !important;
	box-shadow: none !important;
}

.analysis-search {
	width: min(280px, 38vw) !important;
	border: 1px solid #c8dce7 !important;
	border-radius: 7px !important;
	background: #f2f8fb !important;
}

.analysis-search input {
	background: #f2f8fb !important;
	color: #102a35 !important;
}

.layout > .main > #analysis-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 18px !important;
	width: min(1280px, calc(100% - 68px)) !important;
	margin: 0 auto 70px !important;
}

.layout > .main > #analysis-grid .analysis-card,
.layout > .main > #analysis-grid .analysis-empty {
	background: #ffffff !important;
	background-image: none !important;
	border: 1px solid #c8dce7 !important;
	border-radius: 10px !important;
	box-shadow: 0 10px 28px #c7d9e2 !important;
	opacity: 1 !important;
}

.layout > .main > #analysis-grid .analysis-empty {
	grid-column: 1 / -1 !important;
	min-height: 150px !important;
	padding: 28px !important;
	color: #607b88 !important;
	font-size: 12px !important;
}

.analysis-shell,
.analysis-hero,
.analysis-stats,
.analysis-toolbar,
.analysis-grid {
	font-family: Manrope, sans-serif !important;
}

.analysis-hero,
.stat-card,
.analysis-card,
.analysis-report-modal {
	border-color: #c8dce7 !important;
	border-radius: 10px !important;
	background: #ffffff !important;
	background-image: none !important;
	box-shadow: 0 10px 28px #c7d9e2 !important;
}

.analysis-hero {
	width: min(1280px, calc(100% - 68px)) !important;
	margin: 24px auto 0 !important;
	padding: 26px !important;
}

.analysis-hero h1,
.analysis-card h3,
.analysis-report-content h2 {
	color: #102a35 !important;
	letter-spacing: -.045em !important;
}

.analysis-hero p,
.analysis-card p,
.analysis-report-description,
.analysis-time {
	color: #607b88 !important;
}

.analysis-stats {
	width: min(1280px, calc(100% - 68px)) !important;
	margin: 18px auto 0 !important;
}

.stat-card {
	background: #f2f8fb !important;
	border-color: #c8dce7 !important;
}

.stat-card::after {
	display: none !important;
}

.analysis-card img,
.analysis-card .analysis-visual {
	background: #eaf3f7 !important;
	background-image: none !important;
}

.analysis-card-body {
	background: #ffffff !important;
}

.analysis-levels span,
.analysis-read-more {
	border-color: #c8dce7 !important;
	background: #f2f8fb !important;
}

.analysis-report-backdrop {
	background: #dce9ee !important;
	backdrop-filter: none !important;
}

.analysis-report-modal {
	animation: none !important;
}

body[data-theme="dark"] .analysis-hero,
body[data-theme="dark"] .stat-card,
body[data-theme="dark"] .analysis-card,
body[data-theme="dark"] .analysis-report-modal,
body[data-theme="dark"] .analysis-toolbar,
body[data-theme="dark"] .analysis-search,
body[data-theme="dark"] .analysis-filters button,
body[data-theme="dark"] .analysis-levels span,
body[data-theme="dark"] .analysis-read-more,
body[data-theme="dark"] .analysis-report-close,
body[data-theme="dark"] .layout > .main > #analysis-grid .analysis-empty {
	background: #0d1d2b !important;
	background-image: none !important;
	border-color: #23445d !important;
	color: #edf7ff !important;
}

body[data-theme="dark"] .analysis-card p,
body[data-theme="dark"] .analysis-hero p,
body[data-theme="dark"] .analysis-report-description,
body[data-theme="dark"] .analysis-time,
body[data-theme="dark"] .stat-card small {
	color: #9bb6c7 !important;
}

body[data-theme="dark"] .analysis-card-body {
	background: #0d1d2b !important;
}

/* Keep dashboard values readable and consistent with the regular UI type. */
#dashboard .metric strong,
#dashboard .signal-values strong {
	font-family: Manrope, sans-serif !important;
	font-style: normal !important;
	font-weight: 600 !important;
	letter-spacing: normal !important;
}

body[data-theme="dark"] .layout > .main > #analysis-grid .analysis-card,
body[data-theme="dark"] .layout > .main > #analysis-grid .analysis-empty {
	background: #0d1d2b !important;
	background-image: none !important;
	border-color: #23445d !important;
}

@media (max-width: 760px) {
	.analysis-hero,
	.analysis-stats {
		width: calc(100% - 28px) !important;
	}

	.analysis-hero {
		align-items: flex-start !important;
		flex-direction: column !important;
	}

	.analysis-stats {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.layout > .main > .analysis-toolbar,
	.layout > .main > #analysis-grid {
		width: calc(100% - 28px) !important;
	}

	.layout > .main > .analysis-toolbar {
		align-items: stretch !important;
		flex-direction: column !important;
	}

	.analysis-search {
		width: 100% !important;
	}

	.layout > .main > #analysis-grid {
		grid-template-columns: 1fr !important;
	}

	.layout > .main > #analysis-grid .analysis-card img,
	.layout > .main > #analysis-grid .analysis-card .analysis-visual {
		height: clamp(110px, 52vw, 190px) !important;
		max-height: 190px !important;
	}

	.layout > .main > #analysis-grid .analysis-card-body {
		padding: 16px !important;
	}

	.layout > .main > #analysis-grid .analysis-card h3 {
		font-size: 1.2rem !important;
		line-height: 1.2 !important;
	}
}

/* Reference-style mobile trading dock */
.member-mobile-nav,
.payment-mobile-nav {
	display: none !important;
}

@media (max-width: 700px) {
	body[data-theme="light"] .member-mobile-nav,
	body[data-theme="system"] .member-mobile-nav,
	body[data-theme="light"] .payment-mobile-nav,
	body[data-theme="system"] .payment-mobile-nav {
		border-color: #d9e8f1 !important;
		background: #ffffff !important;
		box-shadow: 0 -10px 26px rgba(31, 75, 97, .12), inset 0 1px 0 rgba(255, 255, 255, .8) !important;
	}

	body[data-theme="light"] .member-mobile-nav a,
	body[data-theme="system"] .member-mobile-nav a,
	body[data-theme="light"] .payment-mobile-nav a,
	body[data-theme="system"] .payment-mobile-nav a {
		color: #607b88 !important;
	}

	body[data-theme="light"] .member-mobile-nav a svg,
	body[data-theme="system"] .member-mobile-nav a svg,
	body[data-theme="light"] .payment-mobile-nav a svg,
	body[data-theme="system"] .payment-mobile-nav a svg {
		color: #6d8997 !important;
	}

	body[data-theme="light"] .member-mobile-nav a.active,
	body[data-theme="system"] .member-mobile-nav a.active,
	body[data-theme="light"] .payment-mobile-nav a.active,
	body[data-theme="system"] .payment-mobile-nav a.active {
		color: #087ca8 !important;
		background: #e7f6fa !important;
		box-shadow: inset 0 -3px #15aeca, 0 6px 16px rgba(21, 174, 202, .14) !important;
	}

	body[data-theme="light"] .member-mobile-nav a.active svg,
	body[data-theme="system"] .member-mobile-nav a.active svg,
	body[data-theme="light"] .payment-mobile-nav a.active svg,
	body[data-theme="system"] .payment-mobile-nav a.active svg {
		color: #087ca8 !important;
	}

	body[data-theme="light"] .member-mobile-nav .mobile-dock-center,
	body[data-theme="system"] .member-mobile-nav .mobile-dock-center {
		border-color: #168df0 !important;
		background: linear-gradient(145deg, #1e9cff, #1263c6) !important;
		color: #ffffff !important;
		box-shadow: 0 0 0 7px #ffffff, 0 0 22px rgba(22, 141, 240, .5), inset 0 0 18px rgba(109, 226, 255, .55) !important;
	}

	body[data-theme="light"] .member-mobile-nav .mobile-dock-center span,
	body[data-theme="system"] .member-mobile-nav .mobile-dock-center span,
	body[data-theme="light"] .member-mobile-nav .mobile-dock-center svg,
	body[data-theme="system"] .member-mobile-nav .mobile-dock-center svg,
	body[data-theme="light"] .payment-mobile-nav .mobile-dock-center,
	body[data-theme="system"] .payment-mobile-nav .mobile-dock-center {
		color: #ffffff !important;
	}

	.member-mobile-nav {
		position: fixed !important;
		right: 0 !important;
		bottom: 0 !important;
		left: 0 !important;
		z-index: 40 !important;
		display: grid !important;
		grid-template-columns: repeat(5, minmax(0, 1fr));
		align-items: end;
		min-height: 64px;
		padding: 5px 10px max(5px, env(safe-area-inset-bottom));
		border: 1px solid #183b77 !important;
		border-radius: 16px 16px 0 0 !important;
		background: #07111d !important;
		box-shadow: 0 12px 30px #020817, 0 0 22px #0b43a833 !important;
	}

	.member-mobile-nav a {
		position: relative;
		display: grid !important;
		place-items: center;
		align-content: center;
		gap: 5px;
		min-height: 58px;
		padding: 6px 3px !important;
		border-radius: 13px !important;
		color: #7892c0 !important;
		font: 500 9px Manrope, sans-serif !important;
		letter-spacing: .01em;
		text-align: center;
		transition: color .2s ease, background .2s ease, transform .2s ease;
	}

	.member-mobile-nav a svg {
		width: 23px !important;
		height: 23px !important;
		color: #9bb4e4;
		stroke-width: 1.8;
	}

	.member-mobile-nav a span {
		font-size: 9px !important;
		line-height: 1.1;
	}

	.member-mobile-nav a.active {
		color: #f1f7ff !important;
		background: #0b2147 !important;
		box-shadow: inset 0 -3px #18a9ff, 0 0 16px #087ce044;
	}

	.member-mobile-nav a.active svg {
		color: #23c8ff;
		filter: drop-shadow(0 0 6px #168dff);
	}

	.member-mobile-nav a:hover {
		color: #f1f7ff !important;
		background: #0a1c3a !important;
		transform: translateY(-2px);
	}

	.member-mobile-nav .mobile-dock-center {
		z-index: 2;
		min-height: 64px;
		margin: -20px 4px 0;
		border: 1px solid #1a8cff !important;
		border-radius: 50% !important;
		background: #0b3ea1 !important;
		box-shadow: 0 0 0 7px #06152f, 0 0 24px #087dffcc, inset 0 0 18px #43d8ff88;
	}

	.member-mobile-nav .mobile-dock-center span {
		position: absolute;
		bottom: -18px;
		color: #c6dcff !important;
	}

	.member-mobile-nav .mobile-dock-center svg {
		width: 30px !important;
		height: 30px !important;
		color: #f2fbff;
		filter: drop-shadow(0 0 7px #47d9ff);
	}

	.payment-mobile-nav {
		position: fixed !important;
		right: 0 !important;
		bottom: 0 !important;
		left: 0 !important;
		z-index: 40 !important;
		display: grid !important;
		grid-template-columns: repeat(4, 1fr);
		min-height: 64px;
		padding: 5px 10px max(5px, env(safe-area-inset-bottom));
		border: 1px solid #183b77 !important;
		border-radius: 16px 16px 0 0 !important;
		background: #07111d !important;
		box-shadow: 0 12px 30px #020817 !important;
	}

	.payment-mobile-nav a {
		min-height: 56px;
		border-radius: 12px !important;
		color: #7892c0 !important;
		font-size: 9px !important;
	}

	.payment-mobile-nav a.active {
		color: #f1f7ff !important;
		background: #0b2147 !important;
		box-shadow: inset 0 -3px #18a9ff;
	}

	.payment-mobile-nav {
		grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
		align-items: end;
		min-height: 64px;
	}
}

@media (max-width: 700px) {
	.signal-list .signal-card .signal-card-head h3 {
		font-size: 16px !important;
		color: #102a35 !important;
	}

	.signal-list .signal-card .signal-action,
	.signal-list .signal-card button.signal-action {
		background: #0b3b63 !important;
		border: 1px solid #0b3b63 !important;
		color: #ffffff !important;
		font-size: 8px !important;
	}
}

.signal-levels .entry-price,
.signal-levels .tp-price,
.signal-levels .sl-price {
	font-weight: 800 !important;
	font-size: 12px !important;
	letter-spacing: .02em;
}

@media (max-width: 700px) {
	body[data-theme] .member-mobile-nav,
	body[data-theme] .payment-mobile-nav {
		min-height: 86px !important;
		padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px)) !important;
		border-radius: 22px 22px 0 0 !important;
		background: linear-gradient(180deg, rgba(7, 25, 45, .94), rgba(2, 10, 22, .99)) !important;
		box-shadow: 0 -12px 35px rgba(0, 0, 0, .72), 0 -2px 28px rgba(15, 133, 213, .22), inset 0 1px 0 rgba(108, 220, 255, .16) !important;
	}

	body[data-theme] .member-mobile-nav a,
	body[data-theme] .payment-mobile-nav a {
		min-height: 0 !important;
		padding: 7px 3px !important;
		border-radius: 10px !important;
		background: transparent !important;
	}

	body[data-theme] .member-mobile-nav a.active,
	body[data-theme] .payment-mobile-nav a.active {
		border: 1px solid rgba(34, 215, 255, .28) !important;
		background: rgba(18, 112, 153, .2) !important;
		box-shadow: inset 0 0 14px rgba(34, 215, 255, .08), 0 0 14px rgba(34, 215, 255, .08) !important;
	}
}

.signal-levels .entry-price {
	color: #ffffff !important;
	border-color: #66798c !important;
	background: #263746 !important;
}

.signal-levels .tp-price {
	color: #087a5d !important;
	border-color: #8ed8bf !important;
	background: #eaf8f3 !important;
}

.signal-levels .sl-price {
	color: #c43f50 !important;
	border-color: #f0a5ad !important;
	background: #fff0f2 !important;
}

@media (max-width: 700px) {
	.signal-list .signal-card .signal-levels .entry-price,
	.signal-list .signal-card .signal-levels .tp-price,
	.signal-list .signal-card .signal-levels .sl-price {
		font-size: 9px !important;
		font-weight: 800 !important;
	}
}

@media (max-width: 380px) {
	.signal-list .signal-card .signal-levels .entry-price,
	.signal-list .signal-card .signal-levels .tp-price,
	.signal-list .signal-card .signal-levels .sl-price {
		font-size: 8px !important;
	}
}

/* Light dashboard dock: keep the mobile navigation bright and legible. */
@media (max-width: 700px) {
	body[data-theme="light"]:has(.app) .member-mobile-nav,
	body[data-theme="system"]:has(.app) .member-mobile-nav {
		border-color: #c8dce7 !important;
		background: #ffffff !important;
		box-shadow: 0 -8px 26px rgba(31, 75, 97, .16), inset 0 1px 0 rgba(255, 255, 255, .9) !important;
		backdrop-filter: none !important;
	}

	body[data-theme="light"]:has(.app) .member-mobile-nav a,
	body[data-theme="system"]:has(.app) .member-mobile-nav a {
		color: #607b88 !important;
	}

	body[data-theme="light"]:has(.app) .member-mobile-nav a svg,
	body[data-theme="system"]:has(.app) .member-mobile-nav a svg {
		color: #6d8997 !important;
	}

	body[data-theme="light"]:has(.app) .member-mobile-nav a.active,
	body[data-theme="system"]:has(.app) .member-mobile-nav a.active {
		color: #087ca8 !important;
		background: #e7f6fa !important;
		box-shadow: inset 0 -3px #15aeca, 0 6px 16px rgba(21, 174, 202, .14) !important;
	}

	body[data-theme="light"]:has(.app) .member-mobile-nav a.active svg,
	body[data-theme="system"]:has(.app) .member-mobile-nav a.active svg {
		color: #087ca8 !important;
	}

	body[data-theme="light"]:has(.app) .member-mobile-nav .mobile-dock-center,
	body[data-theme="system"]:has(.app) .member-mobile-nav .mobile-dock-center {
		border-color: #168df0 !important;
		background: linear-gradient(145deg, #1e9cff, #1263c6) !important;
		color: #ffffff !important;
		box-shadow: 0 0 0 7px #ffffff, 0 0 22px rgba(22, 141, 240, .5), inset 0 0 18px rgba(109, 226, 255, .55) !important;
	}

	body[data-theme="light"]:has(.app) .member-mobile-nav .mobile-dock-center span,
	body[data-theme="system"]:has(.app) .member-mobile-nav .mobile-dock-center span,
	body[data-theme="light"]:has(.app) .member-mobile-nav .mobile-dock-center svg,
	body[data-theme="system"]:has(.app) .member-mobile-nav .mobile-dock-center svg {
		color: #ffffff !important;
	}
}

/* Give the dashboard market chart more room for price action. */
@media (min-width: 701px) {
	#charts .chart-wrap {
		height: 360px !important;
	}
}

@media (max-width: 700px) {
	#charts .chart-wrap {
		height: 300px !important;
	}
}