@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{color:#e8eceb;font-synthesis:none;background:#0a0c0d;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}body{background:#0a0c0d;min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.auth-banner{color:#b9e5c1;background:#151e16;border-bottom:1px solid #26352a;justify-content:center;align-items:center;gap:7px;height:34px;font-size:12px;display:flex}.app-shell{min-height:calc(100vh - 34px);display:flex}.sidebar{z-index:4;background:#131617;border-right:1px solid #292d2e;flex-direction:column;flex:0 0 260px;width:260px;height:calc(100vh - 34px);min-height:calc(100vh - 34px);padding:31px 14px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;padding:0 17px 20px;display:flex}.brand-logo{object-fit:cover;object-position:center 52%;width:190px;height:110px}.profile{color:#aeb7b4;border-top:1px solid #292d2e;border-bottom:1px solid #292d2e;align-items:center;gap:11px;padding:22px 10px;display:flex}.profile div{gap:3px;width:100%;display:grid}.profile strong{color:#eef2f0;font-size:14px}.profile span{color:#b6d923;font-size:12px}.profile select{color:#aeb7b4;background:#1b1f20;border:1px solid #363d3e;border-radius:5px;outline:0;width:100%;margin-top:6px;padding:5px 6px;font-size:10px}nav{gap:5px;padding:24px 0;display:grid}nav a{color:#a5adab;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:13px 12px;font-size:15px;font-weight:600;display:flex}nav a:hover{color:#e9ecea;background:#1d2122}nav a.active{color:#e6eeea;background:#303639;border-color:#4c5659}.sidebar-footer{border-top:1px solid #292d2e;gap:16px;margin-top:auto;padding:17px 9px 0;display:grid}.sidebar-footer span,.sidebar-footer button{color:#8f9994;align-items:center;gap:8px;font-size:12px;display:flex}.sidebar-footer button{color:#ea8380;background:0 0;border:0;padding:0;font-size:13px}.main-content{flex:1;min-width:0;padding:45px clamp(24px,5vw,76px) 60px}.menu-button,.backdrop,.close-button{display:none}.page{max-width:1500px;margin:0 auto}.page-header{justify-content:space-between;align-items:start;gap:24px;margin-bottom:27px;display:flex}.eyebrow{letter-spacing:1.2px;font-weight:700;color:#b6d923!important;margin-bottom:8px!important;font-size:11px!important}.page h1,.page h2{font-family:Manrope,sans-serif}.page h1{letter-spacing:-1.5px;margin:0 0 7px;font-size:clamp(30px,3.2vw,42px)}.page-header p{color:#909997;margin:0;font-size:16px}.sync-status{color:#8c9692;white-space:nowrap;align-items:center;gap:13px;padding-top:10px;font-size:12px;display:flex}.sync-status>span:last-child{align-items:center;gap:5px;display:flex}.sync-pill{background:#252a2b;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.sync-pill.connected{color:#72e9a5;background:#143a27}.notice{color:#b6d923;background:#171b19;border:1px solid #3a4234;border-left:3px solid #b6d923;border-radius:10px;gap:12px;margin-bottom:25px;padding:14px 17px;display:flex}.notice div{gap:3px;display:grid}.notice strong{font-size:14px}.notice span{color:#b3bbb7;font-size:13px}.connection-panel{background:#151b1c;border:1px solid #334040;border-radius:12px;grid-template-columns:auto minmax(230px,1fr) auto auto;align-items:center;gap:18px;margin-bottom:21px;padding:17px 19px;display:grid}.connection-icon{color:#9bc4c8;background:#203136;border-radius:9px;place-items:center;width:43px;height:43px;display:grid}.connection-copy .eyebrow{margin:0 0 3px!important;font-size:9px!important}.connection-copy h2{margin:0 0 4px;font:700 16px Manrope}.connection-copy p{color:#909a96;margin:0;font-size:12px;line-height:1.35}.connection-status{justify-items:end;gap:5px;display:grid}.connection-status small{color:#8f9995;white-space:nowrap;font-size:10px}.retry-button{color:#d9e4df;white-space:nowrap;background:#252d2e;border:1px solid #3c4848;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.retry-button:hover:not(:disabled){border-color:#a6c71f}.retry-button:disabled{opacity:.7;cursor:wait}.spinning{animation:1s linear infinite spin}.metric-grid{grid-template-columns:repeat(6,minmax(155px,1fr));gap:14px;margin-bottom:21px;display:grid}.metric-card,.panel{background:#171a1b;border:1px solid #2d3233;border-radius:14px}.metric-card{flex-direction:column;align-items:flex-start;min-height:159px;padding:17px;display:flex}.metric-icon{color:#a7bdce;background:#273035;border-radius:9px;place-items:center;width:37px;height:37px;margin-bottom:19px;display:grid}.metric-icon.positive{color:#b6d923;background:#24311a}.metric-card>span{color:#a0a9a6;margin-bottom:7px;font-size:13px}.metric-card>strong{white-space:nowrap;letter-spacing:-.8px;font-family:Manrope;font-size:clamp(19px,1.6vw,25px);line-height:1.1}.metric-card small{color:#77817d;margin-top:auto;padding-top:6px;font-size:11px}.positive{color:#69dd9e!important}.negative{color:#f18383!important}.chart-grid{grid-template-columns:1.34fr 1fr;gap:20px;margin-bottom:21px;display:grid}.panel{padding:24px}.panel-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.panel-heading h2{letter-spacing:-.4px;margin:0 0 5px;font-size:18px}.panel-heading p{color:#899390;margin:0;font-size:13px}.chart-key{color:#87918d;border:1px solid #343a3b;border-radius:6px;padding:4px 8px;font-size:12px}.chart-area{height:260px;margin-top:16px}.positions-panel{margin-top:0}.text-link{color:#c6e83b;border-bottom:1px solid #c6e83b;padding-bottom:2px;font-size:13px;font-weight:700}.table-wrap{margin-top:20px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:670px}th{text-align:left;color:#7e8985;text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid #303536;padding:0 12px 11px;font-size:11px;font-weight:600}td{color:#b8c0bd;white-space:nowrap;border-bottom:1px solid #292f30;padding:14px 12px;font-size:13px}tbody tr:last-child td{border-bottom:0}td strong{color:#edf1ef}.trade-side{border-radius:5px;align-items:center;gap:3px;padding:4px 6px;font-size:11px;font-weight:700;display:inline-flex}.trade-side.buy{color:#6ce29d;background:#143528}.trade-side.sell{color:#f18484;background:#3a2425}.sl-tp{color:#909996;font-size:12px}.statistics-panel{margin-bottom:21px}.statistics-grid{grid-template-columns:repeat(4,1fr);margin-top:22px;display:grid}.statistics-grid div{border-right:1px solid #303536;gap:7px;padding:2px 18px;display:grid}.statistics-grid div:first-child{padding-left:0}.statistics-grid div:last-child{border-right:0}.statistics-grid span{color:#909a96;font-size:12px}.statistics-grid strong{letter-spacing:-.5px;font:700 22px Manrope}.operations-page .page-header{margin-bottom:35px}.tab-bar{border-bottom:1px solid #303536;gap:28px;margin-bottom:20px;display:flex}.tab-bar button{color:#939d99;background:0 0;border:0;padding:0 0 14px;font-size:14px;font-weight:700;position:relative}.tab-bar button.active{color:#eff3f1}.tab-bar button.active:after{content:"";background:#b6d923;height:2px;position:absolute;bottom:-1px;left:0;right:0}.tab-bar span{background:#292f30;border-radius:10px;margin-left:5px;padding:2px 6px;font-size:11px}.filters{flex-wrap:wrap;gap:11px;margin-bottom:20px;display:flex}.filters label{color:#8e9995;background:#171a1b;border:1px solid #303637;border-radius:8px;align-items:center;gap:8px;min-width:190px;height:40px;padding:0 11px;display:flex}.filters input,.filters select{color:#dde4e0;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:13px}.filters select option{background:#171a1b}.live-label{color:#6ce29d;align-items:center;gap:5px;font-size:12px;display:inline-flex}.live-label svg{animation:2s linear infinite spin}.empty-state{color:#818b87;justify-items:center;gap:9px;padding:60px 20px;display:grid}.empty-state strong{color:#dfe5e2}.empty-state span{font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}.login-page{background:#0a0c0d;grid-template-columns:minmax(440px,1fr) minmax(390px,.85fr);min-height:100vh;display:grid}.login-panel{align-self:start;width:min(430px,100% - 48px);margin:0 auto;padding:48px 0}.login-brand{margin-bottom:30px;padding:0}.login-brand .brand-logo{width:210px;height:122px}.login-copy{margin-bottom:31px}.login-badge{color:#b6d923;letter-spacing:1px;background:#202918;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;font-weight:700;display:inline-flex}.login-copy h1{letter-spacing:-1.4px;margin:18px 0 10px;font-family:Manrope;font-size:38px;line-height:1.1}.login-copy p{color:#929b97;margin:0;line-height:1.55}.login-panel form{gap:8px;display:grid}.login-panel form label{color:#d6ddda;margin-top:9px;font-size:13px;font-weight:600}.field{color:#8e9995;background:#171a1b;border:1px solid #303637;border-radius:9px;align-items:center;gap:10px;height:47px;padding:0 13px;transition:border-color .15s;display:flex}.field:focus-within{border-color:#9cb91b}.field input{color:#e9efeb;background:0 0;border:0;outline:0;width:100%;font-size:14px}.primary-button,.sso-button{border-radius:9px;justify-content:center;align-items:center;gap:9px;min-height:47px;font-weight:700;display:flex}.primary-button{color:#182006;background:#b6d923;border:0;margin-top:18px}.primary-button:hover{background:#c8ed2b}.login-separator{text-align:center;border-top:1px solid #2c3132;margin:27px 0 18px;position:relative}.login-separator span{color:#78827e;background:#0a0c0d;padding:0 10px;font-size:12px;position:relative;top:-10px}.sso-button{color:#dce4e0;background:#171a1b;border:1px solid #353c3d;width:100%}.sso-button:hover{border-color:#77877c}.demo-note{text-align:center;color:#727b77;max-width:330px;margin:18px auto 0;font-size:11px;line-height:1.45}.login-aside{background:radial-gradient(circle at 78% 17%,#536312 0,#242e18 27%,#121615 66%);border-left:1px solid #343d2c;flex-direction:column;justify-content:space-between;padding:clamp(50px,9vw,140px) clamp(42px,7vw,105px);display:flex}.login-aside h2{letter-spacing:-3px;margin:16px 0 20px;font-family:Manrope;font-size:clamp(39px,4.5vw,66px);line-height:1.02}.login-aside em{color:#c5e63c;font-style:normal}.login-aside p{color:#aeb7b2;max-width:350px;font-size:16px;line-height:1.55}.login-stat{border-top:1px solid #526040;align-items:center;gap:16px;padding-top:27px;display:flex}.login-stat strong{color:#c5e63c;font:800 36px Manrope}.login-stat span{color:#aeb7b2;font-size:13px;line-height:1.4}@media (width<=1280px){.metric-grid{grid-template-columns:repeat(3,1fr)}.chart-grid{grid-template-columns:1fr}.chart-area{height:240px}.connection-panel{grid-template-columns:auto 1fr auto}.connection-status{display:none}}@media (width<=760px){.auth-banner{text-align:center;height:42px;padding:0 14px;line-height:1.2}.app-shell{min-height:calc(100vh - 42px)}.sidebar{height:calc(100vh - 42px);transition:transform .2s;position:fixed;top:42px;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.backdrop{z-index:3;background:#0009;border:0;display:block;position:fixed;inset:42px 0 0}.close-button{z-index:5;color:#e9f0ed;background:0 0;border:0;display:block;position:fixed;top:52px;left:218px}.main-content{padding:22px 17px 42px}.menu-button{color:#e6ece8;background:#1a1e1f;border:1px solid #33393a;border-radius:8px;place-items:center;width:40px;height:40px;margin-bottom:22px;display:grid}.page-header{margin-bottom:22px;display:grid}.sync-status{flex-wrap:wrap;padding:0}.page h1{font-size:30px}.page-header p{font-size:14px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-card{min-height:141px;padding:14px}.metric-card>strong{font-size:18px}.panel{padding:17px}.chart-area{height:220px}.notice{align-items:flex-start}.notice span{line-height:1.35}.connection-panel{grid-template-columns:auto 1fr;gap:12px}.connection-copy{grid-column:2}.connection-panel .retry-button{grid-column:1/-1;width:100%}.statistics-grid{grid-template-columns:repeat(2,1fr);gap:18px 0}.statistics-grid div:nth-child(2){border-right:0}.statistics-grid div:nth-child(3){padding-left:0}.tab-bar{gap:17px;overflow-x:auto}.tab-bar button{white-space:nowrap}.filters label{flex:150px;min-width:0}}@media (width<=850px){.login-page{display:block}.login-aside{display:none}.login-panel{flex-direction:column;justify-content:center;min-height:100vh;display:flex}.login-brand{margin-bottom:42px}}@media (width<=390px){.metric-grid{grid-template-columns:1fr}.metric-card{min-height:125px}.chart-area{height:190px}}
