/* =========================================================
   TRADER AI — COMPLETE FRONTEND REDESIGN
   UI only. Backend/admin untouched. Existing images preserved.
   ========================================================= */
:root{
  --ta-bg:#050907;
  --ta-bg-soft:#09120e;
  --ta-card:rgba(13,25,19,.78);
  --ta-card-2:rgba(16,31,24,.92);
  --ta-border:rgba(107,244,157,.14);
  --ta-border-strong:rgba(107,244,157,.30);
  --ta-accent:#39e57e;
  --ta-accent-2:#0fb866;
  --ta-accent-soft:#8fffc0;
  --ta-text:#f5fff8;
  --ta-muted:#91a99b;
  --ta-danger:#ff6b7b;
  --ta-radius:22px;
  --ta-shadow:0 22px 70px rgba(0,0,0,.38);
}

*{box-sizing:border-box}
html{background:var(--ta-bg)!important;scroll-behavior:smooth}
body,
body.dark-theme,
body.light-theme{
  background:
    radial-gradient(650px 420px at 8% -5%,rgba(57,229,126,.13),transparent 65%),
    radial-gradient(550px 430px at 100% 12%,rgba(0,180,120,.09),transparent 65%),
    linear-gradient(180deg,#09120e 0%,#050907 48%,#020403 100%)!important;
  color:var(--ta-text)!important;
  font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  min-height:100vh;
}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.32;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}
body:after{content:"";position:fixed;inset:auto -15% -18% -15%;height:360px;pointer-events:none;z-index:-1;background:radial-gradient(ellipse,rgba(36,218,117,.08),transparent 68%)}
a{text-decoration:none!important;transition:.22s ease}
button,input,select,textarea{font-family:inherit}

/* Keep the original mobile-first/app width while making desktop feel intentional. */
body{max-width:768px;margin:0 auto;overflow-x:hidden;padding-bottom:92px}
.panel-layout{background:transparent!important;min-height:100vh}
.panel-layout .page-container{background:transparent!important}
.section-gap{padding:18px 10px 105px!important}
.container-fluid{padding-left:10px!important;padding-right:10px!important}

