:root{--bg:#06080c;--panel:#0d1117;--panel-2:#141a24;--panel-3:#1a2030;--line:#1d2533;--line-2:#262f40;--text:#e6edf3;--text-2:#b8c1cf;--muted:#7a8696;--green:#16d39a;--green-2:#0ea679;--green-dim:rgba(22,211,154,.14);--red:#ff5a6e;--red-dim:rgba(255,90,110,.14);--gold:#e7b75f;--gold-2:#b88634;--gold-dim:rgba(231,183,95,.14);--blue:#5ad6ff;--blue-dim:rgba(90,214,255,.14);--violet:#a78bfa;--violet-dim:rgba(167,139,250,.14);--radius:16px;--shadow-lg:0 30px 60px -20px rgba(0,0,0,.6)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(1400px 700px at 10% -10%,rgba(22,211,154,.08),transparent 60%),radial-gradient(1000px 600px at 110% 0%,rgba(231,183,95,.05),transparent 60%),#05070a;color:var(--text);min-height:100vh;font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{max-width:1180px;margin:0 auto;padding:0 24px}.section{padding:80px 0}.navbar{position:sticky;top:0;z-index:30;background:#06080cb3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.navbar .inner{display:flex;align-items:center;gap:32px;padding:14px 0}.logo{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.02em}.logo .mark{width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,var(--green),var(--green-2));display:grid;place-items:center;color:#04130d;font-weight:800;font-size:16px;box-shadow:0 6px 18px #16d39a4d}.logo .t{font-size:14px}.logo .s{font-size:9px;color:var(--green);font-weight:600;letter-spacing:.04em}.navbar nav{display:flex;gap:6px;flex:1}.navbar nav a{padding:8px 14px;border-radius:9px;font-size:13px;font-weight:500;color:var(--text-2);transition:.12s}.navbar nav a:hover{background:var(--panel);color:var(--text)}.navbar nav a.on{background:var(--green-dim);color:var(--green)}.navbar .right{display:flex;gap:8px;align-items:center}.mobile-menu{display:none;cursor:pointer;color:var(--text-2)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;background:var(--panel);border:1px solid var(--line);color:var(--text);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:.12s;white-space:nowrap}.btn:hover{background:var(--panel-2)}.btn.primary{background:linear-gradient(135deg,var(--green),var(--green-2));color:#04130d;border:0;box-shadow:0 10px 24px -8px #16d39a80}.btn.primary:hover{filter:brightness(1.05)}.btn.gold{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#1a1208;border:0}.btn.red{background:linear-gradient(135deg,var(--red),#d93b50);color:#fff;border:0}.btn.ghost{background:transparent}.btn.lg{padding:14px 22px;font-size:14px}h1.hero-title{font-size:64px;font-weight:800;letter-spacing:-.03em;line-height:1.05;background:linear-gradient(180deg,#fff,#a8b3c5);-webkit-background-clip:text;background-clip:text;color:transparent}h1.hero-title span.accent{background:linear-gradient(90deg,var(--green),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{font-size:18px;color:var(--text-2);max-width:560px;margin-top:18px;line-height:1.6}h2.section-title{font-size:36px;font-weight:800;letter-spacing:-.02em;text-align:center}h2.section-title span.accent{color:var(--green)}.section-sub{font-size:15px;color:var(--muted);text-align:center;margin-top:10px;max-width:580px;margin-left:auto;margin-right:auto}.eyebrow{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--green);padding:5px 12px;border-radius:99px;background:var(--green-dim);margin-bottom:14px}.hero{padding:60px 0 100px;position:relative;overflow:hidden}.hero .grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero .actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.hero .trust{display:flex;gap:24px;margin-top:32px;padding-top:24px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);flex-wrap:wrap}.hero .trust b{color:var(--text);font-weight:700;font-size:14px;display:block}.hero-card{background:linear-gradient(160deg,#0e1620,#0a0e15);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.hero-card:before{content:"";position:absolute;inset:auto -50px -80px auto;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(22,211,154,.22),transparent 65%)}.hero-card .top{display:flex;align-items:center;gap:12px;margin-bottom:18px}.hero-card .top .lg{width:48px;height:48px;border-radius:13px;background:linear-gradient(135deg,#16d39a,#0e8264);display:grid;place-items:center;color:#04130d;font-weight:800}.hero-card .top h3{font-size:16px}.hero-card .top .s{font-size:11px;color:var(--muted)}.hero-card .price{font-size:42px;font-weight:800;letter-spacing:-.02em}.hero-card .price .cur{font-size:18px;color:var(--muted);font-weight:600;margin-left:6px}.hero-card .pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:99px;font-size:12px;font-weight:600;background:var(--green-dim);color:var(--green);margin-top:8px}.hero-card svg.chart{margin-top:14px;width:100%;height:120px}.hero-card .grid-mini{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:14px}.hero-card .grid-mini .cell{background:#ffffff08;border:1px solid var(--line);border-radius:10px;padding:10px}.hero-card .grid-mini .l{font-size:10px;color:var(--muted)}.hero-card .grid-mini .v{font-weight:700;font-size:13px;margin-top:3px}.stats-bar{background:linear-gradient(135deg,#0e1620,#0a0e15);border-block:1px solid var(--line);padding:40px 0}.stats-bar .row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}.stats-bar .row .v{font-size:34px;font-weight:800;letter-spacing:-.02em;background:linear-gradient(90deg,var(--green),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.stats-bar .row .l{font-size:12px;color:var(--muted);margin-top:6px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}.feature{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px;transition:.18s}.feature:hover{transform:translateY(-2px);border-color:var(--line-2)}.feature .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;margin-bottom:14px}.feature.g .ic{background:var(--green-dim);color:var(--green)}.feature.y .ic{background:var(--gold-dim);color:var(--gold)}.feature.b .ic{background:var(--blue-dim);color:var(--blue)}.feature.v .ic{background:var(--violet-dim);color:var(--violet)}.feature.r .ic{background:var(--red-dim);color:var(--red)}.feature h3{font-size:16px;font-weight:700;margin-bottom:6px}.feature p{font-size:13px;color:var(--muted);line-height:1.6}.flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:14px;align-items:center;margin-top:40px}.flow-node{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px;text-align:center}.flow-node.bridge{border-color:var(--green);background:linear-gradient(135deg,#0e1620,#0a0e15)}.flow-node .ic{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;margin:0 auto 12px}.flow-node h4{font-size:15px;margin-bottom:4px}.flow-node p{font-size:12px;color:var(--muted)}.flow-arrow{color:var(--muted)}.flow-arrow svg{width:36px;height:24px}.fees-table{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-top:32px}.fees-table table{width:100%;border-collapse:collapse;font-size:14px}.fees-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:600;color:var(--muted);padding:14px 20px;background:var(--panel-2)}.fees-table td{padding:16px 20px;border-top:1px solid var(--line)}.fees-table .num{font-variant-numeric:tabular-nums;font-weight:600}.cta{background:radial-gradient(800px 400px at 10% 0%,rgba(22,211,154,.18),transparent 60%),radial-gradient(800px 400px at 100% 100%,rgba(231,183,95,.12),transparent 60%),linear-gradient(135deg,#0e1620,#0a0e15);border:1px solid var(--line);border-radius:24px;padding:60px;text-align:center;margin:60px 0}.cta h2{font-size:32px;font-weight:800;letter-spacing:-.02em}.cta p{color:var(--muted);margin-top:10px;max-width:520px;margin-left:auto;margin-right:auto}.cta .actions{display:flex;gap:12px;margin-top:24px;justify-content:center;flex-wrap:wrap}.footer{border-top:1px solid var(--line);padding:50px 0 30px;margin-top:60px}.footer .grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.footer .about{max-width:340px}.footer .about p{font-size:12px;color:var(--muted);margin-top:14px;line-height:1.6}.footer h4{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text);margin-bottom:14px}.footer ul{list-style:none;display:flex;flex-direction:column;gap:8px}.footer ul a{font-size:13px;color:var(--muted)}.footer ul a:hover{color:var(--text)}.footer .bottom{margin-top:40px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);flex-wrap:wrap;gap:10px}.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-side{background:radial-gradient(800px 400px at 0% 0%,rgba(22,211,154,.2),transparent 60%),radial-gradient(600px 400px at 100% 100%,rgba(231,183,95,.14),transparent 60%),linear-gradient(160deg,#0e1620,#06080c);display:flex;flex-direction:column;justify-content:space-between;padding:40px;border-right:1px solid var(--line)}.auth-side .quote{font-size:24px;font-weight:600;line-height:1.5;letter-spacing:-.01em;max-width:420px}.auth-side .quote span{color:var(--green)}.auth-side .author{margin-top:18px;display:flex;gap:10px;align-items:center}.auth-side .author .av{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#16d39a,#0e8264);display:grid;place-items:center;color:#04130d;font-weight:800}.auth-side .author .n{font-weight:700;font-size:13px}.auth-side .author .r{font-size:11px;color:var(--muted)}.auth-form{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px}.auth-form .card{width:100%;max-width:380px}.auth-form h1{font-size:24px;font-weight:800;margin-bottom:6px}.auth-form .sub{font-size:13px;color:var(--muted);margin-bottom:24px}.field{margin-bottom:14px}.field label{display:block;font-size:11px;color:var(--muted);margin-bottom:6px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.field .in,.field input,.field select{width:100%;background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:14px;color:var(--text);font-size:14px;font-family:inherit;outline:none;transition:.12s}.field input:focus,.field select:focus{border-color:var(--green);box-shadow:0 0 0 3px #16d39a26}.field input::placeholder{color:var(--muted)}.role-pick{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:4px;margin-bottom:14px}.role-pick .r{padding:11px;border-radius:8px;text-align:center;cursor:pointer;font-weight:700;font-size:12px;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:6px}.role-pick .r svg{width:14px;height:14px}.role-pick .r.on.client{background:var(--green-dim);color:var(--green)}.role-pick .r.on.broker{background:var(--gold-dim);color:var(--gold)}.auth-form .submit{width:100%;padding:14px;font-size:14px;justify-content:center;margin-top:6px}.auth-form .alt{margin-top:18px;text-align:center;font-size:12px;color:var(--muted)}.auth-form .alt a{color:var(--green);font-weight:600}.auth-form .alt a:hover{text-decoration:underline}.auth-form .divider{display:flex;align-items:center;gap:10px;margin:18px 0;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.auth-form .divider:before,.auth-form .divider:after{content:"";flex:1;height:1px;background:var(--line)}.auth-form .check{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin:8px 0 14px;cursor:pointer}.auth-form .check input{width:16px;height:16px;accent-color:var(--green)}.auth-form .err{background:var(--red-dim);border:1px solid rgba(255,90,110,.3);color:var(--red);padding:10px 12px;border-radius:10px;font-size:12px;margin-bottom:12px;display:none}.auth-form .err.show{display:block}.about-hero{padding:60px 0 40px;text-align:center}.about-hero h1{font-size:48px;font-weight:800;letter-spacing:-.02em;line-height:1.1}.about-hero h1 span{color:var(--green)}.about-hero p{font-size:16px;color:var(--text-2);margin-top:18px;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.7}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:40px}.about-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px}.about-card h3{font-size:16px;margin-bottom:8px}.about-card p{font-size:13px;color:var(--muted);line-height:1.7}.team{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px}.team .m{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px;text-align:center}.team .m .av{width:70px;height:70px;border-radius:50%;margin:0 auto 12px;display:grid;place-items:center;font-weight:800;font-size:24px;color:#04130d}.team .m .n{font-weight:700;font-size:14px}.team .m .r{font-size:11px;color:var(--muted);margin-top:3px}@media (max-width:980px){.hero .grid{grid-template-columns:1fr;gap:40px}h1.hero-title{font-size:42px}.stats-bar .row{grid-template-columns:repeat(2,1fr)}.features{grid-template-columns:1fr 1fr}.flow{grid-template-columns:1fr}.flow-arrow{transform:rotate(90deg)}.footer .grid{grid-template-columns:1fr 1fr;gap:30px}.team{grid-template-columns:repeat(2,1fr)}.about-grid,.auth-wrap{grid-template-columns:1fr}.auth-side{display:none}.navbar nav{display:none}.mobile-menu{display:block}}@media (max-width:580px){h1.hero-title{font-size:34px}h2.section-title{font-size:26px}.features{grid-template-columns:1fr}.section{padding:50px 0}.cta{padding:36px 20px}.cta h2,.stats-bar .row .v{font-size:24px}}.app{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.side{background:linear-gradient(180deg,#0a0e15,#070a10);border-right:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.side .logo{padding:6px 8px 12px}.side .logo .mark{width:40px;height:40px;border-radius:12px;font-size:18px}.roleBadge{font-size:10px;font-weight:700;padding:3px 7px;border-radius:6px;display:inline-block;margin-top:2px}.roleBadge.client{background:var(--green-dim);color:var(--green)}.roleBadge.broker{background:var(--gold-dim);color:var(--gold)}.roleSwitch{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:3px;display:grid;grid-template-columns:1fr 1fr;margin:8px 0 14px}.roleSwitch .r{padding:7px 6px;font-size:11px;font-weight:700;text-align:center;border-radius:8px;cursor:pointer;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:5px}.roleSwitch .r svg{width:13px;height:13px}.roleSwitch .r.on.client{background:var(--green-dim);color:var(--green)}.roleSwitch .r.on.broker{background:var(--gold-dim);color:var(--gold)}.navGroup{margin-top:8px}.navLabel{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding:0 10px 8px;font-weight:600}.navItem{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:var(--text-2);cursor:pointer;font-size:13px;font-weight:500;margin-bottom:2px;transition:background .12s,color .12s}.navItem:hover{background:var(--panel-2);color:var(--text)}.navItem.on{background:var(--green-dim);color:var(--green)}.navItem.on svg{stroke:var(--green)}body[data-role=broker] .navItem.on{background:var(--gold-dim);color:var(--gold)}body[data-role=broker] .navItem.on svg{stroke:var(--gold)}.navItem svg{width:18px;height:18px;flex-shrink:0;stroke:var(--muted)}.navItem .badge{margin-left:auto;font-size:10px;background:var(--panel-3);color:var(--text-2);padding:2px 6px;border-radius:6px;font-weight:600}.sideUser{margin-top:auto;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;gap:10px}.sideUser .av{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-weight:800;color:#04130d;flex-shrink:0}.sideUser .av.client{background:linear-gradient(135deg,var(--green),var(--green-2))}.sideUser .av.broker{background:linear-gradient(135deg,var(--gold),var(--gold-2))}.sideUser .n{font-weight:700;font-size:13px}.sideUser .r{font-size:10px;color:var(--muted);margin-top:2px}.sideUser .out{margin-left:auto;color:var(--muted);cursor:pointer}.sideUser .out:hover{color:var(--red)}.main{padding:0;display:flex;flex-direction:column;min-width:0}.topbar{height:64px;display:flex;align-items:center;gap:16px;padding:0 28px;border-bottom:1px solid var(--line);background:#0d1117a6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.crumbs{font-size:13px;color:var(--muted)}.crumbs b{color:var(--text)}.searchBox{margin-left:auto;display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 12px;width:340px}.searchBox input{flex:1;background:transparent;border:0;outline:0;color:var(--text);font-size:13px;font-family:inherit}.searchBox input::placeholder{color:var(--muted)}.searchBox kbd{font-size:10px;background:var(--panel-2);padding:2px 6px;border-radius:5px;color:var(--muted);font-family:inherit;border:1px solid var(--line)}.topIcon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--panel);border:1px solid var(--line);cursor:pointer;position:relative;color:var(--text-2)}.topIcon:hover{color:var(--text)}.topIcon .dot{position:absolute;top:8px;right:9px;width:7px;height:7px;border-radius:50%;background:var(--green);border:2px solid var(--panel)}.content{padding:28px;min-height:0}.pageTitle{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px;flex-wrap:wrap;gap:12px}.pageTitle h1{font-size:24px;font-weight:800;letter-spacing:-.01em}.pageTitle .sub{color:var(--muted);font-size:13px;margin-top:4px}.kpiGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.kpi{background:linear-gradient(160deg,var(--panel) 0%,#0a0e15 100%);border:1px solid var(--line);border-radius:16px;padding:18px;position:relative;overflow:hidden}.kpi .ic{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;margin-bottom:12px}.kpi.g .ic{background:var(--green-dim);color:var(--green)}.kpi.b .ic{background:var(--blue-dim);color:var(--blue)}.kpi.y .ic{background:var(--gold-dim);color:var(--gold)}.kpi.v .ic{background:var(--violet-dim);color:var(--violet)}.kpi .l{font-size:12px;color:var(--muted)}.kpi .v{font-size:22px;font-weight:800;margin-top:4px;letter-spacing:-.01em}.kpi .v .cur{font-size:13px;color:var(--muted);margin-left:4px;font-weight:600}.kpi .ch{font-size:11px;margin-top:6px;font-weight:600;display:inline-flex;align-items:center;gap:3px}.up-c{color:var(--green)}.down-c{color:var(--red)}.wallet{grid-column:1/-1;background:radial-gradient(600px 200px at 100% 0%,rgba(22,211,154,.18),transparent 60%),linear-gradient(135deg,#0e1620,#0a0e15);border:1px solid var(--line);border-radius:20px;padding:22px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:22px;align-items:center;position:relative;overflow:hidden;margin-bottom:22px}.wallet:after{content:"";position:absolute;right:-60px;top:-60px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(22,211,154,.16),transparent 65%)}.wallet .col h2{font-size:13px;color:var(--muted);margin-bottom:8px;font-weight:500;display:flex;align-items:center;gap:8px}.wallet .col h2 .tag{font-size:9px;padding:2px 6px;border-radius:5px;background:var(--green-dim);color:var(--green);font-weight:700}.wallet .big{font-size:32px;font-weight:800;letter-spacing:-.02em}.wallet .big .cur{font-size:16px;color:var(--muted);margin-left:5px;font-weight:600}.wallet .sub2{font-size:12px;color:var(--muted);margin-top:6px}.wallet .acts{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.wallet .acts .btn{padding:9px 14px;font-size:12px}.linkedBank{display:flex;gap:10px;align-items:center;background:#ffffff08;border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-top:10px;font-size:12px}.linkedBank .bi{width:32px;height:32px;border-radius:8px;background:var(--blue-dim);color:var(--blue);display:grid;place-items:center;flex-shrink:0}.linkedBank .l{color:var(--muted);font-size:11px}.linkedBank .v{font-weight:600;margin-top:1px}.row{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-bottom:22px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px}.panel h3{font-size:14px;font-weight:700;margin-bottom:4px}.panel .ph-sub{font-size:11px;color:var(--muted);margin-bottom:14px}.ph-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.ph-head h3{margin:0}.seg{display:flex;gap:4px;background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:3px}.seg .o{padding:6px 10px;border-radius:6px;font-size:11px;font-weight:600;color:var(--muted);cursor:pointer}.seg .o.on{background:var(--panel-2);color:var(--text)}.chartHolder{height:240px;position:relative}.chartHolder.lg{height:320px}.bridge{background:linear-gradient(135deg,#0e1620,#0a0e15);border:1px solid var(--line);border-radius:16px;padding:18px;margin-bottom:22px}.bridgeFlow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px;margin-top:14px}.bridgeNode{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;text-align:center}.bridgeNode .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;margin:0 auto 8px}.bridgeNode .t{font-weight:700;font-size:13px}.bridgeNode .s{font-size:11px;color:var(--muted);margin-top:3px}.bridgeArrow{color:var(--muted);text-align:center}.bridgeArrow svg{width:30px;height:18px}.tableWrap{overflow-x:auto;margin:0 -18px -18px;padding:0 18px 18px}table.tb{width:100%;border-collapse:collapse;font-size:13px}table.tb th{text-align:left;font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding:12px 14px;border-bottom:1px solid var(--line);background:var(--panel);position:sticky;top:0}table.tb td{padding:14px;border-bottom:1px solid var(--line);vertical-align:middle}table.tb tr:hover td{background:#ffffff05}table.tb tr:last-child td{border-bottom:0}.cli{display:flex;align-items:center;gap:10px}.cli .av{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-weight:700;font-size:12px;flex-shrink:0}.cli .nm{font-weight:600}.cli .em{font-size:11px;color:var(--muted);margin-top:2px}.tag{font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px;display:inline-block}.tag.green{background:var(--green-dim);color:var(--green)}.tag.red{background:var(--red-dim);color:var(--red)}.tag.gold{background:var(--gold-dim);color:var(--gold)}.tag.gray{background:var(--panel-3);color:var(--text-2)}.tag.blue{background:var(--blue-dim);color:var(--blue)}.tag.violet{background:var(--violet-dim);color:var(--violet)}.num{font-variant-numeric:tabular-nums}.pillSm{font-size:11px;display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:6px;font-weight:600}.pillSm.up{background:var(--green-dim);color:var(--green)}.pillSm.down{background:var(--red-dim);color:var(--red)}.actionsCell{display:flex;gap:6px}.iconBtn{width:30px;height:30px;border-radius:8px;background:var(--panel-2);border:1px solid var(--line);display:grid;place-items:center;cursor:pointer;color:var(--text-2)}.iconBtn:hover{color:var(--text)}.toolbar{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line);background:var(--panel);border-radius:16px 16px 0 0;flex-wrap:wrap}.toolbar .searchSm{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:7px 11px;flex:1;min-width:220px}.toolbar .searchSm input{flex:1;background:transparent;border:0;outline:0;color:var(--text);font-size:13px;font-family:inherit}.toolbar .searchSm input::placeholder{color:var(--muted)}.filter{display:flex;align-items:center;gap:6px;background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:7px 11px;cursor:pointer;font-size:12px;color:var(--text-2);font-weight:500}.filter:hover{color:var(--text)}.filter b{color:var(--text);font-weight:600}.miniList{display:flex;flex-direction:column;gap:2px}.miniRow{display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:9px;cursor:pointer}.miniRow:hover{background:var(--panel-2)}.miniRow .logo{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-weight:700;font-size:11px;flex-shrink:0}.miniRow .meta{flex:1;min-width:0}.miniRow .sym{font-weight:700;font-size:13px}.miniRow .name{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.miniRow .r{text-align:right}.miniRow .p{font-weight:600;font-size:13px}.miniRow .c{font-size:11px;font-weight:600;margin-top:1px}.miniRow svg.spark{width:50px;height:22px}.roleView{display:none}.roleView.active{display:block}.view{display:none}.view.active{display:block;animation:fade .2s ease}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;display:none;justify-content:flex-end}.drawer.show{display:flex;animation:fade .2s ease}.drawer .card{width:480px;max-width:100vw;background:var(--panel);border-left:1px solid var(--line);padding:24px;overflow-y:auto;animation:slideR .25s ease;position:relative}@keyframes slideR{0%{transform:translate(40px);opacity:.5}to{transform:none;opacity:1}}.drawer h2{font-size:18px;margin-bottom:4px}.drawer .lead{font-size:12px;color:var(--muted);margin-bottom:18px}.drawer .close{position:absolute;top:18px;right:18px;width:32px;height:32px;border-radius:8px;background:var(--panel-2);border:1px solid var(--line);display:grid;place-items:center;cursor:pointer;color:var(--text-2)}.profileHead{display:flex;gap:14px;align-items:center;margin-bottom:18px}.profileHead .pAv{width:64px;height:64px;border-radius:14px;display:grid;place-items:center;font-weight:800;font-size:22px;flex-shrink:0}.profileHead .pN{font-size:18px;font-weight:700}.profileHead .pE{font-size:12px;color:var(--muted);margin-top:3px}.infoGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}.infoCell{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px 12px}.infoCell .l{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.infoCell .v{font-weight:600;font-size:13px;margin-top:3px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:60;display:none;align-items:center;justify-content:center;padding:20px}.modal.show{display:flex;animation:fade .2s}.modal .mc{width:460px;max-width:100%;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px;position:relative}.modal h3{font-size:16px;margin-bottom:14px}.modal .field{margin-bottom:12px}.modal .field label{font-size:11px;color:var(--muted);display:block;margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}.modal .field .in{background:var(--bg);border:1px solid var(--line);border-radius:11px;padding:12px;display:flex;align-items:center;gap:10px}.modal .field .in input{flex:1;background:transparent;border:0;outline:0;color:var(--text);font-size:15px;font-weight:700;font-family:inherit;padding:0}.modal .field .in .suffix{color:var(--muted);font-size:13px;font-weight:600}.modal .field .in .stepper{display:flex;gap:6px}.modal .field .in .stepper button{width:28px;height:28px;border-radius:8px;border:0;background:var(--panel-2);color:var(--text);font-size:16px;font-weight:700;cursor:pointer;font-family:inherit}.seg2{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--bg);border:1px solid var(--line);border-radius:11px;padding:4px;margin-bottom:12px}.seg2 .o{padding:9px;border-radius:8px;font-size:12px;font-weight:700;text-align:center;cursor:pointer;color:var(--muted)}.seg2 .o.on.buy{background:var(--green-dim);color:var(--green)}.seg2 .o.on.sell{background:var(--red-dim);color:var(--red)}.summary{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px;margin:8px 0 12px}.summary .r{display:flex;justify-content:space-between;font-size:13px;margin-bottom:6px}.summary .r:last-child{margin-bottom:0;padding-top:8px;border-top:1px solid var(--line);font-weight:700}.summary .r .k{color:var(--muted)}.settingsGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.setRow{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}.setRow:last-child{border-bottom:0}.setRow .l{font-size:13px;font-weight:500}.setRow .d{font-size:11px;color:var(--muted);margin-top:2px;max-width:280px}.toggle{width:38px;height:22px;background:var(--panel-2);border-radius:11px;position:relative;cursor:pointer;border:1px solid var(--line)}.toggle.on{background:var(--green);border-color:var(--green)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:.2s}.toggle.on:after{left:18px}.orderBadge{padding:4px 10px;border-radius:6px;font-weight:800;font-size:11px;display:inline-block}.orderBadge.buy{background:var(--green-dim);color:var(--green)}.orderBadge.sell{background:var(--red-dim);color:var(--red)}.stockHero{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;margin-bottom:14px}.stockHero .logoXL{width:60px;height:60px;border-radius:16px;display:grid;place-items:center;font-weight:800;font-size:20px}.stockHero .sName{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.stockHero .sSym{font-size:22px;font-weight:800;letter-spacing:-.01em}.stockHero .sPrice{font-size:30px;font-weight:800;letter-spacing:-.02em;text-align:right}.stockHero .sCh{text-align:right;margin-top:4px}.timeRange{display:flex;gap:6px;justify-content:flex-end;margin-bottom:10px}.timeRange .tr{padding:6px 12px;border-radius:8px;font-size:11px;font-weight:600;color:var(--muted);cursor:pointer;background:var(--bg);border:1px solid var(--line)}.timeRange .tr.on{background:var(--green-dim);color:var(--green);border-color:transparent}.statGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.statBox{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px}.statBox .l{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.statBox .v{font-weight:700;font-size:14px;margin-top:4px}.holdRow{display:flex;align-items:center;gap:12px;padding:12px 10px;border-radius:12px;cursor:pointer;border-bottom:1px solid var(--line)}.holdRow:last-child{border-bottom:0}.holdRow:hover{background:#ffffff05}.holdRow .logo{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-weight:700;font-size:12px;flex-shrink:0}.holdRow .m{flex:1}.holdRow .sym{font-weight:700;font-size:14px}.holdRow .qty{font-size:11px;color:var(--muted);margin-top:2px}.holdRow .r{text-align:right}.holdRow .val{font-weight:700;font-size:14px}.holdRow .pl{font-size:11px;font-weight:600;margin-top:2px}.donutWrap{display:flex;align-items:center;gap:18px}.donutWrap canvas{width:160px;height:160px;flex-shrink:0}.legend{flex:1;display:flex;flex-direction:column;gap:8px;font-size:12px}.legend .li{display:flex;align-items:center;gap:8px}.legend .li .d{width:10px;height:10px;border-radius:3px}.legend .li .n{flex:1}.legend .li .p{color:var(--muted)}.empty{padding:60px 20px;text-align:center;color:var(--muted)}.empty h4{color:var(--text);font-size:15px;margin-bottom:6px}@media (max-width:1100px){.kpiGrid{grid-template-columns:repeat(2,1fr)}.row,.wallet,.bridgeFlow{grid-template-columns:1fr}.bridgeArrow{transform:rotate(90deg)}.app{grid-template-columns:64px 1fr}.side{padding:12px 6px}.navItem span,.navLabel,.side .logo .t,.side .logo .s,.sideUser .m,.roleSwitch{display:none}.navItem,.sideUser{justify-content:center}.statGrid{grid-template-columns:repeat(2,1fr)}}
