@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* martina font */
@font-face {
font-family: 'Martina Plantijn';
src: url('../martina-font/MartinaPlantijn-Black.woff2') format('woff2'),
url('../martina-font/MartinaPlantijn-Black.woff') format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Martina Plantijn';
src: url('../martina-font/MartinaPlantijn-BlackItalic.woff2') format('woff2'),
url('../martina-font/MartinaPlantijn-BlackItalic.woff') format('woff');
font-weight: 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Martina Plantijn';
src: url('../martina-font/MartinaPlantijn-Bold.woff2') format('woff2'),
url('../martina-font/MartinaPlantijn-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Martina Plantijn';
src: url('../martina-font/MartinaPlantijn-BoldItalic.woff2') format('woff2'),
url('../martina-font/MartinaPlantijn-BoldItalic.woff') format('woff');
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Martina Plantijn';
src: url('../martina-font/MartinaPlantijn-Italic.woff2') format('woff2'),
url('../martina-font/MartinaPlantijn-Italic.woff') format('woff');
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Martina Plantijn';
src: url('../martina-font/MartinaPlantijn-Light.woff2') format('woff2'),
url('../martina-font/MartinaPlantijn-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Martina Plantijn';
src: url('../martina-font/MartinaPlantijn-LightItalic.woff2') format('woff2'),
url('../martina-font/MartinaPlantijn-LightItalic.woff') format('woff');
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Martina Plantijn';
src: url('../martina-font/MartinaPlantijn-Medium.woff2') format('woff2'),
url('../martina-font/MartinaPlantijn-Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Martina Plantijn';
src: url('../martina-font/MartinaPlantijn-MediumItalic.woff2') format('woff2'),
url('../martina-font/MartinaPlantijn-MediumItalic.woff') format('woff');
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Martina Plantijn';
src: url('../martina-font/MartinaPlantijn-Regular.woff2') format('woff2'),
url('../martina-font/MartinaPlantijn-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
* {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
margin: 0;
padding: 0;
background-color: #060f0a;
font-family: "Poppins", sans-serif;
}
body::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	/*border-radius: 10px;*/
	background-color: #0A150A;
}

body::-webkit-scrollbar {
	width: 5px;
	background-color: #7dff9a;
}

body::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background: linear-gradient(135deg, #d3ff2c 0%, #71fe02 50%, #5ee600 100%);
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
letter-spacing: 1px !important;
color: #dbe7cc;
font-family: 'Martina Plantijn';
}
p {
margin: 0;
color: #98a18d;
font-family: "Poppins", sans-serif;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
a {
text-decoration: none;
}
/* web header */
.back-to-top {
display: flex;
align-items: center;
justify-content: center;
position: fixed;
width: 45px;
height: 45px;
bottom: 18px;
right: 22px;
text-align: center;
font-size: 24px;
line-height: 40px;
font-weight: 300;
border-radius: 50%;
z-index: 99999999;
color: #000;
cursor: pointer;
background-color: #0d3cec;
background: linear-gradient(135deg, #d3ff2c 0%, #71fe02 50%, #5ee600 100%);
box-shadow: 0px 0px 30px 0px rgba(156, 156, 156, .25);
transition: all .3s ease-in-out;
}
.web-header-inner .navbar {
padding: 22px 0;
}
.web-header-inner .navbar-nav {
margin-left: auto;
margin-right: auto;
background: #151f42;
background: transparent;
border-radius: 10px;
border: 1px solid #164029;
padding: 6px;
}
.web-header-inner .navbar-nav .nav-link {
font-size: 15px;
color: #9da98f;
background: transparent;
border-radius: 10px;
font-weight: 500;
padding: 7px 18px;
transition: all .3s ease-in-out;
}
.web-header-inner .navbar-nav .nav-link:hover {
color: #fff;
}
.web-header-inner .navbar-nav .nav-link.active {
font-size: 15px;
color: #000;
background: #fff;
background: linear-gradient(135deg, #d3ff2c 0%, #71fe02 50%, #5ee600 100%);	
border-radius: 10px;
font-weight: 500;
}
.primry-btn {
display: inline-block;
background-color: #fffffd;
color: #000;
font-weight: 500;
padding: 9px 36px;
border-radius: 12px;
position: relative;
z-index: 1;
overflow: hidden;
transition: all .4s linear;
}
.primry-btn::after {
content: "";
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
background: #0b31ec;
transform: scaleX(0);
transition: all .4s linear;
z-index: -1;
}
.primry-btn:hover::after {
transform: scaleX(1);
}
.primry-btn:hover {
color: #fff;
}
.mobile-login-btn {
display: none;
}
/* banner sec */
.banner-sec {
width: 100%;
position: relative;
overflow: hidden;
}
.banner-sec::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
bottom: 0;
left: 0;
background: linear-gradient(to top, rgba(46, 32, 255, 0.47), transparent 50%);
background: linear-gradient(to top, rgb(30, 79, 28,0.47), transparent 50%);
background: linear-gradient(to top, rgb(30 79 28), transparent 50%);
filter: blur(175px);
}
.banner-inner {
position: relative;
}
.banner-cont-box {
width: 750px;
margin: 0 auto;
text-align: center;
padding: 60px 0;
}
.heading-cont {
display: inline-block;
color: #fff;
font-size: 15px;
position: relative;    
margin-bottom: 10px;
}
.banner-cont-box h1 {
font-size: 55px;
font-weight: 400;
letter-spacing: -0.5px;
line-height: 70px;
margin-bottom: 20px;
color: #fff;
}
.banner-cont-box p {
margin-bottom: 24px;
}
.secoundry-btn {
display: inline-block;
background-color: #0d3cec;
color: #fff;
font-weight: 500;
padding: 13px 36px;
border-radius: 12px;
border: 2px solid #0d3cec;
transition: all .3s ease-in-out;
}
.secoundry-btn:hover {
background-color: #13297e !important;
border-color: #13297e;
}
.secoundry-btn:hover i {
transform: translateX(3px);
}
.secoundry-btn i {
margin-left: 9px;
transition: all .3s ease-in-out;
}
.banner-img img {
width: 100%;
object-fit: cover;
}
.banner-img {
padding: 0 50px;
}
/* partner sec */
.partner-sec {
width: 100%;
padding-top: 80px;
}
.partner-header h2 {
font-family: "Poppins", sans-serif;
font-size: 28px;
margin-bottom: 20px;
}
.partner-bottom {
padding-top: 30px;
}
.partner-box {
width: 100%;
height: 100%;
background-color: #0c0e1b;
border: 1px solid #141623;
border-radius: 10px;
padding: 8px 10px;
transition: all .3s ease-in-out;
}
.partner-box a img {
height: 48px;
object-fit: contain;
opacity: 0.5;
transition: all .3s ease-in-out;
}
.partner-box:hover a img {
opacity: 1;
}
/* feature sec */
.feature-sec {
}
.trusted-header {
text-align: center;
margin-bottom: 40px;
}
.trusted-header h2 {
font-family: "Poppins", sans-serif;
font-size: 32px;
margin-bottom: 20px;
color: #f2f7ec;	
}
.feature-heading-box {
display: inline-block;
background-color: #171624;
border: 2px solid #0f173b;
color: #fff;
font-size: 18px;
padding: 7px 16px;
padding-left: 33px;
border-radius: 15px;
margin-bottom: 15px;
position: relative;
}
.feature-heading-box::before {
content: '';
position: absolute;
width: 8px;
height: 8px;
background-color: #fff;
border-radius: 50%;
left: 15px;
top: 16px;
}
.trusted-box {
width: 100%;
height: 100%;
background-color: #0c1c13;
border: 1px solid #0b2818;
border-radius: 15px;
padding: 30px;
transition: all .3s ease-in-out;
}
.trusted-box:hover {
border: 1px solid #18422a;
transform: translateY(-10px);
}
.trusted-icon {
width: 80px;
height: 80px;
background-color: #0e2619;
border: 2px solid #0b301c;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
border-radius: 10px;
padding:5px;
margin-bottom: 16px;
}
.trusted-box h3 {
font-size: 24px;
margin-bottom: 15px;
font-family: "Poppins", sans-serif;
}
/* trading tools sec */
.trading-tools-img img {
border-radius: 20px;
}
.trading-cont h2 span {
color: #0d3cec;
}
.trading-cont h2 {
font-size: 30px;
font-family: "Poppins", sans-serif;
margin-bottom: 15px;
}
.trading-cont p {
font-size: 14px;
margin-bottom: 15px;
}
.trading-cont .secoundry-btn {
display: inline-block;
background-color: #0d3cec;
color: #fff;
font-weight: 500;
font-size: 14px;
padding: 10px 19px;
border-radius: 7px;
}
.trading-tools-sec {   
}
.trading-tools-sec1{
background-color: #060f0a;
margin-top: -300px;
position: relative;	
}
.tradingTable-container {    
margin: auto;
overflow-x: auto;
}
.tradingTable-container table {
width: 100%;
border-collapse: collapse;
background-color: #0c1c13;
color:#fff;
border-radius: 10px;
overflow: hidden;
}
.tradingTable-container table thead {
background-color: #052815;
}
.tradingTable-container table th, .tradingTable-container table td {
padding: 18px;
border-bottom: 1px solid #191b28;
}
.tradingTable-container table th {
text-align: left;
font-weight: 600;
color: #f2f7ec;	
}
.tradingTable-container table .center {
text-align: center;
font-size: 18px;
}
.tradingTable-container table .check {
color: #00ff88;
font-weight: bold;
}
.tradingTable-container table .cross {
color: #ff4d4d;
font-weight: bold;
}
/* ----------- MOBILE RESPONSIVE ----------- */
@media (max-width: 768px) {
.tradingTable-container table , .tradingTable-container table thead, .tradingTable-container table tbody, .tradingTable-container table th, .tradingTable-container table td, .tradingTable-container table tr {
display: block;
width: 100%;
}
.tradingTable-container table thead {
display: none;
}
.tradingTable-container table tr {
margin-bottom: 20px;
background-color: #111;
border-radius: 8px;
padding: 15px;
}
.tradingTable-container table td {
display: flex;
justify-content: space-between;
padding: 10px 0;
border: none;
font-size: 14px;
}
.tradingTable-container table td::before {
content: attr(data-label);
font-weight: bold;
color: #aaa;
}
.tradingTable-container table .center {
text-align: right;
}
}
.mobile-img {
height: 460px;
}
/* guaranty sec */
.guaranty-sec {   
}
.guaranty-inner .trusted-box h3 {
font-size: 20px;
}
/* app sec */
.app-sec {
width: 100%;
background: #090c1d;
padding: 60px 0;
}
/* join sec */
.join-sec {
width: 100%;
/*background-image: url(../images/join-bg.jpg);*/
/*background-repeat: no-repeat;*/
/*background-position: center;*/
/*background-size: cover;*/
background-color: #090c1d;
border-top: 1px solid #262932;
border-bottom: 1px solid #262932;
padding: 60px 0;
position: relative;
}
.join-sec::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: #090c1d82;
top: 0;
left: 0;
}
.join-inner {
position: relative;
width: 580px;
text-align: center;
margin: 0 auto;
}
.join-inner h2 {
font-size: 45px;
font-family: "Poppins", sans-serif;
margin-bottom: 15px;
}
/* web footer */
.web-footer {
width: 100%;
/*background: #13297e;*/
background: linear-gradient(359.43deg, #112e04 11.06%, #fff0 99.43%);
}
.web-footer-top {
width: 100%;
padding: 50px 0;
}
.web-footer-top-wrapper {
width: 100%;
display: flex;
flex-wrap: wrap;
margin: 0 -8px;
}
.web-footer-top-box {
width: 20%;
padding: 0 8px;
}
.web-footer-top-box .footer-logo {
display: inline-block;
margin-bottom: 18px;
}
.web-footer-box-first p {
font-size: 14px;
color: #98a18d;
margin-bottom: 15px;
}
.follow-sec p {
font-size: 13px;
}
.follow-sec ul {
display: flex;
align-items: center;
gap: 10px;
}
.follow-sec ul li a {
display: flex;
width: 30px;
height: 30px;
align-items: center;
justify-content: center;
border: 1px solid #98a18d;
border-radius: 50%;
color: #98a18d;
font-size: 13px;
transition: all .3s ease-in-out;
}
.follow-sec ul li a:hover {
background-color: #fff;
color: #0d3cec;
}
.footer-heading {
font-size: 20px;
font-weight: 600;
color: #f2f7ec;
margin-bottom: 12px;
}
.web-footer-list li a {
display: inline-block;
font-size: 14px;
color: #98a18d;
margin-bottom: 5px;
transition: all .3s ease-in-out;
}
.web-footer-list li a:hover {
color: #a9ed57;
}
.web-footer-center p {
font-size: 13px;
margin-bottom: 10px;
color: #98a18d;
}
.web-footer-bottom {
border-top: 1px solid #8e919a;
padding: 25px 0;
text-align: center;
margin-top: 48px;
}
.web-footer-bottom p {
font-size: 13px;
color: #fff;
}
.contact-list li {
display: flex;
margin-bottom: 12px;
}
.contact-icon {
font-size: 15px;
color: #98a18d;
}
.contact-list li p {
font-size: 14px;
padding-left: 10px;
color: #98a18d;
}
.contact-list li p a {
font-size: 14px;
color: #98a18d;
transition: all .3s ease-in-out;
}
.contact-list li p a:hover {
color: #a9ed57;
}
.web-footer-top-box:first-child {
width: 25%;
}
.web-footer-top-box:nth-child(2) {
width: 15%;
}
.web-footer-top-box:nth-child(3) {
width: 15%;
}
.web-footer-top-box:last-child {
width: 25%;
padding-left: 34px;
}
down-arrow {
font-size: 14px;
margin-left: 2px;
}
.sub-menu {
position: absolute;
top: 72%;
left: 21%;
width: 215px;
border-radius: 12px !important;
background: #0c0e1b;
border: 1px solid #2f336d;
padding: 10px 0;
text-align: left;
box-shadow: 0 3px 25px 0 rgb(43 52 59 / 10%), 0 0 0 rgb(43 52 59 / 10%) inset;
-webkit-box-shadow: 0 3px 25px 0 rgb(43 52 59 / 10%), 0 0 0 rgb(43 52 59 / 10%) inset;
border-radius: 0px;
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
opacity: 0;
visibility: hidden;
-webkit-transform-origin: top;
transform-origin: top;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
transition: all .5s ease;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-ms-transition: all .5s ease-out;
z-index: 2;
}
.web-header .navbar .navbar-nav li:hover .sub-menu {
opacity: 1;
display: block;
visibility: visible;
height: auto;
-webkit-transform: rotateX(0);
transform: rotateX(0);
}
.sub-menu>li {
list-style: none;
padding: 0px !important;
}
.sub-menu>li>a {
display: block;
color: #abb0cd;
padding: 8px 15px;
font-size: 14px;
line-height: 22px;
padding-right: 10px;
transition: all .3s ease-in-out;
}
.sub-menu>li>a:hover {
color: #fff;
}
.crypto-menu {
left: 32%;
}
/* login sec */
.login-body {
width: 100%;
height: 100dvh;
background: linear-gradient(to top, rgba(46, 32, 255, 0.47), transparent 50%);
background: linear-gradient(to top, rgb(30, 79, 28, 0.4), transparent 50%);	
/* filter: blur(175px); */
position: relative;
}
.login-body-inner {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
}
.login-box {
width: 520px;
background-color: #0c1c13;
border: 1px solid #0b2818;
padding: 50px 40px;
border-radius: 20px;
}
.login-top {
text-align: center;
margin-bottom: 20px;
}
.login-top a {
display: inline-block;
margin-bottom: 15px;
}
.login-top a.navbar-brand{
display: inline-flex;
gap: 10px;
align-items: center;
margin-bottom: 20px;	
}
.login-top a.navbar-brand img{width: 40px;}
.login-top a.navbar-brand .txt{font-size:26px;}
.login-top h2 {
font-family: "Poppins", sans-serif;
font-size: 20px;
line-height:1.2;
margin-bottom: 5px;
}
.login-top p{line-height:1.2;} 
.login-input-box label {
font-size: 15px;
color: #98a18d;
font-weight: 500;
margin-bottom: 10px;
}
.login-input-box input {
width: 100%;
border: 1px solid #16271d;
background: transparent;
height: 45px;
padding: 10px 12px;
border-radius: 10px;
font-size: 15px;
color: #fff;
outline: none;
}
.login-input-box {
margin-bottom: 20px;
}
.login-remember-sec {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 15px;
}
.remember-box {
display: flex;
align-items: center;
gap: 12px;
}
.remember-box input {
background-color: #070710;
width: 15px;
height: 15px;
}
.remember-box label {
font-size: 15px;
color: #98a18d;
}
.login-remember-sec a {
font-size: 15px;
color: #98a18d;
text-decoration: underline;
}
.web-header-inner .rightPart{
display: flex;285
justify-content: end;
align-items: center;
gap: 30px;	
}
.web-header-inner .rightPart .loginbtn{color:#fff;}
.web-header-inner .rightPart .register-btn {
width: 100%;
display: inline-block;
/* background-color: #ccff00; */
color: #000;
font-weight: 500;
padding: 11px 36px;
border-radius: 12px;
background: linear-gradient(135deg, #d3ff2c 0%, #71fe02 50%, #5ee600 100%);
border: 0;
transition: all .3s ease-in-out;
}
.login-btn {
width: 100%;
display: inline-block;
background-color: #0d3cec;
color: #fff;
font-weight: 500;
padding: 11px 36px;
border-radius: 12px;
border: 2px solid #0d3cec;
transition: all .3s ease-in-out;
}
.login-btn {
color;#fff;
}
.bottom-text {
margin-top: 12px;
text-align: center;
}
.bottom-text p {
font-size: 15px;
color: #98a18d;
}
.bottom-text p a {
color: #98a18d;
text-decoration: underline;
margin-left: 10px;
}
.register-body {
height: 100%;
}
.register-body .login-body-inner {
position: relative;
padding: 20px;
}
.bedcum-sec {
width: 100%;
/* border-bottom: 1px solid #262932; */
border-bottom: 1px solid #0d2216;
padding: 50px 0;
/* background: linear-gradient(to top, rgba(46, 32, 255, 0.47), transparent 50%); */
background: linear-gradient(to top, rgb(30, 79, 28, 0.4), transparent 50%);
}
.bedcum-inner {
text-align: center;
}
.bedcum-inner h2 {
font-size: 34px;
margin-bottom: 15px;
}
.bedcum-inner ul {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.bedcum-inner ul li {
font-size: 16px;
color: #98a18d;
}
.bedcum-inner ul li a {
color: #0d3cec;
font-weight: 600;
}
.contact-info-sec {
width: 100%;
padding: 60px 0;
}
.contact-info-left {
width: 100%;
background-color: #0F1021;
border: 1px solid #21234B;
background-color: #0c1c13;
border: 1px solid #0b2818;	
padding: 50px;
border-radius: 15px;
}
.contact-info-left h2 {
font-family: "Poppins", sans-serif;
font-size: 25px;
margin-bottom: 3px;
}
.contact-info-left p {
margin-bottom: 30px;
}
.contact-input-box label {
font-size: 15px;
color: #98a18d;
font-weight: 500;
margin-bottom: 10px;
}
.contact-input-box input {
width: 100%;
border: 1px solid #16271d;
background: transparent;
height: 45px;
padding: 10px 12px;
border-radius: 10px;
font-size: 15px;
color: #fff;
outline: none;
}
.contact-input-box input:placeholder{color: #98a18d;}
.contact-input-box::-ms-input-placeholder{color: #98a18d;}
.contact-input-box textarea {
width: 100%;
height: 80px;
border: 1px solid #16271d;
background: transparent;
padding: 10px 12px;
border-radius: 10px;
font-size: 15px;
color: #fff;
outline: none;
resize: none;
}
.contact-input-box textarea:placeholder{color: #98a18d;}
.contact-input-box::-ms-input-placeholder{color: #98a18d;}
.contact-input-box {
margin-bottom: 15px;
}
.contact-info-right {
width: 100%;
background-color: #0F1021;
border: 1px solid #21234B;
background-color: #0c1c13;
border: 1px solid #0b2818;	
padding: 50px 30px;
border-radius: 15px;
}
.contact-right-box {
display: flex;
align-items: center;
margin-bottom: 36px;
}
.contact-right-box .contact-icon {
width: 50px;
height: 50px;
border: 1px solid #6ffc02;
color: #6ffc02;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
font-size: 24px;
}
.contact-cont {
width: 77%;
padding-left: 15px;
}
.contact-cont h3 {
font-size: 17px;
font-family: "Poppins", sans-serif;
margin-bottom: 6px;
}
.contact-cont p {
font-size: 13px;
}
.contact-cont p a {
color: #98a18d;
}
.map-inner {
width: 100%;
height: 450px;
}
.map-inner iframe {
width: 100%;
height: 100%;
}
.trusted-outer-box {
margin-bottom: 24px;
}
.accordion-bottom li.accordion ul {
margin: 0;
padding: 0;
background: transparent;
margin: 0 !important;
display: none;
color: black;
}
.accordion-bottom li.accordion ul .txt {
padding: 15px 0px 5px 0;
margin: 0;
font-size: 14px;
background-color: transparent;
}
.accordion-bottom li.accordion {
display: block;
background-color: #0F1021;
border: 1px solid #21234B;
font-size: 18px;
font-weight: 500;
padding: 10px 18px;
margin-top: 20px;
color: #fff;
cursor: pointer;
position: relative;
text-align: left;
border-radius: 10px;
}
.accordion-bottom li.accordion {
list-style: none;
}
.accordion-bottom li.accordion span i {
position: absolute;
right: 20px;
top: 0;
bottom: 0;
height: fit-content;
margin: auto;
color: #fff;
transition: .3s;
}
.accordion-bottom li.accordion.open span i {
transform: rotate(540deg);
transition: .3s;
}
.navbar-brand {
margin: 0;
}
.navbar-brand img {
width: 40px;
}
.navbar-brand .txt{
font-family: 'Martina Plantijn';
color: #fff;
font-weight: 600;	
}
.footer-logo img {
max-width:140px;
width: 100%;
}
.web-header-inner .navbar {
padding: 30px 0px 0px;
}
.sub-menu {
top: 63%;
}
.secoundry-btn {
background-color: #ccff00;
border: 0;
color: #110e08;
background: linear-gradient(135deg, #d3ff2c 0%, #71fe02 50%, #5ee600 100%);
}
.secoundry-btn:hover {
background-color: #ccff00ba !important;
border-color: #ccff00ba;
}
.primry-btn::after {
background: #ccff00;
}
.primry-btn:hover {
color: #110e08;
}
.web-header-inner .navbar-nav .nav-link:hover {
color: #ccff00;
}
.trading-cont .secoundry-btn {
background-color: #ccff00;
color: #110e08;
}
.trading-cont h2 span {
color: #ccff00;
}
.bedcum-inner ul li a {
color: #ccff00;
}
.blog-box-top a img {
width: 100%;
}
.blog-box {
width: 100%;
height: 100%;
background-color: #0c0e1b;
border: 1px solid #141623;
border-radius: 15px;
padding: 6px;
}
.blog-box-top a img {
border-radius: 13px;
}
.blog-box-bottom {
padding: 15px;
}
.blog-box-bottom h5 {
font-size: 13px;
font-family: "Poppins", sans-serif;
margin-bottom: 15px;
}
.blog-box-bottom h3 {
font-size: 20px;
font-family: "Poppins", sans-serif;
margin-bottom: 15px;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.blog-box-bottom h3 a {
color: #fff;
transition: all .3a ease-in-out;
}
.blog-box-bottom h3 a:hover {
color: #ccff00;
}
.blog-box-bottom p {
font-size: 14px;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.blog-sec {
padding: 60px 0;
}
.blog-box-outer {
margin-bottom: 24px;
}
.pagination-sec ul {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
margin-top: 30px;
}
.pagination-sec ul li a {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
background-color: #090c1d82;
border: 1px solid rgb(38, 41, 50);
font-size: 15px;
color: #fff;
border-radius: 5px;
}
.pagination-sec ul li a.active {
background-color: #ccff00;
border-color: #ccff00;
color: #000;
}
.blog-details-sec {
width: 100%;
padding: 80px 0;
}
.blog-details-top {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 18px;
}
.blog-details-top h4 {
font-size: 15px;
font-family: "Poppins", sans-serif;
}
.share-sec ul {
display: flex;
align-items: center;
gap: 10px;
}
.share-sec ul li a {
display: flex;
width: 30px;
height: 30px;
align-items: center;
justify-content: center;
border: 1px solid #fff;
border-radius: 50%;
color: #fff;
font-size: 13px;
transition: all .3s ease-in-out;
}
.blog-details-left h2 {
font-size: 35px;
margin-bottom: 30px;
}
.blog-details-left img {
border-radius: 15px;
margin-bottom: 35px;
}
.blog-details-left p {
font-size: 15px;
margin-bottom: 25px;
}
/* .blog-details-left {
padding-right: 30px;
} */
.blog-list {
width: 100%;
height: 100%;
background-color: #0c0e1b;
border: 1px solid #141623;
border-radius: 15px;
padding: 15px;
}
.blog-list-box a {
display: flex;
align-items: center;
padding: 10px 0;
border-bottom: 1px solid rgb(38, 41, 50);
}
.blog-list-box a:last-child {
margin-bottom: 0;
border: 0;
}
.blog-list-box-info h3 {
font-size: 14px;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-family: "Poppins", sans-serif;
}
.vlog-list-box-img {
width: 30%;
}
.vlog-list-box-img img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px;
}
.blog-list-box-info {
width: 70%;
padding-left: 18px;
}
.blog-list h2 {
font-size: 15px;
font-family: "Poppins", sans-serif;
margin-bottom: 15px;
margin-top: 9px;
}
.condition-sec {
width: 100%;
padding: 80px 0;
}
.condition-inner h2 {
font-size: 30px;
font-family: "Poppins", sans-serif;
text-align: center;
margin-bottom: 40px;
}
.condition-inner p {
font-size: 15px;
margin-bottom: 20px;
}
.condition-box h4 {
font-size: 20px;
font-family: "Poppins", sans-serif;
margin-bottom: 10px;
}
.condition-box {
margin-bottom: 30px;
}
.condition-box ul li {
font-size: 15px;
color: #8e919a;
padding-left: 22px;
margin-bottom: 15px;
position: relative;
}
.condition-box ul li::before {
content: '';
position: absolute;
width: 6px;
height: 6px;
background-color: #fff;
border-radius: 50%;
left: 7px;
top: 8px;
}
.condition-inner p a {
color: #ccff00;
}
.google-btn {
width: 100%;
border: 1px solid #21234B;
background: transparent;
padding: 13px 12px;
border-radius: 10px;
font-size: 15px;
color: #fff;
outline: none;
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
margin-bottom: 18px;
}
.or-sec {
width: 100%;
height: 1px;
background: #2b2b54;
margin: 28px 0;
position: relative;
}
.or-sec p {
background: #0F1021;
position: absolute;
display: inline-block;
top: 3px;
left: 37%;
padding: 0 45px;
transform: translate(0, -50%);
}
.otp-box-wrapper {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.otp-box-wrapper input {
width: 45px;
border: 1px solid #16271d;
background: transparent;
height: 45px;
padding: 10px 12px;
border-radius: 6px;
font-size: 15px;
color: #fff;
outline: none;
text-align: center;
}
.otp-box-wrapper {
padding: 0 45px;
}
.otp-sec {
margin: 20px 0;
text-align: center;
}
.otp-sec p a {
color: #ccff00;
}
.login-btn {
background-color: #ccff00;
border-color: #ccff00;
color: #110e08;
border: 0;
color: #110e08;
background: linear-gradient(135deg, #d3ff2c 0%, #71fe02 50%, #5ee600 100%);	
}
.login-top a img {
width: 80px;
}
.trusted-box a {
display: inline-block;
font-size: 15px;
font-weight: 500;
color: #ccff00;
margin-top: 20px;
}
.future-tab .tabs {
display: flex;
align-items: center;
justify-content: center;
}
.future-tab .tabs li {
border-bottom: 3px solid rgb(191, 191, 191);
opacity: 0.25;
padding: 0px;
text-align: center;
font-size: 25px;
font-weight: 400;
letter-spacing: -0.5px;
line-height: 40px;
color: rgb(191, 191, 191);
padding: 12px 22px;
cursor: pointer;
}
.future-tab .tabs li.active-tab {
border-color: #ccff00;
color: #ccff00;
opacity: 1;
}
.future-tab .tabs-content li {
display: none;
}
.chartPortfolioSec{}
.chartPortfolioSec .trusted-bottom .chartPortfolioBox{}
.chartPortfolioBoxinner{}
.chartPortfolioThumb{}
.chartPortfolioThumb img{border-radius:15px;}
.our-main-timeline{ position: relative; }
.our-main-timeline:after{
content: '';
display: block;
clear: both;
}
.our-main-timeline:before{
content: '';
background-color: #15281d;
height: 100%;
width: 2px;
transform: translateX(-50%);
position: absolute;
left: 50%;
top: 0;
}
.our-main-timeline .timeline{
width: 50%;
padding: 3px 0;
margin: 0 2px 0 0;
float: left;
}
.our-main-timeline .timeline-content{    
padding: 0 130px 0 0;
display: block;
position: relative;
}
.our-main-timeline .timeline-content:hover{ text-decoration: none; }
.our-main-timeline .timeline-content:before{
content: '';
background: #32421d;
width: 20px;
height: 20px;
border: 3px solid #060f0a;
border-radius: 50%;
transform: translateY(-50%);
position: absolute;
right: -10px;
top: 50%;
}
.our-main-timeline .timeline-icon{
color: #ccff00;
background-color: #FE553B;
/* background: linear-gradient(135deg, #d3ff2c 0%, #71fe02 50%, #5ee600 100%); */
background-color: #0e2619;
border: 2px solid #0b301c;
font-size: 45px;
font-weight: 600;
text-align: center;
line-height: 80px;
height: 80px;
width: 80px;
border-radius: 50%;
/* border: 0; */
box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
transform: translateY(-50%);
position: absolute;
top: 50%;
right: 11px;
z-index: 1;
display: inline-flex;
align-items: center;
justify-content: center;	
}
.our-main-timeline .timeline-icon i{ line-height:inherit; }
.our-main-timeline .timeline-icon img{height:50px;}
.our-main-timeline .title{
color: #FE553B;
color: #ccff00 !important;
font-size: 22px;
font-weight: 600;
text-transform: capitalize;
letter-spacing: 0.5px;
margin: 0 0 8px;
}
.our-main-timeline .description{
font-size: 14px;
/* letter-spacing: 1px; */
line-height: 20px;
margin: 0;
border: 1px solid #ddd;
background-color: #0c1c13;
border: 1px solid #0b2818;
border-radius: 6px;
padding: 15px;
}
.our-main-timeline .timeline:nth-child(even){
margin: 0 0 0 2px;
float: right;
}
.our-main-timeline .timeline:nth-child(even) .timeline-content{ padding: 0 0 0 130px; }
.our-main-timeline .timeline:nth-child(even) .timeline-content:before{
right: auto;
left: -10px;
}
.our-main-timeline .timeline:nth-child(even) .timeline-icon{
right: auto;
left: 11px;
}
/*
.our-main-timeline .timeline:nth-child(4n+2) .timeline-icon{ background-color: #5CC33A; }
.our-main-timeline .timeline:nth-child(4n+2) .title{ color: #5CC33A; }
.our-main-timeline .timeline:nth-child(4n+3) .timeline-icon{ background-color: #FE3356; }
.our-main-timeline .timeline:nth-child(4n+3) .title{ color: #FE3356; }
.our-main-timeline .timeline:nth-child(4n+4) .timeline-icon{ background-color: #009B99; }
.our-main-timeline .timeline:nth-child(4n+4) .title{ color: #009B99; }
*/
.communitySecSec {}
.communitySecSecinner{}
.communityPanelList{}
.communityPanal{background-color: #0c1c13;border: 1px solid #0b2818;color:#98a18d;border-radius: 15px;padding: 30px;margin-bottom:30px;}
.communityPanelList .communityPanal:last-child{margin-bottom:0px;}
.communityPanalBody{}
.communityPanalBody .communityUser{gap:10px;margin-bottom:20px;}
.communityPanalBody .communityUser .userPic{width: 50px;height: 50px;overflow: hidden;border-radius: 50%;}
.communityPanalBody .communityUser .userPic img{width:100%;height:1005;object-fit:cover;}
.communityPanalBody .communityUser .userInfo{}
.communityPanalBody .communityUser .userInfo .userName{font-family: "Poppins", sans-serif;color: #dbe7cc;letter-spacing: 0 !important;}
.communityPanalBody .communityUser .userInfo .time{}
.communityPanalBody .userComment{}
.communitySideBar{}
.communitySideBarPanel{background-color: #0c1c13;border: 1px solid #0b2818;color:#98a18d;border-radius: 15px;}
.communitySideBarPanelHeader{padding:20px 25px 5px;}
.communitySideBarPanelHeader .title{font-family: "Poppins", sans-serif;color: #dbe7cc;letter-spacing: 0 !important;}
.communitySideBarPanelBody{padding:20px 25px;}
.communitySideBarList{}
.communitySideBarListItem{margin-bottom:8px;}
.communitySideBarList .communitySideBarListItem:last-child{margin-bottom:0px;}
.communitySideBarListIteminner{color:#98a18d;align-items:center;}
.communitySideBarListIteminner .ttl{color:#98a18d;}
.communitySideBarListIteminner .followBtn{border: 0;color: #110e08;background: linear-gradient(135deg, #d3ff2c 0%, #71fe02 50%, #5ee600 100%);}
.marketSec{}
.marketSecinner{}
.marketViewPanelArea{background-color: #0c1c13;border: 1px solid #0b2818;color:#98a18d;border-radius: 8px;padding: 0 0 15px;}
.marketViewPanelNav{padding: 10px 10px 0px;}
.marketViewPanelNav .nav-pills{flex-wrap: nowrap;white-space: nowrap;overflow: auto;}
.marketViewPanelNav .nav-pills::-webkit-scrollbar {
width: 4px;
height:4px;
}
.marketViewPanelNav .nav-pills::-webkit-scrollbar-track {
background:#0b2818;
}
.marketViewPanelNav .nav-pills::-webkit-scrollbar-thumb {
background-color: #98a18d  ;
border-radius: 6px;
border: 3px solid #98a18d ;
}
.marketViewPanelNav .nav-pills li{margin-bottom:10px;}
.marketViewPanelNav .nav-pills .nav-link {color: #98a18d;border: 0;}
.marketViewPanelNav .nav-pills .nav-link.active, .marketViewPanelNav .nav-pills .show>.nav-link {color: #110e08;background: linear-gradient(135deg, #d3ff2c 0%, #71fe02 50%, #5ee600 100%);}
.marketViewPanelTabContent{padding: 15px;max-height:300px;overflow: auto;}
.marketViewPanelTabContent::-webkit-scrollbar {
width: 4px;
}
.marketViewPanelTabContent::-webkit-scrollbar-track {
background:#0b2818;
}
.marketViewPanelTabContent::-webkit-scrollbar-thumb {
background-color: #5ee600  ;
border-radius: 6px;
border: 3px solid #5ee600 ;
}
.market-list {}
.market-item {display: flex;align-items: center;justify-content: space-between;padding: 10px 0px;border-bottom: 1px solid #213e2e;}
.market-item:last-child {border-bottom: none;}
.market-item .pair-info {display: flex;align-items: center;gap: 8px;}
.market-item .pair-info .flag {width: 28px;height: 28px;border-radius: 50%;}
.market-item .pair-info .pair {font-weight: 600;font-size: 14px;}
.market-item .price {text-align: right; font-size: 13px;}
.market-item .price .value {font-weight: 600;}
.price.up .value, .price.up .change {color: #2ecc71;}
.market-item .price.down .value, .market-item .price.down .change {color: #e74c3c;}
.market-item  .actions {display: flex;align-items: center;gap: 6px;}
.market-item  .actions .btn {border: none;padding: 5px 12px;font-size: 12px;border-radius: 20px;cursor: pointer;font-weight: 600;}
.market-item  .actions .btn.buy {background: #2ecc71;color: #fff;}
.market-item  .actions .btn.sell {background: #e74c3c;color: #fff;}
.market-item  .actions .star {font-size: 18px;cursor: pointer;color: #888;}
.market-item  .actions .star:hover {color: #f1c40f;}
.marketCard{background-color: #0c1c13;border: 1px solid #0b2818;color:#98a18d;border-radius: 8px;padding:20px 25px 30px;box-shadow:0 5px 20px rgba(0,0,0,0.08);}
.marketCardHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.marketCardHeader .left-info{display:flex;align-items:center;gap:15px;}
.marketCardHeader .left-info .pair{font-weight:700;font-size:18px;color:#fff;}
.marketCardHeader .left-info .price{font-size:20px;font-weight:600;color:#fff;}
.marketCardHeader .left-info .price-change{font-size:14px;color:#ff4d4f;margin-left:8px;}
.marketCardHeader .left-info .stats{font-size:12px;}
.marketCardHeader .btn-group{display:flex;gap:5px;}
.marketCardHeader .btn-group .btn{border:none;padding:4px 12px;font-size:12px;border-radius:20px !important;color:#fff;cursor:pointer;font-weight:600;}
.marketCardHeader .btn-group .btn.buy{background:#3cb371;}
.marketCardHeader .btn-group .btn.sell{background:#ff6b6b;}
.marketCard canvas{margin-top:20px;}
.marketCard .timeframe{display:flex;justify-content:center;gap:20px;margin-top:15px;}
.marketCard .timeframe button{border:none;background:none;cursor:pointer;padding:6px 12px;border-radius:6px;font-weight:600;color:#555;}
.marketCard .timeframe .active{background:#ff7a00;color:#fff; color: #110e08;background: linear-gradient(135deg, #d3ff2c 0%, #71fe02 50%, #5ee600 100%);}
/*----Dashborad Pages Csss Starts----*/
.forminput{}
.forminputInner{gap:5px;}
/* Chrome, Safari, Edge, Opera */
.forminputInner input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
.forminputInner input[type=number] {
-moz-appearance: textfield;
}
.dashboardPageSec{position:relative;}
.dashboradMenuOverlay{display: none;}
.dashboradMenuOverlay.open{}
.dashboradMenuBar{width: 230px;position: fixed;top: 0;left: 0;height: 100%;background: linear-gradient(to top, rgb(30, 79, 28, 0.4), transparent 50%);background: linear-gradient(to top, rgb(3 42 1 / 100%), transparent 100%);color: #98a18d;box-shadow: 0 0 13px 0 rgba(82, 63, 105, .05);border-right: 1px solid #0b2818;border-right: 1px solid rgba(125, 255, 154, 0.4);}
.dashboradMenuBar.open{}
.dashboradMenuBarArea{overflow: auto;display: flex;flex-direction: column;height: 100vh;}
.dashboradMenuBarAreainner{width: 100%;overflow: hidden;display: flex;flex-direction: column;}
.dashboradMenuBarHeader{padding:15px 15px;}
.dashboradMenuBarHeaderinner{gap:10px;}
.dashboradMenuBarHeaderinner .userImage{width: 32px;height: 32px;overflow: hidden;border-radius: 50%;}
.dashboradMenuBarHeaderinner .userImage img{width: 100%;height: 100%;object-fit: cover;}
.dashboradMenuBarHeaderinner .userInfo{}
.dashboradMenuBarHeaderinner .userInfo .username{font-size:14px;font-family: "Poppins", sans-serif;letter-spacing: inherit !important;} 
.dashboradMenuBarHeaderinner .userInfo .location{font-size:12px;} 
.dashboradMenuBarHeaderinner .siteLogo{align-items: center;font-size: 24px;gap:5px;}
.dashboradMenuBarHeaderinner .siteLogo img{width: 40px;}
.dashboradMenuBarHeaderinner .siteLogo .txt{font-family: 'Martina Plantijn';color: #fff;font-weight: 600;}
.dashboradMenuBarBody{flex-shrink: 1;-webkit-box-flex: 1;flex-grow: 1;overflow: auto;height: 100vh;padding-top: 12px;box-sizing: border-box;}
.dashboradMenuBarBody::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	/*border-radius: 10px;*/
	background-color: #0A150A;
}

.dashboradMenuBarBody::-webkit-scrollbar {
	width: 5px;
	background-color: #7dff9a;
}

.dashboradMenuBarBody::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background: linear-gradient(135deg, #d3ff2c 0%, #71fe02 50%, #5ee600 100%);
}
.dashboradMenu{padding:8px 3px 0;}
.dashboradMenu li{text-align: left;margin-bottom: 5px;}
.dashboradMenu li:last-child{}
.dashboradMenu li a.dashboradMenuLink{color: #fff;opacity: .9; padding: 8px 25px 8px 10px;position: relative;font-size: 13px;line-height: 18px;display: flex;align-items: center;gap:8px;border: 1px solid transparent;}
.dashboradMenu li a.dashboradMenuLink .icon{}{}
.dashboradMenu li a.dashboradMenuLink .txt{}
.dashboradMenu li a.dashboradMenuLink:hover{
background-color: #050c08;
color: #fff;
background: linear-gradient(180deg, #12321f, #0a1e14);
color: #7dff9a;
border-color: rgba(125, 255, 154, 0.4);
/* border-right: 0; */
border-radius: 6px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 0 10px rgba(125, 255, 154, 0.2);			
}
.dashboradMenu li.active a.dashboradMenuLink{
background-color: #050c08;
color: #fff;
background: linear-gradient(180deg, #12321f, #0a1e14);
color: #7dff9a;
border-color: rgba(125, 255, 154, 0.4);
/* border-right: 0; */
border-radius: 6px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 0 10px rgba(125, 255, 154, 0.2);		
}
.dashboradMenu li ul{display:none;padding-top:8px;margin-top:4px;}
.dashboradMenu li.curent ul{display:block;}
.dashboradMenu li ul li{padding-left: 10px;padding-right: 15px;margin-bottom:8px;}
.dashboradMenu li ul li a{padding: 8px 12px 8px 10px;color: #fff;opacity: .9;position: relative;font-size: 12px;line-height: 18px;display: block;border: 1px solid transparent;border-radius: 6px;}
.dashboradMenu li ul li a:hover{color:#7dff9a;opacity: 1;}
.dashboradMenu li ul li.active a{
color: #7dff9a;
opacity: 1;
background: linear-gradient(180deg, #12321f, #0a1e14);
border-color: rgba(125, 255, 154, 0.4);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 0 8px rgba(125, 255, 154, 0.18);
}
.dashboardPagesContent{margin-left: 230px;color: #98a18d;}
.dashboardPagesContent h1,
.dashboardPagesContent h2,
.dashboardPagesContent h3,
.dashboardPagesContent h4,
.dashboardPagesContent h5,
.dashboardPagesContent h6{font-family: "Poppins", sans-serif;letter-spacing: inherit !important;}
.dashboardPagesContent .btn{border: 0;}
.dashboardPagesContent .btn-primary{color: #110e08; background: linear-gradient(135deg, #d3ff2c 0%, #71fe02 50%, #5ee600 100%);background: #3ddc84;color: #0a1a0f;font-size: 12px;font-weight: 600; background: linear-gradient(135deg, #d3ff2c 0%, #71fe02 50%, #5ee600 100%);}
.dashboardPagesContent .btn-secondary{}
.dashboardPagesContent .btn-success{}
.dashboardPagesContent .btn-info{}
.dashboardPagesContent .btn-warning{}
.dashboardPagesContent .btn-danger{}
.dashboardPagesContent .btn-dark{}
.dashboardPagesContent .btn-light{}
.dashboardPagesContent .btn-link{}
.dashboardTopBar{padding: 15px 0;border-bottom: 1px solid #0b2818;border-bottom: 0;}
.dashboardTopBarinner{}
.dashboardTopBarinner .leftPart{gap:20px;}
.dashboardTopBarinner .dashboardTopSearchWrapper .search-box {background: rgb(8 33 19);border: 1px solid rgb(8 33 19);color: #fff;border-radius: 4px;padding-left: 40px;font-size: 12px;}
.dashboardTopBarinner .dashboardTopSearchWrapper .search-box::placeholder {color: #9ca3af;}
.dashboardTopBarinner .dashboardTopSearchWrapper {position: relative;}
.dashboardTopBarinner .dashboardTopSearchWrapper i {position: absolute;top: 50%;left: 15px;transform: translateY(-50%);color: #9ca3af;}
.dashboardTopBarinner .broker-status {background: rgba(34,197,94,0.1);color: #22c55e;padding: 6px 12px;border-radius: 20px;font-size: 12px;display: flex;align-items: center; gap: 6px;}
.dashboardTopBarinner .broker-status .dot {width: 8px;height: 8px;background: #22c55e; border-radius: 50%;}
.dashboardTopBarinner .rightPart{gap:20px;}
.dashboardTopBarinner .profile-dropdown-toggle {gap:30px;color: #98a18d;align-items:center;}
.dashboardTopBarinner .profile-dropdown-toggle:after{display:none;}
.dashboardTopBarinner .profile-area {display: flex;align-items: center;gap: 10px;color: #98a18d;}
.dashboardTopBarinner .profile-area .profile-img {width: 28px;height: 28px;border-radius: 50%;object-fit: cover;}
.dashboardTopBarinner .profile-area .profile-name {font-weight: 600;font-size: 14px;line-height: 18px;color: #fff;}
.dashboardTopBarinner .profile-area .profile-role {font-size: 12px;line-height: 16px;color: #98a18d;}
.user-dropdown-menu{
background-color: #070e0a;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 6px;
/* padding: 20px 15px; */
border-radius: 8px;
color: #98a18d;
padding: 5px 0px;
}
.user-dropdown-menu ul{
list-style:none;
padding:0;
margin:0;
}
.user-dropdown-menu ul li{}
.user-dropdown-menu ul li a{
display: flex;
align-items: center;
gap: 12px;
padding: 5px 10px;
/* border-radius: 8px; */
cursor: pointer;
position: relative;
color: #98a18d;
transition: .3s;
font-size: 12px;
line-height: 18px;
}
.user-dropdown-menu ul li a i{
width:20px;
text-align:center;
font-size:16px;
}
.user-dropdown-menu ul li a:hover{   
color:#5dffb2;
}
.user-dropdown-menu ul li a.badge{
margin-left:auto;
background:#5dffb2;
color:#000;
font-size:12px;
padding:3px 8px;
border-radius:20px;
font-weight:bold;
}
.user-dropdown-menu ul li a.logout{  
border-top:1px solid rgba(255,255,255,0.08);   
}
.dashboardTopBarinner .notification-dropdown-toggle{align-items:center;}
.notification-dropdown-menu{
background-color: #070e0a;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 6px;
/* padding: 20px 15px; */
border-radius: 8px;
color: #98a18d;
padding: 5px 0px;
width: 260px;
/* top: 100% !important; */
left: inherit !important;
right: 0 !important;
/* transform: inherit !important;*/
}
.notification-dropdown-menu .title{
padding: 10px 10px 0px;
margin: 0;
font-size: 18px;
font-size: 14px;
}
.notification-dropdown-menu .divider{
height:1px;
background:rgba(255,255,255,0.1);
margin:10px 0;
}
.notification-dropdown-menu .notify-item-list{
padding: 0 10px;
overflow: auto;
max-height: 250px;	
}
.notification-dropdown-menu .notify-item{ margin-bottom:8px;}
.notification-dropdown-menu .notify-item a{
display: flex;
align-items: center;
gap: 8px;
}
.notification-dropdown-menu .notify-item a img{
width: 30px;
height: 30px;
border-radius: 50%;
}
.notification-dropdown-menu .notify-item a .text{
flex:1;
}
.notification-dropdown-menu .notify-item a .text h4{
margin: 0;
font-size: 11px;
line-height: 15px;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;		
}
.notification-dropdown-menu .notify-item a .text p{
margin: 3px 0 0;
font-size: 10px;
line-height: 14px;
color: #9aa6b2;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;		
}
.notification-dropdown-menu .notify-item a .time{
font-size:11px;
color:#7c8795;
}
.notification-dropdown-menu .view-all-btns{padding:0 15px;}
.notification-dropdown-menu .view-all-btns .view-btn{
width:100%;    
cursor:pointer;
margin-top:10px;
transition:.3s;
justify-content: center;
}
.menuMobileBtn{display:none;}
.dashboardDtlsArea{}
.dashboardDtlsAreainner{}
.card {background-color: #0c1c13;border: 1px solid #0b2818;border-radius: 15px;background: linear-gradient(145deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02)); border: 1px solid rgba(255, 255, 255, 0.08);border-radius: 6px;}
.card-header{padding: 15px 15px;border-color: rgba(255, 255, 255, 0.08);}
.card-header h3{font-size: 14px;font-weight: 500;}
.card-body{padding: 15px 15px;}
.welcome-back-img {position: absolute;bottom: 0;right: 20px;}
.bg-grd-success {background-image: linear-gradient(310deg, #17ad37, #98ec2d) !important;}
.bg-grd-danger {background: linear-gradient(310deg, #ee0979, #ff6a00) !important;}
.dashboardDtlsAreainner .form-control{background-color: #0e1c14;border-color: #23362b;color: #dbe7cc;font-size: 14px;box-shadow: none;}
.dashboardDtlsAreainner .form-control::placeholder {color: #98a18d;opacity: 1;}
.dashboardDtlsAreainner .form-control::-ms-input-placeholder {color: #98a18d;}
.dashboardDtlsAreainner .form-select{background-color: #0e1c14;border-color: #23362b;color: #dbe7cc;font-size: 14px;box-shadow: none;}
.dashboardDtlsAreainner label{color: #dbe7cc;}
.dashboardDtlsAreainner table{}
.dashboardDtlsAreainner table tr{}
.dashboardDtlsAreainner table tr:hover {background: rgba(34, 197, 94, .04);}
.dashboardDtlsAreainner table th{background-color: #07140c;color: #dbe7cc;border-color: #0b2818;font-size: 12px;}
.dashboardDtlsAreainner table td{background-color: transparent;color: #dbe7cc;border-color: #0b2818;font-size: 12px;}
.dashboardDtlsAreainner table td .btn{font-size: 11px;font-weight: 600;padding: 4px 9px;}
.pagination .page-item .page-link{font-size:12px;}
.pagination .page-item:first-child .page-link{background-color: transparent;border-color: #0b2818;color: #fff;}
.pagination .active>.page-link, .pagination .page-link.active{background-color: #ccff00;border-color: #ccff00;color: #000;}
.pagination .page-item:last-child .page-link{background-color: transparent;border-color: #0b2818;color: #fff;}
.dashboardDtlsAreainner div.dataTables_wrapper div.dataTables_info {color: #98a18d;font-size: 14px;}
.dashboard-header{padding: 5px 0px 10px;display: flex;flex-wrap:wrap;align-items: center;gap: 10px;}
.dashboard-title{color: #ffffff;font-size: 20px;font-weight: 600;margin-right: 5px;}
.dashboard-header .broker-box {background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.08);color: #e5e7eb;padding: 6px 14px;border-radius: 8px;display: flex;align-items: center;gap: 8px;cursor: pointer;transition: 0.3s;}
.dashboard-header .broker-box:hover {background: rgba(255,255,255,0.1);}
.dashboard-header .broker-box i {font-size: 14px;}
.dashboard-header .add-btn {width: 34px;height: 34px;border-radius: 6px;background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.08);color: #ffffff;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: 0.3s;}
.dashboard-header .add-btn:hover {background: rgba(255,255,255,0.15);}
.dashboardStaticArea{margin-bottom:20px;}
.dashboardStaticArea .rowBox{margin-left: -5px;margin-right: -5px;}
.dashboardStaticArea .columnBox{padding-left: 5px;padding-right: 5px;}
.dashboardStaticArea .dashboardStaticBox{margin-bottom:10px;}
.dashboardStaticArea .stat-card{background: linear-gradient(145deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02));border: 1px solid rgba(255,255,255,0.08);border-radius: 6px;padding: 15px 15px;color: #fff;position: relative;transition: 0.3s;overflow: hidden;}
.dashboardStaticArea .stat-card::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background: linear-gradient(90deg,#00ff87,#60efff);opacity:0.8;}
.dashboardStaticArea .stat-card:hover{transform: translateY(-5px);box-shadow: 0 0 20px rgba(0,255,135,0.15);}
.dashboardStaticArea .stat-card .stat-title{font-size: 12px;color: #98a18d;margin-bottom: 3px;}
.dashboardStaticArea .stat-card .stat-value{font-size:20px;font-weight:500;}
.dashboardStaticArea .stat-card .text-green{color:#22c55e;font-weight:500;font-size:14px;margin-left:10px;}
.topTraderInfoCardArea .card{background: linear-gradient(145deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02));border: 1px solid rgba(255, 255, 255, 0.08);padding:10px 10px;border-radius: 6px;color: #fff;position: relative;transition: 0.3s;margin-bottom:10px;}
.topTraderInfoCardArea .card .top{display:flex;align-items:center;justify-content:space-between;}
.topTraderInfoCardArea .card .profile{display:flex;align-items:center;}
.topTraderInfoCardArea .card .profile img{width: 40px;height: 40px;border-radius: 50%;margin-right: 12px;}
.topTraderInfoCardArea .card .name{font-weight: 600;font-size: 12px;line-height: 16px;}
.topTraderInfoCardArea .card .percent{font-size: 16px;line-height: 20px;font-weight: 700;color: #3dff8f;margin-top: 2px;}
.topTraderInfoCardArea .card .bottom{gap: 5px;}
.topTraderInfoCardArea .card .stats{display:flex;gap:25px;font-size:12px;margin-top:8px;opacity:0.8;}
.topTraderInfoCardArea .card .stats .statsblk{}
.topTraderInfoCardArea .card .stats .statsblk .info{}
.topTraderInfoCardArea .card .stats .statsblk .ttl{}
.topTraderInfoCardArea .card .toggle{width: 26px;height: 10px;background: #1f2c45;border-radius: 20px;position: relative;}
.topTraderInfoCardArea .card .toggle::after{content: "";width: 10px;height: 10px;background: #3dff8f;position: absolute;top: 0px;right: 2px;border-radius: 50%;}
.topTraderInfoCardArea .card .chart{}
.topTraderInfoCardArea .card .chart canvas{width:100%;height:40px;}
.chart-card{
background: linear-gradient(145deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02));
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 6px;   
color: #fff;
position: relative;
transition: 0.3s;
}
.stats-card{ 
border-radius:14px;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}
.stats-card select.form-select{
background:#111a2c;
color:white;
border:none;
padding:6px 10px;
border-radius:6px;
}
.stats-card canvas{
height:200px !important;
}
.stats-card h2{
font-size: 20px;
margin: 0;
color: #5dffb2;
}
.stats-card p{
opacity:.6;
}
.copy-card .card-header .profit{
background:rgba(93,255,178,0.15);
color:#5dffb2;
padding:6px 12px;
border-radius:8px;
font-weight:600;
}
.copy-card canvas{
height:250px !important;
}
.trade-card{   
}
.trade-card .trade-header{   
margin-bottom:20px;
}
.trade-card .trade-header h3{  
}
.trade-card .trade-header .forminput{}
.trade-card .trade-header .forminputInner{}
.trade-card .tabs span{
display:inline-block;
background:#1b3a2b;
padding:6px 12px;
border-radius:6px;
margin-left:8px;
color:#98a18d;
}
.trade-card .tabs .active{
border: 0;
color: #110e08;
background: linear-gradient(135deg, #d3ff2c 0%, #71fe02 50%, #5ee600 100%);
}
.trade-card table{
width:100%;
border-collapse:collapse;
}
.trade-card table th{
    text-align: left;
    color: rgba(255, 255, 255, .4);
    padding: 11px 16px;
    font-size: 11px;
    font-weight: 700;
    background: #111a11;
    text-transform: uppercase;
    letter-spacing: 1.1px;
    text-align: center;
}
.broker-img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
}
.text-success {
    font-weight: 700;
}
.trade-card table th:first-child {
    text-align: left;
}
.trade-card table th:last-child {
    text-align: right;
}
.table-profile-btn {
    background: rgba(34, 197, 94, .15);
    border: 1px solid rgba(34, 197, 94, .28) !important;
    color: #22C55E;
    padding: 6px 9px !important;
}
.table-profile-btn:hover {
    background: rgba(34, 197, 94, .22);
    box-shadow: 0 0 10px rgba(34, 197, 94, .18);
    color: #22C55E;
}
.trade-card table td{
padding:12px;
border-top:1px solid rgba(255,255,255,0.05);
text-align: center;
}
.trade-card table td:first-child {
    text-align: left;
}
.trade-card table td:last-child {
    text-align: right;
}
.trade-card table td.trader{
display:flex;
align-items:center;
gap:8px;
}
.trade-card table td.trader img{
width:30px;
height:30px;
border-radius:50%;
}
.trade-card table td.buy{
color:#5dffb2;
font-weight:600;
}
.trade-card table td.sell{
color:#ff6b6b;
font-weight:600;
}
.trade-card table td.profit{
color:#5dffb2;
font-weight:600;
}
.trade-card table td.loss{
color:#ff6b6b;
font-weight:600;
}
.trade-card table td .switch{
width:36px;
height:18px;
background:#1e2a3f;
border-radius:20px;
position:relative;
}
.trade-card table td .switch.active{
background:#1f3d30;
}
.trade-card table td .switch.active::after{
content:'';
width:14px;
height:14px;
background:#5dffb2;
position:absolute;
top:2px;
right:2px;
border-radius:50%;
}
.dashboradPricingSec{
}
.dashboradPricingSec .toggle{
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
padding-bottom: 15px;
margin-bottom: 20px;	
}
.toggle-wrapper {
display: inline-flex;
align-items: center;
gap: 10px;
background: rgba(34, 197, 94, 0.1);
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 8px;
padding: 3px 8px;
color: #fff;
}  
.toggle-wrapper input[type="checkbox"] {
position: absolute;
opacity: 0;
width: 0;
height: 0;
}
.toggle-wrapper .option-label {
font-size: 12px;
font-weight: 500;
color: #fff;
cursor: pointer;
padding: 2px 4px;
border-radius: 100px;
transition: color 0.2s ease;
user-select: none;
white-space: nowrap;
}  
.toggle-wrapper #monthly:checked ~ .options .label-monthly,
.toggle-wrapper #yearly:checked ~ .options .label-yearly {
color: #fff;
}  
.toggle-wrapper .pill-track {
position: relative;
width: 38px;
height: 16px;
border-radius: 30px;
background: #28482f;
transition: background 0.3s ease;
cursor: pointer;
flex-shrink: 0;
}  
.toggle-wrapper .pill-track::after {
content: '';
position: absolute;
top: 1px;
left: 3px;
width: 14px;
height: 14px;
border-radius: 50%;
background: #fff;
transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}  
.toggle-wrapper #yearly:checked ~ .options .pill-track {
background: #29b15b;
}
.toggle-wrapper #yearly:checked ~ .options .pill-track::after {
transform: translateX(18px);
} 
.toggle-wrapper .badge {
font-size: 11px;
font-weight: 600;
color: #7dff9a;
background: rgb(6 52 26);
border: 1px solid rgb(13 62 34);
border-radius: 100px;
padding: 2px 7px;
letter-spacing: 0.02em;
white-space: nowrap;
transition: all 0.3s ease;
}
.toggle-wrapper #yearly:checked ~ .options .badge {
color: #7df08a;
background: rgba(125, 240, 138, 0.12);
border-color: rgba(125, 240, 138, 0.3);
}
.toggle-wrapper .options {
display: flex;
align-items: center;
gap: 8px;
}
.dashboradPricingSec .plans{
max-width: 1000px;
padding: 20px 20px 0 20px;	
}
.dashboradPricingSec .plans .rowBox{
}
.dashboradPricingSec .plans .columnBox{}
.dashboradPricingSec .plans .plansBox{margin-bottom:30px;}
.dashboradPricingSec .plans .card{
background: linear-gradient(145deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02));
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 6px;
padding: 15px 15px;
color: #fff;
position: relative;
transition:.3s;
}
.dashboradPricingSec .plans .card:hover{
transform:translateY(-6px);
}
.dashboradPricingSec .plans .card h3{
color: #7dff9a;
background: rgba(34, 197, 94, 0.1);
color: #22c55e;
padding: 6px 12px;
text-align: center;
font-size: 20px;
font-weight: 600;
}
.dashboradPricingSec .plans .card h2{
font-size: 30px;
margin: 10px 0;
color: #fff;
font-weight: 700;
text-align: center;
}
.dashboradPricingSec .plans .card p{text-align:center;}
.dashboradPricingSec .plans .card span{
font-size:14px;
color:#aaa;
}
.dashboradPricingSec .plans .card ul{
list-style:none;
padding:0;
text-align:left;
margin:25px 0;
}
.dashboradPricingSec .plans .card li{
padding: 10px 0;
color: #fff;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
/* Button */
.dashboradPricingSec .plans .card button{
width: 100%;
padding: 12px;
background: #13262b;
border: none;
color: #fff;
border-radius: 8px;
cursor: pointer;
color: #110e08;
background: linear-gradient(135deg, #d3ff2c 0%, #71fe02 50%, #5ee600 100%);
font-weight: 500;
background: #3ddc84;color: #0a1a0f;font-size: 14px;font-weight: 600;
}
.dashboradPricingSec .plans .card button:hover{
color: #110e08;
background: linear-gradient(135deg, #d3ff2c 0%, #71fe02 50%, #5ee600 100%);
}
/* Popular */
.dashboradPricingSec .plans .card.popular{
border:1px solid #5dffb2;
}
.dashboradPricingSec .plans .card.popular .badge{
position:absolute;
top:-12px;
left:50%;
transform:translateX(-50%);
background:#5dffb2;
color:#000;
padding:5px 12px;
border-radius:6px;
font-size:12px;
}
/* Elite Glow */
.dashboradPricingSec .plans .card.elite{
box-shadow:0 0 40px rgba(93,255,178,0.4);
}
/* Enterprise */
.dashboradPricingSec .enterprise{   
/* margin-top: 50px; */
padding: 25px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
display: flex;
justify-content: space-between;
align-items: center;
}
.dashboradPricingSec .enterprise h3{font-size: 16px;line-height: 22px;color:#fff;}
.dashboradPricingSec .enterprise p{font-size: 14px;line-height: 20px;}
.dashboradPricingSec .enterprise .contactBtn{
color: #110e08;
background: linear-gradient(135deg, #d3ff2c 0%, #71fe02 50%, #5ee600 100%);
border: none;
padding: 6px 25px;
border-radius: 8px;
cursor: pointer;
font-size: 14px;
font-weight: 500;
background: #3ddc84;color: #0a1a0f;font-weight: 600;
}
.dashboradPricingSec .features{
margin-top:40px;
display:flex;
justify-content:center;
gap:80px;    
}
.dashboradPricingSec .trust-bar {
display: flex;
flex-wrap:wrap;
align-items: center;
justify-content: center;
gap: 0;
padding: 0 8px;
}
.trust-item {
display: flex;
align-items: center;
gap: 14px;
padding: 20px 32px;
position: relative;
flex: 1;
}
/* Dividers */
.trust-item + .trust-item::before {
content: '';
position: absolute;
left: 0;
top: 20%;
height: 60%;
width: 1px;
background: rgba(255,255,255,0.08);
} 
.dashboradPricingSec .icon-wrap {
flex-shrink: 0;
width: 44px;
height: 44px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
color: #22c55e;
font-size: 30px;
}
.dashboradPricingSec .text-group {
display: flex;
flex-direction: column;
gap: 2px;
}
.dashboradPricingSec .title {
font-size: 15px;
font-weight: 500;
color: #fff;    
}
.dashboradPricingSec .subtitle {
font-size: 12px;
font-weight: 400;
color: #98a18d;
white-space: nowrap;
}
.settingSecHeader {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
}
.settingSecHeader h2 {
font-family: 'Rajdhani', sans-serif;
font-size: 22px;
font-weight: 700;
color: #fff;
display: flex;
align-items: center;
gap: 10px;
}
.settingSec{}
.settingSec{
--bg: #0d1117;
--panel: #131a1f;
--panel2: #161e24;
--border: rgba(255,255,255,0.07);
--green: #3ddc84;
--green-dim: rgba(61,220,132,0.12);
--green-glow: rgba(61,220,132,0.25);
--text: #e2e8f0;
--muted: #6b7a8a;
--input-bg: #0e151b;
--input-border: rgba(255,255,255,0.1);
}
.settingSecHeader h2 svg { color: var(--green); }
.settingSecHeader .btn-save {
background: var(--green);
color: #0a1a0f;
font-family: 'DM Sans', sans-serif;
font-size: 13px;
font-weight: 600;
border: none;
border-radius: 8px;
padding: 9px 20px;
cursor: pointer;
transition: all 0.2s;
box-shadow: 0 0 16px var(--green-glow);
}
.settingSecHeader .btn-save:hover { filter: brightness(1.1); }
.settinglayout {
gap: 16px;
}
.settinglayout .left-panel {
background: var(--panel);
border: 1px solid var(--border);
border-radius: 14px;
padding: 24px 20px;
display: flex;
flex-direction: column;
gap: 18px;
background: linear-gradient(145deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02));
border: 1px solid rgba(255, 255, 255, 0.08);	
}
.avatar-section {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
padding-bottom: 18px;
border-bottom: 1px solid var(--border);
}
.avatar-section .avatar-wrap {
position: relative;
width: 90px;
height: 90px;
}
.avatar-section .avatar-wrap img {
width: 90px;
height: 90px;
border-radius: 50%;
object-fit: cover;
border: 2px solid var(--green);
box-shadow: 0 0 20px var(--green-glow);
}
.avatar-section .avatar-placeholder {
width: 90px;
height: 90px;
border-radius: 50%;
background: linear-gradient(135deg, #1a2a20, #0e1a14);
border: 2px solid var(--green);
box-shadow: 0 0 20px var(--green-glow);
display: flex;
align-items: center;
justify-content: center;
font-family: 'Rajdhani', sans-serif;
font-size: 32px;
font-weight: 700;
color: var(--green);
}
/* Radial glow behind avatar */
.avatar-section .avatar-wrap::before {
content: '';
position: absolute;
inset: -8px;
border-radius: 50%;
background: radial-gradient(circle, var(--green-dim) 0%, transparent 70%);
z-index: -1;
}
.avatar-section .user-name {
font-family: 'Rajdhani', sans-serif;
font-size: 20px;
font-weight: 700;
color: #fff;
text-align: center;
}
.avatar-section .user-role {
font-size: 12px;
color: var(--muted);
text-align: center;
margin-top: -8px;
}
.avatar-section .btn-upload {
background: transparent;
border: 1px solid var(--green);
color: var(--green);
font-family: 'DM Sans', sans-serif;
font-size: 12px;
font-weight: 600;
border-radius: 7px;
padding: 7px 18px;
cursor: pointer;
transition: all 0.2s;
box-shadow: 0 0 10px rgba(61,220,132,0.1);
}
.avatar-section .btn-upload:hover { background: var(--green-dim); }
/* Form fields */
.settinglayout .left-panel .field { display: flex; flex-direction: column; gap: 5px; }
.settinglayout .left-panel .field label {
font-size: 11px;
font-weight: 600;
color: var(--muted);
letter-spacing: 0.04em;
text-transform: uppercase;
}
.settinglayout .left-panel .field input {
background: var(--input-bg);
border: 1px solid var(--input-border);
border-radius: 7px;
color: var(--text);
font-family: 'DM Sans', sans-serif;
font-size: 13px;
padding: 9px 12px;
outline: none;
transition: border-color 0.2s;
width: 100%;
}
.settinglayout .left-panel .field input:focus { border-color: rgba(61,220,132,0.4); }
.phone-row { display: flex; gap: 6px; }
.settinglayout .left-panel .field .country-select {
background: var(--input-bg);
border: 1px solid var(--input-border);
border-radius: 7px;
color: var(--text);
font-size: 12px;
padding: 9px 8px;
outline: none;
cursor: pointer;
font-family: 'DM Sans', sans-serif;
flex-shrink: 0;
}
.settinglayout .left-panel .field .input-icon {
position: relative;
}
.settinglayout .left-panel .field .input-icon input { padding-left: 34px; }
.settinglayout .left-panel .field .input-icon .ico {
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
color: var(--muted);
font-size: 13px;
}
.settinglayout .left-panel .field .input-icon .ico-right {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
color: var(--muted);
cursor: pointer;
}
.settinglayout .left-panel .btn-update {
background: var(--green);
color: #0a1a0f;
font-family: 'DM Sans', sans-serif;
font-size: 13px;
font-weight: 700;
border: none;
border-radius: 8px;
padding: 11px;
width: 100%;
cursor: pointer;
box-shadow: 0 0 16px var(--green-glow);
transition: all 0.2s;
margin-top: 4px;
}
.settinglayout .left-panel .btn-update:hover { filter: brightness(1.1); }
.settinglayout .right-panel {
display: flex;
flex-direction: column;
gap: 16px;
}
.settinglayout .right-panel .notifications-card {
background: var(--panel);
border: 1px solid var(--border);
border-radius: 14px;
padding: 22px 22px 10px;
background: linear-gradient(145deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02));
border: 1px solid rgba(255, 255, 255, 0.08);	
}
.settinglayout .right-panel .notifications-card .card-title {
font-family: 'Rajdhani', sans-serif;
font-size: 18px;
font-weight: 700;
color: #fff;
margin-bottom: 16px;
}
.settinglayout .right-panel .notifications-card .notif-item {
display: flex;
align-items: center;
gap: 14px;
padding: 14px 0;
border-bottom: 1px solid var(--border);
}
.settinglayout .right-panel .notifications-card .notif-item:last-child { border-bottom: none; }
.settinglayout .right-panel .notifications-card .notif-item .notif-icon {
width: 36px;
height: 36px;
border-radius: 9px;
background: var(--green-dim);
border: 1px solid rgba(61,220,132,0.15);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
color: var(--green);
}
.settinglayout .right-panel .notifications-card .notif-item .notif-text { flex: 1; }
.settinglayout .right-panel .notifications-card .notif-item .notif-title {
font-size: 14px;
font-weight: 600;
color: #fff;
margin-bottom: 2px;
}
.settinglayout .right-panel .notifications-card .notif-item .notif-desc { font-size: 11px; color: var(--muted); line-height: 1.4; }
.settinglayout .right-panel .notifications-card .notif-item .toggle { position: relative; width: 44px; height: 24px; flex-shrink: 0; }
.settinglayout .right-panel .notifications-card .notif-item .toggle input { opacity: 0; width: 0; height: 0; position: absolute; }
.settinglayout .right-panel .notifications-card .notif-item .toggle-track {
position: absolute;
inset: 0;
border-radius: 100px;
background: #1e2d24;
border: 1px solid rgba(61,220,132,0.2);
cursor: pointer;
transition: background 0.25s;
}
.settinglayout .right-panel .notifications-card .notif-item .toggle-track::after {
content: '';
position: absolute;
top: 3px; left: 3px;
width: 16px; height: 16px;
border-radius: 50%;
background: var(--muted);
transition: transform 0.25s cubic-bezier(0.34,1.56,0.64,1), background 0.25s;
}
.settinglayout .right-panel .notifications-card .notif-item .toggle input:checked + .toggle-track {
background: #1e3d28;
border-color: var(--green);
}
.settinglayout .right-panel .notifications-card .notif-item .toggle input:checked + .toggle-track::after {
transform: translateX(20px);
background: var(--green);
box-shadow: 0 0 8px var(--green-glow);
} 
.settinglayout .right-panel .trust-bar {
background: var(--panel);
border: 1px solid var(--border);
border-radius: 14px;
padding: 0px;
display: flex;
flex-wrap:wrap;
align-items: center;
justify-content: space-around;
gap: 8px;
background: linear-gradient(145deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02));
border: 1px solid rgba(255, 255, 255, 0.08);	
}
.settinglayout .right-panel .trust-bar .trust-item {
display: flex;
align-items: center;
gap: 10px;
padding: 20px 20px;	
}
.settinglayout .right-panel .trust-bar .trust-item .trust-icon {
color: var(--green);
flex-shrink: 0;
}
.settinglayout .right-panel .trust-bar .trust-item .trust-text .t-title {
font-size: 13px;
font-weight: 600;
color: #fff;
white-space: nowrap;
}
.settinglayout .right-panel .trust-bar .trust-item .trust-text .t-sub {
font-size: 11px;
color: var(--muted);
white-space: nowrap;
}
.settinglayout .right-panel .trust-bar .trust-divider {
width: 1px;
height: 32px;
background: var(--border);
}
.settinglayout .right-panel .connecr-trust-bar{justify-content: space-between;padding: 20px 20px;gap:10px;}
.settinglayout .right-panel .connecr-trust-bar .leftPart{gap:10px;}
.settinglayout .right-panel .connecr-trust-bar .leftPart .brokerUserArea{display:flex;gap:10px;}
.settinglayout .right-panel .connecr-trust-bar .leftPart .brokerUserArea .userImage{width: 36px;height: 36px;overflow: hidden;border-radius: 50%;}
.settinglayout .right-panel .connecr-trust-bar .leftPart .brokerUserArea .userImage img{width: 100%;height: 100%;object-fit: cover;}
.settinglayout .right-panel .connecr-trust-bar .leftPart .brokerUserArea .userInfo{}
.settinglayout .right-panel .connecr-trust-bar .leftPart .brokerUserArea .userInfo .username{font-size:14px;font-family: "Poppins", sans-serif;letter-spacing: inherit !important;} 
.settinglayout .right-panel .connecr-trust-bar .leftPart .brokerUserArea .userInfo p{font-size:12px;} 
.settinglayout .right-panel .connecr-trust-bar .rightPart{}
.settinglayout .right-panel .connecr-trust-bar .rightPart .btn-connect{
}
.strategyMarketplacePageHeader {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 24px;
flex-wrap: wrap;
}
.strategyMarketplacePageHeader .search-box{position:relative;}
.strategyMarketplacePageHeader .search-box .icon{position: absolute;top: 8px;left: 8px;color: #3ef03e;}
.strategyMarketplacePageHeader .search-box .search-box-input{
background: #0f1a0f;
border: 1px solid #2a3e2a;
border-radius: 6px;
padding: 7px 14px;
color: #8acc8a;
font-family: inherit;
font-size: 13px;
outline: none;
width: 190px;
transition: border-color .2s;
padding-left:30px;
}
.strategyMarketplacePageHeader .search-box .search-box-input::placeholder { color: #3a6a3a; }
.strategyMarketplacePageHeader .search-box .search-box-input:focus { border-color: #3ef03e; }
.strategyMarketplacePageHeader .filter-btn {
background: #0f1a0f;
border: 1px solid #2a3e2a;
border-radius: 6px;
padding: 7px 14px;
color: #8acc8a;
font-family: inherit;
font-size: 12px;
cursor: pointer;
transition: border-color .2s, color .2s;
}
.strategyMarketplacePageHeader .filter-btn:hover { border-color: #3ef03e; color: #3ef03e; }
.strategyMarketplaceListArea{}
.strategyMarketplaceListArea .rowBox{margin-left:-8px;margin-right:-8px;}
.strategyMarketplaceListArea .columnBox{padding-left:8px;padding-right:8px;}
.strategyMarketplaceListArea .strategyMarketplaceListBox{margin-bottom:16px;}
.strategy-card {
background: linear-gradient(160deg, #0d180d 0%, #0f1f0f 55%, #081408 100%);
border: 1px solid #1a2e1a;
border-radius: 10px;
overflow: hidden;
transition: transform .25s, border-color .25s, box-shadow .25s;
height: 100%;
display: flex;
flex-direction: column;
position: relative;
}
.strategy-card::before {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(ellipse at 50% 0%, rgba(62,240,62,.05) 0%, transparent 65%);
pointer-events: none;
}
.strategy-card:hover {
transform: translateY(-3px);
border-color: #2e6e2e;
box-shadow: 0 10px 36px rgba(62,240,62,.11);
}
.strategy-card .card-top { padding: 12px 14px 4px; }
.strategy-card .strategy-name {
font-family: 'Orbitron', monospace;
font-size: 11.5px;
font-weight: 700;
color: #dfffdf;
letter-spacing: .4px;
margin-bottom: 1px;
}
.strategy-card .roi-value {
font-family: 'Orbitron', monospace;
font-size: 28px;
font-weight: 900;
line-height: 1.15;
color: #3ef03e;
}
.strategy-card .roi-label {
font-family: 'Orbitron', monospace;
font-size: 13px;
font-weight: 400;
color: #5ab05a;
margin-left: 2px;
}  
.strategy-card .chart-wrap {
flex: 1;
min-height: 85px;
position: relative;
margin-bottom: 6px;
}
.strategy-card .card-meta-box {
margin: 0 10px 10px;
border: 2px solid rgba(210, 28, 28, 0.88);
border-radius: 6px;
background: rgba(150, 10, 10, 0.08);
/* box-shadow: 0 0 10px rgba(220, 30, 30, 0.2), inset 0 0 8px rgba(200, 20, 20, 0.05); */
background: linear-gradient(145deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02));
border: 1px solid rgba(255, 255, 255, 0.08);
}
.strategy-card .meta-row {
display: flex;
align-items: stretch;
padding: 5px 8px;
}
.strategy-card .meta-row + .meta-row {
border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.strategy-card .meta-col {
display: flex;
align-items: center;
gap: 5px;
font-size: 11px;
color: #6aaa6a;
min-width: 0;
}
.strategy-card .meta-col.col-left  { flex: 1.2; }
.strategy-card .meta-col.col-mid   { flex: 1.2; }
.strategy-card .meta-col.col-right { flex: 1; }
.strategy-card .meta-col-label {
color: #7ab07a;
font-size: 11px;
white-space: nowrap;
}
.strategy-card .meta-followers-count {
color: #567856;
font-size: 10px;
white-space: nowrap;
}
.strategy-card .meta-vdiv {
width: 1px;
background: rgba(255, 255, 255, 0.08);
margin: 0 7px;
flex-shrink: 0;
}
.strategy-card .meta-dot {
width: 7px; height: 7px;
border-radius: 50%;
display: inline-block;
flex-shrink: 0;
}
.strategy-card .dot-low    { background: #3ef03e; box-shadow: 0 0 4px #3ef03e88; }
.strategy-card .dot-medium { background: #f0c83e; box-shadow: 0 0 4px #f0c83e88; }
.strategy-card .dot-high   { background: #f04040; box-shadow: 0 0 4px #f0404088; }
.strategy-card .dd-val-low    { color: #3ef03e; font-size: 11px; }
.strategy-card .dd-val-medium { color: #f0c83e; font-size: 11px; }
.strategy-card .dd-val-high   { color: #f05050; font-size: 11px; }
.strategy-card .badge-risk {
font-size: 10px;      
padding: 1px 6px;
border-radius: 3px;
}
.strategy-card .badge-low    { background: rgba(62,240,62,.15);  color: #3ef03e; border: 1px solid rgba(62,240,62,.35); }
.strategy-card .badge-medium { background: rgba(240,200,62,.15); color: #f0c83e; border: 1px solid rgba(240,200,62,.35); }
.strategy-card .badge-high   { background: rgba(240,62,62,.15);  color: #f05050; border: 1px solid rgba(240,62,62,.5); }
.strategy-card .aum-label { color: #6aaa6a; font-size: 10px; white-space: nowrap; }
.strategy-card .aum-val   { color: #b0e0b0; font-size: 11px; font-weight: bold; white-space: nowrap; }
.strategy-card .copy-btn {
display: block;
width: calc(100% - 20px);
margin: 0 10px 10px;
padding: 8px;
background: linear-gradient(90deg, #163816, #1a4e1a);
border: 1px solid #2a7a2a;
border-radius: 6px;
color: #6edd6e;      
font-size: 12px;
font-weight:600;
letter-spacing: .5px;
cursor: pointer;
transition: background .2s, color .2s, box-shadow .2s;
}
.strategy-card .copy-btn:hover {
background: linear-gradient(90deg, #1e5a1e, #246e24);
color: #bfffbf;
box-shadow: 0 0 12px rgba(62,240,62,.22);
}
.strategy-card .forminput{padding: 0px 10px 10px;}
.strategy-card .forminput .copy-btn{
margin: 0px;
width: auto;
padding: 3px 10px;
}  
.strategy-card .followers-icon { opacity: .75; flex-shrink: 0; }
.dashboard-header .header-actions {     
display: flex;
gap: 10px;     
}
.dashboard-header .header-actions .btn-save {
background: linear-gradient(135deg, #1a6a1a, #22a022);
border: 1px solid #3ef03e;
border-radius: 7px;
color: #cfffcf;      
font-size: 12px;
padding: 7px 16px;
cursor: pointer;
display: flex;
align-items: center;
gap: 7px;
transition: all .2s;
white-space: nowrap;
}
.dashboard-header .header-actions .btn-save:hover { background: linear-gradient(135deg, #22a022, #2ec02e); box-shadow: 0 0 14px rgba(62,240,62,.3); }
.dashboard-header .header-actions .btn-back {
background: #0f1a0f;
border: 1px solid #2a4a2a;
border-radius: 7px;
color: #8acc8a;      
font-size: 12px;
padding: 7px 16px;
cursor: pointer;
display: flex;
align-items: center;
gap: 7px;
transition: all .2s;
white-space: nowrap;
}
.dashboard-header .header-actions .btn-back:hover { border-color: #3ef03e; color: #c8ffc8; }
.createStrategyPageSec{}
.createStrategyMainLayout {      
}
.createStrategyMainLayout .panel {
background: linear-gradient(160deg, #0c180c 0%, #0f1f0f 60%, #081408 100%);
border: 1px solid #1a3a1a;
border-radius: 10px;
padding: 16px;
margin-bottom: 14px;
position: relative;
}
.createStrategyMainLayout .panel::before {
content: '';
position: absolute;
inset: 0;
border-radius: 10px;
background: radial-gradient(ellipse at 50% 0%, rgba(62,240,62,.04) 0%, transparent 60%);
pointer-events: none;
}
.createStrategyMainLayout .panel .panel-title {      
font-size: 14px;
font-weight: 600;
color: #e8ffe8;
margin-bottom: 14px;      
}
.createStrategyMainLayout .panel .field-label {
font-size: 12px;
color: #8ac18a;
margin-bottom: 5px;      
}
.createStrategyMainLayout .panel .field-input {
background: #0a120a;
border: 1px solid #1e3a1e;
border-radius: 6px;
padding: 8px 12px;
color: #c8ffc8;      
font-size: 12px;
width: 100%;
outline: none;
transition: border-color .2s;
}
.createStrategyMainLayout .panel .field-input:focus { border-color: #3ef03e; }
.createStrategyMainLayout .panel .field-select {
background: #0a120a;
border: 1px solid #1e3a1e;
border-radius: 6px;
padding: 8px 12px;
color: #c8ffc8;      
font-size: 12px;
width: 100%;
outline: none;
cursor: pointer;
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%234a8a4a' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 10px center;
padding-right: 28px;
transition: border-color .2s;
}
.createStrategyMainLayout .panel .field-select:focus { border-color: #3ef03e; }
.createStrategyMainLayout .panel .select-with-flag {
position: relative;
}
.createStrategyMainLayout .panel .select-with-flag .flag-prefix {
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
font-size: 13px;
pointer-events: none;
z-index: 1;
}
.select-with-flag .field-select {
padding-left: 30px;
}
.createStrategyMainLayout .panel .slider-wrap { margin-top: 6px; }
.createStrategyMainLayout .panel .slider-wrap input[type=range] {
-webkit-appearance: none;
width: 100%;
height: 3px;
border-radius: 2px;
background: #1a3a1a;
outline: none;
cursor: pointer;
}
.createStrategyMainLayout .panel .slider-wrap input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
width: 13px;
height: 13px;
border-radius: 50%;
background: #3ef03e;
box-shadow: 0 0 6px rgba(62,240,62,.5);
cursor: pointer;
}
.createStrategyMainLayout .panel .slider-wrap .slider-green { accent-color: #3ef03e; }
.createStrategyMainLayout .panel .slider-wrap .slider-red   { accent-color: #f04040; }
.createStrategyMainLayout .panel .slider-wrap .slider-amber { accent-color: #f0c840; }
.createStrategyMainLayout .panel .btn-add-indicator {
background: transparent;
border: 1px solid #3ef03e;
border-radius: 6px;
color: #3ef03e;      
font-size: 11px;
padding: 5px 12px;
cursor: pointer;
display: flex;
align-items: center;
gap: 5px;
transition: all .2s;
white-space: nowrap;
}
.createStrategyMainLayout .panel .btn-add-indicator:hover { background: rgba(62,240,62,.1); }
.createStrategyMainLayout .panel .condition-row {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 8px;
}
.createStrategyMainLayout .panel .drag-handle {
color: #3a6a3a;
cursor: grab;
font-size: 14px;
flex-shrink: 0;
}
.createStrategyMainLayout .panel .condition-row .field-select { flex: 1; min-width: 0; }
.createStrategyMainLayout .panel .condition-input-sm {
background: #0a120a;
border: 1px solid #1e3a1e;
border-radius: 6px;
padding: 8px 10px;
color: #c8ffc8;      
font-size: 12px;
width: 52px;
outline: none;
text-align: center;
flex-shrink: 0;
}
.createStrategyMainLayout .panel .btn-expand {
background: transparent;
border: 1px solid #2a4a2a;
border-radius: 5px;
color: #5a9a5a;
width: 26px; height: 26px;
display: flex; align-items: center; justify-content: center;
cursor: pointer;
flex-shrink: 0;
font-size: 11px;
}
.createStrategyMainLayout .panel .btn-delete {
background: transparent;
border: 1px solid rgba(240,64,64,.35);
border-radius: 5px;
color: #f04040;
width: 26px; height: 26px;
display: flex; align-items: center; justify-content: center;
cursor: pointer;
flex-shrink: 0;
font-size: 13px;
transition: background .2s;
}
.createStrategyMainLayout .panel .btn-delete:hover { background: rgba(240,64,64,.15); }
.createStrategyMainLayout .panel .btn-save-draft {
background: transparent;
border: 1px solid #2a4a2a;
border-radius: 6px;
color: #7ab07a;      
font-size: 11px;
padding: 7px 16px;
cursor: pointer;
display: flex;
align-items: center;
gap: 6px;
margin: 4px auto 0;
transition: border-color .2s, color .2s;
}
.createStrategyMainLayout .panel .btn-save-draft:hover { border-color: #3ef03e; color: #c8ffc8; }
.createStrategyMainLayout .preview-panel {
background: linear-gradient(160deg, #0c180c 0%, #0f1f0f 60%, #081408 100%);
border: 1px solid #1a3a1a;
border-radius: 10px;
padding: 14px;
margin-bottom: 14px;
position: relative;
overflow: hidden;
}
.createStrategyMainLayout .preview-panel::before {
content: '';
position: absolute;
inset: 0;
border-radius: 10px;
background: radial-gradient(ellipse at 50% 0%, rgba(62,240,62,.04) 0%, transparent 60%);
pointer-events: none;
}
.createStrategyMainLayout .preview-panel .preview-title {     
font-size: 13px;
font-weight: 700;
color: #e8ffe8;
margin-bottom: 10px;
display: flex;
align-items: center;
justify-content: space-between;
}
.createStrategyMainLayout .preview-panel .preview-title .menu-icon { color: #4a8a4a; font-size: 16px; cursor: pointer; }
.createStrategyMainLayout .preview-panel .preview-stats {
display: flex;
gap: 20px;
margin-bottom: 8px;
}
.createStrategyMainLayout .preview-panel .stat-label { font-size: 10px; color: #5a8a5a; margin-bottom: 2px; }
.createStrategyMainLayout .preview-panel .stat-profit { font-family: 'Orbitron', monospace; font-size: 24px; font-weight: 900; color: #3ef03e; }
.createStrategyMainLayout .preview-panel .stat-risk   { font-family: 'Orbitron', monospace; font-size: 20px; font-weight: 700; color: #f0c840; }
.createStrategyMainLayout .preview-panel .preview-chart-wrap {
height: 60px;
position: relative;
margin: 6px 0;
}
.createStrategyMainLayout .preview-panel .preview-bottom {
display: flex;
gap: 20px;
margin-top: 6px;
font-size: 11px;
}
.createStrategyMainLayout .preview-panel .win-rate-val { color: #3ef03e; font-weight: bold; }
.createStrategyMainLayout .preview-panel .maxdd-val    { color: #f04040; font-weight: bold; }
.createStrategyMainLayout .logic-panel {
background: linear-gradient(160deg, #0c180c 0%, #0f1f0f 60%, #081408 100%);
border: 1px solid #1a3a1a;
border-radius: 10px;
padding: 14px;
margin-bottom: 14px;
}
.createStrategyMainLayout .logic-panel  .logic-title {      
font-size: 13px;
font-weight: 700;
color: #e8ffe8;
margin-bottom: 12px;
}
.createStrategyMainLayout .logic-panel .logic-row {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 8px;
flex-wrap: wrap;
}
.createStrategyMainLayout .logic-panel .logic-keyword {
font-family: 'Orbitron', monospace;
font-size: 10px;
font-weight: 700;
padding: 3px 8px;
border-radius: 4px;
flex-shrink: 0;
}
.createStrategyMainLayout .logic-panel .kw-if   { background: rgba(62,240,62,.15); color: #3ef03e; border: 1px solid rgba(62,240,62,.3); }
.createStrategyMainLayout .logic-panel .kw-and  { background: rgba(90,140,90,.15);  color: #7ab07a; border: 1px solid rgba(90,140,90,.3); }
.createStrategyMainLayout .logic-panel .kw-then { background: rgba(62,180,62,.15);  color: #5acc5a; border: 1px solid rgba(62,180,62,.3); }
.createStrategyMainLayout .logic-panel .logic-text {
font-size: 11px;
color: #a0d0a0;
}
.createStrategyMainLayout .logic-panel .logic-text .hl-green  { color: #3ef03e; }
.createStrategyMainLayout .logic-panel .logic-text .hl-amber  { color: #f0c840; }
.createStrategyMainLayout .logic-panel .logic-then-box {
display: flex;
align-items: center;
gap: 8px;
margin-top: 8px;
background: rgba(62,240,62,.06);
border: 1px solid rgba(62,240,62,.2);
border-radius: 8px;
padding: 8px 12px;
}
.createStrategyMainLayout .logic-panel .open-buy {     
font-size: 13px;
font-weight: 700;
}
.createStrategyMainLayout .logic-panel .open-buy .open-word { color: #c8ffc8; }
.createStrategyMainLayout .logic-panel .open-buy .buy-word  { color: #3ef03e; }
.createStrategyMainLayout .logic-panel .open-buy .trade-word{ color: #c8ffc8; }
.createStrategyMainLayout .logic-panel .pulse-dot {
width: 8px; height: 8px;
border-radius: 50%;
background: #3ef03e;
box-shadow: 0 0 6px #3ef03e;
flex-shrink: 0;
animation: pulse 1.6s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% { box-shadow: 0 0 4px #3ef03e; }
50%       { box-shadow: 0 0 12px #3ef03e, 0 0 20px rgba(62,240,62,.4); }
}
.createStrategyMainLayout .btn-deploy {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
width: 100%;
padding: 14px;
background: linear-gradient(135deg, #1a6a1a, #22a022);
border: 1px solid #3ef03e;
border-radius: 10px;
color: #cfffcf;      
font-size: 13px;
font-weight: 700;
cursor: pointer;
letter-spacing: .5px;
transition: all .2s;
box-shadow: 0 4px 20px rgba(62,240,62,.2);
}
.createStrategyMainLayout .btn-deploy:hover {
background: linear-gradient(135deg, #22a022, #30c030);
box-shadow: 0 6px 28px rgba(62,240,62,.4);
}
.createStrategyMainLayout .btn-deploy .deploy-icon {
width: 20px; height: 20px;
border-radius: 50%;
border: 2px solid rgba(255,255,255,.4);
display: flex; align-items: center; justify-content: center;
font-size: 11px;
}  
.createStrategyMainLayout .rm-grid {
display: grid;
grid-template-columns: 80px 1fr 1fr 1fr;
gap: 12px;
align-items: start;
}
@media (max-width: 576px) {
.createStrategyMainLayout .rm-grid { grid-template-columns: 1fr 1fr; }
}    
.createStrategyMainLayout .details-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 12px;
}
@media (max-width: 576px) {
.createStrategyMainLayout .details-grid { grid-template-columns: 1fr 1fr; }
}   
.leadersPageSec{}
.leadersPageSec .rowBox{}
.leadersPageSec .columnBox{}
.leadersPageSec .leadersChartBox{margin-bottom:30px;}	
.leaders-trade-card {
background: radial-gradient(ellipse at 30% 20%, #0e2a0e 0%, #091409 55%, #050c05 100%);
border: 1px solid #1e3e1e;
border-radius: 16px;
padding: 16px 16px 14px;
box-shadow:
0 0 50px rgba(30,180,30,.07),
inset 0 1px 0 rgba(62,240,62,.05);
position: relative;
overflow: hidden;
height: 100%;
}
.leaders-trade-card::after {
content: '';
position: absolute;
bottom: -30px; right: -30px;
width: 160px; height: 160px;
border-radius: 50%;
background: radial-gradient(circle, rgba(50,200,50,.06) 0%, transparent 70%);
pointer-events: none;
}
.leaders-trade-card .top-row {
display: flex;
align-items: flex-start;
gap: 10px;
margin-bottom: 12px;
}
.leaders-trade-card .avatar-img {
width: 44px; height: 44px;
border-radius: 50%;
border: 2px solid #2a5a2a;
background: linear-gradient(135deg, #8B6914, #C8A020);
display: flex; align-items: center; justify-content: center;
font-size: 20px;
flex-shrink: 0;
overflow: hidden;
}
.leaders-trade-card .name-area { flex: 1; min-width: 0; }
.leaders-trade-card .strategy-name {
font-size: 14px;
font-weight: 700;
color: #e8ffe8;
display: flex;
align-items: center;
gap: 5px;
margin-bottom: 5px;
line-height: 1.2;
}
.leaders-trade-card .verified-icon {
width: 16px; height: 16px;
border-radius: 50%;
background: #1a7a1a;
border: 1.5px solid #3ef03e;
display: flex; align-items: center; justify-content: center;
flex-shrink: 0;
}
.leaders-trade-card .verified-icon svg { width: 9px; height: 9px; }
.leaders-trade-card .badges-row {
display: flex;
align-items: center;
gap: 7px;
}
.leaders-trade-card .badge-count {
background: transparent;
border: 1.5px solid #2a5e2a;
border-radius: 20px;
padding: 2px 8px;
font-size: 10px;
color: #5ed65e;
display: flex;
align-items: center;
gap: 4px;
}
.leaders-trade-card .badge-count .plus-circle {
width: 13px; height: 13px;
border-radius: 50%;
border: 1.5px solid #3ef03e;
display: flex; align-items: center; justify-content: center;
font-size: 8px;
color: #3ef03e;
flex-shrink: 0;
line-height: 1;
}
.leaders-trade-card .badge-api {
background: transparent;
border: 1.5px solid #2a5e2a;
border-radius: 5px;
padding: 2px 8px;
font-size: 10px;
color: #5ed65e;
font-weight: 700;
letter-spacing: .4px;
}
.leaders-trade-card .mid-row {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 8px;
margin-bottom: 2px;
}
.leaders-trade-card .pnl-block { flex: 1; min-width: 0; }
.leaders-trade-card .pnl-value {
font-family: 'Orbitron', monospace;
font-size: 22px;
font-weight: 900;
color: #3ef03e;
letter-spacing: -0.5px;
line-height: 1.1;
white-space: nowrap;
}
.leaders-trade-card .roi-line {
font-size: 10px;
color: #4a7a4a;
margin-top: 2px;
}
.leaders-trade-card .roi-line span { color: #3ef03e; font-weight: 700; }
.leaders-trade-card .chart-block {
position: relative;
width: 120px;
height: 52px;
flex-shrink: 0;
}
.leaders-trade-card .chart-block canvas { display: block; }
.leaders-trade-card .chart-label-neg {
position: absolute;
top: 4px; left: 2px;
font-size: 9px;
font-weight: 700;
color: #f04040;
pointer-events: none;
}
.leaders-trade-card .chart-label-pos {
position: absolute;
top: 1px; right: 1px;
font-size: 10px;
font-weight: 700;
color: #3ef03e;
pointer-events: none;
}    
.leaders-trade-card .divider {
height: 1px;
background: linear-gradient(90deg, transparent, #1e3e1e 20%, #1e3e1e 80%, transparent);
margin: 11px 0;
}    
.leaders-trade-card .stats-row {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 4px;
margin-bottom: 14px;
}
.leaders-trade-card .stat-label {
font-size: 10px;
color: #4a7a4a;
margin-bottom: 3px;
}
.leaders-trade-card .stat-value {
font-size: 13px;
font-weight: 700;
color: #c8e8c8;
}   
.leaders-trade-card .buttons-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px;
}
.leaders-trade-card .btn-mock {
background: #0e1a0e;
border: 1.5px solid #253a25;
border-radius: 10px;
padding: 10px;
color: #b8d8b8;
font-family: 'Noto Sans JP', sans-serif;
font-size: 13px;
font-weight: 700;
cursor: pointer;
transition: all .2s;
}
.leaders-trade-card .btn-mock:hover { border-color: #3ef03e; color: #e8ffe8; }
.leaders-trade-card .btn-full {
background: linear-gradient(135deg, #50f050 0%, #28c828 50%, #1a9a1a 100%);
border: none;
border-radius: 10px;
padding: 10px;
color: #001800;
font-family: 'Noto Sans JP', sans-serif;
font-size: 13px;
font-weight: 900;
cursor: pointer;
transition: all .2s;
box-shadow: 0 3px 16px rgba(62,240,62,.28);
}
.leaders-trade-card .btn-full:hover { filter: brightness(1.1); box-shadow: 0 5px 22px rgba(62,240,62,.45); }
.dashboardPagedasTopHeaderinner{
overflow: hidden;
align-items: center;	
}
.dashboardPagedasTopHeaderinner .market-news {
overflow: hidden;
padding:2px 0;
}
.dashboardPagedasTopHeaderinner .market-news .live-badge {
display: flex;
align-items: center;
gap: 7px;
padding: 0 28px 0 20px;
background: #00ff88;
color: #0a0e17;  
font-size: 11px;
font-weight: 600;
letter-spacing: 0.15em;
text-transform: uppercase;
white-space: nowrap;
flex-shrink: 0;
z-index: 1;
clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 0 100%);
}
.dashboardPagedasTopHeaderinner .market-news .live-badge .live-dot {
width: 7px; height: 7px;
border-radius: 50%;
background: #0a0e17;
animation: blink 1.2s ease-in-out infinite;
}
.dashboardPagedasTopHeaderinner .market-news .news-item .news-tag {    
font-size: 10px;
font-weight: 400;
border-radius: 4px;
text-transform: uppercase;
flex-shrink: 0;
padding: 2px 9px;
margin-right: 5px;
display: inline-block;
}
.dashboardPagedasTopHeaderinner .market-news .news-item .news-tag.tag-bull  { background:rgba(0,255,136,.15); color:#00ff88; border:1px solid rgba(0,255,136,.3); }
.dashboardPagedasTopHeaderinner .market-news .news-item .news-tag.tag-bear  { background:rgba(255,60,60,.15);  color:#ff4444; border:1px solid rgba(255,60,60,.3); }
.dashboardPagedasTopHeaderinner .market-news .news-item .news-tag.tag-news  { background:rgba(0,207,255,.12);  color:#00cfff; border:1px solid rgba(0,207,255,.3); }
.dashboardPagedasTopHeaderinner .market-news .news-item .news-tag.tag-alert { background:rgba(255,170,0,.12);  color:#ffaa00; border:1px solid rgba(255,170,0,.3); }
.dashboardPagedasTopHeaderinner .market-news .news-item .news-tag.tag-ipo   { background:rgba(180,100,255,.12);color:#c47fff; border:1px solid rgba(180,100,255,.3);}
@keyframes blink {
0%,100% { opacity:1; transform:scale(1); }
50%      { opacity:.4; transform:scale(.7); }
}
.dashboardPagedasTopHeaderinner .market-news .news-track {
display: inline-flex;
white-space: nowrap;
}
.dashboardPagedasTopHeaderinner .market-news .news-track .news-item {
margin-right: 30px;
font-size: 12px;
font-weight: 400;
}
.dashboardPagedasTopHeaderinner .market-news .news-track:hover {
animation-play-state: paused;
}
/* Right → Left Animation */
@keyframes scrollNews {
from {
transform: translateX(100%);
}
to {
transform: translateX(-100%);
}
}
.strategyReportCard {
/*background: linear-gradient(145deg, #1a1f27 0%, #141920 60%, #0f1318 100%);
border: 1px solid rgba(200,160,60,0.18);
border-radius: 10px;
width: 560px;
overflow: hidden;
position: relative;
box-shadow:
0 0 0 1px rgba(0,0,0,0.6),
0 8px 40px rgba(0,0,0,0.7),
inset 0 1px 0 rgba(255,220,100,0.07);*/
}  
.strategyReportCard::before {
content: '';
position: absolute;
inset: 0;
background-image: radial-gradient(ellipse at 80% 50%, rgba(210,160,40,0.05) 0%, transparent 60%);
pointer-events: none;
z-index: 0;
}
.strategyReportCardInner {
display: flex;
position: relative;
z-index: 1;
}
.strategyReportCardInner .left-panel {
width: 230px;
flex-shrink: 0;
padding: 22px 20px 20px 22px;
display: flex;
flex-direction: column;
gap: 14px;
border-right: 1px solid rgba(255,255,255,0.05);
}
.strategyReportCardInner .roi-block {
display: flex;
align-items: center;
gap: 10px;
}
.strategyReportCardInner .roi-block .roi-value {  
font-size: 26px;
font-weight: 600;
color: #4cdd8a;
line-height: 1;
}
.strategyReportCardInner .roi-block .roi-label {    
font-size: 11px;
color: rgba(255,255,255,0.45);
letter-spacing: 0.1em;
text-transform: uppercase;
margin-top: 2px;
}
.strategyReportCardInner .divider {
height: 1px;
background: rgba(255,255,255,0.06);
}
.strategyReportCardInner .stat-row {
display: flex;
align-items: center;
gap: 8px;
}
.strategyReportCardInner .stat-icon {
width: 18px;
height: 18px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
}
.strategyReportCardInner .stat-icon svg {
width: 16px;
height: 16px;
}
.strategyReportCardInner .stat-text {    
font-size: 12px;
font-weight: 400;
color: #fff;
}
.strategyReportCardInner .stat-text strong {
color: #fff;
font-size: 14px;
font-weight:600;	
}
.strategyReportCardInner .drawdown strong {
color: #e05555;
}
.strategyReportCardInner .copy-btn {
margin-top: 2px;
background: linear-gradient(135deg, #2e7d4f 0%, #1e6b3e 100%);
border: 1px solid rgba(76, 221, 138, 0.35);
border-radius: 6px;
color: #fff;   
font-size: 12px;
font-weight: 600;    
text-transform: uppercase;
padding: 8px 12px;
cursor: pointer;
width: 100%;
transition: all 0.2s;
box-shadow: 0 2px 12px rgba(40, 140, 80, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1);
position: relative;
overflow: hidden;
}
.strategyReportCardInner .copy-btn::after {
content: '';
position: absolute;
top: 0; left: -100%;
width: 60%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent);
transition: left 0.4s ease;
}
.strategyReportCardInner .copy-btn:hover {
background: linear-gradient(135deg, #35925c 0%, #257849 100%);
box-shadow: 0 4px 20px rgba(40,160,90,0.45), inset 0 1px 0 rgba(255,255,255,0.15);
transform: translateY(-1px);
}
.strategyReportCardInner .copy-btn:hover::after {
left: 150%;
}
.strategyReportCardInner .copy-btn:active {
transform: translateY(0);
}
.strategyReportCardInner .copiers-row {
display: flex;
align-items: center;
gap: 7px;
}
.strategyReportCardInner .copiers-row svg {
width: 13px;
height: 13px;
opacity: 0.5;
}
.strategyReportCardInner .copiers-text {
font-family: 'Share Tech Mono', monospace;
font-size: 11px;
color: rgba(255,255,255,0.38);
letter-spacing: 0.04em;
} 
.strategyReportCardInner .right-panel {
flex: 1;
display: flex;
flex-direction: column;
padding: 10px 8px 8px 8px;
position: relative;
} 
.strategyReportCardInner .time-tabs {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 2px;
padding-right: 4px;
margin-bottom: 6px;
}
.strategyReportCardInner .tab {
font-family: 'Share Tech Mono', monospace;
font-size: 10px;
color: rgba(255,255,255,0.35);
padding: 3px 7px;
border-radius: 3px;
cursor: pointer;
letter-spacing: 0.05em;
transition: all 0.15s;
border: 1px solid transparent;
}
.strategyReportCardInner .tab:hover {
color: rgba(255,255,255,0.65);
background: rgba(255,255,255,0.04);
}
.strategyReportCardInner .tab.active {
color: #d4a832;
background: rgba(212,168,50,0.1);
border-color: rgba(212,168,50,0.25);
}
.strategyReportCardInner .tab-more {
font-family: 'Share Tech Mono', monospace;
font-size: 12px;
color: rgba(255,255,255,0.25);
padding: 3px 5px;
cursor: pointer;
}
.strategyReportCardInner .chart-container {
flex: 1;
position: relative;
min-height: 130px;
}
.strategyReportCardInner .chart-container canvas {
display: block;
}
.strategy-report-card {
/*background: linear-gradient(160deg, #181e27 0%, #121720 100%);
border: 1px solid rgba(255,255,255,0.07);
border-radius: 10px;
width: 100%;
max-width: 560px;
overflow: hidden;
box-shadow: 0 20px 60px rgba(0,0,0,0.6);*/
overflow: hidden;
position: relative;
}
.strategy-report-card .nav-tabs-custom {
display: flex;    
border-bottom: 1px solid rgba(255,255,255,0.06);
padding: 0 6px;
}
.strategy-report-card .nav-tabs-custom .nav-link {   
font-size: 13px;
font-weight: 600;    
color: rgba(255,255,255,0.4);
padding: 10px 14px;
border: none;
border-bottom: 2px solid transparent;
background: transparent;
border-radius: 0;
transition: all 0.2s;
cursor: pointer;
text-decoration: none;
}
.strategy-report-card .nav-tabs-custom .nav-link:hover {
color: rgba(255,255,255,0.7);
}
.strategy-report-card .nav-tabs-custom .nav-link.active {
color: #fff;
border-bottom: 2px solid #4cdd8a;
background: transparent;
}
.strategy-report-card .card-body-inner {
padding: 18px 18px 20px;
}
.strategy-report-card .section-title {
font-size: 14px;
font-weight: 600;
color: #fff;    
text-transform: uppercase;
margin-bottom: 14px;
}
.strategy-report-card .perf-item {
display: flex;
align-items: center;
gap: 9px;
margin-bottom: 10px;
}
.strategy-report-card .perf-icon {
width: 20px;
height: 20px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
}
.strategy-report-card .perf-icon svg {
width: 16px;
height: 16px;
}
.strategy-report-card .perf-text {
font-size: 12px;    
line-height: 1;
}
.strategy-report-card .perf-text strong {
color: #fff;
font-size: 16px;
font-weight: 500;
}
.strategy-report-card .perf-text .muted-tag {   
font-size: 12px;color: #98a18d;    
}
.strategy-report-card .withdrawal-left {
margin-top: 18px;
padding-top: 14px;
border-top: 1px solid rgba(255,255,255,0.06);
}
.strategy-report-card .withdrawal-left .section-title {
margin-bottom: 4px;
}
.strategy-report-card .withdrawal-left .underline-bar {
width: 32px;
height: 2px;
background: #4cdd8a;
border-radius: 2px;
margin-bottom: 10px;
}
.strategy-report-card .withdrawal-desc {
font-size: 12px;
color: rgba(255,255,255,0.38);    
line-height: 1.6;   
}
.strategy-report-card .right-col {
display: flex;
flex-direction: column;
gap: 10px;
}
.strategy-report-card .info-box {
background: linear-gradient(135deg, #1a2a1e 0%, #141f18 100%);
border: 1px solid rgba(76,221,138,0.18);
border-radius: 8px;
padding: 14px 14px 12px;
position: relative;
overflow: hidden;
}
.strategy-report-card .info-box::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0;
height: 3px;
background: linear-gradient(90deg, #4cdd8a 0%, rgba(76,221,138,0.2) 100%);
border-radius: 8px 8px 0 0;
}
.strategy-report-card .info-box-title {
font-size: 13px;
font-weight: 700;
color: #fff;   
margin-bottom: 6px;
}
.strategy-report-card .info-box-desc {
font-size: 11px;
color: rgba(255,255,255,0.38);    
line-height: 1.6;    
}
.strategy-report-card .tag-box {
background: #152119;
border: 1px solid rgba(255,255,255,0.06);
border-radius: 8px;
padding: 12px 14px;
}
.strategy-report-card .tag-box-header {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 10px;
}
.strategy-report-card .tag-box-header svg {
width: 14px;
height: 14px;
color: rgba(255,255,255,0.45);
}
.strategy-report-card .tag-box-title {
font-size: 13px;
font-weight: 700;
color: rgba(255,255,255,0.8);    
}
.strategy-report-card .tags-row {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.strategy-report-card .tag-pill {    
font-size: 10px;    
padding: 4px 10px;
border-radius: 4px;
background: rgba(255,255,255,0.06);
border: 1px solid rgba(255,255,255,0.08);
color: rgba(255,255,255,0.5);
transition: all 0.15s;
cursor: default;
}
.strategy-report-card .tag-pill.active {
background: rgba(76,221,138,0.12);
border-color: rgba(76,221,138,0.35);
color: #4cdd8a;
}
.strategy-report-card .tag-pill.active-check::before {
content: '✓ ';
color: #4cdd8a;
}
.strategy-report-card .tag-pill:hover {
background: rgba(255,255,255,0.1);
color: rgba(255,255,255,0.75);
}
.strategy-report-card .tag-pill.active:hover {
background: rgba(76,221,138,0.18);
}
.main-broker-card {    
display: flex;
flex-direction: column;
align-items: center;
gap: 0;
box-shadow:
0 0 0 1px rgba(0,0,0,0.5),
0 12px 40px rgba(0,0,0,0.6),
inset 0 1px 0 rgba(255,255,255,0.05);
position: relative;    
}
.topTraderInfoCardArea .card.main-broker-card { padding: 24px 16px 18px;}
.main-broker-card::before {
content: '';
position: absolute;
top: -30px; left: 50%;
transform: translateX(-50%);
width: 140px;
height: 80px;
background: radial-gradient(ellipse, rgba(76,221,138,0.07) 0%, transparent 70%);
pointer-events: none;
}
.main-broker-card .avatar-wrap {
position: relative;
width: 72px;
height: 72px;
margin-bottom: 12px;
}
.main-broker-card .avatar-wrap .avatar-ring {
position: absolute;
inset: -3px;
border-radius: 50%;
background: linear-gradient(135deg, #4cdd8a 0%, #1a8a4a 50%, transparent 100%);
padding: 2px;
}
.main-broker-card .avatar-wrap .avatar-ring-inner {
width: 100%;
height: 100%;
border-radius: 50%;
background: #181e27;
}
.main-broker-card .avatar-wrap .avatar-img {
position: absolute;
inset: 3px;
border-radius: 50%;
object-fit: cover;
width: calc(100% - 6px);
height: calc(100% - 6px);
background: linear-gradient(160deg, #2a3545 0%, #1a2535 100%);
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.main-broker-card .avatar-wrap .avatar-img svg {
width: 44px;
height: 44px;
opacity: 0.55;
}
.main-broker-card .trader-name {
font-size: 16px;
font-weight: 700;
color: #fff;
letter-spacing: 0.03em;
text-align: center;
margin-bottom: 6px;
line-height: 1.2;
}
.main-broker-card .stars-row {
display: flex;
align-items: center;
gap: 3px;
margin-bottom: 14px;
}
.main-broker-card .stars-row .star {
width: 14px;
height: 14px;
position: relative;
}
.main-broker-card .stars-row .star svg {
width: 14px;
height: 14px;
}
.main-broker-card .stars-row .rating-val {
font-family: 'Share Tech Mono', monospace;
font-size: 12px;
color: rgba(255,255,255,0.55);
margin-left: 3px;
letter-spacing: 0.05em;
}
.main-broker-card .divider {
width: 100%;
height: 1px;
background: rgba(255,255,255,0.06);
margin-bottom: 12px;
}
.main-broker-card .stats-block {
width: 100%;
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 14px;
}
.main-broker-card .stats-block .stat-row {
display: flex;
align-items: center;
gap: 8px;
}
.main-broker-card .stats-block .stat-icon {
width: 18px;
height: 18px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
}
.main-broker-card .stats-block .stat-icon svg {
width: 15px;
height: 15px;
}
.main-broker-card .stats-block .stat-label {
font-size: 12px;
font-weight: 500;
color: rgba(255,255,255,0.38);
font-family: 'Share Tech Mono', monospace;
letter-spacing: 0.02em;
flex: 1;
}
.main-broker-card .stats-block .stat-value {
font-size: 14px;
font-weight: 700;
color: #fff;
letter-spacing: 0.03em;
}
.main-broker-card .follow-btn {
width: 100%;
padding: 9px 0;
background: linear-gradient(135deg, #2e7d4f 0%, #1e6b3e 100%);
border: 1px solid rgba(76,221,138,0.3);
border-radius: 6px;
color: #fff;
font-family: 'Rajdhani', sans-serif;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
text-align: center;
cursor: pointer;
transition: all 0.2s;
box-shadow: 0 2px 14px rgba(40,140,80,0.25), inset 0 1px 0 rgba(255,255,255,0.08);
position: relative;
overflow: hidden;
}
.main-broker-card .follow-btn::after {
content: '';
position: absolute;
top: 0; left: -100%;
width: 55%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.07), transparent);
transition: left 0.45s ease;
}
.main-broker-card .follow-btn:hover {
background: linear-gradient(135deg, #37925c 0%, #277a48 100%);
box-shadow: 0 4px 22px rgba(40,160,90,0.4), inset 0 1px 0 rgba(255,255,255,0.12);
transform: translateY(-1px);
}
.main-broker-card .follow-btn:hover::after {
left: 150%;
}
.main-broker-card .follow-btn:active {
transform: translateY(0);
box-shadow: 0 2px 10px rgba(40,140,80,0.2);
}
.backtesting-chart-card{    
border-radius: 10px;    
overflow: hidden;
box-shadow: 0 20px 60px rgba(0,0,0,0.7);
} 
.backtesting-chart-card .nav-tabs-custom {
display: flex;   
border-bottom: 1px solid rgba(255,255,255,0.06);
padding: 0 10px;
gap: 2px;
}
.backtesting-chart-card .nav-tabs-custom .nav-link {
font-family: 'Rajdhani', sans-serif;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.04em;
color: rgba(255,255,255,0.38);
padding: 9px 14px;
border: none;
border-bottom: 2px solid transparent;
background: transparent;
border-radius: 0;
transition: all 0.15s;
cursor: pointer;
text-decoration: none;
white-space: nowrap;
}
.backtesting-chart-card .nav-tabs-custom .nav-link:hover { color: rgba(255,255,255,0.65); }
.backtesting-chart-card .nav-tabs-custom .nav-link.active {
color: #fff;
border-bottom: 2px solid #d4a832;
background: transparent;
}  
.backtesting-chart-card .charts-area {
padding: 10px 12px 12px;
display: flex;
flex-direction: column;
gap: 0;
}
.backtesting-chart-card .main-chart-wrap {
position: relative;
height: 280px;
width: 100%;
}
.backtesting-chart-card .sub-chart-wrap {
position: relative;
height: 60px;
width: 100%;
border-top: 1px solid rgba(255,255,255,0.04);
margin-top: 2px;
}
.backtesting-chart-card .osc-chart-wrap {
position: relative;
height: 55px;
width: 100%;
border-top: 1px solid rgba(255,255,255,0.04);
margin-top: 2px;
}  
.backtesting-chart-card .trade-label {
position: absolute;
font-size: 10px;
font-weight: 600;
padding: 2px 8px;
border-radius: 3px;
pointer-events: none;
z-index: 10;
text-transform: uppercase;
}
.backtesting-chart-card .label-buy {
background: rgba(76,221,138,0.18);
border: 1px solid rgba(76,221,138,0.5);
color: #4cdd8a;
}
.backtesting-chart-card .label-sell {
background: rgba(220,60,60,0.18);
border: 1px solid rgba(220,60,60,0.5);
color: #e05555;
}  
.backtesting-chart-card .channel-label {
position: absolute;
font-size: 9px;
color: rgba(255,255,255,0.25);
pointer-events: none;
z-index: 10;
}
.backtesting-chart-card canvas { display: block; }
.rightPart-stats-card {
}
.rightPart-hero-header {
background: linear-gradient(160deg, #1b2a1e 0%, #131f17 100%);
border-bottom: 1px solid rgba(76,221,138,0.1);
padding: 18px 16px 14px;
position: relative;
overflow: hidden;
}
.rightPart-hero-header::before {
content: '';
position: absolute;
top: -20px; left: 50%;
transform: translateX(-50%);
width: 180px; height: 70px;
background: radial-gradient(ellipse, rgba(76,221,138,0.08) 0%, transparent 70%);
pointer-events: none;
}
.rightPart-hero-header .hero-roi {
font-size: 20px;
font-weight: 500;
color: #4cdd8a;
line-height: 1;
}
.rightPart-hero-header .hero-roi span {
font-size: 13px;
font-weight: 600;
color: rgba(255,255,255,0.45);   
margin-left: 4px;
}
.rightPart-hero-header .hero-sub {
display: flex;
align-items: center;
gap: 12px;
margin-top: 7px;
}
.rightPart-hero-header .hero-sub-item {
display: flex;
align-items: center;
gap: 5px;
}
.rightPart-hero-header .hero-sub-item svg {
width: 13px; height: 13px;
}
.rightPart-hero-header .hero-sub-item .val {
font-size: 11px;
color: rgba(255,255,255,0.55);
}
.hero-sub-item .val.green { color: #4cdd8a; }
.rightPart-section{
padding: 13px 16px;
border-bottom: 1px solid rgba(255,255,255,0.05);
}
.rightPart-section:last-child { border-bottom: none; }
.rightPart-section .section-title {
display: flex;
align-items: center;
gap: 7px;
margin-bottom: 11px;
}
.rightPart-section .section-title svg {
width: 13px; height: 13px;
flex-shrink: 0;
}
.rightPart-section .section-title span {
font-size: 12px;
font-weight: 500;
color: #999;
text-transform: uppercase;
}
.rightPart-section .stat-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 4px 0;
border-bottom: 1px solid rgba(255,255,255,0.03);
}
.rightPart-section .stat-row:last-child { border-bottom: none; }
.rightPart-section .stat-key {
font-size: 13px;
font-weight: 500;
color: rgba(255,255,255,0.42);
}
.rightPart-section .stat-val {
font-size: 12px;
font-weight: 600;
color: #fff;
}
.rightPart-section .stat-val.green { color: #4cdd8a; }
.rightPart-section .stat-val.red   { color: #e05555; }
.rightPart-section .setting-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 4px 0;
border-bottom: 1px solid rgba(255,255,255,0.03);
}
.rightPart-section .setting-row:last-child { border-bottom: none; }
.rightPart-section .setting-key {
font-size: 12px;
font-weight: 500;
color: #999;
}
.rightPart-section .setting-val {
font-size: 11px;
color: rgba(255,255,255,0.7);
text-align: right;
}
.rightPart-section .setting-val.highlight {
color: #d4a832;
background: rgba(212,168,50,0.08);
border: 1px solid rgba(212,168,50,0.2);
border-radius: 3px;
padding: 1px 6px;
font-size: 10px;
} 
.rightPart-section .trade-row {
display: flex;
align-items: center;
gap: 0;
padding: 5px 0;
border-bottom: 1px solid rgba(255,255,255,0.03);
}
.rightPart-section .trade-row:last-child { border-bottom: none; }
.rightPart-section .trade-id {
font-size: 11px;
color: #999;
width: 36px;
flex-shrink: 0;
}
.rightPart-section .trade-side {
font-size: 13px;
font-weight: 700;
width: 34px;
flex-shrink: 0;
}
.rightPart-section .trade-side.buy  { color: #4cdd8a; }
.rightPart-section .trade-side.sell { color: #e05555; }
.rightPart-section .trade-pnl {
font-size: 12px;
font-weight: 600;
color: #4cdd8a;
flex: 1;
}
.rightPart-section .trade-size {
font-size: 10px;
color: #999;
background: rgba(255,255,255,0.05);
border-radius: 3px;
padding: 1px 6px;
}
.rightPart-card-footer-note {
padding: 8px 16px;
background: rgba(0,0,0,0.2);
border-top: 1px solid rgba(255,255,255,0.04);
}
.rightPart-card-footer-note .footer-note {
font-size: 9px;
color: #999;
line-height: 1.5;
}
.newsAnalysisDetails {}
.newsAnalysisDetails .article-card {}
.newsAnalysisDetails .article-image {
width: 100%;
height: 320px;
object-fit: cover;
display: block;   
}
.newsAnalysisDetails .article-image img{width: 100%; height:100%; object-fit: cover;}
.newsAnalysisDetails .article-body {padding: 20px 0px;}
.newsAnalysisDetails .article-meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
font-size: 12px;    
margin-bottom: 16px;
font-weight: 500;   
text-transform: uppercase;
}
.newsAnalysisDetails  .article-meta span {
display: flex;
align-items: center;
gap: 5px;
}
.newsAnalysisDetails .meta-dot {width: 4px; height: 4px;border-radius: 50%;background-color:#999;}
.newsAnalysisDetails .article-meta .author {}
.newsAnalysisDetails .article-title {   
font-size: 26px;
font-weight: 700;
line-height: 1.3;
color: #fff;
margin-bottom: 18px;   
}
.newsAnalysisDetails .article-excerpt {
font-size: 14px;
line-height: 1.3;   
margin-bottom: 12px;
} 
.newsAnalysisDetails  .sidebar {
display: flex;
flex-direction: column;
gap: 16px;
}
.newsAnalysisDetails .sidebar-card {
background: linear-gradient(145deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02));
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 16px;
padding: 24px;   
}
.newsAnalysisDetails .sidebar-title {   
font-size: 13px;
font-weight: 600;   
text-transform: uppercase;    
margin-bottom: 4px;
}
.newsAnalysisDetails .sidebar-divider {
width: 32px;
height: 2px;
background: rgba(255, 255, 255, 0.08);
border-radius: 2px;
margin-bottom: 6px;
}
.newsAnalysisDetails .popular-post {
display: flex;
gap: 14px;
align-items: flex-start;
padding: 12px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
text-decoration: none;
transition: background 0.2s;
color: #fff;
}
.newsAnalysisDetails .popular-post:last-child { border-bottom: none; }
.newsAnalysisDetails .popular-post:hover .pp-title {  }
.newsAnalysisDetails  .pp-thumb {
width: 54px;
height: 54px;
border-radius: 8px;
object-fit: cover;    
flex-shrink: 0;  
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
}
.newsAnalysisDetails  .pp-thumb  img{
height: 100%;
width: 100%;
object-fit: cover;	
}
.newsAnalysisDetails  .pp-info { flex: 1; }
.newsAnalysisDetails .pp-date {
font-size: 11px;   
font-weight: 600;    
text-transform: uppercase;
margin-bottom: 4px;
}
.newsAnalysisDetails .pp-title {    
font-size: 13px;
font-weight: 600;    
line-height: 1.4;
transition: color 0.2s;
}
.createStrategyPromtLayout{
--bg: #0a0f0a;
--card-bg: #0e1610;
--border: #1a2e1a;
--green: #00e676;
--green-dim: #1a3d1a;
--text: #e8f5e8;
--muted: #7a9a7a;
--bubble-sent: #00e676;
--bubble-sent-text: #0a0f0a;
--bubble-recv: #141f14;
--bubble-recv-text: #e8f5e8;
--input-bg: #0c1a0c;
} 
.createStrategyPromtLayout{} 
.createStrategyPromtWrapper{} 
.promtChatWindow {   
overflow: hidden;    
display: flex;
flex-direction: column;
height: 500px;
}
.promtChatHeader {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 15px;
border-bottom: 1px solid var(--border);
/*background: #0c1a0c;*/
}
.promtChatHeader .header-left {
display: flex;
align-items: center;
gap: 12px;
}
.promtChatHeader .header-left .avatar-wrap {
position: relative;
}
.promtChatHeader .header-left .avatar-wrap .avatar {
width: 44px; height: 44px;
border-radius: 50%;
background: var(--green-dim);
border: 2px solid var(--green);
display: flex; align-items: center; justify-content: center;
font-size: 20px;
overflow: hidden;
}
.promtChatHeader .header-left .avatar-wrap .avatar img {
width: 100%; height: 100%; object-fit: cover;
}
.promtChatHeader .header-left .avatar-wrap .online-dot {
position: absolute;
bottom: 1px; right: 1px;
width: 10px; height: 10px;
background: var(--green);
border-radius: 50%;
border: 2px solid var(--card-bg);
}
.promtChatHeader .header-left .user-info h3 {
font-family: 'Sora', sans-serif;
font-size: 15px;
font-weight: 700;
color: var(--text);
}
.promtChatHeader .header-left.user-info span {
font-size: 12px;
color: var(--green);
font-weight: 500;
}
.promtChatHeader .header-left .header-actions {
display: flex;
gap: 10px;
}
.promtChatHeader .header-left .header-actions .icon-btn {
width: 38px; height: 38px;
border-radius: 10px;
background: var(--green-dim);
border: 1px solid var(--border);
display: flex; align-items: center; justify-content: center;
cursor: pointer;
transition: background 0.2s, border-color 0.2s;
font-size: 16px;
}
.promtChatHeader .header-left .header-actions .icon-btn:hover {
background: var(--green);
border-color: var(--green);
}
.icon-btn:hover svg { stroke: #0a0f0a; }
.promtChatHeader .header-left .header-actions .icon-btn svg {
stroke: var(--green);
transition: stroke 0.2s;
}  
.promtChatMessages {
flex: 1;
padding: 24px 20px;
overflow-y: auto;
display: flex;
flex-direction: column;
gap: 8px;
}
.promtChatMessages .date-divider {
text-align: center;
font-size: 12px;
color: var(--muted);
font-weight: 500;
letter-spacing: 0.06em;
margin: 12px 0 8px;
position: relative;
}
.promtChatMessages .date-divider::before, .promtChatMessages .date-divider::after {
content: '';
position: absolute;
top: 50%;
width: 28%;
height: 1px;
background: var(--border);
}
.promtChatMessages .date-divider::before { left: 0; }
.promtChatMessages .date-divider::after { right: 0; }
.promtChatMessages .msg-row {
display: flex;
flex-direction: column;
max-width: 75%;
}
.promtChatMessages .msg-row.recv { align-self: flex-start; }
.promtChatMessages .msg-row.sent { align-self: flex-end; align-items: flex-end; }
.promtChatMessages  .bubble {
padding: 11px 16px;
border-radius: 16px;
font-size: 14px;
line-height: 1.55;
margin-bottom: 2px;
}
.promtChatMessages .recv .bubble {
background: var(--bubble-recv);
color: var(--bubble-recv-text);
border: 1px solid var(--border);
border-bottom-left-radius: 4px;
}
.promtChatMessages  .sent .bubble {
background: var(--bubble-sent);
color: var(--bubble-sent-text);
font-weight: 600;
border-bottom-right-radius: 4px;
}
.promtChatMessages  .timestamp {
font-size: 11px;
color: var(--muted);
margin-top: 2px;
padding: 0 4px;
}
.promtChatInputArea {
flex: 1;
display: flex;
justify-content: center;
align-items: center;	 
}
.promtChatInputAreainner{width:100%;}
.promtChatInputArea  .promtChat-input {
padding: 16px 20px;
border-top: 1px solid var(--border);
background: #0c1a0c;
display: flex;
gap: 10px;
align-items: center;
width:100%;
}
.promtChatInputArea  .input-field {
flex: 1;
background: var(--bg);
border: 1px solid var(--border);
border-radius: 10px;
padding: 12px 16px;
font-family: 'DM Sans', sans-serif;
font-size: 14px;
color: var(--text);
outline: none;
transition: border-color 0.2s;
}
.promtChatInputArea .input-field::placeholder { color: var(--muted); }
.promtChatInputArea .input-field:focus { border-color: var(--green); }
.promtChatInputArea  .send-btn {
background: var(--green);
color: #0a0f0a;
border: none;
border-radius: 10px;
padding: 12px 20px;
font-family: 'Sora', sans-serif;
font-weight: 700;
font-size: 14px;
cursor: pointer;
display: flex;
align-items: center;
gap: 6px;
transition: opacity 0.2s, transform 0.2s;
white-space: nowrap;
}
.promtChatInputArea  .send-btn:hover { opacity: 0.85; transform: translateY(-1px); }
.promtChatInputAreainner .btmText{}
.promtChatInputAreainner .createManualBtn{color:#22c55e;font-weight:600;}


/* DARK INPUT STYLE */
.form-control,
.input-field,
select,
textarea {
    background-color: #061c14 !important;  /* dark green bg */
    color: #d2ffe9 !important;             /* light text */
    border: 1px solid #00ff9c33 !important;
}

/* placeholder color */
.form-control::placeholder,
.input-field::placeholder {
    color: #6fbfa3 !important;
}

/* focus effect */
.form-control:focus,
.input-field:focus {
    background-color: #061c14 !important;
    border-color: #00ff9c !important;
    box-shadow: 0 0 5px #00ff9c55;
    color: #ffffff !important;
}



/* page/view animations */
.view{display:none;animation:fadeUp .22s ease}
.view.active{display:block}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

/* ═══════════════════════ KPI CARDS ═══════════════════════ */
.kpi-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}
.kpi-card{
  background:#0A150A;border:1px solid rgba(0,210,50,.09);
  border-radius:14px;padding:16px 17px;transition:.2s;position:relative;overflow:hidden;
  cursor:default;
}
.kpi-card:hover{border-color:rgba(0,210,50,.2);transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,0,0,.5)}
.kpi-card::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;opacity:0;transition:.2s}
.kpi-card:hover::after{opacity:1}
.kpi-g::after{background:#00D232} .kpi-t::after{background:#20C997}
.kpi-a::after{background:#F59E0B} .kpi-r::after{background:#EF4444}
.kpi-b::after{background:#60A5FA}
.kpi-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}
.kpi-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.ki-g{background:rgba(0,210,50,.1);border:1px solid rgba(0,210,50,.15)}
.ki-t{background:rgba(32,201,151,.1);border:1px solid rgba(32,201,151,.15)}
.ki-a{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.15)}
.ki-r{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.15)}
.ki-b{background:rgba(96,165,250,.1);border:1px solid rgba(96,165,250,.15)}
.kpi-trend{font-size:10.5px;font-weight:800;padding:3px 8px;border-radius:100px}
.kt-up{background:rgba(0,210,50,.1);color:#00D232}
.kt-dn{background:rgba(239,68,68,.1);color:#EF4444}
.kt-flat{background:rgba(255,255,255,.06);color:rgba(255,255,255,.4)}
.kpi-val{font-family:'JetBrains Mono',monospace;font-size:22px;font-weight:700;color:#fff;line-height:1;margin-bottom:3px;letter-spacing:-.5px}
.kpi-lbl{font-size:11px;color:rgba(255,255,255,.35);font-weight:700}
.kpi-bar{height:2.5px;background:rgba(255,255,255,.06);border-radius:3px;margin-top:10px;overflow:hidden}
.kpi-fill{height:100%;border-radius:3px;transition:width 1s ease}

/* ═══════════════════════ SECTION GRID ═══════════════════════ */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.two-col-wide{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;margin-bottom:14px}
.three-col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:14px}
.full-row{margin-bottom:14px}

/* ═══════════════════════ CARDS ═══════════════════════ */
.card{
  background:#0A150A;border:1px solid rgba(0,210,50,.09);
  border-radius:14px;overflow:hidden;
}
.card-hd{
  padding:13px 18px;border-bottom:1px solid rgba(0,210,50,.07);
  display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;
}
.card-title{font-size:13px;font-weight:900;color:#fff;letter-spacing:-.2px;display:flex;align-items:center;gap:7px}
.card-sub{font-size:11px;color:rgba(255,255,255,.3);font-weight:600;margin-top:1px}
.card-body{padding:16px 18px}

/* ═══════════════════════ CHART PLACEHOLDER ═══════════════════════ */
.chart-area{
  position:relative;overflow:hidden;
}
/* SVG mini charts drawn via JS */
.chart-svg{width:100%;display:block}

/* ═══════════════════════ PERFORMANCE CHART ═══════════════════════ */
.perf-chart-wrap{padding:6px 18px 14px}
.perf-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:8px}
.perf-big{font-family:'JetBrains Mono',monospace;font-size:28px;font-weight:700;color:#00D232}
.perf-big.neg{color:#EF4444}
.perf-meta{font-size:11px;color:rgba(255,255,255,.35);font-weight:600}
.tf-pills{display:flex;gap:4px}
.tf-pill{
  padding:5px 11px;border-radius:7px;font-size:11px;font-weight:800;
  border:1px solid rgba(0,210,50,.12);background:#0D1A0D;color:rgba(255,255,255,.35);
  cursor:pointer;transition:.13s;font-family:'Montserrat',sans-serif;
}
.tf-pill:hover{border-color:rgba(0,210,50,.25);color:rgba(255,255,255,.65)}
.tf-pill.active{background:rgba(0,210,50,.12);border-color:rgba(0,210,50,.3);color:#00D232}

/* ═══════════════════════ STRATEGY TABLE ═══════════════════════ */
.tbl-wrap{overflow-x:auto}
.data-tbl{width:100%;border-collapse:collapse;min-width:600px}
.data-tbl thead th{
  padding:9px 13px;text-align:left;font-size:9.5px;font-weight:800;
  color: #777;text-transform:uppercase;letter-spacing:.1em;
  border-bottom:1px solid rgba(0,210,50,.07);background:#080F08;white-space:nowrap;
}
.data-tbl thead th:first-child{padding-left:18px}
.data-tbl thead th:last-child{padding-right:18px;text-align:right}
.data-tbl tbody tr{border-bottom:1px solid rgba(0,210,50,.05);transition:.11s;cursor:pointer}
.data-tbl tbody tr:last-child{border-bottom:none}
.data-tbl tbody tr:hover{background:rgba(0,210,50,.03)}
.data-tbl tbody td{padding:11px 13px;font-size:12.5px;color:rgba(255,255,255,.7);vertical-align:middle}
.data-tbl tbody td:first-child{padding-left:18px}
.data-tbl tbody td:last-child{padding-right:18px;text-align:right}

/* ═══════════════════════ BADGES ═══════════════════════ */
.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:100px;font-size:10.5px;font-weight:800;white-space:nowrap}
.bg-green{background:rgba(0,210,50,.1);color:#00D232;border:1px solid rgba(0,210,50,.18)}
.bg-red{background:rgba(239,68,68,.1);color:#EF4444;border:1px solid rgba(239,68,68,.18)}
.bg-amber{background:rgba(245,158,11,.1);color:#F59E0B;border:1px solid rgba(245,158,11,.18)}
.bg-blue{background:rgba(96,165,250,.1);color:#60A5FA;border:1px solid rgba(96,165,250,.18)}
.bg-purple{background:rgba(168,85,247,.1);color:#A78BFA;border:1px solid rgba(168,85,247,.18)}
.bg-gray{background:rgba(255,255,255,.06);color:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.1)}

/* ═══════════════════════ STRATEGY COPY CARD ═══════════════════════ */
.strat-card{
  background:#0D1A0D;border:1px solid rgba(0,210,50,.1);border-radius:12px;
  padding:14px 16px;transition:.18s;cursor:pointer;
}
.strat-card:hover{border-color:rgba(0,210,50,.22);transform:translateX(2px)}
.sc-top{display:flex;align-items:flex-start;gap:11px;margin-bottom:10px}
.sc-avatar{
  width:40px;height:40px;border-radius:10px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;font-size:17px;
  border:1.5px solid rgba(0,210,50,.15);
}
.sc-name{font-size:13px;font-weight:900;color:#fff;margin-bottom:2px}
.sc-provider{font-size:11px;color:rgba(255,255,255,.35);font-weight:600}
.sc-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}
.sc-stat{text-align:center;padding:7px 4px;background:rgba(0,0,0,.2);border-radius:7px}
.sc-stat-val{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;color:#fff;line-height:1}
.sc-stat-lbl{font-size:9.5px;color:rgba(255,255,255,.3);font-weight:700;margin-top:2px}
.sc-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:9px;border-top:1px solid rgba(0,210,50,.07)}
.sc-allocated{font-size:11.5px;color:rgba(255,255,255,.4);font-weight:600}
.sc-pnl-val{font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:800}
.sc-pnl-pos{color:#00D232} .sc-pnl-neg{color:#EF4444}

/* progress bar */
.progress-bar{height:4px;background:rgba(255,255,255,.06);border-radius:4px;overflow:hidden;margin:6px 0}
.progress-fill{height:100%;border-radius:4px;transition:width 1s ease}

/* ═══════════════════════ ACTIVITY FEED ═══════════════════════ */
.activity-item{display:flex;align-items:flex-start;gap:10px;padding:9px 0;border-bottom:1px solid rgba(0,210,50,.05)}
.activity-item:last-child{border-bottom:none}
.ai-icon{width:30px;height:30px;border-radius:8px;background:#0D1A0D;border:1px solid rgba(0,210,50,.1);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}
.ai-msg{flex:1;font-size:12px;color:rgba(255,255,255,.6);font-weight:600;line-height:1.5}
.ai-msg strong{color:#fff}
.ai-time{font-size:10.5px;color:rgba(255,255,255,.25);font-weight:700;white-space:nowrap;flex-shrink:0}

/* ═══════════════════════ TOP TRADERS / RANKINGS ═══════════════════════ */
.trader-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid rgba(0,210,50,.05)}
.trader-row:last-child{border-bottom:none}
.tr-rank{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;color:rgba(255,255,255,.25);width:22px;flex-shrink:0;text-align:center}
.tr-rank.gold{color:#F59E0B}
.tr-rank.silver{color:rgba(255,255,255,.55)}
.tr-rank.bronze{color:#CD7F32}
.tr-ava{width:32px;height:32px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;color:#00D232;background:rgba(0,210,50,.1);border:1px solid rgba(0,210,50,.15)}
.tr-info{flex:1}
.tr-name{font-size:12.5px;font-weight:800;color:#fff}
.tr-meta{font-size:10.5px;color:rgba(255,255,255,.3);font-weight:600}
.tr-pnl{font-family:'JetBrains Mono',monospace;font-size:13.5px;font-weight:700}

/* ═══════════════════════ MINI ALLOCATION GAUGE ═══════════════════════ */
.gauge-ring{position:relative;width:90px;height:90px;flex-shrink:0}
.gauge-ring svg{transform:rotate(-90deg)}
.gauge-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.gauge-val{font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:800;color:#fff;line-height:1}
.gauge-lbl{font-size:9px;font-weight:700;color:rgba(255,255,255,.3);margin-top:1px}

/* ═══════════════════════ BUTTONS ═══════════════════════ */
.btn{display:inline-flex;align-items:center;gap:5px;padding:7px 15px;border-radius:8px;font-family:'Montserrat',sans-serif;font-size:12px;font-weight:800;border:none;cursor:pointer;transition:.15s;white-space:nowrap}
.btn-primary{background:#00D232;color:#040A04}
.btn-primary:hover{background:#00B82C;box-shadow:0 0 14px rgba(0,210,50,.35);transform:translateY(-1px)}
.btn-ghost{background:transparent;color:rgba(255,255,255,.5);border:1px solid rgba(0,210,50,.14) !important;}
.btn-ghost:hover{border-color:rgba(0,210,50,.3) !important;color:#00D232}
.btn-danger{background:rgba(239,68,68,.1);color:#EF4444;border:1px solid rgba(239,68,68,.18)}
.btn-danger:hover{background:rgba(239,68,68,.18); color: #bb2d3b !important;}
.btn-sm{padding:5px 11px;font-size:11px;border-radius:7px}
.btn-xs{padding:4px 9px;font-size:10.5px;border-radius:6px}

/* toggle switch */
.toggle{position:relative;width:36px;height:20px;flex-shrink:0}
.toggle input{opacity:0;width:0;height:0;position:absolute}
.tgl-tr{position:absolute;inset:0;background:rgba(255,255,255,.12);border-radius:100px;cursor:pointer;transition:.18s}
.toggle input:checked+.tgl-tr{background:#00D232}
.tgl-tr::before{content:'';position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:.18s;box-shadow:0 1px 4px rgba(0,0,0,.3)}
.toggle input:checked+.tgl-tr::before{transform:translateX(16px)}

/* ═══════════════════════ BROKER SPECIFIC ═══════════════════════ */
.follower-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid rgba(0,210,50,.05)}
.follower-row:last-child{border-bottom:none}
.fl-ava{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;color:#00D232;background:rgba(0,210,50,.1);border:1px solid rgba(0,210,50,.12);flex-shrink:0}
.fl-info{flex:1}
.fl-name{font-size:12.5px;font-weight:700;color:#fff}
.fl-meta{font-size:10.5px;color:rgba(255,255,255,.3);font-weight:600}
.fl-amount{font-family:'JetBrains Mono',monospace;font-size:12.5px;font-weight:700;color:#00D232}

/* ═══════════════════════ NOTICE STRIP ═══════════════════════ */
.notice{display:flex;align-items:center;gap:10px;padding:10px 15px;border-radius:10px;font-size:12px;font-weight:700;margin-bottom:16px}
.n-green{background:rgba(0,210,50,.08);border:1px solid rgba(0,210,50,.18);color:#00D232}
.n-amber{background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.18);color:#F59E0B}

/* ═══════════════════════ MODAL ═══════════════════════ */
.modal-bg{position:fixed;inset:0;z-index:999;background:rgba(0,0,0,.72);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:.2s}
.modal-bg.open{opacity:1;pointer-events:all}
/*.modal{background:#0A150A;border:1px solid rgba(0,210,50,.18);border-radius:18px;width:460px;max-width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 80px rgba(0,0,0,.8);transform:scale(.93) translateY(14px);transition:.26s cubic-bezier(.34,1.56,.64,1)}*/
.modal-bg.open .modal{transform:scale(1) translateY(0)}
.modal-hd{padding:18px 22px 14px;border-bottom:1px solid rgba(0,210,50,.08);display:flex;align-items:center;justify-content:space-between}
.modal-title{font-size:16px;font-weight:900;color:#fff}
.modal-x{width:27px;height:27px;border-radius:7px;border:1px solid rgba(0,210,50,.12);background:#0D1A0D;cursor:pointer;color:rgba(255,255,255,.4);font-size:13px;display:flex;align-items:center;justify-content:center;transition:.12s}
.modal-x:hover{color:#EF4444;border-color:rgba(239,68,68,.25)}
.modal-body{padding:18px 22px}
.modal-foot{padding:10px 22px 18px;border-top:1px solid rgba(0,210,50,.07);display:flex;gap:8px;justify-content:flex-end}
.fm-group{margin-bottom:14px}
.fm-lbl{display:block;font-size:10px;font-weight:800;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.09em;margin-bottom:5px}
.fm-inp{width:100%;padding:9px 12px;background:#0D1A0D;border:1px solid rgba(0,210,50,.14);border-radius:8px;font-family:'Montserrat',sans-serif;font-size:13px;color:#fff;font-weight:600;outline:none;transition:.14s}
.fm-inp:focus{border-color:rgba(0,210,50,.4);box-shadow:0 0 0 3px rgba(0,210,50,.07)}
.fm-inp::placeholder{color:rgba(255,255,255,.2);font-weight:400}
select.fm-inp{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23006618' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}
select.fm-inp option{background:#0D1A0D}

.modal-content {background: #0A150A;border: 1px solid rgba(0, 210, 50, .09);}
.modal-header .btn-close {color: #fff;background-image: none;}
.modal-header {border: 0;padding-bottom: 0;}
.modal-footer {border: 0}

/* ═══════════════════════ TOAST ═══════════════════════ */
#toast{position:fixed;bottom:24px;right:24px;z-index:9999;background:#0A150A;border:1px solid #00D232;color:#00D232;padding:11px 18px;border-radius:12px;font-family:'Montserrat',sans-serif;font-size:12.5px;font-weight:800;box-shadow:0 4px 24px rgba(0,210,50,.2);transform:translateY(80px);opacity:0;transition:all .3s cubic-bezier(.34,1.56,.64,1);pointer-events:none;max-width:320px;display:flex;align-items:center;gap:7px}
#toast.show{transform:translateY(0);opacity:1}
#toast.red{border-color:#EF4444;color:#EF4444}
#toast.amber{border-color:#F59E0B;color:#F59E0B}

/* ═══════════════════════ RESPONSIVE ═══════════════════════ */
@media(max-width:1100px){.kpi-row{grid-template-columns:repeat(3,1fr)}.two-col-wide{grid-template-columns:1fr}}
@media(max-width:900px){.sidebar{transform:translateX(-100%)}.main{margin-left:0}.topbar{left:0}.two-col,.three-col{grid-template-columns:1fr}}
@media(max-width:600px){.kpi-row{grid-template-columns:1fr 1fr}.page-body{padding:14px 14px 60px}}


.topbar{
  position:sticky;top:0;z-index:200;
  background:rgba(5,12,5,.95);backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(0,210,50,.10);
  padding:0 32px;height:62px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.tb-left{display:flex;align-items:center;gap:14px}
.tb-logo{font-size:18px;font-weight:900;color:#fff;letter-spacing:-.3px;display:flex;align-items:center;gap:6px}
.tb-logo .green{color:#00D232}
.tb-logo .dot{width:7px;height:7px;border-radius:50%;background:#00D232;box-shadow:0 0 8px rgba(0,210,50,.6);animation:pulseD 2s infinite}
@keyframes pulseD{0%,100%{box-shadow:0 0 0 0 rgba(0,210,50,.5)}50%{box-shadow:0 0 0 5px rgba(0,210,50,0)}}
.tb-sep{width:1px;height:24px;background:rgba(0,210,50,.15)}
.tb-title{font-size:13px;font-weight:700;color:rgba(255,255,255,.5)}
.tb-title .cur{color:#fff}
.tb-right{display:flex;align-items:center;gap:8px}
.btn-topbar{
  padding:8px 18px;border-radius:8px;font-family:'Montserrat',sans-serif;
  font-size:12.5px;font-weight:800;border:none;cursor:pointer;transition:.15s;
  display:inline-flex;align-items:center;gap:6px;
}
.btn-draft{background:rgba(255,255,255,.08);color:rgba(255,255,255,.8);border:1.5px solid rgba(255,255,255,.12)}
.btn-draft:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);color:#fff}
.btn-submit{background:#00D232;color:#050C05;box-shadow:0 2px 12px rgba(0,210,50,.3)}
.btn-submit:hover{background:#00B82C;box-shadow:0 4px 18px rgba(0,210,50,.4);transform:translateY(-1px)}
.btn-submit:disabled{background:#1A3A1A;color:#3A5A3A;cursor:not-allowed;box-shadow:none;transform:none}
.btn-back{background:transparent;color:rgba(255,255,255,.5);border:1.5px solid rgba(255,255,255,.10)}
.btn-back:hover{color:#fff;border-color:rgba(255,255,255,.2)}

/* ═══════════════════════════════════════════
   PAGE WRAP
═══════════════════════════════════════════ */
.page-wrap{max-width:1200px;margin:0 auto;padding:28px 24px 80px;position:relative;z-index:1}

/* ═══════════════════════════════════════════
   PROMPT BAR
═══════════════════════════════════════════ */
.prompt-section{margin-bottom:28px}
.prompt-label{font-size:10.5px;font-weight:800;color:rgba(0,210,50,.6);text-transform:uppercase;letter-spacing:.16em;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.prompt-label::before{content:'';width:24px;height:1.5px;background:#00D232;flex-shrink:0}
.prompt-wrap{
  display:flex;gap:0;
  background:#0C1A0C;border:1.5px solid rgba(0,210,50,.18);border-radius:12px;
  overflow:hidden;transition:.15s;box-shadow:0 4px 24px rgba(0,0,0,.4);
}
.prompt-wrap:focus-within{border-color:rgba(0,210,50,.4);box-shadow:0 0 0 3px rgba(0,210,50,.08),0 4px 24px rgba(0,0,0,.4)}
.prompt-input{
  flex:1;padding:16px 20px;background:transparent;border:none;
  font-family:'Montserrat',sans-serif;font-size:14px;color:#fff;font-weight:500;outline:none;
}
.prompt-input::placeholder{color:rgba(255,255,255,.3);font-weight:400}
.btn-generate{
  padding:12px 28px;background:#00D232;border:none;
  font-family:'Montserrat',sans-serif;font-size:13.5px;font-weight:900;color:#050C05;
  cursor:pointer;transition:.15s;letter-spacing:.01em;display:flex;align-items:center;gap:8px;
  flex-shrink:0;
}
.btn-generate:hover{background:#00B82C;box-shadow:inset 0 0 20px rgba(0,0,0,.1)}
.btn-generate:disabled{background:#1A3A1A;color:#3A5A3A;cursor:not-allowed}
.btn-generate .gen-spinner{display:none;width:16px;height:16px;border:2px solid rgba(5,12,5,.3);border-top-color:#050C05;border-radius:50%;animation:spin .6s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* example prompts */
.prompt-examples{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.prompt-ex{
  padding:5px 13px;background:rgba(0,210,50,.07);border:1px solid rgba(0,210,50,.14);
  border-radius:100px;font-size:11.5px;font-weight:600;color:rgba(0,210,50,.7);
  cursor:pointer;transition:.14s;white-space:nowrap;
}
.prompt-ex:hover{background:rgba(0,210,50,.12);color:#00D232;border-color:rgba(0,210,50,.25)}

/* ═══════════════════════════════════════════
   AI GENERATING STATE
═══════════════════════════════════════════ */
.ai-generating{
  display:none;text-align:center;padding:60px 20px;
  background:#0C1A0C;border:1px solid rgba(0,210,50,.12);border-radius:16px;margin-bottom:20px;
}
.ai-gen-pulse{
  width:64px;height:64px;border-radius:50%;border:3px solid rgba(0,210,50,.3);
  border-top-color:#00D232;animation:spin .8s linear infinite;margin:0 auto 20px;
  display:flex;align-items:center;justify-content:center;font-size:24px;
}
.ai-gen-title{font-size:16px;font-weight:900;color:#fff;margin-bottom:6px}
.ai-gen-sub{font-size:13px;color:rgba(255,255,255,.4);font-weight:500}
.ai-gen-steps{display:flex;flex-direction:column;gap:8px;max-width:360px;margin:20px auto 0;text-align:left}
.ai-step{display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:600;color:rgba(255,255,255,.4);transition:.3s}
.ai-step.done{color:#00D232} .ai-step.active{color:#fff}
.ai-step-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.2);flex-shrink:0;transition:.3s}
.ai-step.done .ai-step-dot{background:#00D232;box-shadow:0 0 6px rgba(0,210,50,.5)}
.ai-step.active .ai-step-dot{background:#fff;animation:pulseD .8s infinite}

/* ═══════════════════════════════════════════
   STRATEGY RESULT AREA
═══════════════════════════════════════════ */
.strategy-result{display:none}

/* Verification banner */
.verify-banner{
  display:flex;align-items:center;gap:14px;padding:14px 20px;
  background:rgba(0,210,50,.08);border:1px solid rgba(0,210,50,.2);
  border-radius:12px;margin-bottom:22px;
}
.vb-icon{font-size:22px;flex-shrink:0}
.vb-title{font-size:14px;font-weight:900;color:#fff;margin-bottom:2px}
.vb-sub{font-size:12px;color:rgba(255,255,255,.5);font-weight:500}
.vb-actions{margin-left:auto;display:flex;gap:8px}
.btn-approve{padding:8px 18px;background:#00D232;border:none;border-radius:8px;font-family:'Montserrat',sans-serif;font-size:12px;font-weight:800;color:#050C05;cursor:pointer;transition:.14s}
.btn-approve:hover{background:#00B82C;box-shadow:0 0 12px rgba(0,210,50,.35)}
.btn-reject{padding:8px 16px;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.2);border-radius:8px;font-family:'Montserrat',sans-serif;font-size:12px;font-weight:800;color:#EF4444;cursor:pointer;transition:.14s}
.btn-reject:hover{background:rgba(239,68,68,.18)}

/* confidence strip */
.confidence-strip{
  display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px;padding:12px 16px;
  background:#0C1A0C;border:1px solid rgba(0,210,50,.10);border-radius:10px;
  align-items:center;
}
.conf-item{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700}
.conf-icon{font-size:14px}
.conf-val{font-weight:900}
.conf-sep{width:1px;height:16px;background:rgba(0,210,50,.12)}

/* ═══════════════════════════════════════════
   GRID LAYOUT
═══════════════════════════════════════════ */
.strategy-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;
}
.strategy-grid.full{grid-template-columns:1fr}
.strategy-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:16px}

/* ═══════════════════════════════════════════
   SECTION CARDS
═══════════════════════════════════════════ */
.s-card{
  background:#0C1A0C;border:1px solid rgba(0,210,50,.10);
  border-radius:14px;overflow:hidden;transition:.18s;
}
.s-card:hover{border-color:rgba(0,210,50,.18)}
.s-card-hd{
  padding:12px 18px;border-bottom:1px solid rgba(0,210,50,.08);
  display:flex;align-items:center;gap:9px;
}
.s-card-hd-icon{width:30px;height:30px;border-radius:8px;background:rgba(0,210,50,.1);border:1px solid rgba(0,210,50,.15);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.s-card-title{font-size:12px;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:.07em}
.s-card-sub{font-size:10.5px;color:rgba(255,255,255,.35);font-weight:600;margin-top:1px}
.s-card-badge{margin-left:auto;font-size:10px;font-weight:800;padding:3px 9px;border-radius:100px;background:rgba(0,210,50,.12);color:#00D232;border:1px solid rgba(0,210,50,.2)}
.s-card-body{padding:16px 18px}

/* ═══════════════════════════════════════════
   FORM FIELDS
═══════════════════════════════════════════ */
.fm-group{margin-bottom:14px}
.fm-group:last-child{margin-bottom:0}
.fm-label{
  display:block;font-size:10.5px;font-weight:800;color:rgba(255,255,255,.4);
  text-transform:uppercase;letter-spacing:.09em;margin-bottom:6px;
  display:flex;align-items:center;gap:6px;
}
.fm-ai-badge{font-size:9px;font-weight:800;padding:2px 7px;border-radius:100px;background:rgba(0,210,50,.12);color:#00D232;text-transform:none;letter-spacing:0}
.fm-inp{
  width:100%;padding:11px 13px;
  background:#0D1D0D;border:1px solid rgba(0,210,50,.15);border-radius:9px;
  font-family:'Montserrat',sans-serif;font-size:13.5px;color:#fff;font-weight:600;
  outline:none;transition:.14s;
}
.fm-inp:focus{border-color:rgba(0,210,50,.4);box-shadow:0 0 0 3px rgba(0,210,50,.08);background:#0F200F}
.fm-inp::placeholder{color:rgba(255,255,255,.2);font-weight:400}
.fm-inp.ai-populated{border-color:rgba(0,210,50,.25);background:#0D1F0D}
.fm-inp.ai-populated:focus{border-color:rgba(0,210,50,.5)}
textarea.fm-inp{resize:vertical;min-height:80px;line-height:1.65}
select.fm-inp{cursor:pointer;appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23006618' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;padding-right:32px;}
select.fm-inp option{background:#0D1D0D}
.fm-inp-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fm-hint{font-size:11px;color:rgba(0,210,50,.5);font-weight:600;margin-top:4px;display:flex;align-items:center;gap:5px}

/* signal selector */
.signal-selector{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.signal-opt{
  padding:10px 8px;border:1.5px solid rgba(0,210,50,.12);border-radius:9px;
  background:#0D1D0D;cursor:pointer;text-align:center;transition:.14s;
}
.signal-opt:hover{border-color:rgba(0,210,50,.25)}
.signal-opt.active-buy{background:rgba(0,210,50,.12);border-color:rgba(0,210,50,.35);color:#00D232}
.signal-opt.active-sell{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.3);color:#EF4444}
.signal-opt.active-hold{background:rgba(251,191,36,.1);border-color:rgba(251,191,36,.3);color:#FBBF24}
.so-icon{font-size:16px;margin-bottom:3px}
.so-label{font-size:12px;font-weight:900}
.so-sub{font-size:10px;color:rgba(255,255,255,.35);margin-top:1px}

/* score slider */
.risk-slider-wrap{position:relative;margin-top:6px}
.risk-slider{width:100%;-webkit-appearance:none;height:5px;border-radius:5px;background:linear-gradient(to right,#00D232 0%,#FBBF24 50%,#EF4444 100%);outline:none;cursor:pointer}
.risk-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid #00D232;cursor:pointer;box-shadow:0 0 8px rgba(0,210,50,.4)}
.risk-labels{display:flex;justify-content:space-between;margin-top:5px}
.risk-labels span{font-size:10.5px;color:rgba(255,255,255,.3);font-weight:700}
.risk-val{font-size:24px;font-weight:900;color:#fff;line-height:1;margin-bottom:2px}
.risk-lbl{font-size:11px;color:rgba(255,255,255,.4);font-weight:600}

/* indicator chip group */
.indicator-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}
.ind-chip{
  padding:6px 13px;border-radius:100px;font-size:12px;font-weight:700;
  border:1.5px solid rgba(0,210,50,.14);background:#0D1D0D;color:rgba(255,255,255,.5);
  cursor:pointer;transition:.14s;display:flex;align-items:center;gap:5px;
}
.ind-chip:hover{border-color:rgba(0,210,50,.28);color:rgba(255,255,255,.8)}
.ind-chip.active{background:rgba(0,210,50,.12);border-color:rgba(0,210,50,.35);color:#00D232}
.ind-chip-dot{width:6px;height:6px;border-radius:50%;background:rgba(0,210,50,.3);flex-shrink:0;transition:.14s}
.ind-chip.active .ind-chip-dot{background:#00D232}

/* conditions builder */
.conditions-list{display:flex;flex-direction:column;gap:8px}
.cond-row{
  display:flex;align-items:center;gap:8px;padding:10px 12px;
  background:#0D1D0D;border:1px solid rgba(0,210,50,.12);border-radius:9px;
  transition:.14s;animation:slideIn .25s ease;
}
@keyframes slideIn{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}
.cond-row:hover{border-color:rgba(0,210,50,.2)}
.cond-type{
  padding:4px 10px;border-radius:100px;font-size:10.5px;font-weight:900;
  flex-shrink:0;
}
.ct-buy{background:rgba(0,210,50,.12);color:#00D232;border:1px solid rgba(0,210,50,.2)}
.ct-sell{background:rgba(239,68,68,.12);color:#EF4444;border:1px solid rgba(239,68,68,.2)}
.ct-filter{background:rgba(59,130,246,.12);color:#60A5FA;border:1px solid rgba(59,130,246,.2)}
.cond-text{flex:1;font-size:12.5px;font-weight:600;color:#C0D8C0}
.btn-remove-cond{width:24px;height:24px;border-radius:6px;border:1px solid rgba(239,68,68,.2);background:rgba(239,68,68,.08);color:#EF4444;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.13s;flex-shrink:0}
.btn-remove-cond:hover{background:rgba(239,68,68,.18)}
.add-cond-row{display:grid;grid-template-columns:auto 1fr auto;gap:8px;margin-top:10px}
.cond-type-sel{padding:8px 10px;background:#0D1D0D;border:1px solid rgba(0,210,50,.14);border-radius:8px;font-family:'Montserrat',sans-serif;font-size:12px;color:#fff;outline:none;cursor:pointer;appearance:none}
.cond-type-sel option{background:#0D1D0D}
.cond-inp{flex:1;padding:8px 12px;background:#0D1D0D;border:1px solid rgba(0,210,50,.14);border-radius:8px;font-family:'Montserrat',sans-serif;font-size:12.5px;color:#fff;font-weight:500;outline:none;transition:.14s}
.cond-inp:focus{border-color:rgba(0,210,50,.35)}
.cond-inp::placeholder{color:rgba(255,255,255,.2);font-weight:400}
.btn-add-cond{padding:8px 14px;background:rgba(0,210,50,.12);border:1px solid rgba(0,210,50,.2);border-radius:8px;font-family:'Montserrat',sans-serif;font-size:12px;font-weight:800;color:#00D232;cursor:pointer;transition:.14s;white-space:nowrap}
.btn-add-cond:hover{background:rgba(0,210,50,.18)}

/* multi-timeframe */
.tf-tabs{display:flex;gap:0;border:1px solid rgba(0,210,50,.14);border-radius:9px;overflow:hidden;margin-bottom:12px}
.tf-tab{
  flex:1;padding:8px;text-align:center;font-size:12px;font-weight:800;
  color:rgba(255,255,255,.4);cursor:pointer;background:#0D1D0D;border:none;
  font-family:'Montserrat',sans-serif;transition:.14s;border-right:1px solid rgba(0,210,50,.12);
}
.tf-tab:last-child{border-right:none}
.tf-tab.active{background:rgba(0,210,50,.12);color:#00D232}
.tf-content{display:none;animation:fadeUp .2s ease}
.tf-content.active{display:block}
@keyframes fadeUp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.tf-signal-row{
  display:flex;align-items:center;gap:10px;padding:10px 12px;
  background:#0D1D0D;border:1px solid rgba(0,210,50,.10);border-radius:8px;margin-bottom:8px;
}
.tf-sig-label{font-size:11.5px;font-weight:700;color:rgba(255,255,255,.5);width:100px;flex-shrink:0}
.tf-sig-val{font-size:13px;font-weight:900}
.tf-sig-buy{color:#00D232}
.tf-sig-sell{color:#EF4444}
.tf-sig-hold{color:#FBBF24}
.tf-sig-bar{flex:1;height:4px;background:rgba(255,255,255,.06);border-radius:4px;overflow:hidden}
.tf-sig-fill{height:100%;border-radius:4px}

/* price display */
.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.price-box{padding:12px;background:#0A160A;border:1px solid rgba(0,210,50,.12);border-radius:9px;text-align:center}
.pb-label{font-size:10px;font-weight:800;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}
.pb-val{font-size:20px;font-weight:900;color:#fff}
.pb-val.green{color:#00D232} .pb-val.red{color:#EF4444} .pb-val.amber{color:#FBBF24}
.pb-sub{font-size:10.5px;color:rgba(255,255,255,.3);font-weight:600;margin-top:2px}

/* strategy list page */
.strategy-list-header{margin-bottom:20px}
.strategies-grid{display:flex;flex-direction:column;gap:12px}
.strat-row{
  background:#0C1A0C;border:1px solid rgba(0,210,50,.10);border-radius:14px;
  padding:16px 20px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:.18s;
}
.strat-row:hover{border-color:rgba(0,210,50,.22);transform:translateX(3px)}
.sr-icon{width:42px;height:42px;border-radius:10px;background:rgba(0,210,50,.1);border:1px solid rgba(0,210,50,.18);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.sr-info{flex:1}
.sr-name{font-size:14px;font-weight:900;color:#fff;margin-bottom:3px}
.sr-desc{font-size:12px;color:rgba(255,255,255,.4);font-weight:500}
.sr-meta{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}
.sr-badges{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-left:auto}
.badge{padding:4px 10px;border-radius:100px;font-size:11px;font-weight:800}
.b-green{background:rgba(0,210,50,.12);color:#00D232;border:1px solid rgba(0,210,50,.2)}
.b-amber{background:rgba(251,191,36,.1);color:#FBBF24;border:1px solid rgba(251,191,36,.2)}
.b-red{background:rgba(239,68,68,.12);color:#EF4444;border:1px solid rgba(239,68,68,.2)}
.b-blue{background:rgba(59,130,246,.12);color:#60A5FA;border:1px solid rgba(59,130,246,.2)}
.b-gray{background:rgba(255,255,255,.06);color:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.1)}
.sr-actions{display:flex;gap:6px;flex-shrink:0}

/* ═══════════════════════════════════════════
   PROGRESS STEPPER
═══════════════════════════════════════════ */
.stepper{display:flex;align-items:center;gap:0;margin-bottom:24px;padding:14px 20px;background:#0C1A0C;border:1px solid rgba(0,210,50,.10);border-radius:12px}
.step{display:flex;align-items:center;gap:8px;flex:1;position:relative}
.step:not(:last-child)::after{content:'';position:absolute;left:calc(50% + 24px);right:0;top:50%;height:1.5px;background:rgba(0,210,50,.12);transform:translateY(-50%)}
.step.done:not(:last-child)::after{background:rgba(0,210,50,.35)}
.step-circle{width:30px;height:30px;border-radius:50%;border:2px solid rgba(0,210,50,.2);background:#0D1D0D;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;color:rgba(255,255,255,.3);flex-shrink:0;transition:.3s;z-index:1}
.step.active .step-circle{border-color:#00D232;background:rgba(0,210,50,.15);color:#00D232;box-shadow:0 0 10px rgba(0,210,50,.3)}
.step.done .step-circle{background:#00D232;border-color:#00D232;color:#050C05}
.step-text{font-size:11.5px;font-weight:700;color:rgba(255,255,255,.3);transition:.3s}
.step.active .step-text{color:#fff}
.step.done .step-text{color:rgba(0,210,50,.7)}

/* ═══════════════════════════════════════════
   BOTTOM ACTION BAR
═══════════════════════════════════════════ */
.action-bar{
  position:sticky;bottom:0;z-index:100;
  margin:0 -24px;padding:14px 24px;
  background:rgba(5,12,5,.95);backdrop-filter:blur(20px);
  border-top:1px solid rgba(0,210,50,.10);
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
}
.ab-info{font-size:12.5px;color:rgba(255,255,255,.4);font-weight:600}
.ab-info strong{color:#fff}
.ab-actions{display:flex;gap:8px}
.btn-lg{padding:11px 28px;font-size:13.5px;border-radius:10px}

/* ═══════════════════════════════════════════
   TOAST
═══════════════════════════════════════════ */
#toast{position:fixed;bottom:28px;right:28px;z-index:9999;background:#0C1A0C;border:1px solid #00D232;color:#00D232;padding:12px 20px;border-radius:12px;font-family:'Montserrat',sans-serif;font-size:13px;font-weight:800;box-shadow:0 4px 24px rgba(0,210,50,.2);transform:translateY(80px);opacity:0;transition:all .3s cubic-bezier(.34,1.56,.64,1);pointer-events:none;max-width:340px;display:flex;align-items:center;gap:8px}
#toast.show{transform:translateY(0);opacity:1}
#toast.red{border-color:#EF4444;color:#EF4444;box-shadow:0 4px 24px rgba(239,68,68,.2)}
#toast.amber{border-color:#FBBF24;color:#FBBF24;box-shadow:0 4px 24px rgba(251,191,36,.2)}

/* ═══════════════════════════════════════════
   VIEWS
═══════════════════════════════════════════ */
.view{display:none} .view.active{display:block}

/* responsive */
@media(max-width:860px){.strategy-grid,.strategy-grid-3{grid-template-columns:1fr}.fm-inp-row{grid-template-columns:1fr}.signal-selector{grid-template-columns:1fr 1fr 1fr}.price-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.topbar{padding:0 16px}.page-wrap{padding:20px 14px 100px}.stepper{display:none}.tb-title{display:none}}

.card.popular {
   overflow: visible;
}
.table-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 20px;
    border-top: 1px solid rgba(0, 200, 40, .08);
    flex-wrap: wrap;
    gap: 10px;
}
.table-bottom .leftPart p {
    font-size: 12.5px;
    color: rgba(255, 255, 255, .4);
    font-weight: 600;
}
.table-bottom .leftPart p span {
    color: #fff;
}
.table-bottom .rightPart ul {
    display: flex;
    align-items: center;
    gap: 5px;
}
.table-bottom .rightPart ul li a {
    width: auto;
    height: 30px;
    border-radius: 7px;
    border: 1px solid rgba(0, 200, 40, .14);
    background: #0D150D;
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: rgba(255, 255, 255, .45);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .12s;
    padding: 0 12px;
    gap: 5px;
}
.table-bottom .rightPart ul li a.active {
    background: #22C55E;
    border-color: #22C55E;
    color: #060D06;
}
.table-bottom .rightPart ul li a:hover {
    color: #fff;
}
.btn-danger {
    border: 1px solid rgba(250, 82, 82, .2) !important;
}