.fv-user-workspace-body{background:#f1f5f9}
.fv-user-workspace-body .fv-site-header,
.fv-user-workspace-body .fv-mobile-panel,
.fv-user-workspace-body .fv-footer{display:none!important}
.user-panel-topbar{
  position:sticky;
  top:0;
  z-index:80;
  height:72px;
  padding:0 27px;
  border-bottom:1px solid #dde4ed;
  display:flex;
  align-items:center;
  background:#fff;
}
.user-panel-menu{display:none;border:0;background:transparent;color:#3a4960;font-size:21px}
.user-panel-home{display:none;align-items:center;gap:9px;color:#172238!important}
.user-panel-home>span{width:31px;height:31px;border-radius:8px;display:grid;place-items:center;background:#2563eb;color:#fff;font-size:11px;font-weight:900}
.user-panel-home strong{font-size:13px}
.user-panel-tools{margin-left:auto;display:flex;align-items:center;gap:11px}
.user-panel-add,.user-panel-bell{
  position:relative;
  width:36px;height:36px;border-radius:50%;display:grid;place-items:center;
  background:#eef3f8;color:#687991!important;font-size:14px;font-weight:900
}
.user-panel-add{background:#eaf2ff;color:#2563eb!important;font-size:19px}
.user-panel-bell b{
  position:absolute;right:-2px;top:-3px;min-width:17px;height:17px;padding:0 4px;border-radius:20px;
  display:grid;place-items:center;background:#e3343f;color:#fff;font-size:8px
}
.user-panel-account{position:relative}
.user-panel-account>summary{list-style:none;cursor:pointer;user-select:none}
.user-panel-account>summary::-webkit-details-marker{display:none}
.user-panel-person{min-height:42px;padding-left:11px;border-left:1px solid #e1e6ed;display:flex;align-items:center;gap:8px;color:#344157!important;font-size:10px;font-weight:800}
.user-panel-person i{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#28364c;color:#fff;font-style:normal;font-size:11px}
.user-panel-chevron{color:#8090a5;transition:transform .18s ease}
.user-panel-account[open] .user-panel-chevron{transform:rotate(180deg)}
.user-account-menu{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  z-index:120;
  width:225px;
  padding:8px;
  border:1px solid #dde4ed;
  border-radius:12px;
  background:#fff;
  box-shadow:0 18px 45px rgba(25,39,62,.18);
}
.user-account-menu:before{
  content:"";
  position:absolute;
  top:-6px;
  right:18px;
  width:11px;
  height:11px;
  border-left:1px solid #dde4ed;
  border-top:1px solid #dde4ed;
  background:#fff;
  transform:rotate(45deg);
}
.user-account-menu-head{
  position:relative;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  align-items:center;
  gap:9px;
  margin-bottom:6px;
  padding:10px 9px 12px;
  border-bottom:1px solid #e8edf3;
}
.user-account-menu-head>i{
  width:34px;
  height:34px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#28364c;
  color:#fff;
  font-size:10px;
  font-style:normal;
  font-weight:900;
}
.user-account-menu-head strong,.user-account-menu-head small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user-account-menu-head strong{color:#172238;font-size:11px}
.user-account-menu-head small{margin-top:3px;color:#8a97aa;font-size:8px}
.user-account-menu>a{
  min-height:39px;
  padding:0 10px;
  border-radius:8px;
  display:grid;
  grid-template-columns:22px minmax(0,1fr) auto;
  align-items:center;
  color:#425169!important;
  font-size:10px;
  font-weight:800;
}
.user-account-menu>a:hover{background:#f2f6fb;color:#2563eb!important}
.user-account-menu>a>span{font-size:12px}
.user-account-menu>a>b{
  min-width:18px;
  height:18px;
  padding:0 4px;
  border-radius:20px;
  display:grid;
  place-items:center;
  background:#e3343f;
  color:#fff;
  font-size:8px;
}
.user-account-menu>a.user-account-logout{
  margin-top:5px;
  border-top:1px solid #edf0f4;
  border-radius:0 0 8px 8px;
  color:#d53643!important;
}
.user-account-menu>a.user-account-logout:hover{background:#fff0f2;color:#c62838!important}
.has-user-workspace{background:#f1f5f9}
.user-workspace-shell{
  width:100%;
  max-width:none;
  min-width:0;
  margin:0 auto;
  display:grid;
  grid-template-columns:230px minmax(0,1fr);
  align-items:stretch;
}
.user-workspace-content{
  --workspace-gutter:24px;
  min-width:0;
  padding:0 var(--workspace-gutter) 55px;
}
.user-workspace-content>*{min-width:0}
.user-workspace-nav{
  position:sticky;
  top:72px;
  height:calc(100vh - 72px);
  min-height:0;
  overflow-y:auto;
  padding:20px 12px 36px;
  border-right:1px solid #26354b;
  background:#172238;
  color:#fff;
}
.user-workspace-brand{
  min-height:45px;
  margin-bottom:22px;
  padding:0 10px;
  display:flex;
  align-items:center;
  gap:10px;
  color:#fff!important;
}
.user-workspace-brand>span{
  width:31px;height:31px;border-radius:8px;display:grid;place-items:center;
  background:#2563eb;font-size:11px;font-weight:900
}
.user-workspace-brand strong{font-size:12px;letter-spacing:.5px}
.user-nav-label{
  margin:0 8px 8px;
  color:#71829d;
  font-size:8px;
  font-weight:900;
  letter-spacing:1px;
}
.user-nav-label.account{margin-top:24px}
.user-workspace-nav nav{display:grid;gap:3px}
.user-nav-main,.user-nav-group summary{
  min-height:43px;
  padding:0 11px;
  border-radius:7px;
  display:grid;
  grid-template-columns:22px 1fr auto;
  align-items:center;
  gap:7px;
  color:#c5cfdd!important;
  cursor:pointer;
  font-size:10px;
  font-weight:800;
  list-style:none;
}
.user-nav-group summary::-webkit-details-marker{display:none}
.user-nav-main i,.user-nav-group summary i{font-style:normal;color:#91a2b9;font-size:13px}
.user-nav-group summary b{font-size:11px;transition:.18s}
.user-nav-group[open] summary b{transform:rotate(180deg)}
.user-nav-main:hover,.user-nav-group summary:hover{background:#1e2d44;color:#fff!important}
.user-nav-main.active{
  background:#0f192a;
  color:#fff!important;
  box-shadow:inset 3px 0 #2d8cff;
}
.user-nav-count{
  min-width:19px;height:19px;padding:0 5px;border-radius:5px;display:grid;place-items:center;
  background:#2196e8;color:#fff;font-size:8px
}
.user-nav-main.active i{color:#2d8cff}
.user-nav-group>div{display:grid;padding:3px 0 7px 40px}
.user-nav-group>div a{
  padding:8px 8px;
  border-radius:6px;
  color:#92a4bd!important;
  font-size:9px;
  font-weight:700;
}
.user-nav-group>div a:hover,.user-nav-group>div a.active{background:#1e2d44;color:#fff!important}
.has-user-workspace .mk-dashboard,
.has-user-workspace .fv-wrap,
.has-user-workspace .market-page,
.has-user-workspace .ml-page,
.has-user-workspace .message-inbox,
.has-user-workspace .ep,
.has-user-workspace .dp,
.has-user-workspace .deal-page{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding:24px 0 0!important;
  box-sizing:border-box;
}
.has-user-workspace .create-page,
.has-user-workspace .wrap,
.has-user-workspace .dispute-open-page{
  box-sizing:border-box;
  padding-top:24px!important;
}
.has-user-workspace .market-page .market-hero{margin-left:0!important;margin-right:0!important}
.fv-user-workspace-body .site-flash{
  width:100%;
  max-width:none;
  margin:14px 0 0;
}
.fv-user-workspace-body .settings-heading,
.fv-user-workspace-body .settings-page-head,
.fv-user-workspace-body .plans-heading,
.fv-user-workspace-body .subscriptions-heading,
.fv-user-workspace-body .delete-heading{
  width:100%!important;
  max-width:none!important;
  min-height:88px!important;
  margin:24px 0 12px!important;
  padding:18px 22px!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#172238!important;
  box-shadow:none!important;
}
.fv-user-workspace-body .settings-heading h1,
.fv-user-workspace-body .settings-page-head h1,
.fv-user-workspace-body .plans-heading h1,
.fv-user-workspace-body .subscriptions-heading h1,
.fv-user-workspace-body .delete-heading h1{
  color:#172238!important;
  font-size:20px!important;
}
.fv-user-workspace-body .settings-heading p,
.fv-user-workspace-body .settings-page-head p,
.fv-user-workspace-body .plans-heading p,
.fv-user-workspace-body .subscriptions-heading p,
.fv-user-workspace-body .delete-heading p{color:#8190a5!important;font-size:9px!important}
.fv-user-workspace-body .account-page-grid,
.fv-user-workspace-body .account-profile-shell{
  width:100%!important;
  max-width:none!important;
  margin:0 0 50px!important;
  box-sizing:border-box;
}
.fv-user-workspace-body .wallet-page,
.fv-user-workspace-body .notifications-page,
.fv-user-workspace-body .history-page{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:24px 0 0!important;
  box-sizing:border-box;
}
.fv-user-workspace-body .wallet-hero,
.fv-user-workspace-body .notifications-hero,
.fv-user-workspace-body .history-hero{
  min-height:88px!important;
  padding:18px 22px!important;
  border:1px solid #e1e6ed!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#172238!important;
  box-shadow:none!important;
}
.fv-user-workspace-body .wallet-hero h1,
.fv-user-workspace-body .notifications-hero h1,
.fv-user-workspace-body .history-hero h1{color:#172238!important;font-size:20px!important}
.fv-user-workspace-body .wallet-hero p,
.fv-user-workspace-body .notifications-hero p,
.fv-user-workspace-body .history-hero p{color:#8190a5!important;font-size:9px!important}
.fv-user-workspace-body .wallet-back-button,
.fv-user-workspace-body .notifications-back-button{border-color:#dce3ec!important;background:#f5f7fa!important;color:#536177!important}
.fv-user-workspace-body .wallet-currency,
.fv-user-workspace-body .hero-count{border-color:#cfe0ff!important;background:#eaf2ff!important;color:#2563eb!important}
@media(max-width:980px){
  .user-workspace-shell{grid-template-columns:1fr}
  .user-workspace-nav{
    position:static;
    height:auto;
    min-height:0;
    padding:10px 12px;
    border-right:0;
    border-bottom:1px solid #26354b;
    display:flex;
    gap:5px;
    overflow-x:auto;
  }
  .user-workspace-brand,.user-nav-label,.user-nav-group>div{display:none}
  .user-workspace-nav nav{display:flex;gap:5px}
  .user-nav-main,.user-nav-group summary{
    min-width:max-content;
    min-height:38px;
    grid-template-columns:18px auto;
    padding:0 11px;
  }
  .user-nav-group summary b{display:none}
  .user-panel-menu{display:block}
  .user-panel-home{display:flex;margin-left:10px}
}
@media(max-width:600px){
  .user-workspace-content{--workspace-gutter:12px}
  .user-panel-topbar{height:62px;padding:0 13px}
  .user-panel-person span{display:none}
  .user-panel-person i{width:32px;height:32px}
  .user-panel-add,.user-panel-bell{width:32px;height:32px}
  .user-workspace-nav{display:none}
  .user-panel-menu-open .user-workspace-nav{display:flex}
  .has-user-workspace .mk-dashboard,
  .has-user-workspace .fv-wrap,
  .has-user-workspace .market-page,
  .has-user-workspace .ml-page,
  .has-user-workspace .message-inbox,
  .has-user-workspace .ep,
  .has-user-workspace .dp,
  .has-user-workspace .deal-page{padding:16px 0 0!important}
  .has-user-workspace .create-page,
  .has-user-workspace .wrap,
  .has-user-workspace .dispute-open-page{padding-top:16px!important}
  .fv-user-workspace-body .settings-heading,
  .fv-user-workspace-body .settings-page-head,
  .fv-user-workspace-body .plans-heading,
  .fv-user-workspace-body .subscriptions-heading,
  .fv-user-workspace-body .delete-heading,
  .fv-user-workspace-body .account-page-grid,
  .fv-user-workspace-body .account-profile-shell{width:100%!important;margin-left:0!important;margin-right:0!important}
  .fv-user-workspace-body .settings-heading,
  .fv-user-workspace-body .settings-page-head,
  .fv-user-workspace-body .plans-heading,
  .fv-user-workspace-body .subscriptions-heading,
  .fv-user-workspace-body .delete-heading{margin-top:16px!important}
  .fv-user-workspace-body .wallet-page,
  .fv-user-workspace-body .notifications-page,
  .fv-user-workspace-body .history-page{padding:16px 0 0!important}
}