/* ---------------- TOP HEADER ---------------- */
.ta-mobile-header{position:sticky;top:10px;z-index:1000;margin:10px 12px 0;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:rgba(6,15,11,.78);border:1px solid var(--ta-border);border-radius:20px;box-shadow:0 16px 50px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.035);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.ta-brand{display:flex;align-items:center;gap:10px;min-width:0;color:#fff!important}
.ta-brand-mark{width:39px;height:39px;border-radius:13px;display:grid;place-items:center;color:#031008;background:linear-gradient(145deg,#78ffb1,#1dcc70);box-shadow:0 8px 25px rgba(57,229,126,.18);flex:0 0 auto}
.ta-brand-mark i{font-size:16px}
.ta-brand-copy{display:flex;flex-direction:column;min-width:0}
.ta-brand-copy strong{font-size:13px;line-height:1.2;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}
.ta-brand-copy small{font-size:8px;color:#739384;letter-spacing:.65px;text-transform:uppercase;margin-top:2px}
.ta-header-actions{display:flex;align-items:center;gap:7px;position:relative}
.ta-header-action{width:37px;height:37px;border:1px solid var(--ta-border);border-radius:12px;background:rgba(255,255,255,.035);color:#ccebd8;display:grid;place-items:center;cursor:pointer}
.ta-header-action:hover{background:rgba(57,229,126,.11);border-color:var(--ta-border-strong);color:#fff;transform:translateY(-2px)}
.ta-user-dropdown{min-width:245px;padding:8px!important;background:rgba(7,16,12,.98)!important;border:1px solid var(--ta-border)!important;border-radius:18px!important;box-shadow:var(--ta-shadow)!important;margin-top:9px!important;overflow:hidden}
.ta-user-dropdown-head{display:flex;align-items:center;gap:10px;padding:9px;border-bottom:1px solid var(--ta-border);margin-bottom:5px}
.ta-avatar{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:rgba(57,229,126,.12);color:var(--ta-accent-soft);font-weight:800}
.ta-user-dropdown-head div{display:flex;flex-direction:column;min-width:0}.ta-user-dropdown-head strong{font-size:12px;color:#fff}.ta-user-dropdown-head small{font-size:9px;color:#6e8879;overflow:hidden;text-overflow:ellipsis;max-width:160px}
.ta-user-dropdown .dropdown-item{border-radius:10px!important;color:#c9dfd1!important;padding:10px 11px!important;font-size:11px!important}.ta-user-dropdown .dropdown-item i{width:20px;color:#69ed9d;margin-right:6px}.ta-user-dropdown .dropdown-item:hover{background:rgba(57,229,126,.08)!important;color:#fff!important}.ta-user-dropdown .ta-logout{color:#ff98a4!important}

/* ---------------- BOTTOM NAV ---------------- */
.ta-bottom-nav{position:fixed;left:50%;bottom:10px;transform:translateX(-50%);width:min(748px,calc(100% - 18px));z-index:2000;padding:7px;border:1px solid rgba(116,246,165,.17);border-radius:24px;background:rgba(5,13,9,.86);box-shadow:0 18px 65px rgba(0,0,0,.48),0 0 45px rgba(57,229,126,.05);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.ta-bottom-nav-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.ta-bottom-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:58px;border-radius:17px;color:#70877b!important;font-size:9px;font-weight:600;letter-spacing:.15px}
.ta-bottom-icon{height:27px;width:32px;display:grid;place-items:center;position:relative}.ta-bottom-icon img{width:24px;height:24px;object-fit:contain;filter:grayscale(1) brightness(.72);transition:.22s ease}.ta-bottom-item.is-active{color:#dffff0!important;background:linear-gradient(180deg,rgba(57,229,126,.13),rgba(57,229,126,.035));box-shadow:inset 0 0 0 1px rgba(57,229,126,.10)}.ta-bottom-item.is-active:before{content:"";position:absolute;top:0;width:28px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#53ee94,transparent);box-shadow:0 0 15px rgba(57,229,126,.45)}.ta-bottom-item.is-active .ta-bottom-icon img{filter:none;transform:translateY(-1px);filter:drop-shadow(0 4px 8px rgba(57,229,126,.2))}.ta-bottom-item:hover{color:#fff!important;transform:translateY(-2px)}

/* ---------------- GLOBAL COMPONENTS ---------------- */
.site-card,.dark-theme .site-card,.dark-theme .panel-layout .site-card{position:relative;background:linear-gradient(145deg,rgba(17,34,26,.91),rgba(7,15,11,.90))!important;border:1px solid var(--ta-border)!important;border-radius:var(--ta-radius)!important;box-shadow:var(--ta-shadow)!important;overflow:hidden}
.site-card:before{content:"";position:absolute;width:170px;height:170px;right:-105px;top:-105px;border-radius:50%;background:radial-gradient(circle,rgba(57,229,126,.11),transparent 70%);pointer-events:none}
.site-card .site-card-header{padding:17px 18px!important;border-bottom:1px solid var(--ta-border)!important;background:rgba(255,255,255,.015)!important}.site-card .site-card-header .title,.site-card h1,.site-card h2,.site-card h3,.site-card h4,.site-card h5{color:#f5fff8!important}.site-card .site-card-body{color:#bfd4c7!important}
.site-btn,.primary-btn,.blue-btn,.grad-btn,.custom-button,.button-gradient{border:0!important;border-radius:14px!important;background:linear-gradient(135deg,#57ef97,#10b866)!important;color:#031008!important;font-weight:800!important;box-shadow:0 10px 30px rgba(57,229,126,.15)!important}.site-btn:hover,.primary-btn:hover,.blue-btn:hover,.grad-btn:hover{transform:translateY(-2px);filter:brightness(1.05)}
.form-control,.form-select,input,select,textarea,.site-nice-select{background:rgba(3,11,7,.78)!important;color:#effff4!important;border:1px solid rgba(115,245,163,.14)!important;border-radius:13px!important;min-height:45px;box-shadow:none!important}.form-control:focus,.form-select:focus,input:focus,select:focus,textarea:focus{border-color:rgba(57,229,126,.55)!important;box-shadow:0 0 0 3px rgba(57,229,126,.08)!important}.form-control::placeholder,input::placeholder,textarea::placeholder{color:#657e70!important}label{color:#bdd5c5!important;font-size:11px}
.alert{border-radius:14px!important;border:1px solid var(--ta-border)!important;background:rgba(57,229,126,.07)!important;color:#e1f9e9!important}
.table{color:#dcefe4!important;border-color:var(--ta-border)!important}.table>:not(caption)>*>*{background:transparent!important;color:inherit!important;border-color:var(--ta-border)!important}.table thead th{color:#7eeea5!important;font-size:10px;text-transform:uppercase;letter-spacing:.7px}

/* ---------------- HERO / BANNER ---------------- */
.rrr{display:block;max-width:100%;height:auto;object-fit:cover;border-radius:0 0 24px 24px;box-shadow:0 22px 50px rgba(0,0,0,.3)}
.wrapper,.main-container-invest,.container47{color:var(--ta-text)!important}
.container47{margin:0 0 15px!important;padding:5px!important;border-radius:18px!important;background:rgba(11,23,17,.74)!important;border:1px solid var(--ta-border)!important;box-shadow:var(--ta-shadow)!important}.container47 .text{border-radius:13px!important}.container47 button{border:0!important;background:transparent!important;color:#849b8e!important}.container47 .text.active button{color:#9fffc2!important}

/* ---------------- INVESTMENT CARDS ---------------- */
.main-container-invest{margin:0 0 14px!important;padding:0!important;background:transparent!important;border:0!important}
.main-container-invest .container1{display:flex!important;align-items:stretch!important;gap:0!important;overflow:hidden;border-radius:23px 23px 15px 15px;background:linear-gradient(145deg,rgba(17,37,27,.96),rgba(7,16,12,.92));border:1px solid var(--ta-border);box-shadow:var(--ta-shadow)}
.main-container-invest .containerg{width:34%!important;min-height:145px!important;background-position:center!important;background-repeat:no-repeat!important;border:0!important;position:relative}.main-container-invest .containerg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 45%,rgba(7,16,12,.78))}.main-container-invest .content{width:66%!important;padding:17px!important;background:transparent!important}.main-container-invest .title{color:#fff!important;font-size:16px!important;font-weight:800!important;margin-bottom:14px}.main-container-invest .two-cols{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}.main-container-invest .rkm1{color:#6f8c7b!important;font-size:9px!important;text-transform:uppercase;letter-spacing:.5px}.main-container-invest .rkj{color:#eafff1!important;font-size:11px!important;font-weight:700}.main-container-invest>a{display:flex!important;justify-content:center!important;align-items:center!important;min-height:45px!important;margin-top:5px!important;border-radius:0 0 15px 15px!important;background:linear-gradient(135deg,#3fe789,#0caf61)!important;color:#031008!important;font-weight:900!important;letter-spacing:.5px!important;font-size:11px!important;box-shadow:0 12px 25px rgba(57,229,126,.13)!important}.main-container-invest:hover .container1{border-color:var(--ta-border-strong);transform:translateY(-2px)}

/* ---------------- OLD COMPONENTS, NEW SKIN ---------------- */
.amount-display,.paragraph-container,.content-container,.navy-blue-bg{background:linear-gradient(145deg,#102b1f,#08130e)!important;color:#effff5!important;border:1px solid var(--ta-border)!important;border-radius:20px!important;box-shadow:var(--ta-shadow)!important}.amount-display{padding:16px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.amount-display>div{padding:13px!important;background:rgba(255,255,255,.025);border:1px solid rgba(111,255,166,.08);border-radius:14px}.rtf{color:#799488!important;font-size:9px!important;text-transform:uppercase;letter-spacing:.7px}.rtt{color:#f5fff8!important;font-size:17px!important;font-weight:800}
.single-investment-plan{background:linear-gradient(145deg,rgba(16,36,27,.95),rgba(7,16,12,.92))!important;border:1px solid var(--ta-border)!important;border-radius:22px!important;box-shadow:var(--ta-shadow)!important}.single-investment-plan:hover{border-color:var(--ta-border-strong)!important;transform:translateY(-4px)}
.fixed-header,.header,.footer,.footer-area{background:rgba(4,12,9,.92)!important;border-color:var(--ta-border)!important}

/* ---------------- AUTH PAGES ---------------- */
.site-auth{min-height:100vh!important;padding:45px 15px 110px!important;background:radial-gradient(circle at 50% 0%,rgba(57,229,126,.13),transparent 35%),linear-gradient(180deg,#09150f,#030705)!important}
.site-auth .auth-content{background:linear-gradient(145deg,rgba(16,32,24,.94),rgba(6,14,10,.96))!important;border:1px solid var(--ta-border)!important;border-radius:28px!important;padding:24px!important;box-shadow:var(--ta-shadow)!important}.site-auth h1{color:#fff!important;font-size:24px!important;font-weight:800!important}.site-auth .formLink{color:#86eaae!important}.site-auth .prefix{background:rgba(57,229,126,.10)!important;color:#bfffd6!important;border:1px solid var(--ta-border)!important}.site-auth .inputBox{background:#050c08!important;color:#fff!important;border-color:var(--ta-border)!important}.site-auth .input-container{border-radius:13px!important;overflow:hidden}.container108{background:rgba(7,18,13,.86)!important;border:1px solid var(--ta-border)!important;box-shadow:var(--ta-shadow)!important}

/* ---------------- SETTINGS / CRYPTO ---------------- */
.crypto-green-ui .site-card,.crypto-address-card{background:linear-gradient(145deg,rgba(15,35,26,.94),rgba(6,15,11,.92))!important;border-color:var(--ta-border)!important;border-radius:21px!important}.crypto-address-box{background:rgba(2,10,7,.72)!important;border:1px solid var(--ta-border)!important;color:#e9fff1!important;border-radius:13px!important}.copy-wallet-btn{background:linear-gradient(135deg,#57ef97,#0fb866)!important;color:#031008!important;border-radius:11px!important}

/* ---------------- DASHBOARD ---------------- */
.ta-dashboard{padding:0 0 35px!important}.ta-welcome{background:linear-gradient(135deg,rgba(18,54,37,.95),rgba(5,16,11,.96))!important;border:1px solid var(--ta-border-strong)!important;border-radius:26px!important;box-shadow:var(--ta-shadow)!important}.ta-balance-card,.ta-quick-card,.ta-stats-grid>div,.ta-market-card{background:linear-gradient(145deg,rgba(13,30,22,.90),rgba(6,14,10,.88))!important;border-color:var(--ta-border)!important}.ta-balance-card:hover,.ta-quick-card:hover,.ta-market-card:hover{border-color:var(--ta-border-strong)!important;transform:translateY(-3px)}

/* ---------------- RESPONSIVE ---------------- */
@media(min-width:769px){body{max-width:100% !important; margin:0; }.ta-bottom-nav{width:min(700px,calc(100% - 30px))}.section-gap{padding-left:20px!important;padding-right:20px!important}.ta-mobile-header{margin-left:20px;margin-right:20px}.main-container-invest .container1{min-height:175px}.main-container-invest .containerg{min-height:175px!important}}
@media(max-width:480px){.ta-brand-copy small{display:none}.ta-brand-copy strong{max-width:145px}.ta-mobile-header{margin-left:8px;margin-right:8px}.section-gap{padding-left:5px!important;padding-right:5px!important}.main-container-invest .containerg{width:32%!important}.main-container-invest .content{width:68%!important;padding:13px!important}.main-container-invest .title{font-size:14px!important}.main-container-invest .rkm1{font-size:8px!important}.main-container-invest .rkj{font-size:10px!important}.ta-bottom-nav{bottom:7px;width:calc(100% - 12px);padding:6px;border-radius:22px}.ta-bottom-item{min-height:55px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}