:root{--bg:#04111e;--bg2:#071c30;--panel:#08243c;--panel2:#071a2d;--line:#195a91;--blue:#1da9ff;--gold:#f2c349;--text:#eff6fc;--muted:#93a9bd;--green:#2bd794;--red:#ff6877;--shadow:0 22px 60px rgba(0,0,0,.35)}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}body{margin:0;background:radial-gradient(circle at 70% 10%,#0a2741 0,transparent 26%),linear-gradient(180deg,#04111e,#061827);min-height:100vh}.demo-banner{height:30px;display:flex;align-items:center;justify-content:center;background:#7a5807;color:#fff2bd;font-size:11px;font-weight:800;letter-spacing:.06em}.app-shell{display:grid;grid-template-columns:245px 1fr;min-height:calc(100vh - 30px)}.sidebar{position:sticky;top:0;height:calc(100vh - 30px);padding:22px 16px;border-right:1px solid #113c61;background:linear-gradient(180deg,#06182a,#04111e);display:flex;flex-direction:column;overflow:auto}.brand{text-decoration:none;color:#fff;display:flex;align-items:center;gap:10px;padding:4px 8px 17px}.brand-globe{font-size:35px;color:var(--gold);text-shadow:0 0 20px rgba(242,195,73,.35)}.brand-wordmark{display:flex;align-items:baseline;white-space:nowrap}.brand-big{font-family:Georgia,serif;color:var(--gold);font-size:25px;font-weight:700}.brand-small{font-family:Georgia,serif;font-size:10px;color:#f1e6bd;margin-right:1px}.side-nav{display:grid;gap:3px}.side-link{width:100%;border:0;background:transparent;color:#9bb0c4;padding:10px 11px;border-radius:10px;display:flex;gap:10px;align-items:center;text-align:left;cursor:pointer}.side-link span{color:#7e9bb7;width:22px;text-align:center}.side-link b{font-size:12px}.side-link:hover,.side-link.active{background:linear-gradient(90deg,#07345a,#0b2944);color:white}.side-link.active{box-shadow:inset 3px 0 var(--gold)}.side-link.active span{color:var(--gold)}.side-security{margin-top:auto;border:1px solid #1e5783;border-radius:13px;padding:13px;text-align:center;background:#071b2e}.side-security span{display:block;font-size:29px}.side-security strong,.side-security small{display:block}.side-security small{color:var(--muted);margin-top:3px}.admin-link{color:#b9c9d8;text-decoration:none;font-size:11px;text-align:center;margin:12px 0 2px}.main{min-width:0}.topbar{height:76px;border-bottom:1px solid #133e62;background:rgba(4,17,30,.92);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:flex-end;padding:0 26px;position:sticky;top:0;z-index:30}.mobile-brand{display:none;color:var(--gold);font:700 26px Georgia,serif}.topbar-actions{display:flex;align-items:center;gap:9px}.language-control,.chain-pill{border:1px solid #1a527d;background:#071c30;border-radius:9px;min-height:40px;display:flex;align-items:center;padding:0 10px}.language-control select{border:0;outline:0;background:transparent;color:#fff;max-width:190px}.language-control option{color:#111}.chain-pill{font-size:11px;color:#b4c8d9}.bell{position:relative;border:1px solid #1a527d;background:#071c30;color:white;border-radius:9px;width:42px;height:40px;cursor:pointer}.bell i{position:absolute;right:-3px;top:-5px;background:var(--gold);color:#071321;font-size:9px;border-radius:20px;min-width:17px;height:17px;display:grid;place-items:center;font-style:normal;font-weight:900}.primary,.secondary{min-height:43px;border-radius:9px;padding:0 17px;font-weight:900;cursor:pointer}.primary{border:1px solid #f7d873;background:linear-gradient(180deg,#f6d36d,#d7a72d);color:#1c1607}.secondary{border:1px solid #2a6492;background:#0b2b47;color:#dcebf6}.primary.small{min-height:40px}.wide{width:100%}.page{display:none;padding:22px 28px 60px}.page.active{display:block}.hero{min-height:280px;border:1px solid #164f80;border-radius:21px;overflow:hidden;display:grid;grid-template-columns:48% 52%;background:linear-gradient(135deg,#06192b,#08243c 60%,#051525);box-shadow:var(--shadow);margin-bottom:17px}.world-art{position:relative;overflow:hidden;min-height:280px;background:radial-gradient(circle at 55% 54%,rgba(29,169,255,.18),transparent 38%)}.planet{position:absolute;width:330px;height:330px;border-radius:50%;left:40px;top:28px;border:2px solid rgba(30,171,255,.62);box-shadow:inset 0 0 45px rgba(30,171,255,.13),0 0 25px rgba(30,171,255,.2);background:radial-gradient(circle at 37% 35%,rgba(39,177,255,.25),transparent 23%),repeating-linear-gradient(15deg,transparent 0 14px,rgba(28,160,240,.09) 15px 16px)}.planet:before,.planet:after{content:"";position:absolute;inset:45px -18px;border:1px solid rgba(34,178,255,.4);border-radius:50%;transform:rotate(22deg)}.planet:after{inset:16px 85px;transform:rotate(-28deg)}.orbit{position:absolute;border:1px solid rgba(35,177,255,.42);border-radius:50%;width:430px;height:165px;left:-10px;top:94px}.o2{transform:rotate(20deg)}.o3{transform:rotate(-20deg)}.hero-copy{padding:46px 38px 36px 10px;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:10px;letter-spacing:.18em;color:#88a1b8;font-weight:900}.hero h1,.section-title h2{font-family:Georgia,serif}.hero h1{font-size:43px;margin:8px 0 11px}.hero p{font-size:16px;color:#c5d3df}.gold-line{height:4px;width:230px;background:var(--gold);border-radius:10px;margin-top:17px;box-shadow:0 0 15px rgba(242,195,73,.4)}.metrics{display:grid;gap:14px;margin:14px 0}.metrics.four{grid-template-columns:repeat(4,minmax(0,1fr))}.metric,.panel{border:1px solid #1b5b90;background:linear-gradient(150deg,rgba(8,34,57,.98),rgba(5,21,36,.98));border-radius:16px;box-shadow:0 16px 42px rgba(0,0,0,.2)}.metric{padding:18px;display:flex;flex-direction:column;min-width:0}.metric>span{color:var(--gold);font-size:22px}.metric small{color:#b7c9d7;margin-top:3px}.metric strong{font-size:23px;margin-top:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric em{font-style:normal;color:#7893aa;font-size:10px;margin-top:5px}.dashboard-grid,.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel{padding:20px}.panel-head{display:flex;gap:12px;align-items:center;margin-bottom:15px}.panel-head>span{font-size:27px;color:var(--gold)}.panel-head h2{margin:0;font-size:19px}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.action-row{display:flex;gap:10px}.security-note,.disclaimer{color:#8199ae;font-size:11px;line-height:1.5}.rank-row{display:flex;align-items:center;justify-content:space-between;font-size:22px}.rank-row span{color:var(--gold);font-weight:900}.progress{height:7px;background:#102e48;border-radius:10px;overflow:hidden;margin:12px 0 17px}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),#ffe59a);width:5%}.split{display:grid;grid-template-columns:1fr 1fr;gap:10px}.split span{display:flex;flex-direction:column}.split small{color:var(--muted)}.split b{margin-top:5px}.recent{margin-top:14px}.link-btn{margin-left:auto;border:0;background:transparent;color:var(--gold);font-weight:900;cursor:pointer}.empty{padding:27px;text-align:center;color:#8299ad;border:1px dashed #23516f;border-radius:11px}.section-title{padding:13px 0 9px}.section-title h2{font-size:34px;margin:6px 0 8px}.section-title p{max-width:820px;color:var(--muted);line-height:1.55}.key-value{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid rgba(54,103,143,.32)}.key-value span{color:#9bb0c3}.projection-chart{display:flex;align-items:flex-end;gap:5px;height:220px;padding:20px 4px 0;border-bottom:1px solid #245477}.projection-bar{flex:1;background:linear-gradient(180deg,#f2c349,#a77b10);border-radius:4px 4px 0 0;min-width:4px;position:relative}.projection-bar:hover:after{content:attr(data-label);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#020b13;padding:5px;border-radius:5px;font-size:9px;white-space:nowrap}.center-action{text-align:center;padding:42px}.big-token{width:90px;height:90px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;border:2px solid var(--gold);color:var(--gold);font:700 28px Georgia,serif;box-shadow:0 0 28px rgba(242,195,73,.16)}.fee-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:520px;margin:20px auto}.fee-cards div{background:#071a2d;border:1px solid #22577f;border-radius:11px;padding:15px;display:flex;justify-content:space-between}.fee-cards strong{color:var(--gold)}.table-panel{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px 10px;border-bottom:1px solid rgba(51,101,140,.32);text-align:left;font-size:12px}th{background:#0a2944;color:#dae7f0}.table-scroll{overflow:auto}.filters{display:flex;gap:8px;margin-bottom:14px}.filters input,.filters select,#supportForm select,#supportForm textarea,.invite-card input,.modal input,.modal select{background:#081d31;color:#fff;border:1px solid #2a5b80;border-radius:9px;padding:10px;outline:0}.filters input{flex:1}.status-pill{display:inline-flex;border-radius:20px;padding:4px 8px;font-size:10px;font-weight:800;background:#0c3a31;color:#58e6ac}.invite-card{max-width:730px}.invite-card label{display:block;color:#a7bacb;margin:18px 0 7px}.copy-row{display:flex;gap:8px}.copy-row input{flex:1}.notifications-item{padding:14px 0;border-bottom:1px solid rgba(56,104,141,.3);display:flex;gap:12px}.notifications-item i{width:10px;height:10px;border-radius:50%;background:var(--gold);margin-top:5px}.notifications-item small{display:block;color:var(--muted);margin-top:4px}.two-col details{border-bottom:1px solid #244e6c;padding:11px 0}.two-col summary{cursor:pointer;font-weight:700}#supportForm label{display:grid;gap:6px;margin-bottom:12px;color:#b5c7d7}#supportForm textarea{min-height:120px}.terms-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.terms-grid>div{border:1px solid #204e74;border-radius:12px;background:#061a2c;padding:16px}.terms-grid h3{color:var(--gold);margin-top:0}.terms-grid p{color:#a9bccd;line-height:1.55}.modal-backdrop{position:fixed;inset:0;z-index:200;background:rgba(0,7,14,.82);display:grid;place-items:center;padding:18px;backdrop-filter:blur(7px)}.modal-backdrop[hidden]{display:none}.modal{width:min(580px,96vw);max-height:94vh;overflow:auto;position:relative;border:1px solid #286595;border-radius:22px;background:linear-gradient(160deg,#0a2138,#061424 73%);padding:28px;box-shadow:0 35px 100px rgba(0,0,0,.65)}.modal-close{position:absolute;right:15px;top:13px;border:0;background:#0e2a44;color:#d9e6ef;border-radius:50%;width:38px;height:38px;font-size:24px;cursor:pointer}.step-line{color:#92a8bb;font-size:12px;margin-bottom:18px}.modal h2{font:700 29px Georgia,serif;margin:0 45px 16px 0}.step-dots{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:20px}.step-dots i{height:4px;background:#27465e;border-radius:8px}.step-dots i.on{background:var(--gold)}.modal-step{display:none}.modal-step.active{display:block}.modal label{display:grid;gap:7px;color:#bacbd8;margin-bottom:12px}.amount-input{display:flex;align-items:center;border:1px solid #2a5b80;border-radius:10px;background:#081d31}.amount-input input{border:0;flex:1}.amount-input span{padding:0 12px;color:var(--gold);font-weight:900}.summary{border:1px solid #204f75;border-radius:12px;overflow:hidden;margin:16px 0}.summary div{display:flex;justify-content:space-between;gap:12px;padding:13px;border-bottom:1px solid rgba(52,102,140,.3)}.summary div:last-child{border-bottom:0}.summary span{color:#9eb2c4}.summary b{color:#fff}.check{display:flex!important;grid-template-columns:none!important;flex-direction:row;align-items:flex-start;gap:9px!important;background:#071a2c;border:1px solid #1e4d72;padding:10px;border-radius:9px;font-size:12px;line-height:1.4}.check input{margin-top:2px}.modal-actions{display:flex;gap:10px}.modal-actions>*{flex:1}.fox-big{text-align:center;font-size:70px}.warning{border:1px solid rgba(242,195,73,.5);background:rgba(242,195,73,.08);color:#f3d882;padding:12px;border-radius:10px;font-size:11px;line-height:1.5;margin:15px 0}.success{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:8px auto 15px;border:2px solid var(--green);color:var(--green);font-size:37px}.toast{position:fixed;right:20px;bottom:20px;z-index:300;background:#0c2c48;border:1px solid #2c6895;border-radius:10px;padding:12px 15px;box-shadow:var(--shadow);opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.rtl body,.rtl .side-link,.rtl th,.rtl td{text-align:right}.rtl .modal-close{right:auto;left:15px}@media(max-width:1180px){.app-shell{grid-template-columns:90px 1fr}.brand-wordmark,.side-link b,.side-security strong,.side-security small,.admin-link{display:none}.brand{justify-content:center}.side-link{justify-content:center}.metrics.four{grid-template-columns:1fr 1fr}.hero{grid-template-columns:42% 58%}}@media(max-width:760px){.demo-banner{height:auto;padding:7px;text-align:center}.app-shell{display:block}.sidebar{position:fixed;z-index:80;left:0;right:0;bottom:0;top:auto;height:72px;padding:7px 8px;border-right:0;border-top:1px solid #174e79;overflow:hidden}.brand,.side-security,.admin-link{display:none}.side-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:2px}.side-link{display:none}.side-link[data-page="dashboard"],.side-link[data-page="trading"],.side-link[data-page="referral"],.side-link[data-page="transactions"],.side-link[data-page="support"]{display:flex;flex-direction:column;padding:6px 2px}.side-link b{display:block;font-size:8px}.main{padding-bottom:75px}.topbar{padding:9px 12px;height:auto;min-height:62px;justify-content:space-between}.mobile-brand{display:block}.topbar-actions{gap:5px}.chain-pill{display:none}.primary.small{display:none}.language-control select{max-width:120px}.page{padding:14px 12px 35px}.hero{grid-template-columns:1fr}.world-art{min-height:160px}.planet{width:245px;height:245px;left:50%;transform:translateX(-50%);top:20px}.hero-copy{padding:24px}.hero h1{font-size:30px}.metrics.four,.dashboard-grid,.two-col,.terms-grid{grid-template-columns:1fr}.action-row,.copy-row,.filters{flex-direction:column}.fee-cards{grid-template-columns:1fr}.modal{padding:23px 16px}.modal-actions{flex-direction:column}}

/* ============================================================
   PREMIUM LOOK — based on approved WorldTradeHouse reference
   ============================================================ */
:root{
  --wth-bg:#03101c;
  --wth-bg-2:#061827;
  --wth-panel:#061b2d;
  --wth-panel-2:#07223a;
  --wth-blue:#1ea8ff;
  --wth-blue-2:#0d78d5;
  --wth-gold:#f2c34b;
  --wth-gold-2:#d89c24;
  --wth-text:#f5f8fb;
  --wth-muted:#a8bac9;
}
body{
  background:
    radial-gradient(circle at 62% 15%,rgba(17,92,153,.18),transparent 33%),
    linear-gradient(180deg,#020d17 0%,#031421 45%,#020b13 100%);
}
.prototype-chip{
  position:fixed;right:18px;bottom:16px;z-index:80;
  background:rgba(2,10,17,.78);border:1px solid rgba(242,195,75,.35);
  color:#d9c582;border-radius:999px;padding:5px 10px;font-size:9px;font-weight:800;
  letter-spacing:.08em;backdrop-filter:blur(8px);pointer-events:none
}
.global-header{
  height:96px;display:grid;grid-template-columns:290px minmax(470px,1fr) auto;
  align-items:center;border-bottom:1px solid rgba(47,149,218,.35);
  background:linear-gradient(180deg,rgba(2,13,24,.98),rgba(3,17,30,.96));
  position:sticky;top:0;z-index:50;box-shadow:0 10px 35px rgba(0,0,0,.26)
}
.premium-logo{height:96px;display:flex;align-items:center;padding:0 18px;text-decoration:none;border-right:1px solid rgba(34,111,170,.25)}
.premium-logo img{display:block;width:100%;max-width:260px;height:auto;filter:drop-shadow(0 0 12px rgba(242,195,75,.11))}
.top-nav{height:100%;display:flex;align-items:center;justify-content:center;gap:34px;padding:0 24px;min-width:0}
.top-link{height:100%;position:relative;border:0;background:transparent;color:#f4f7fa;display:flex;align-items:center;gap:10px;padding:0 6px;font-size:15px;cursor:pointer;white-space:nowrap}
.top-link span{font-size:25px;color:#eaf3fb;line-height:1}.top-link b{font-size:15px}
.top-link.active span,.top-link:hover span{color:var(--wth-gold)}
.top-link.active:after{content:"";position:absolute;left:4px;right:4px;bottom:15px;height:3px;border-radius:3px;background:var(--wth-gold);box-shadow:0 0 10px rgba(242,195,75,.8)}
.header-actions{display:flex;align-items:center;gap:8px;padding-right:18px;white-space:nowrap}
.header-connect{min-height:42px;border-radius:10px;padding:0 17px;box-shadow:0 0 18px rgba(242,195,75,.18)}
.premium-language{background:transparent;border:0;padding:0 4px;min-height:42px}
.premium-language>span{font-size:26px;margin-right:5px}.premium-language select{font-weight:800;max-width:120px;color:#fff;font-size:13px}
.premium-shell{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:calc(100vh - 96px)}
.premium-sidebar{position:sticky;top:96px;height:calc(100vh - 96px);padding:26px 16px 16px;background:linear-gradient(180deg,#041423,#020d17 92%);border-right:1px solid rgba(39,116,178,.28);overflow:auto}
.premium-sidebar .side-nav{gap:5px}.premium-sidebar .side-link{min-height:56px;padding:0 17px;border-radius:12px;color:#f1f5f8}
.premium-sidebar .side-link span{font-size:28px;color:#eef6fc;width:32px}.premium-sidebar .side-link b{font-size:15px}
.premium-sidebar .side-link.active{background:linear-gradient(90deg,rgba(182,125,16,.88),rgba(132,89,8,.58));box-shadow:inset 0 0 0 1px #f5d059,0 0 18px rgba(242,195,75,.23);color:white}
.premium-sidebar .side-link.active span{color:#fff2b1}.side-divider{height:1px;background:linear-gradient(90deg,transparent,#8ba0b0,transparent);opacity:.4;margin:26px 10px 20px}
.premium-security{border:0;background:transparent;padding:5px 20px 16px}.premium-security span{font-size:58px}.premium-security strong{font-size:19px;color:white;margin-top:7px}.premium-security small{font-size:12px}.premium-security p{color:#c5d0d9;font-size:12px;line-height:1.55;margin:10px 0 0}
.side-mini-links{display:grid;grid-template-columns:1fr 1fr;column-gap:12px;row-gap:10px;margin-top:10px}.side-mini-links button{border:0;background:transparent;color:#a8c2d8;font-size:17px;font-weight:600;line-height:1.45;text-align:left;padding:8px 5px;min-height:42px;cursor:pointer}.side-mini-links button:hover{color:var(--wth-gold)}
.premium-main{min-width:0;overflow:hidden}.premium-main .page{padding:18px 26px 55px;max-width:1500px;margin:0 auto}
.premium-hero{position:relative;min-height:225px;border-bottom:1px solid rgba(51,154,224,.34);display:grid;grid-template-columns:48% 52%;overflow:hidden;background:linear-gradient(90deg,#04101c 0%,#061727 45%,#04111e 100%)}
.hero-globe{position:relative;min-height:225px;overflow:hidden}.hero-globe:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 66%,#061727 100%)}
.hero-globe img{position:absolute;left:0;bottom:-3px;width:100%;height:100%;object-fit:cover;object-position:left center;filter:saturate(1.18) contrast(1.06) brightness(1.02);transform:scale(1.05)}
.premium-copy{position:relative;padding:24px 70px 24px 28px;display:flex;justify-content:center;flex-direction:column;z-index:2}.premium-copy h1{font:700 38px/1.08 Georgia,serif;margin:0 0 11px;color:white;text-shadow:0 1px 2px #000}.premium-copy p{color:#eef3f8;font-size:15px;margin:0;max-width:560px}.premium-copy .gold-line{margin-top:23px;width:250px;height:4px}
.candle-art{position:absolute;right:8px;top:35px;width:150px;height:95px;display:flex;align-items:flex-end;gap:12px;opacity:.52}.candle-art i{display:block;width:14px;background:linear-gradient(#1baaff,#0874b8);position:relative;border-radius:1px}.candle-art i:before{content:"";position:absolute;left:6px;top:-26px;width:2px;height:125px;background:#1baaff;opacity:.65}.candle-art i:nth-child(1){height:28px}.candle-art i:nth-child(2){height:42px}.candle-art i:nth-child(3){height:31px}.candle-art i:nth-child(4){height:55px}.candle-art i:nth-child(5){height:72px}.candle-art i:nth-child(6){height:88px}
.premium-summary-grid{display:grid;grid-template-columns:1.55fr .78fr .8fr .8fr;gap:14px;margin-top:-2px;position:relative;z-index:3}
.premium-card{border:1px solid #1f83c7;background:linear-gradient(155deg,rgba(7,31,52,.98),rgba(3,16,29,.98));border-radius:17px;box-shadow:inset 0 0 24px rgba(12,104,173,.08),0 0 12px rgba(22,132,209,.14);color:white}
.connect-card{min-height:160px;padding:24px 24px;display:grid;grid-template-columns:72px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:14px;border-color:#d7b23c;box-shadow:inset 0 0 25px rgba(242,195,75,.07),0 0 18px rgba(242,195,75,.16)}
.metamask-mark{font-size:55px;line-height:1}.connect-copy h2{font-size:23px;margin:0 0 4px}.connect-copy p{margin:0;color:#d8e2eb;font-size:14px}.connect-card .gold-button{grid-column:2;margin-top:13px}
.gold-button{min-height:48px;border-radius:11px;border:1px solid #ffe37e;background:linear-gradient(180deg,#ffe47d,#e2a52e 75%,#c98a12);color:#171006;font-weight:900;font-size:15px;padding:0 21px;cursor:pointer;box-shadow:inset 0 1px #fff2ad,0 0 18px rgba(242,195,75,.28)}.gold-button:hover{filter:brightness(1.05)}
.stat-card{min-height:160px;padding:25px 20px;display:flex;gap:14px;align-items:flex-start}.stat-icon{color:#efbd37;font-size:37px;line-height:1}.stat-card h3{font-size:16px;margin:3px 0 24px}.stat-card strong{display:block;font-size:26px;white-space:nowrap}.stat-card small{display:block;color:#7f9cb4;margin-top:7px;font-size:10px}.profit-card strong{color:#27df8a}
.premium-lower-grid{display:grid;grid-template-columns:1fr 1.55fr;gap:15px;margin-top:14px}.deposit-card,.recent-card{padding:22px 24px;min-height:330px}.premium-card-title{display:flex;align-items:flex-start;gap:13px;margin-bottom:18px}.premium-card-title>span{font-size:31px;color:#f1bd3e;line-height:1}.premium-card-title h2{font-size:22px;margin:0 0 5px}.premium-card-title p{font-size:13px;color:#c6d2dc;margin:0;line-height:1.45}.view-all{margin-left:auto;border:0;background:transparent;color:#f2c34b;font-weight:900;font-size:13px;cursor:pointer}
.premium-field{display:grid;grid-template-columns:95px 1fr;align-items:center;gap:12px;margin:14px 0}.premium-field>span{font-size:12px;font-weight:700;color:#d3e0ea}.fixed-network,.amount-box{min-height:49px;border:1px solid #2e6691;background:#09223a;border-radius:10px;display:flex;align-items:center;padding:0 14px;color:#e6eff6}.fixed-network b{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#f3c541;color:#2b1d00;margin-right:9px;font-size:11px}.amount-box input{flex:1;border:0;background:transparent;color:#fff;font-size:15px;outline:0;min-width:0}.amount-box b{color:#b8c8d5;font-size:12px}.quick-fee-line{display:flex;justify-content:space-between;color:#8ba2b7;font-size:11px;margin:5px 0 14px;padding-left:107px}.quick-fee-line b{color:#f2c34b}
.recent-table-head{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr .8fr;background:#0b2944;border:1px solid #235d87;border-radius:9px;padding:12px 14px;color:#fff;font-size:11px;font-weight:800;gap:10px}.premium-empty{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7c91a4;text-align:center}.premium-empty .stack-icon{font-size:34px;line-height:.48;color:#7891a9;margin-bottom:18px}.premium-empty strong{font-size:16px;color:#7f93a5}.premium-empty small{margin-top:8px;color:#72899d}
.premium-dashboard-extras{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}.compact-info{padding:16px 18px;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px}.compact-info>span{color:#f2c34b;font-size:28px}.compact-info div{display:grid}.compact-info small{color:#8da5b8}.compact-info strong{font-size:18px;margin-top:3px}.compact-info em{font-style:normal;color:#f2c34b;font-size:11px}.compact-info button{border:0;background:transparent;color:#87b7d8;font-size:10px;cursor:pointer}.hidden-dashboard-data{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* Secondary pages keep same functionality but receive the premium surface treatment */
.premium-main .section-title h2{color:#fff}.premium-main .metric,.premium-main .panel{border-color:#216da4;background:linear-gradient(155deg,rgba(7,30,51,.98),rgba(3,17,29,.98));box-shadow:inset 0 0 18px rgba(24,124,194,.05)}
.premium-main .metric>span,.premium-main .terms-grid h3{color:#f2c34b}
.premium-main table th{background:#0a2944}.premium-main .primary{box-shadow:0 0 13px rgba(242,195,75,.13)}
/* active navigation synced across top and side */
.top-link.active{color:white}.premium-sidebar .side-link.active{color:white}
@media(max-width:1180px){
  .global-header{grid-template-columns:235px 1fr auto}.premium-logo img{max-width:210px}.top-nav{gap:16px}.top-link b{font-size:13px}.header-connect{display:none}.premium-summary-grid{grid-template-columns:1.4fr 1fr 1fr}.premium-summary-grid .profit-card{grid-column:3}.connect-card{grid-row:span 2}.stat-card{min-height:125px}.premium-lower-grid{grid-template-columns:1fr}.premium-dashboard-extras{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:900px){
  .prototype-chip{display:none}.global-header{height:auto;min-height:82px;grid-template-columns:1fr auto;padding:7px 10px}.premium-logo{height:68px;border:0;padding:0}.premium-logo img{max-width:225px}.top-nav{grid-column:1/-1;order:3;height:46px;justify-content:flex-start;overflow:auto;padding:0 4px;gap:18px}.top-link{height:46px}.top-link.active:after{bottom:2px}.header-actions{padding:0}.premium-shell{grid-template-columns:1fr}.premium-sidebar{position:relative;top:auto;height:auto;display:flex;overflow:auto;padding:8px;border-right:0;border-bottom:1px solid #164467}.premium-sidebar .side-nav{display:flex;gap:5px;min-width:max-content}.premium-sidebar .side-link{min-height:44px;padding:0 12px}.premium-sidebar .side-link span{font-size:20px;width:auto}.premium-sidebar .side-link b{font-size:11px}.premium-sidebar .side-divider,.premium-sidebar .premium-security,.premium-sidebar .side-mini-links,.premium-sidebar .admin-link{display:none}.premium-main .page{padding:12px}.premium-hero{grid-template-columns:1fr;min-height:360px}.hero-globe{min-height:205px}.premium-copy{padding:20px 24px 28px}.premium-copy h1{font-size:31px}.candle-art{right:5px;top:15px;transform:scale(.7);transform-origin:right top}.premium-summary-grid{grid-template-columns:1fr 1fr}.connect-card{grid-column:1/-1;grid-row:auto}.premium-lower-grid{grid-template-columns:1fr}.premium-dashboard-extras{grid-template-columns:1fr}.premium-language select{max-width:90px}.bell{display:none}
}
@media(max-width:560px){
  .premium-logo img{max-width:190px}.premium-language>span{font-size:21px}.premium-language select{max-width:72px;font-size:11px}.premium-summary-grid{grid-template-columns:1fr}.connect-card{grid-template-columns:55px 1fr;padding:18px}.metamask-mark{font-size:43px}.connect-card .gold-button{grid-column:1/-1}.stat-card{min-height:105px}.premium-field{grid-template-columns:1fr}.quick-fee-line{padding-left:0}.recent-table-head{grid-template-columns:1fr 1fr 1fr}.recent-table-head span:nth-child(3),.recent-table-head span:nth-child(5){display:none}.premium-copy h1{font-size:27px}.top-link span{font-size:18px}.top-link b{font-size:11px}.compact-info{grid-template-columns:30px 1fr}.compact-info button{grid-column:2;justify-self:start;padding:0}.metrics.four,.dashboard-grid,.two-col,.terms-grid{grid-template-columns:1fr}
}

.wallet-live-balance{display:block;margin-top:8px;color:#8fd8ff;font-size:.78rem}.tx-link{display:block;text-align:center;text-decoration:none;margin-top:12px}.primary[disabled]{opacity:.55;cursor:not-allowed}

.wallet-provider-status{display:block;margin-top:8px;color:#ffcf5a;font-size:12px;font-weight:700}.wallet-provider-status.ok{color:#4ee6a8}


.customer-live-trading{margin-top:14px;padding:18px 22px;display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:center;border-color:#0d79b8;background:linear-gradient(135deg,#071b2e,#06243b)}
.live-trading-title{display:flex;align-items:center;gap:12px}.live-trading-title small{color:#7fb6d8;text-transform:uppercase;letter-spacing:1.6px;font-size:10px}.live-trading-title h2{margin:4px 0 0;font-size:21px}.live-dot{width:12px;height:12px;border-radius:50%;background:#6f7d8a;box-shadow:0 0 0 5px rgba(111,125,138,.12)}.live-dot.online{background:#27df8a;box-shadow:0 0 18px rgba(39,223,138,.6)}
.live-trading-metrics{display:grid;grid-template-columns:1fr 1fr .7fr;gap:12px}.live-trading-metrics>div{padding:10px 15px;border-left:1px solid #16577f}.live-trading-metrics span{display:block;color:#8fb3cb;font-size:12px}.live-trading-metrics strong{display:block;font-size:24px;margin-top:7px;color:#fff}.live-trading-metrics>div:nth-child(1) strong,.live-trading-metrics>div:nth-child(2) strong{color:#27df8a}.live-trading-metrics small{display:block;color:#668aa2;font-size:10px;margin-top:4px}
@media(max-width:900px){.customer-live-trading{grid-template-columns:1fr}.live-trading-metrics{grid-template-columns:1fr 1fr}.live-trading-metrics>div:nth-child(3){grid-column:1/-1}.live-trading-metrics>div{border-left:0;border-top:1px solid #16577f}}
@media(max-width:560px){.live-trading-metrics{grid-template-columns:1fr}.live-trading-metrics>div:nth-child(3){grid-column:auto}}

/* Customer profit trend inside Recent Transactions */
.profit-trend-card{border:1px solid #1d5f90;background:linear-gradient(180deg,rgba(9,43,70,.82),rgba(5,27,47,.7));border-radius:14px;padding:14px 16px 10px;margin:0 0 14px;box-shadow:inset 0 0 28px rgba(30,169,255,.035)}
.profit-trend-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.profit-trend-head>div:first-child{display:flex;flex-direction:column;gap:3px}.profit-trend-head small{color:#9fb5c7;font-size:11px}.profit-trend-head strong{font-size:21px;color:#36e6a0;letter-spacing:.01em}.profit-live-pill{display:flex;align-items:center;gap:7px;color:#9fb5c7;font-size:10px;text-align:right}.profit-live-pill i{width:8px;height:8px;border-radius:50%;background:#31d995;box-shadow:0 0 12px rgba(49,217,149,.75);flex:0 0 auto}.profit-chart-wrap{height:148px;position:relative;overflow:hidden;border-radius:10px;background:linear-gradient(180deg,rgba(5,30,51,.45),rgba(4,19,34,.25));border:1px solid rgba(48,102,141,.28)}.profit-trend-svg{display:block;width:100%;height:100%;overflow:visible}.profit-chart-empty{position:absolute;inset:0;display:grid;place-items:center;color:#758da1;font-size:12px;pointer-events:none}.profit-chart-empty[hidden]{display:none}.profit-grid-line{stroke:rgba(89,140,177,.18);stroke-width:1}.profit-area{fill:url(#profitAreaGradient)}.profit-line{fill:none;stroke:#33d99a;stroke-width:3;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px rgba(51,217,154,.28))}.profit-dot{fill:#f2c349;stroke:#08243c;stroke-width:2;vector-effect:non-scaling-stroke}.profit-zero{stroke:rgba(242,195,73,.35);stroke-width:1;stroke-dasharray:5 5}.premium-transaction-row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr .8fr;gap:10px;align-items:center;padding:11px 14px;border-bottom:1px solid rgba(51,101,140,.25);font-size:11px;color:#c8d7e2}.premium-transaction-row:last-child{border-bottom:0}.premium-transaction-row .tx-positive{color:#38df9f;font-weight:800}.premium-transaction-row .tx-negative{color:#ff7984;font-weight:800}.premium-transaction-row .status-pill-mini{justify-self:start;border-radius:18px;padding:4px 8px;background:#0c3a31;color:#62e7b1;font-size:9px;font-weight:800}.recent-list{min-height:92px;padding:0;border:0;border-radius:0}.recent-list:not(:has(.premium-transaction-row)){min-height:110px}
@media(max-width:760px){.profit-trend-head{align-items:flex-start}.profit-live-pill{max-width:45%}.profit-chart-wrap{height:130px}.premium-transaction-row{grid-template-columns:1.2fr 1fr 1fr}.premium-transaction-row span:nth-child(3),.premium-transaction-row span:nth-child(5){display:none}}