.account-panel{--account-panel-accent:var(--ap-accent);border-radius:var(--ap-radius);background:var(--ap-paper);border:0;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.account-panel-toolbar{border-bottom:1px solid var(--ap-border);flex:0 0 42px;align-items:center;gap:12px;padding:0 16px;display:flex}.account-panel-title,.account-panel-tabs button{white-space:nowrap;background:0 0;border:0;border-radius:0;align-self:stretch;align-items:center;margin:0;padding:0;font-size:11px;font-weight:400;display:flex;position:relative}.account-panel-title,.account-panel-tabs button[aria-pressed=true]{color:var(--account-panel-accent,var(--ap-primary))}.account-panel-title:after,.account-panel-tabs button[aria-pressed=true]:after{content:"";bottom:0;background:currentColor;height:2px;position:absolute;inset-inline:0}.account-panel-tabs{scrollbar-width:none;flex:1;align-self:stretch;gap:25px;min-width:0;display:flex;overflow-x:auto}.account-panel-tabs button{color:var(--ap-muted)}.account-panel-tabs button:hover:not([aria-pressed=true]){color:var(--ap-ink)}.account-panel-tabs button:focus-visible{outline:2px solid var(--account-panel-accent,var(--ap-primary));outline-offset:-3px}.account-tab-count{color:var(--ap-muted);margin-left:5px;font-size:9px}.account-panel-action{flex-shrink:0;align-items:center;margin-left:auto;display:flex}.account-panel-label{color:var(--ap-muted);white-space:nowrap;font-size:10px}.account-panel-scroll{flex:1;min-height:0;overflow:auto}.account-panel-table{border-collapse:collapse;font-variant-numeric:lining-nums tabular-nums;white-space:nowrap;width:100%;font-size:11px}.account-panel-table th,.account-panel-table td{border-bottom:1px solid var(--ap-border);text-align:right;padding:14px 16px}.account-panel-table th{z-index:1;background:var(--ap-paper);height:40px;color:var(--ap-muted);padding-block:10px;font-size:10px;font-weight:400;position:sticky;top:0}.account-panel-table th:first-child,.account-panel-table td:first-child{text-align:left}.account-panel-table tbody tr:last-child td{border-bottom:0}.account-panel-scroll[data-empty=true] .account-panel-table{height:100%}.account-panel-table .account-panel-state-row>td{white-space:normal;padding:0}.account-panel-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:160px;padding:18px;display:flex}.account-panel-state>svg{color:var(--ap-muted);flex-shrink:0}.account-panel-state>strong{color:var(--ap-ink);font-size:12px;font-weight:500}.account-panel-state p{color:var(--ap-muted);margin:0;font-size:11px;line-height:1.5}.account-panel-state .button{height:30px;margin-top:7px;padding:7px 18px;font-size:10px}.account-panel-state .data-error{flex-direction:column;align-items:center;gap:12px;margin:0;padding:0;font-size:11px;display:flex}@media (max-width:760px){.account-panel-label{display:none}}
.account-panel-skeleton{gap:24px;min-height:190px;padding:24px 20px;display:grid;overflow:hidden}.account-panel-skeleton-row{grid-template-columns:minmax(160px,1.5fr)repeat(var(--account-panel-skeleton-columns),minmax(64px,1fr));align-items:center;gap:24px;display:grid}.account-panel-skeleton-asset{align-items:center;gap:12px;display:flex}@media (max-width:760px){.dashboard-page .account-panel-skeleton{padding-inline:16px}.dashboard-page .account-panel-skeleton-row{grid-template-columns:minmax(0,1fr) 64px;gap:16px}.dashboard-page .account-panel-skeleton-row>:nth-child(n+3){display:none}}
.perps-account .account-panel-toolbar{gap:12px}.perps-account .account-panel-action:empty{display:none}.perps-account .account-panel-tabs{gap:24px}.perps-account .account-panel-tabs button{gap:6px;font-size:12px;font-weight:500}.perps-account .account-tab-count{border-radius:var(--ap-control-radius);background:var(--ap-inset);font-variant-numeric:tabular-nums;place-items:center;min-width:17px;height:17px;margin:0;padding:0 4px;font-size:10px;font-weight:400;display:grid}.perps-account .account-panel-tabs button[aria-pressed=true] .account-tab-count{background:color-mix(in srgb,var(--ap-primary)8%,var(--ap-paper));color:var(--ap-primary)}.perps-account .account-panel-action{gap:16px}.perps-market-filter{color:var(--ap-muted);white-space:nowrap;cursor:pointer;align-items:center;gap:6px;font-size:10px;display:flex}.perps-market-filter input{width:12px;height:12px;accent-color:var(--ap-primary);cursor:pointer;margin:0}.perps-view-filter{border:1px solid var(--ap-border);border-radius:var(--ap-control-radius);color:var(--ap-muted);white-space:nowrap;align-items:center;gap:4px;padding:4px 7px;font-size:10px;display:flex}.perps-view-filter select{max-width:90px;color:var(--ap-ink);font:inherit;cursor:pointer;background:0 0;border:0}.perps-account-connection{color:var(--ap-muted);white-space:nowrap;align-items:center;gap:5px;font-size:10px;display:flex}.perps-account-connection>span{background:var(--ap-warning);border-radius:50%;width:5px;height:5px}.perps-account-connection[data-connected=true]>span{background:var(--ap-positive)}.perps-balance-scroll{flex:1;min-height:0;overflow:auto}.perps-balance-content{min-width:560px}.perps-balance-overview{border-bottom:1px solid var(--ap-border);font-variant-numeric:tabular-nums;grid-template-columns:1.15fr 1fr 1fr 1fr;gap:16px;margin:0;padding:20px 16px 18px;display:grid}.perps-balance-overview>div{flex-direction:column;justify-content:center;align-items:flex-start;gap:7px;min-width:0;display:flex}.perps-balance-overview>div+div{border-left:1px solid var(--ap-border);padding-left:18px}.perps-balance-overview dt{color:var(--ap-muted);align-items:center;gap:5px;font-size:10px;display:flex}.perps-balance-overview dt svg{color:var(--ap-muted)}.perps-balance-overview dd{color:var(--ap-ink);letter-spacing:-.025em;white-space:nowrap;margin:0;font-size:16px;font-weight:500;line-height:1.15}.perps-balance-overview .perps-balance-equity dd{font-size:24px}.perps-balance-overview>div>span{color:var(--ap-muted);font-size:9px;line-height:1.4}.perps-balance-overview dd.positive,.perps-account-cell.positive{color:var(--ap-positive)}.perps-balance-overview dd.negative,.perps-account-cell.negative{color:var(--ap-negative)}.perps-account td.positive{color:var(--ap-positive)}.perps-account td.negative{color:var(--ap-negative)}.perps-collateral-heading{justify-content:space-between;align-items:center;gap:12px;padding:14px 16px 0;font-size:11px;font-weight:500;display:flex}.perps-collateral-heading a{color:var(--ap-muted);align-items:center;gap:4px;font-size:10px;font-weight:400;display:flex}.perps-collateral-heading a:hover{color:var(--ap-ink)}.perps-balance-note{color:var(--ap-muted);margin:0;padding:10px 16px 14px;font-size:10px;line-height:1.5}.perps-positions-toolbar{border-bottom:1px solid var(--ap-border);min-height:32px;color:var(--ap-muted);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:0 16px;font-size:10px;display:flex}.perps-account .account-panel-table th{height:34px;padding:9px 16px;font-size:10px}.perps-account .account-panel-table td{height:62px;padding:10px 16px;font-size:12px}.perps-account .account-panel-table tbody tr:not(.account-panel-state-row):hover{background:color-mix(in srgb,var(--ap-inset)60%,transparent)}.perps-account .account-panel-table th:first-child{min-width:190px}.perps-account-view-positions>.account-panel-scroll .account-panel-table{min-width:1180px}.perps-account-view-open-orders>.account-panel-scroll .account-panel-table,.perps-account-view-order-history>.account-panel-scroll .account-panel-table{min-width:1100px}.perps-account-view-trade-history>.account-panel-scroll .account-panel-table{min-width:960px}.perps-account>.account-panel-scroll .account-panel-table :is(th,td):first-child{background:var(--ap-paper);z-index:1;border-right:1px solid var(--ap-border);position:sticky;left:0}.perps-account>.account-panel-scroll .account-panel-table th:first-child{z-index:2}.perps-account .account-panel-scroll[data-empty=true] .account-panel-table{min-width:0}.perps-account .account-panel-scroll[data-empty=true] thead{display:none}.perps-account .account-panel-scroll[data-empty=true] .account-panel-state-row>td{border-right:0;position:static}.perps-account-market{align-items:center;gap:9px;min-width:0;display:flex}.perps-account-market>.asset-icon,.perps-collateral-icon{border-radius:50%;flex-shrink:0;width:28px;height:28px}.perps-account-market>svg{color:var(--ap-muted);opacity:0;flex-shrink:0}a.perps-account-market:hover>svg,a.perps-account-market:focus-visible>svg{opacity:1}.perps-account-cell{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.perps-account-cell>strong{font-size:12px;font-weight:500}.perps-account-market .perps-account-cell{align-items:flex-start}.perps-account-market .perps-account-secondary{text-overflow:ellipsis;max-width:150px;overflow:hidden}.perps-account .perps-account-secondary{color:var(--ap-muted);font-size:10px}.perps-collateral-icon{background:var(--ap-inset);color:var(--ap-primary);place-items:center;display:grid}.perps-account-value{font-variant-numeric:tabular-nums}.perps-position-side{border-radius:var(--ap-control-radius);justify-content:center;align-items:center;gap:5px;width:fit-content;padding:3px 6px;font-size:10px;font-weight:500;line-height:1.1;display:inline-flex}.perps-position-side.is-long{color:var(--ap-positive);background:var(--ap-positive-soft)}.perps-position-side.is-short{color:var(--ap-negative);background:var(--ap-negative-soft)}.perps-position-side>span{opacity:.5}.perps-market-badges{align-items:center;gap:4px;display:flex}.perps-margin-mode{border-radius:var(--ap-control-radius);background:var(--ap-inset);color:var(--ap-muted);padding:3px 5px;font-size:9px;line-height:1.1}.perps-position-triggers{color:var(--ap-muted);gap:4px;font-size:9px}.perps-position-triggers>span{gap:7px;display:flex}.perps-position-triggers>span>span{color:var(--ap-ink);font-size:10px}.perps-account .perps-account-unavailable{color:var(--ap-muted)}.perps-position-return{font-size:10px}.perps-position-return>span{color:var(--ap-muted);font-size:9px}.perps-order-status{border-radius:var(--ap-control-radius);background:var(--ap-inset);color:var(--ap-muted);text-transform:capitalize;padding:3px 6px;font-size:10px}.perps-account a:focus-visible,.perps-account select:focus-visible,.perps-market-filter input:focus-visible{outline:2px solid var(--ap-focus);outline-offset:3px}@container (max-width:900px){.perps-account .account-panel-toolbar{flex-wrap:wrap;flex-basis:auto;gap:0}.perps-account .account-panel-tabs{flex-shrink:0;flex-basis:100%;gap:18px;height:42px}.perps-account .account-panel-action:has(.perps-view-filter){border-top:1px solid var(--ap-border);justify-content:flex-end;width:100%;min-height:30px;margin:0}.perps-account .account-panel-tabs button{font-size:11px}}@media (max-width:1200px){.perps-account .account-panel-action{gap:10px}.perps-account .account-panel-tabs{gap:16px}.perps-account-connection{gap:0;font-size:0}.perps-account .account-panel-table td,.perps-account .account-panel-table th{padding-inline:12px}}@media (max-width:760px){.perps-account .account-panel-toolbar{flex-wrap:wrap;flex-basis:auto;gap:0;padding:0 12px}.perps-account .account-panel-tabs{flex-basis:100%;gap:20px;height:42px}.perps-account .account-panel-tabs button{font-size:11px}.perps-account .account-panel-action:has(.perps-view-filter){justify-content:space-between}.perps-account .account-panel-action:not(:has(.perps-view-filter)){display:none}.perps-account-connection{gap:5px;font-size:9px}.perps-balance-content{min-width:0}.perps-balance-overview{grid-template-columns:1fr 1fr;gap:16px 20px;padding:16px 12px}.perps-balance-overview>div+div{border-left:0;padding-left:0}.perps-balance-overview dd{font-size:16px}.perps-balance-overview .perps-balance-equity dd{font-size:21px}.perps-balance-content .account-panel-table{min-width:570px}.perps-balance-note,.perps-positions-toolbar{padding-inline:12px}.perps-account-view-funding>.account-panel-scroll .account-panel-table{min-width:660px}}.perps-account{container-type:inline-size}
