@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Syne:wght@500;600;700;800&display=swap";:root{color:#f7f8f6;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#111413;font-family:DM Sans,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}:root{--ink:#101413;--muted:#89918e;--line:#e5e9e5;--green:#45d461;--green-deep:#329c4a;--blue:#319cff;--red:#fb2637;--paper:#f5f7f3;--nav:#101820;--coral:#ff705d}.brand{letter-spacing:1.5px;white-space:nowrap;align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.brand b{opacity:.6;font-weight:400}.brand-logo{object-fit:cover;border-radius:50%;width:60px;height:60px}.brand-light{color:#fff}.brand-dark{color:var(--ink)}.sidebar .brand-logo{width:52px;height:52px}.auth-layout{background:var(--paper);grid-template-columns:1.15fr .85fr;min-height:100vh;display:grid}.auth-visual{background:radial-gradient(circle at 85% 28%,#133f62 0,#0000 33%),linear-gradient(140deg,#0d1d2e,#03070c);flex-direction:column;padding:42px 7vw;display:flex;position:relative;overflow:hidden}.auth-visual:after{content:"";opacity:.7;background:repeating-linear-gradient(168deg,#0000 0 22px,#319cff22 23px,#0000 24px 47px);position:absolute;inset:54% -10% -12%;transform:rotate(-7deg)}.visual-copy{z-index:1;max-width:520px;margin:auto 0;position:relative}.eyebrow{color:#8e9c92;letter-spacing:2px;margin:0 0 18px;font-size:10px;font-weight:700}.auth-visual .eyebrow{color:var(--blue)}.visual-copy h1{letter-spacing:-4px;margin:0;font:700 clamp(48px,6vw,88px)/.95 Syne,sans-serif}.visual-copy em{color:var(--blue);font-style:normal}.visual-note{color:#a0aaa3;max-width:315px;margin-top:28px;font-size:14px;line-height:1.6}.market-line{z-index:1;color:#c0c9c2;align-items:center;gap:14px;font-size:11px;display:flex}.market-line strong{color:var(--green)}.market-line i{background:#536158;width:1px;height:14px}.auth-panel{color:var(--ink);flex-direction:column;padding:42px 8vw 35px;display:flex}.auth-form-wrap{width:min(100%,370px);margin:auto 0}.auth-form-wrap h2{letter-spacing:-1px;margin:0;font:600 32px/1.1 Syne,sans-serif}.muted{color:var(--muted);font-size:13px;line-height:1.5}.auth-form-wrap>.muted{margin:10px 0 32px}.auth-form-wrap label{color:#4d5752;margin:20px 0;font-size:12px;font-weight:600;display:block}.auth-form-wrap input:not([type=checkbox]){width:100%;color:var(--ink);background:#fff;border:1px solid #d9ded8;border-radius:7px;outline:none;margin-top:8px;padding:14px 15px;display:block}.auth-form-wrap input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #319cff33}.form-row{justify-content:space-between;align-items:center;margin:8px 0 24px;display:flex}.check{align-items:center;gap:7px;margin:0!important;font-weight:400!important;display:flex!important}.check input{accent-color:var(--blue)}.text-button{color:#2674b6;background:0 0;border:0;padding:0;font-size:12px;font-weight:600}.primary-button{background:var(--ink);color:#fff;border:0;border-radius:7px;justify-content:space-between;align-items:center;width:100%;padding:15px 17px;font-weight:700;display:flex}.primary-button span{color:var(--blue);font-size:19px}.switch-auth{text-align:center;color:var(--muted);margin:26px 0;font-size:12px}.secure-note{text-align:center;color:#a1aaa4;margin:36px 0 0;font-size:11px}.secure-note span{border:1px solid #a1aaa4;border-radius:50%;place-items:center;width:16px;height:16px;margin-right:5px;display:inline-grid}.dashboard-shell{background:var(--paper);min-height:100vh;color:var(--ink);display:flex}.sidebar{z-index:4;background:var(--nav);color:#e6ece6;flex-direction:column;width:260px;height:100vh;padding:30px 17px 20px;display:flex;position:fixed}.sidebar .brand{color:#fff;padding:0 13px}.workspace{border:1px solid #30404d;border-radius:8px;align-items:center;gap:10px;margin:45px 5px 34px;padding:12px 11px;font-size:11px;display:flex}.workspace small,.profile small,.user-cell small{color:#7f8b93;margin-top:3px;font-size:10px;display:block}.workspace-dot{background:var(--green);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #45d4611c}.chevron{color:#829087;margin-left:auto}.nav-heading{color:#657681;letter-spacing:1.7px;padding:0 13px;font-size:9px;font-weight:700}.sidebar nav{gap:4px;display:grid}.nav-item{color:#8e9a9f;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:11px;width:100%;padding:11px 13px;font-size:12px;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#1a3041}.nav-item.active{box-shadow:inset 3px 0 var(--blue)}.nav-icon{border:1px solid;border-radius:5px;place-items:center;width:18px;height:18px;font-size:9px;font-weight:700;display:grid}.nav-badge{color:#9dcdf2;background:#263e4e;border-radius:10px;margin-left:auto;padding:3px 6px;font-size:9px}.sidebar-bottom{gap:3px;margin-top:auto;display:grid}.profile{border-top:1px solid #30404d;align-items:center;gap:9px;margin-top:18px;padding:14px 8px 0;font-size:11px;display:flex}.avatar,.top-avatar{color:#25658e;background:#cde6f7;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:10px;font-weight:700;display:grid}.more{color:#7f8b93;margin-left:auto}.main-content{width:calc(100% - 260px);margin-left:260px}.topbar{border-bottom:1px solid var(--line);background:#fafcf9;align-items:center;height:80px;padding:0 4.5%;display:flex}.breadcrumb{align-items:center;gap:10px;font-size:12px;display:flex}.breadcrumb span{color:#9da69f}.breadcrumb b{color:#c8cec8}.top-actions{align-items:center;gap:19px;margin-left:auto;display:flex;position:relative}.icon-button,.menu-button{color:#67736b;background:0 0;border:0;font-size:22px}.notification{position:relative}.notification i{background:var(--red);border-radius:50%;width:5px;height:5px;position:absolute;top:2px;right:0}.avatar-button{cursor:pointer;border:0;padding:0}.popover{z-index:5;border:1px solid var(--line);width:220px;color:var(--ink);background:#fff;border-radius:8px;padding:15px;font-size:12px;position:absolute;top:44px;right:42px;box-shadow:0 12px 30px #10203022}.popover p{color:var(--muted);margin:7px 0 12px;font-size:11px}.profile-popover{width:170px;right:0}.search-bar{background:#fff;border:1px solid #cbdce8;border-radius:7px;align-items:center;gap:10px;margin:-14px 0 24px;padding:10px 13px;display:flex}.search-bar span{color:var(--blue);font-size:20px}.search-bar input{color:var(--ink);border:0;outline:0;flex:1;font-size:12px}.menu-button{display:none}.page-content{padding:42px 4.5%}.page-heading{justify-content:space-between;align-items:flex-end;margin-bottom:32px;display:flex}.page-heading h1{letter-spacing:-1px;margin:0 0 7px;font:600 29px Syne,sans-serif}.page-heading .eyebrow{margin-bottom:9px}.outline-button,.primary-small{color:#566259;background:#fff;border:1px solid #d6ded5;border-radius:6px;padding:10px 13px;font-size:11px}.outline-button span{margin-left:16px}.primary-small{border-color:var(--ink);background:var(--ink);color:#fff}.metric-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.metric,.panel{border:1px solid var(--line);background:#fff;border-radius:8px}.metric{padding:20px}.metric-top{color:#7d8880;justify-content:space-between;align-items:center;font-size:11px;display:flex}.metric-top i{color:#2174aa;background:#eaf4fb;border-radius:6px;place-items:center;width:26px;height:26px;font-size:12px;font-style:normal;font-weight:700;display:grid}.metric>strong{letter-spacing:-1px;margin:19px 0 8px;font:600 24px Syne,sans-serif;display:block}.metric p{margin:0;font-size:10px}.metric p b,.positive{color:var(--green-deep)}.metric p span{color:#a0aaa2}.content-grid{grid-template-columns:1.55fr 1fr;gap:12px;margin-top:12px;display:grid}.quick-actions{color:#327242;background:#f0f8f1;border:1px solid #dce9e3;border-radius:8px;justify-content:space-between;align-items:center;margin:-7px 0 18px;padding:12px 15px;font-size:11px;display:flex}.quick-actions>div:first-child{align-items:center;gap:8px;font-weight:700;display:flex}.quick-actions small{color:#76917c;font-weight:400}.status-dot{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #45d46122}.action-buttons{gap:7px;display:flex}.action-button{color:#47734f;background:#fff;border:1px solid #cee0d3;border-radius:5px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;font-weight:700;display:flex}.action-button span{font-size:15px;line-height:10px}.action-button.primary-action{border-color:var(--ink);background:var(--ink);color:#fff}.operations-grid{grid-template-columns:1.35fr 1fr;gap:12px;margin-top:12px;display:grid}.operations-panel,.risk-panel{min-height:240px}.order-list{margin-top:18px}.order-row{color:#647068;border-top:1px solid #edf0ec;grid-template-columns:1.15fr 1fr 1fr .8fr auto;align-items:center;gap:8px;padding:14px 0;font-size:10px;display:grid}.order-pair,.order-row b{color:var(--ink);font-weight:700}.order-type{color:#8c9790}.risk-score{color:var(--green-deep);font:700 22px Syne,sans-serif}.risk-score span{color:#9ba69e;font:400 11px DM Sans,sans-serif}.risk-meter{background:#e7eee7;border-radius:4px;height:6px;margin:20px 0 8px;overflow:hidden}.risk-meter span{border-radius:inherit;background:linear-gradient(90deg, var(--green), var(--blue));width:92%;height:100%;display:block}.risk-item{border-top:1px solid #edf0ec;align-items:center;gap:9px;padding:11px 0;font-size:10px;display:flex}.risk-item div{flex:1}.risk-item small{color:#98a39b;margin-top:3px;display:block}.risk-item strong{color:var(--green-deep);font-size:10px}.risk-icon{border-radius:6px;place-items:center;width:23px;height:23px;font-weight:700;display:grid}.green-icon{color:var(--green-deep);background:#eaf6e7}.amber-icon{color:#b88123;background:#fff4dc}.blue-icon{color:#2978b0;background:#e8f3fb}.toast{z-index:10;background:var(--ink);color:#fff;border-radius:7px;align-items:center;gap:9px;padding:12px 16px;font-size:12px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 25px #10203033}.toast span{color:var(--green);font-weight:700}.panel{padding:22px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.section-actions{align-items:center;gap:10px;display:flex}.user-search{color:#849087;background:#fff;border:1px solid #d6ded5;border-radius:6px;align-items:center;gap:7px;min-width:190px;padding:9px 11px;display:flex}.user-search input{width:100%;color:var(--ink);border:0;outline:0;font-size:11px}.panel h3{margin:0;font:600 16px Syne,sans-serif}.panel-heading .muted{margin:5px 0 0}.positive small{color:#a0aaa2;text-align:right;margin-top:4px;font-size:10px;font-weight:400;display:block}.chart{height:226px;margin-top:28px;display:flex}.chart-y{color:#a9b1ab;flex-direction:column;justify-content:space-between;padding-bottom:24px;font-size:9px;display:flex}.chart-area{flex:1;margin-left:14px;position:relative}.chart-lines{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0 0 25px}.chart-lines i{border-top:1px dashed #e5ebe3}.area-fill{clip-path:polygon(0 69%,10% 62%,20% 68%,30% 47%,40% 53%,50% 33%,60% 48%,70% 18%,80% 38%,90% 17%,100% 0,100% 100%,0 100%);background:linear-gradient(#319cff66,#319cff05);position:absolute;inset:7% 0 25px}.chart-tooltip{z-index:1;background:var(--ink);color:#fff;border-radius:5px;padding:8px 11px;font-size:10px;position:absolute;top:6%;right:9%}.chart-tooltip span{color:#9ca79e;margin-top:3px;font-size:9px;display:block}.chart-x{color:#a9b1ab;justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:0;left:0;right:0}.live-dot{color:#4b9443;font-size:10px}.live-dot:before{content:"";background:#62c354;border-radius:50%;width:5px;height:5px;margin:0 5px 1px 0;display:inline-block}.market-row{border-bottom:1px solid #edf0ec;grid-template-columns:32px 1fr auto auto;align-items:center;gap:9px;padding:18px 0;font-size:11px;display:grid}.market-row:last-child{border:0}.market-row small{color:#a0aaa2;margin-top:3px;font-size:9px;display:block}.market-row strong{font-size:11px}.coin{border-radius:50%;place-items:center;width:30px;height:30px;font-weight:700;display:grid}.b{color:#e19a2f;background:#fff0da}.e{color:#5b62be;background:#e7e7ff}.s{color:#3b9e77;background:#dff5ec}.negative{color:var(--coral)}.table-panel{margin-top:12px}.table-wrap{margin-top:22px;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:11px}th{color:#9ba49c;letter-spacing:1px;padding:0 16px 12px;font-size:9px;font-weight:700}td{white-space:nowrap;border-top:1px solid #edf0ec;padding:14px 16px}td:first-child,th:first-child{padding-left:0}.buy{color:#4b9443}.sell{color:#ca6556}.status{border-radius:4px;padding:5px 8px;font-size:9px}.completed{color:#4c9144;background:#eaf6e7}.processing{color:#b08221;background:#fff5db}.pending{color:#c8753b;background:#fff0e6}.data-view{margin-top:0}.user-cell{align-items:center;gap:10px;display:flex}.avatar.small{width:30px;height:30px}.more-button{color:#8c978f;letter-spacing:2px;background:0 0;border:0}@media (width<=900px){.auth-layout{grid-template-columns:1fr}.auth-visual{min-height:360px;padding:28px 8vw}.auth-visual .visual-copy{margin:55px 0 45px}.visual-copy h1{font-size:54px}.auth-panel{min-height:600px;padding:28px 8vw}.sidebar{transition:transform .2s;transform:translate(-100%);box-shadow:10px 0 30px #0004}.sidebar.open{transform:translate(0)}.main-content{width:100%;margin-left:0}.menu-button{margin-right:18px;font-size:18px;display:block}.metric-grid{grid-template-columns:repeat(2,1fr)}.content-grid,.operations-grid{grid-template-columns:1fr}.quick-actions{flex-direction:column;align-items:flex-start;gap:12px}}@media (width<=560px){.auth-visual{min-height:310px}.auth-visual .visual-copy{margin:50px 0 25px}.visual-copy h1{letter-spacing:-2px;font-size:45px}.market-line{gap:7px;font-size:9px}.topbar{height:64px;padding:0 5%}.breadcrumb span,.breadcrumb b{display:none}.page-content{padding:28px 5%}.page-heading{flex-direction:column;align-items:flex-start;gap:18px}.metric-grid{gap:8px}.metric{padding:14px}.metric>strong{font-size:19px}.panel{padding:16px}.panel-heading{gap:8px}.panel h3{font-size:14px}.top-actions{gap:12px}.top-actions .icon-button{font-size:19px}.page-heading h1{font-size:24px}.action-buttons{flex-wrap:wrap}.order-row{min-width:520px}.section-actions{flex-direction:column;align-items:stretch}.user-search{min-width:0}}
