:root{--navy:#0b132b;--blue:#315efb;--blue2:#203ecf;--ink:#172033;--muted:#768197;--line:#e8ebf2;--bg:#f5f7fb;--white:#fff;--green:#18a871;--amber:#ec9b28;--purple:#7a5af8;--side:248px;--shadow:0 10px 35px rgba(18,38,73,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",system-ui,sans-serif;font-size:14px}button,input,select{font:inherit}button,a{transition:.2s ease}button{cursor:pointer}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--side);background:#0d1731;color:#b8c2d8;padding:24px 16px 18px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;padding:0 10px 24px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#4976ff,#243ddd);font-size:11px;font-weight:800;letter-spacing:-.5px;box-shadow:0 8px 22px #0a0f27}.brand-copy{font-size:19px;letter-spacing:-.5px}.brand-copy b{font-weight:400;color:#9eacd0}.side-profile{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);border-radius:14px;padding:11px;display:flex;align-items:center;gap:10px;margin-bottom:22px}.side-profile div:nth-child(2){min-width:0;flex:1}.side-profile strong,.side-profile span{display:block}.side-profile strong{font-size:12px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-profile span{font-size:10px;margin-top:2px;color:#8290ad}.avatar{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#dce4ff,#b8c8ff);color:#2746c9;display:grid;place-items:center;font-size:11px;font-weight:700;flex:0 0 auto}.avatar-lg{width:38px;height:38px}.side-profile .verified{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#2161ef;color:#fff;font-size:10px}.nav{overflow-y:auto;scrollbar-width:none}.nav p{margin:17px 12px 8px;color:#5f6f91;font-size:10px;text-transform:uppercase;letter-spacing:1.4px;font-weight:700}.nav a{position:relative;display:flex;align-items:center;gap:12px;color:#9eabc5;text-decoration:none;padding:10px 12px;border-radius:9px;margin:3px 0;font-size:13px}.nav a:hover{color:#fff;background:rgba(255,255,255,.05)}.nav a.active{color:#fff;background:linear-gradient(90deg,rgba(60,101,255,.25),rgba(60,101,255,.08))}.nav a.active:before{content:"";position:absolute;left:-16px;width:3px;height:22px;background:#4f79ff;border-radius:0 3px 3px 0}.nav svg,.logout svg{width:18px;height:18px}.nav em{margin-left:auto;background:#294fd7;color:#fff;border-radius:5px;font-style:normal;font-size:10px;padding:2px 6px}.side-help{margin-top:auto;background:linear-gradient(145deg,#1b2b51,#121f3e);border:1px solid rgba(255,255,255,.07);padding:14px;border-radius:14px;display:grid;grid-template-columns:25px 1fr;align-items:center}.side-help>svg{width:18px}.side-help strong{color:#fff;font-size:12px}.side-help span{grid-column:1/-1;font-size:10px;margin:8px 0;color:#8997b4}.side-help button{grid-column:1/-1;border:0;background:#fff;color:#182341;border-radius:7px;padding:7px;font-weight:600;font-size:11px}.logout{display:flex;align-items:center;gap:10px;background:none;border:0;color:#7f8ca8;padding:13px 12px 0}.main{margin-left:var(--side);min-height:100vh}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 34px;position:sticky;top:0;z-index:20}.crumb span,.crumb strong{display:block}.crumb span{font-size:10px;color:#98a0b1;text-transform:uppercase;letter-spacing:1px}.crumb strong{font-size:15px;margin-top:2px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.market-status{border:1px solid #dfe6e3;background:#f8fcfa;color:#537063;border-radius:20px;padding:7px 12px;font-size:11px}.market-status span{display:inline-block;width:7px;height:7px;background:#20b979;border-radius:50%;margin-right:6px}.icon-btn,.profile-btn{border:1px solid var(--line);background:#fff;height:38px;border-radius:10px}.icon-btn{width:38px;display:grid;place-items:center;position:relative}.icon-btn svg{width:17px}.icon-btn b{position:absolute;right:8px;top:7px;width:5px;height:5px;background:#3866ff;border-radius:50%}.profile-btn{display:flex;align-items:center;gap:8px;padding:2px 9px 2px 3px;color:#344055;font-size:12px}.profile-btn svg{width:13px}.profile-menu{display:none;position:absolute;right:34px;top:60px;width:145px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;padding:6px}.profile-menu.open{display:grid}.profile-menu button{background:none;border:0;text-align:left;padding:9px;border-radius:6px;color:#4d586b}.profile-menu button:hover{background:var(--bg)}.menu-btn{display:none}.content{max-width:1450px;margin:auto;padding:32px 34px}.welcome{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.eyebrow,.label{font-size:10px;text-transform:uppercase;letter-spacing:1.3px;color:#8a94a6;font-weight:700}.welcome h1{font-size:27px;line-height:1.2;margin:6px 0 5px;letter-spacing:-.8px;font-weight:600}.welcome p{margin:0;color:var(--muted);font-size:13px}.welcome-actions{display:flex;gap:9px}.btn{border-radius:9px;border:1px solid var(--line);padding:10px 15px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn svg{width:15px}.btn-light{background:#fff;color:#465065}.btn-primary{background:linear-gradient(135deg,#3768ff,#294bd7);color:#fff;border-color:#3157e6;box-shadow:0 8px 18px rgba(49,94,251,.2)}.btn:hover{transform:translateY(-1px)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:15px}.stat,.panel{background:#fff;border:1px solid var(--line);border-radius:14px}.stat{padding:19px;min-height:137px;position:relative;overflow:hidden}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#707a8e;font-size:12px}.stat-top>svg{width:34px;height:34px;padding:8px;border-radius:9px;background:#f0f3fa;color:#65738c}.stat-top .good{background:#eaf9f3;color:var(--green)}.stat-top .warn{background:#fff5e8;color:var(--amber)}.stat-top .violet{background:#f0edff;color:var(--purple)}.stat>strong{font-size:25px;display:block;margin:12px 0 6px;letter-spacing:-.6px}.stat small{color:#929aac;font-size:10px}.stat small b{font-weight:600}.featured{color:#fff;border:0;background:linear-gradient(135deg,#254ee5,#1734ad)}.featured:after{content:"";position:absolute;width:130px;height:130px;border:25px solid rgba(255,255,255,.05);border-radius:50%;right:-45px;top:-50px}.featured .stat-top,.featured small{color:rgba(255,255,255,.7)}.featured .stat-top svg{background:rgba(255,255,255,.12);color:#fff}.mini-bars{display:flex;align-items:end;gap:3px;position:absolute;right:17px;bottom:19px;height:28px}.mini-bars i{width:3px;background:rgba(255,255,255,.28);border-radius:2px;height:30%}.mini-bars i:nth-child(2n){height:55%}.mini-bars i:nth-child(3n){height:80%}.mini-bars i:nth-child(5n){height:100%}.positive{color:var(--green)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(285px,.7fr);gap:15px;margin-bottom:15px}.panel{padding:20px}.panel-head{display:flex;align-items:start;justify-content:space-between}.panel h2{font-size:15px;margin:4px 0 0}.period{display:flex;border:1px solid var(--line);padding:3px;border-radius:8px}.period button{border:0;background:none;color:#949cac;padding:4px 8px;font-size:10px;border-radius:5px}.period .active{background:#edf1ff;color:#2e55dc;font-weight:700}.equity{display:flex;align-items:center;gap:10px;margin-top:17px}.equity strong{font-size:22px}.equity span{font-size:10px;background:#eaf8f2;color:#159a67;padding:4px 7px;border-radius:5px}.chart{height:215px;position:relative;margin:8px 0 0 36px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 53px,#edf0f5 54px)}.chart svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.chart .area{fill:url(#area)}.chart .line{fill:none;stroke:#3767ff;stroke-width:3;vector-effect:non-scaling-stroke}.y-labels{position:absolute;right:calc(100% + 10px);height:100%;display:flex;flex-direction:column;justify-content:space-between;color:#a1a8b5;font-size:9px}.x-labels{position:absolute;top:calc(100% + 8px);width:100%;display:flex;justify-content:space-between;color:#a1a8b5;font-size:9px}.quick-panel{display:flex;flex-direction:column;gap:8px}.quick-panel .panel-head{margin-bottom:5px}.quick{display:grid;grid-template-columns:38px 1fr 15px;align-items:center;text-align:left;gap:10px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px}.quick:hover{border-color:#cdd7fb;background:#fafbff}.quick>svg:first-child{width:36px;height:36px;padding:9px;border-radius:9px}.quick .blue{background:#edf2ff;color:#315efb}.quick .amber{background:#fff5e8;color:#ec9b28}.quick .purple{background:#f1edff;color:#7a5af8}.quick>svg:last-child{width:14px;color:#abb3c1}.quick span{display:grid}.quick strong{font-size:11px}.quick small{font-size:9px;color:#929aab;margin-top:3px}.security{display:flex;gap:10px;align-items:center;background:#f2fbf7;border:1px solid #def3ea;border-radius:10px;padding:10px;margin-top:auto}.security>svg{width:30px;height:30px;padding:7px;color:var(--green)}.security span{display:grid}.security strong{font-size:10px;color:#24775b}.security small{font-size:8px;color:#6e998a;margin-top:2px}.bottom-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:15px}.text-btn{border:0;background:none;color:#315efb;font-size:10px}.text-btn svg{width:12px;vertical-align:middle}.account-row{display:grid;grid-template-columns:38px 1fr 100px 48px 25px;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid #edf0f4}.account-row:last-child{border-bottom:0;padding-bottom:0}.account-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;font-weight:700;font-size:11px}.account-icon.live{background:#eaf8f2;color:#159a67}.account-icon.demo{background:#eef2ff;color:#315efb}.account-row>div,.account-value{display:grid}.account-row strong{font-size:11px}.account-row small{font-size:9px;color:#939cad;margin-top:3px}.account-value{text-align:right}.badge{font-size:8px;padding:4px 7px;text-align:center;border-radius:10px}.live-badge{background:#e7f8f1;color:#149363}.demo-badge{background:#eef2ff;color:#315efb}.dots{border:0;background:none;color:#9199aa;letter-spacing:1px}.activity .panel-head{margin-bottom:5px}.empty-state{text-align:center;padding:16px 10px 6px}.empty-state>span{display:grid;place-items:center;margin:auto;width:46px;height:46px;border-radius:14px;background:#f0f3fa;color:#72809a}.empty-state svg{width:20px}.empty-state strong{display:block;font-size:12px;margin-top:9px}.empty-state p{font-size:9px;color:#99a1b0;margin:4px 0 10px}.btn-soft{background:#edf2ff;color:#3156da;border:0;padding:8px 12px;font-size:10px}footer{display:flex;justify-content:space-between;color:#9ba3b1;font-size:9px;padding:24px 3px 0}.overlay{position:fixed;inset:0;background:rgba(7,14,32,.55);backdrop-filter:blur(2px);z-index:50;opacity:0;pointer-events:none;transition:.2s}.overlay.open{opacity:1;pointer-events:auto}.modal{position:fixed;z-index:60;left:50%;top:50%;transform:translate(-50%,-45%) scale(.97);width:min(420px,calc(100% - 30px));background:#fff;border-radius:17px;padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:.2s}.modal.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.modal-close{position:absolute;right:17px;top:13px;border:0;background:none;font-size:24px;color:#7c8494}.modal-icon{width:46px;height:46px;border-radius:13px;background:#edf2ff;color:#315efb;display:grid;place-items:center}.modal-icon svg{width:21px}.modal h2{font-size:19px;margin:15px 0 4px}.modal p{color:#7d8697;font-size:12px;margin:0 0 18px}.modal label{display:block;font-size:10px;font-weight:600;margin:12px 0 5px}.modal input,.modal select{width:100%;border:1px solid var(--line);border-radius:9px;padding:11px;background:#fff;outline:none}.modal input:focus,.modal select:focus{border-color:#7794ff}.amount-input{position:relative}.amount-input span{position:absolute;left:12px;top:11px;color:#8590a2}.amount-input input{padding-left:27px}.modal .btn{width:100%;margin-top:18px}.toast{position:fixed;right:25px;bottom:25px;z-index:70;background:#111c35;color:#fff;box-shadow:var(--shadow);padding:12px 17px;border-radius:10px;display:flex;gap:9px;align-items:center;font-size:11px;transform:translateY(20px);opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:none}.toast svg{width:15px;color:#54d5a4}
@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.bottom-grid{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr}.quick-panel{display:grid;grid-template-columns:repeat(3,1fr)}.quick-panel .panel-head,.security{grid-column:1/-1}}
@media(max-width:760px){:root{--side:260px}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none;box-shadow:20px 0 60px rgba(2,8,23,.25)}.main{margin-left:0}.menu-btn{display:grid}.topbar{padding:0 16px;height:62px}.crumb span{display:none}.market-status,.profile-btn>span:not(.avatar){display:none}.profile-menu{right:15px}.content{padding:22px 16px}.welcome{align-items:start;gap:18px}.welcome h1{font-size:23px}.welcome p{max-width:280px}.welcome-actions{flex-direction:column}.stats-grid{grid-template-columns:1fr 1fr}.quick-panel{grid-template-columns:1fr}.quick-panel .panel-head,.security{grid-column:auto}.bottom-grid{grid-template-columns:1fr}.account-row{grid-template-columns:38px 1fr 70px 25px}.account-row .badge{display:none}.chart{height:180px}.top-actions{gap:6px}}
@media(max-width:520px){.welcome{display:block}.welcome-actions{flex-direction:row;margin-top:16px}.stats-grid{grid-template-columns:1fr}.featured{min-height:140px}.panel{padding:16px}.performance{overflow:hidden}.period button{padding:4px 6px}.account-row{grid-template-columns:34px 1fr 63px}.account-row .dots{display:none}.account-value strong{font-size:10px}.content{padding-inline:12px}.topbar{padding-inline:12px}footer{display:block}footer span{display:block;margin-top:5px}}