.add_idea:hover {
			cursor: pointer;
			background: rgba(255, 255, 0, 0.2);
			border-radius: 50%;
		}

		.footer-menu li a:focus,
		.footer-menu li a:hover,
		.callout span i,
		.readmore:after,
		.footer a,
		.tab-content .milestone-counter i,
		.tab-content .highlight,
		.shop-right .price,
		.mini-title .price,
		.contact_details_1 i,
		.contact_details_1 span,
		.doctor-details span,
		blockquote:before,
		.timeline-columns .blog-content .title span,
		.breadcrumb>li,
		.check li:before,
		.service-icon-circle i,
		.title h2 span,
		.pricing-box:hover .price,
		.general-title span,
		.big_title_slider span,
		.custom_tab_2 .nav-pills>li.active>a:hover,
		.custom_tab_2 .nav-pills>li.active>a:focus,
		.custom_tab_2 .nav-pills>li.active>a,
		.blog-carousel-meta i,
		.tab-content h3 span,
		.ch-info-front i {
			color: #000000;
		}

		.timeline-columns {
			background-color: #00f3ff;
			border-radius: 20px;

		}

		.timeline-columns1 {
			background-color: #FFA500;
			border-radius: 20px;

		}

		.timeline-columns2 {
			background-color: #39FF14;
			border-radius: 20px;

		}

		.timeline-columns2 pre {
			background-color: #39FF14;
			padding: 15px;

		}

		.timeline-columns1 pre {
			background-color: #FFA500;
			padding: 15px;

		}

		.h {
			background-color: #00f3ff;
			white-space: pre-line;
		}

		/* Force black background for entire page */
		html, body {
			background: #000000 !important;
			color: #ffffff !important;
		}
		
		body {
			background: #000000 !important;
			padding-top: 0 !important; /* Use page wrapper as single source of top offset */
		}

		/* Do NOT add padding-top on body: it pushes .site-header down; with backdrop-filter
		   the fixed navbar is positioned relative to the header and leaves a black gap above. */
		.financial-goals-page {
			padding-top: 0 !important;
			min-height: 100vh;
			overflow-x: hidden;
			scroll-padding-top: 96px;
		}

		.financial-goals-page .grey > .container {
			max-width: 100% !important;
			width: 100% !important;
			padding-left: 24px;
			padding-right: 24px;
		}

		.financial-goals-page .main-content {
			padding-top: 88px !important; /* Clear fixed navbar; spacer belongs here, not on body */
			padding-bottom: 0 !important;
			min-height: auto !important;
		}

		/* Full-page loader: custom.js was removed; hide overlay so "Loading..." does not linger */
		.financial-goals-page .animationload {
			display: none !important;
			visibility: hidden !important;
			pointer-events: none !important;
		}

		.financial-goals-page #goalsTopHero {
			margin-top: 6px !important;
			position: relative;
			z-index: 1;
		}

		.financial-goals-page .goals-quick-actions {
			display: grid;
			grid-template-columns: repeat(4, minmax(120px, 1fr));
			gap: 18px;
			max-width: 760px;
			margin: 0 auto;
		}

		.financial-goals-page .quick-action-link,
		.financial-goals-page .quick-action-button {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			text-decoration: none;
			background: transparent;
			border: 0;
			padding: 0;
			cursor: pointer;
		}

		.financial-goals-page .quick-action-tile {
			width: 72px;
			height: 72px;
			border-radius: 16px;
			display: flex;
			align-items: center;
			justify-content: center;
			background: linear-gradient(160deg, #ffffff 0%, #e5e7eb 100%);
			font-size: 24px;
			border: 1px solid rgba(0, 0, 0, 0.12);
			box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
			transition: transform 0.2s ease, box-shadow 0.2s ease;
		}

		.financial-goals-page .quick-action-tile i {
			color: #1d4ed8 !important;
			filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.6));
		}

		.financial-goals-page .quick-action-link:hover .quick-action-tile,
		.financial-goals-page .quick-action-button:hover .quick-action-tile {
			transform: translateY(-2px);
			box-shadow: 0 8px 20px rgba(0, 0, 0, 0.45);
		}

		.financial-goals-page .quick-action-label {
			margin-top: 8px;
			font-size: 13px;
			font-weight: 500;
			color: #ffffff;
		}

		@media (max-width: 768px) {
			.financial-goals-page .main-content {
				padding-top: 76px !important;
			}
			.financial-goals-page #goalsTopHero {
				margin-top: 4px !important;
			}
			.financial-goals-page .goals-quick-actions {
				grid-template-columns: repeat(2, minmax(120px, 1fr));
				gap: 14px;
				max-width: 320px;
			}
			.financial-goals-page .grey > .container {
				padding-left: 12px;
				padding-right: 12px;
			}
		}
		
		/* Override any white backgrounds from external stylesheets */
		.white-wrapper,
		.content-wrapper,
		.main-wrapper {
			background: #000000 !important;
		}
		
		/* Ensure all containers and wrappers are black */
		.container,
		.container-fluid,
		.grey,
		#content,
		.asc,
		.col-lg-12,
		.col-md-12,
		.col-sm-12,
		.col-xs-12,
		.main-content,
		.content-wrapper {
			background: #000000 !important;
			color: #ffffff !important;
		}
		
		/* Ensure text is visible on black background */
		p, h1, h2, h3, h4, h5, h6, span, div, label {
			color: #ffffff !important;
		}
		
		/* Override specific color styles that might conflict - but keep timeline items original */
		.footer-menu li a:focus,
		.footer-menu li a:hover,
		.callout span i,
		.readmore:after,
		.footer a,
		.tab-content .milestone-counter i,
		.tab-content .highlight,
		.shop-right .price,
		.mini-title .price,
		.contact_details_1 i,
		.contact_details_1 span,
		.doctor-details span,
		blockquote:before,
		.breadcrumb>li,
		.check li:before,
		.service-icon-circle i,
		.title h2 span,
		.pricing-box:hover .price,
		.general-title span,
		.big_title_slider span,
		.custom_tab_2 .nav-pills>li.active>a:hover,
		.custom_tab_2 .nav-pills>li.active>a:focus,
		.custom_tab_2 .nav-pills>li.active>a,
		.blog-carousel-meta i,
		.tab-content h3 span,
		.ch-info-front i {
			color: #ffffff !important;
		}
		
		
		/* Keep modals white for readability */
		#costBasisForm > div,
		.add-log-wrapper > div,
		#editGoalModal > div {
			background: #1a1a1a !important;
			color: #ffffff !important;
		}
		
		/* Modal headers and text */
		#costBasisForm h3,
		#costBasisForm h4,
		#costBasisForm label,
		#costBasisForm p,
		.add-log-wrapper h3,
		.add-log-wrapper label,
		.add-log-wrapper p,
		#editGoalModal h3,
		#editGoalModal label,
		#editGoalModal p {
			color: #ffffff !important;
		}
		
		/* Modal inputs */
		#costBasisForm input,
		#costBasisForm select,
		.add-log-wrapper input,
		.add-log-wrapper textarea,
		#editGoalModal input,
		#editGoalModal textarea {
			background: #0a0a0a !important;
			border: 1px solid #2a2a2a !important;
			color: #ffffff !important;
		}
		
		#costBasisForm input:focus,
		.add-log-wrapper input:focus,
		.add-log-wrapper textarea:focus,
		#editGoalModal input:focus,
		#editGoalModal textarea:focus {
			background: #1a1a1a !important;
			border-color: #00C805 !important;
			color: #ffffff !important;
		}

		nav {
			border: none !important;
		}

		.login {
			background-color: #3498DB;
			color: white !important;
			border: none;
			border-radius: 2px;
			padding: 8px 28px;
			transition: 0.3s;
			font-size: 1em;
			outline: none !important;
			cursor: pointer;
			margin: 6px -3% 0 20px;
			font-family: Helvetica !important;
			font-size: 1.1em;
		}

		.login:hover {
			background-color: #2E86C1 !important;
			color: white;
			text-decoration: none;
		}

		.shadow-box {
			background: url(images/shadow.png) no-repeat scroll center center rgba(0, 0, 0, 0);
			display: block;
			height: 75px;
			margin: 0 auto;
			overflow: hidden;
			position: absolute;
			width: 100%;
			z-index: 99;
		}

		.datetimepicker {
			padding: 25px;
		}

		#swal-input1,
		#swal-input2 {
			display: block;
			overflow: hidden;
			resize: none;
		}

		.container {
			z-index: 10;

		}

		.container1 {
			margin: 0 auto;
			text-align: center;
			margin-top: 30px;
		}

		.content {
			margin: 0 auto;
			background: lightblue;
			padding: 10px;
			width: 420px;
			height: 420px;
			border-radius: 5px;
			position: relative;
			font-size: 25px;
			z-index: 1000;
			display: none;

		}

		.closebtn {
			float: right;
			font-size: 25px;
			width: 25px;
			height: 25px;
			font-weight: bold;
			cursor: pointer;
		}

		.hey {
			font-size: 20px;
			text-decoration: underline;
			color: blue;
			border-bottom: 2px solid black;

		}

		h1 {
			text-align: center;
			text-decoration: underline;
			text-shadow: blanchedalmond;
			font-family: cursive;
		}

		.hey:hover {
			color: blue;
			text-decoration: none;
			border-bottom: 2px solid black;

		}

		pre {
			background: #1a1a1a !important;
			color: #ffffff !important;
			font-size: 16px;
			font-family: arial;
			border: 1px solid #2a2a2a !important;
		}



		.p {
			width: 95%;
		}

		.cover {
			width: 100%;
			height: 250%;
			position: absolute;
			background: rgba(0, 0, 0, 0.05);
			top: 0;
			left: 0;
			z-index: 999;
			display: none;
		}

		#trader_log_body {
			background: black;
		}

		.grey {
			background: black;
		}

		img {
			transition: transform .7s ease-in-out;
		}

		.customSwalBtn {
			background-color: rgba(214, 130, 47, 1.00);
			border-left-color: rgba(214, 130, 47, 1.00);
			border-right-color: rgba(214, 130, 47, 1.00);
			border: 0;
			border-radius: 3px;
			box-shadow: none;
			color: #fff;
			cursor: pointer;
			font-size: 17px;
			font-weight: 500;
			/*margin: 30px 5px 0px 5px;*/
			padding: 10px 20px;
			margin-top: 4%;
			margin-right: 4%;
			float: right;
		}

		@media screen and (max-width:768px) {
			.hid {
				display: none;
			}

			h1 {
				font-size: 38px;
				font-family: Cursive;
				align-items: center;
			}

			.k {
				margin-top: 10%;
				margin-left: 10%
			}

			.b {
				margin-top: 10%;
				margin-left: 10%;
			}

			.c {
				margin-top: 10%;
				margin-left: 10%;
			}

			.d {
				margin-top: 10%;
				margin-left: 10%;
			}

			.d .m {
				margin-top: 10%;
			}
		}

		@media screen and (width:768px) {
			.nav-link {
				font-size: 1em;
			}

			.f {
				font-size: 14px;
			}

			.container {
				width: 100%;
			}

			h1 {
				margin-top: 10%;
			}

			.c {
				margin-top: -10%;
			}
		}

		@media screen and (min-width:1024px) {
			#hid {
				display: none;
			}

			.by {
				float: right;
			}

			.b {
				margin-left: 4%;
			}

			.c {

				margin-left: 4%;
			}

			.d {
				margin-left: 4%;
			}

		}



		/* Legacy hidden fieldsets only — do not break goal modals */
		.financial-goals-page fieldset input[type=checkbox] {
			transform: scale(2);
			-ms-transform: scale(2);
			-webkit-transform: scale(2);
			padding: 10px;
			float: right;
			margin-right: 10%;
			margin-top: 22%;
		}

		label {
			text-align: center;
			padding-top: 2%;
		}

		fieldset {
			border-radius: 5px;
			background-color: rgb(255, 169, 169);
			padding: 20px;
			width: 100%;
			border: 1px solid lightgray;
			margin: auto;
		}

		@media screen and (min-width:1000px) {
			fieldset {
				width: 45%;
			}
		}

		legend {
			font-size: 20px;
			text-align: center;
		}

		fieldset {
			display: none;
		}

		h3 .hea {
			text-align: center;
			text-decoration: underline;
		}

		.out {
			background-color: black;
			color: white;
		}

		::placeholder {
			color: #666 !important;
			opacity: 1;
			/* Firefox */
		}

		:-ms-input-placeholder {
			/* Internet Explorer 10-11 */
			color: #666 !important;
		}

		::-ms-input-placeholder {
			/* Microsoft Edge */
			color: #666 !important;
		}
		
		/* Ensure trader log body is black, but exclude timeline items */
		#trader_log_body {
			background: #000000 !important;
			display: flow-root;
			overflow-x: hidden;
			overflow-y: visible;
			padding-bottom: 24px;
		}
		
		/* Timeline items - keep original colorful styles and connecting lines */
		#timeline {
			list-style-type: none;
			margin: 0;
			padding: 0;
			position: relative;
			overflow: visible;
			background: #000000 !important;
		}
		
		/* Create vertical connecting line using CSS */
		#timeline::before {
			content: '';
			position: absolute;
			left: 50%;
			top: 0;
			bottom: 0;
			width: 3px;
			background: #00C805;
			transform: translateX(-50%);
			z-index: 0;
		}
		
		#timeline .timeline-item {
			clear: both;
			margin: 0 10px 30px 10px;
			width: calc(50% - 20px);
			float: left;
			position: relative;
			z-index: 1;
		}
		
		/* Create connecting dots and lines for each item */
		#timeline .timeline-item::before {
			content: '';
			position: absolute;
			width: 20px;
			height: 20px;
			background: #00C805;
			border: 3px solid #000000;
			border-radius: 50%;
			top: 50%;
			right: -60px;
			transform: translateY(-50%);
			z-index: 2;
		}
		
		#timeline .timeline-item::after {
			content: '';
			position: absolute;
			width: 40px;
			height: 2px;
			background: #00C805;
			top: 50%;
			right: -40px;
			transform: translateY(-50%);
			z-index: 1;
		}
		
		#timeline .timeline-item:nth-child(2n) {
			float: right;
		}
		
		#timeline .timeline-item:nth-child(2n)::before {
			left: -60px;
			right: auto;
		}
		
		#timeline .timeline-item:nth-child(2n)::after {
			left: -40px;
			right: auto;
		}
		
		#timeline .timeline-item:nth-child(2n) .timeline-columns {
			margin-left: 60px;
			margin-right: 0;
		}
		
		#timeline .timeline-columns {
			margin: 0 60px 0 0;
			position: relative;
			overflow: visible;
			box-sizing: border-box;
		}

		/* Goal card footer: date / meta on the left, actions on the right (same row when space allows) */
		#trader_log_body .goal-card-meta-row {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			justify-content: space-between;
			gap: 12px;
			margin-top: 12px;
			padding-top: 12px;
			padding-bottom: 4px;
			border-top: 1px solid rgba(0, 0, 0, 0.2);
			position: relative;
			z-index: 4;
		}

		#trader_log_body .goal-card-meta {
			flex: 1 1 auto;
			min-width: min(100%, 12rem);
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			gap: 4px;
		}

		#trader_log_body .goal-card-meta .by,
		#trader_log_body .goal-card-meta .goal-card-by {
			float: none !important;
		}

		#trader_log_body .goal-card-meta-row--read-only .goal-card-meta {
			min-width: 100%;
		}

		/* Goal card edit/delete — full tap targets, no clipping */
		#trader_log_body .goal-card-actions {
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-end;
			align-items: center;
			gap: 10px;
			margin-top: 0;
			padding-top: 0;
			padding-bottom: 0;
			border-top: none;
			flex: 0 0 auto;
			position: relative;
			z-index: 4;
		}

		#trader_log_body .goal-log-action {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			gap: 8px;
			min-height: 44px;
			min-width: 44px;
			padding: 8px 14px;
			margin: 0;
			border: 1px solid rgba(0, 0, 0, 0.35);
			border-radius: 10px;
			background: rgba(255, 255, 255, 0.35);
			color: #000000 !important;
			font-size: 14px;
			font-weight: 600;
			line-height: 1.2;
			cursor: pointer;
			box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
			transition: background 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
		}

		#trader_log_body .goal-log-action i {
			font-size: 16px;
			color: #000000 !important;
		}

		#trader_log_body .goal-log-action-label {
			font-size: 13px;
			font-weight: 600;
			color: #000000 !important;
		}

		@media (max-width: 480px) {
			#trader_log_body .goal-log-action-label {
				position: absolute;
				width: 1px;
				height: 1px;
				padding: 0;
				margin: -1px;
				overflow: hidden;
				clip: rect(0, 0, 0, 0);
				white-space: nowrap;
				border: 0;
			}
			#trader_log_body .goal-log-action {
				min-width: 48px;
				padding: 10px 12px;
			}
		}

		#trader_log_body .goal-log-action:hover {
			background: rgba(255, 255, 255, 0.55);
			border-color: rgba(0, 0, 0, 0.45);
		}

		#trader_log_body .goal-log-action:focus {
			outline: 2px solid #000;
			outline-offset: 2px;
		}

		#trader_log_body .goal-log-action--delete:hover {
			background: rgba(220, 53, 69, 0.2);
			border-color: rgba(185, 28, 28, 0.6);
		}

		#trader_log_body .goal-log-action--edit:hover {
			background: rgba(0, 200, 5, 0.25);
			border-color: rgba(0, 160, 4, 0.7);
		}

		@media (max-width: 768px) {
			#timeline .timeline-item {
				width: calc(100% - 28px);
				max-width: 100%;
				float: none !important;
				margin-left: 14px;
				margin-right: 14px;
			}
			#timeline .timeline-item:nth-child(2n) {
				float: none !important;
			}
			#timeline .timeline-item::before,
			#timeline .timeline-item::after {
				display: none;
			}
			#timeline::before {
				left: 22px;
				transform: none;
			}
			#timeline .timeline-item:nth-child(2n) .timeline-columns,
			#timeline .timeline-columns {
				margin-left: 28px !important;
				margin-right: 12px !important;
			}
		}
		
		/* Override any white backgrounds in dynamically loaded content */
		#trader_log_body [style*="background: white"],
		#trader_log_body [style*="background:#fff"],
		#trader_log_body [style*="background-color: white"],
		#trader_log_body [style*="background-color:#fff"] {
			background: #1a1a1a !important;
		}
		
		/*
		 * Goals calendar: style2.css is not loaded on this page, so layout (flex grid, sizes)
		 * was missing and the panel appeared broken or off-screen. Scoped overlay + grid here.
		 */
		body.financial-goals-calendar-open {
			overflow: hidden;
		}

		.financial-goals-page #calendarContainer.calendar-overlay {
			position: fixed;
			inset: 0;
			z-index: 10050;
			display: none;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			padding: 88px 16px 24px;
			box-sizing: border-box;
			background: rgba(0, 0, 0, 0.88) !important;
			backdrop-filter: blur(6px);
			-webkit-backdrop-filter: blur(6px);
			overflow: auto;
		}

		.financial-goals-page #calendarContainer.calendar-overlay.is-visible {
			display: flex !important;
		}

		.financial-goals-page #calendarContainer.calendar-overlay[hidden] {
			display: none !important;
		}

		.financial-goals-page .calendar-overlay-close {
			position: fixed;
			top: 96px;
			right: 20px;
			z-index: 10051;
			width: 44px;
			height: 44px;
			border: 1px solid rgba(255, 255, 255, 0.25);
			border-radius: 10px;
			background: rgba(26, 26, 26, 0.95);
			color: #ffffff;
			font-size: 28px;
			line-height: 1;
			cursor: pointer;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 0;
			transition: background 0.2s ease, border-color 0.2s ease;
		}

		.financial-goals-page .calendar-overlay-close:hover {
			background: #2a2a2a;
			border-color: #00C805;
			color: #00C805;
		}

		@media (max-width: 768px) {
			.financial-goals-page .calendar-overlay-close {
				top: 84px;
				right: 12px;
			}
		}

		.financial-goals-page #calendarContainer .calendar {
			position: relative;
			width: 100%;
			max-width: 420px;
			margin: 0 auto !important;
			background: #1a1a1a !important;
			border: 1px solid #2a2a2a;
			border-radius: 14px;
			box-shadow: 0 16px 48px rgba(0, 0, 0, 0.55);
			overflow: hidden;
		}

		.financial-goals-page #calendarContainer .calendar .month {
			display: flex !important;
			align-items: center;
			justify-content: space-between;
			width: 100%;
			min-height: 72px;
			padding: 12px 16px;
			background: #252525 !important;
			border-bottom: 1px solid #333;
		}

		.financial-goals-page #calendarContainer .calendar .month .date {
			flex: 1;
			text-align: center;
		}

		.financial-goals-page #calendarContainer .calendar .month h1 {
			font-size: 1.25rem !important;
			font-weight: 600 !important;
			margin: 0 0 4px 0 !important;
			text-transform: none !important;
			letter-spacing: normal !important;
			text-decoration: none !important;
			text-shadow: none !important;
		}

		.financial-goals-page #calendarContainer .calendar .month p {
			font-size: 0.8rem !important;
			margin: 0 !important;
			opacity: 0.85;
		}

		.financial-goals-page #calendarContainer .calendar .weekdays {
			display: flex !important;
			width: 100%;
			min-height: 40px;
			padding: 8px 6px 4px;
			align-items: center;
			justify-content: space-between;
			background: #1a1a1a !important;
		}

		.financial-goals-page #calendarContainer .calendar .weekdays div {
			flex: 1;
			display: flex !important;
			align-items: center;
			justify-content: center;
			font-size: 0.75rem !important;
			font-weight: 600;
			text-transform: uppercase;
			letter-spacing: 0.04em;
			opacity: 0.9;
		}

		.financial-goals-page #calendarContainer .calendar .days {
			display: flex !important;
			flex-wrap: wrap !important;
			width: 100% !important;
			padding: 8px 6px 14px;
			box-sizing: border-box;
			background: #141414 !important;
		}

		.financial-goals-page #calendarContainer .calendar .days div {
			box-sizing: border-box;
			width: calc(100% / 7) !important;
			height: 44px !important;
			margin: 2px 0 !important;
			display: flex !important;
			align-items: center;
			justify-content: center;
			font-size: 0.9rem !important;
			border-radius: 8px;
			cursor: default;
			text-shadow: none !important;
		}

		.financial-goals-page #calendarContainer .calendar .days div:hover:not(.today) {
			background: rgba(255, 255, 255, 0.06);
		}

		.financial-goals-page #calendarContainer .calendar .days .today {
			background: rgba(0, 200, 5, 0.35) !important;
			border: 1px solid #00C805;
			font-weight: 700;
		}

		.financial-goals-page #calendarContainer .calendar .prev-date,
		.financial-goals-page #calendarContainer .calendar .next-date {
			opacity: 0.35 !important;
			display: flex !important;
		}

		.financial-goals-page #calendarContainer .calendar .month h1,
		.financial-goals-page #calendarContainer .calendar .month p,
		.financial-goals-page #calendarContainer .calendar .weekdays div,
		.financial-goals-page #calendarContainer .calendar .days div {
			color: #ffffff !important;
		}

		.financial-goals-page #calendarContainer .calendar .prev,
		.financial-goals-page #calendarContainer .calendar .next {
			color: #ffffff !important;
			font-size: 1.25rem !important;
			cursor: pointer;
			padding: 8px;
			flex-shrink: 0;
		}

		.financial-goals-page #calendarContainer .calendar .prev:hover,
		.financial-goals-page #calendarContainer .calendar .next:hover {
			color: #00C805 !important;
		}
		
		/* Override any color: black styles - but not in timeline items */
		#trader_log_body [style*="color: black"]:not(.timeline-columns):not(.timeline-columns1):not(.timeline-columns2):not(.timeline-columns *):not(.timeline-columns1 *):not(.timeline-columns2 *),
		#trader_log_body [style*="color:#000"]:not(.timeline-columns):not(.timeline-columns1):not(.timeline-columns2):not(.timeline-columns *):not(.timeline-columns1 *):not(.timeline-columns2 *) {
			color: #ffffff !important;
		}
		
		/* Timeline list styling - keep black background but show connecting lines */
		#timeline li {
			background: transparent !important;
		}
		
		/* Timeline items - restore original colorful backgrounds and allow original text colors */
		.timeline-columns,
		.timeline-columns1,
		.timeline-columns2 {
			padding: 20px !important;
		}
		
		/* Restore original timeline background colors - force them to show with high specificity */
		#trader_log_body .timeline-columns,
		#trader_log_body .timeline-item .timeline-columns {
			background-color: #00f3ff !important;
		}
		
		#trader_log_body .timeline-columns1,
		#trader_log_body .timeline-item .timeline-columns1 {
			background-color: #FFA500 !important;
		}
		
		#trader_log_body .timeline-columns2,
		#trader_log_body .timeline-item .timeline-columns2 {
			background-color: #39FF14 !important;
		}
		
		#trader_log_body .timeline-columns2 pre,
		#trader_log_body .timeline-item .timeline-columns2 pre {
			background-color: #39FF14 !important;
		}
		
		#trader_log_body .timeline-columns1 pre,
		#trader_log_body .timeline-item .timeline-columns1 pre {
			background-color: #FFA500 !important;
		}
		
		#trader_log_body .h,
		#trader_log_body .timeline-item .h {
			background-color: #00f3ff !important;
		}
		
		/* Override white text color for timeline items to allow original colors */
		#trader_log_body .timeline-columns *,
		#trader_log_body .timeline-columns1 *,
		#trader_log_body .timeline-columns2 *,
		#trader_log_body .timeline-item .timeline-columns *,
		#trader_log_body .timeline-item .timeline-columns1 *,
		#trader_log_body .timeline-item .timeline-columns2 * {
			color: #000000 !important;
		}
		
		
		/* Ensure timeline text is readable on colorful backgrounds */
		#trader_log_body .timeline-columns .blog-content .title,
		#trader_log_body .timeline-columns1 .blog-content .title,
		#trader_log_body .timeline-columns2 .blog-content .title,
		#trader_log_body .timeline-columns .blog-content .title h3,
		#trader_log_body .timeline-columns1 .blog-content .title h3,
		#trader_log_body .timeline-columns2 .blog-content .title h3,
		#trader_log_body .timeline-columns .blog-content .title a,
		#trader_log_body .timeline-columns1 .blog-content .title a,
		#trader_log_body .timeline-columns2 .blog-content .title a {
			color: #000000 !important;
		}
		
		/* Allow inline color styles in timeline items to work (like DarkOrchid) */
		#trader_log_body .timeline-columns [style*="color:DarkOrchid"],
		#trader_log_body .timeline-columns1 [style*="color:DarkOrchid"],
		#trader_log_body .timeline-columns2 [style*="color:DarkOrchid"] {
			color: DarkOrchid !important;
		}

		p {
			color: #ffffff !important;
			font-weight: 500;
			text-align: center;
		}

		#swal-input1,
		#swal-input2 {
			color: #ffffff !important;
			background: #0a0a0a !important;
			border: 1px solid #2a2a2a !important;
			font-weight: 500;
		}

		#pop1,
		#pop2,
		#pop3,
		#pop4,
		#pop5,
		#pop6 {
			display: none;
		}
		
		/* Animation for goals explanation box */
		@keyframes slideDown {
			from {
				opacity: 0;
				transform: translateY(-10px);
			}
			to {
				opacity: 1;
				transform: translateY(0);
			}
		}
		
		@keyframes slideUp {
			from {
				opacity: 1;
				transform: translateY(0);
			}
			to {
				opacity: 0;
				transform: translateY(-10px);
			}
		}

		/* Goal modals — above calendar overlay (10050), match page theme */
		.financial-goals-page .goal-modal-shell {
			z-index: 10060 !important;
			padding: 24px 16px 48px;
			box-sizing: border-box;
			backdrop-filter: blur(4px);
			-webkit-backdrop-filter: blur(4px);
		}

		.financial-goals-page .goal-modal-panel {
			width: 100%;
			max-width: 600px;
			margin-top: 0;
			margin-bottom: auto;
			box-sizing: border-box;
		}

		.financial-goals-page .goal-modal-panel .form-control {
			background: #0a0a0a !important;
			border: 2px solid #2a2a2a !important;
			color: #ffffff !important;
		}

		.financial-goals-page .goal-modal-panel .form-control:focus {
			border-color: #00C805 !important;
			box-shadow: 0 0 0 0.15rem rgba(0, 200, 5, 0.2) !important;
			background: #121212 !important;
			color: #ffffff !important;
		}

		.financial-goals-page .goal-modal-panel label {
			text-align: left !important;
			padding-top: 0 !important;
			color: #ffffff !important;
		}

		.financial-goals-page .goal-modal-panel input[type="checkbox"] {
			transform: none !important;
			-ms-transform: none !important;
			-webkit-transform: none !important;
			float: none !important;
			margin: 0 12px 0 0 !important;
			padding: 0 !important;
			width: 1.15rem;
			height: 1.15rem;
			vertical-align: middle;
			accent-color: #00C805;
			flex-shrink: 0;
		}

		/* SweetAlert v1 (unpkg sweetalert) — dark theme on this page */
		body.financial-goals-page .sweet-overlay {
			background: rgba(0, 0, 0, 0.82) !important;
		}

		body.financial-goals-page .sweet-alert {
			background: #1a1a1a !important;
			border: 1px solid #2a2a2a !important;
			border-radius: 14px !important;
			border-top: 4px solid #00C805 !important;
			box-shadow: 0 20px 50px rgba(0, 0, 0, 0.65) !important;
			padding: 28px 22px 22px !important;
		}

		body.financial-goals-page .sweet-alert h2,
		body.financial-goals-page .sweet-alert .sa-html-wrap,
		body.financial-goals-page .sweet-alert p {
			color: #f3f4f6 !important;
			font-weight: 600 !important;
		}

		body.financial-goals-page .sweet-alert p {
			font-weight: 400 !important;
			color: #d1d5db !important;
			line-height: 1.45 !important;
		}

		body.financial-goals-page .sweet-alert .sa-icon.sa-success,
		body.financial-goals-page .sweet-alert .sa-icon.sa-warning,
		body.financial-goals-page .sweet-alert .sa-icon.sa-error,
		body.financial-goals-page .sweet-alert .sa-icon.sa-info {
			border-color: rgba(255, 255, 255, 0.35) !important;
		}

		body.financial-goals-page .sweet-alert button.confirm,
		body.financial-goals-page .sweet-alert button.cancel {
			border-radius: 8px !important;
			font-weight: 600 !important;
			padding: 10px 22px !important;
			font-size: 14px !important;
			box-shadow: none !important;
		}

		body.financial-goals-page .sweet-alert button.confirm {
			background: linear-gradient(135deg, #00C805 0%, #00a004 100%) !important;
			color: #000000 !important;
		}

		body.financial-goals-page .sweet-alert button.cancel {
			background: #2a2a2a !important;
			color: #f3f4f6 !important;
			border: 1px solid #404040 !important;
		}

		body.financial-goals-page .sweet-alert button.cancel:hover {
			background: #3d3d3d !important;
		}

		/* SweetAlert2 if loaded / used */
		body.financial-goals-page .swal2-popup {
			background: #1a1a1a !important;
			border: 1px solid #2a2a2a !important;
			border-radius: 14px !important;
			border-top: 4px solid #00C805 !important;
			color: #f3f4f6 !important;
		}

		body.financial-goals-page .swal2-title,
		body.financial-goals-page .swal2-html-container {
			color: #f3f4f6 !important;
		}

		body.financial-goals-page .swal2-styled.swal2-confirm {
			background: linear-gradient(135deg, #00C805 0%, #00a004 100%) !important;
			color: #000 !important;
			font-weight: 600 !important;
			border-radius: 8px !important;
		}

		body.financial-goals-page .swal2-styled.swal2-cancel {
			background: #2a2a2a !important;
			color: #f3f4f6 !important;
			border-radius: 8px !important;
		}

		body.financial-goals-page .swal2-container.swal2-backdrop-show {
			background: rgba(0, 0, 0, 0.82) !important;
		}

/* Match shared theme header: clear navbar on top, large readable dropdowns */
body.financial-goals-page .site-header {
	position: relative;
	z-index: 1040;
	overflow: visible !important;
}
body.financial-goals-page .site-header .navbar.fixed-top {
	z-index: 1040;
}
body.financial-goals-page .site-header .dropdown-menu {
	z-index: 2000 !important;
	min-width: 280px !important;
	max-width: min(92vw, 420px);
	padding: 0.5rem 0 !important;
	font-size: 1.05rem !important;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.55) !important;
}
body.financial-goals-page .site-header .dropdown-item {
	padding: 0.65rem 1.25rem !important;
	font-size: 1rem !important;
	white-space: normal !important;
	line-height: 1.35 !important;
}
body.financial-goals-page .main-content {
	overflow: visible !important;
}