:root{
  --sp-ui-bg:#f3f6fb;
  --sp-ui-card:#ffffff;
  --sp-ui-line:#d9e2f1;
  --sp-ui-line-strong:#c9d5ea;
  --sp-ui-text:#152338;
  --sp-ui-muted:#62738d;
  --sp-ui-accent:#315be7;
  --sp-ui-accent-2:#2448bb;
  --sp-ui-soft:#f5f8ff;
  --sp-ui-shadow:0 12px 34px rgba(20,35,59,.07);
  --sp-ui-radius:16px;
  --sp-ui-radius-sm:12px;
}
body.sp-vendor,
body.sp-admin,
.main_body,
.ts_profile_wrapper,
.tp_gray_wrapper{background:var(--sp-ui-bg)!important;color:var(--sp-ui-text)}

.sp-ui-nav-panel,.ts_info_menu,.tp_user_menu,.ts_vendor_menu,.sp-site-admin-nav,.sp-wrap>.sp-account-nav{margin:0 0 24px}
.ts_info_menu>ul,
.tp_user_menu>ul,
.ts_vendor_menu>ul,
.sp-wrap>.sp-account-nav,
.sp-site-admin-nav{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(205px,1fr));
  gap:14px;
  width:100%;
  margin:0 0 24px;
  padding:18px;
  list-style:none;
  border:1px solid var(--sp-ui-line);
  border-radius:18px;
  background:var(--sp-ui-card);
  box-shadow:var(--sp-ui-shadow);
  box-sizing:border-box;
}
.ts_info_menu>ul>li,
.tp_user_menu>ul>li,
.ts_vendor_menu>ul>li,
.sp-wrap>.sp-account-nav>a,
.sp-site-admin-nav>a{margin:0!important;float:none!important}
.ts_info_menu>ul>li>a,
.tp_user_menu>ul>li>a,
.ts_vendor_menu>ul>li>a,
.sp-wrap>.sp-account-nav .sp-account-nav__link,
.sp-site-admin-nav a,
.sp-ui-action-link{
  position:relative;
  display:flex!important;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:4px;
  min-height:84px;
  height:100%;
  width:100%;
  padding:16px 16px 16px 18px;
  border:1px solid var(--sp-ui-line);
  border-radius:14px;
  background:linear-gradient(180deg,#fbfcff 0%,#f4f8ff 100%);
  box-shadow:0 7px 18px rgba(26,51,101,.05);
  color:var(--sp-ui-text)!important;
  text-decoration:none!important;
  text-align:left;
  overflow-wrap:anywhere;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background-color .16s ease;
}
.ts_info_menu>ul>li>a:hover,
.tp_user_menu>ul>li>a:hover,
.ts_vendor_menu>ul>li>a:hover,
.sp-wrap>.sp-account-nav .sp-account-nav__link:hover,
.sp-site-admin-nav a:hover,
.sp-ui-action-link:hover{
  transform:translateY(-1px);
  border-color:#95afea;
  box-shadow:0 12px 26px rgba(26,51,101,.09);
  background:linear-gradient(180deg,#ffffff 0%,#eef4ff 100%);
}
.ts_info_menu>ul>li.active>a,
.tp_user_menu>ul>li.active>a,
.ts_vendor_menu>ul>li.active>a,
.ts_info_menu>ul>li>a.active,
.tp_user_menu>ul>li>a.active,
.ts_vendor_menu>ul>li>a.active,
.sp-wrap>.sp-account-nav .sp-account-nav__link.is-active,
.sp-site-admin-nav a[aria-current=page],
.sp-ui-action-link.is-active{
  background:linear-gradient(180deg,#3f6bf0 0%,#315be7 100%)!important;
  border-color:#315be7!important;
  color:#fff!important;
  box-shadow:0 14px 30px rgba(49,91,231,.22);
}
.ts_info_menu>ul>li>a small,
.tp_user_menu>ul>li>a small,
.ts_vendor_menu>ul>li>a small,
.sp-wrap>.sp-account-nav .sp-account-nav__link small,
.sp-site-admin-nav a small,
.sp-ui-action-link small{
  display:block;
  font-size:12px;
  line-height:1.45;
  color:var(--sp-ui-muted);
  font-weight:400;
}
.ts_info_menu>ul>li.active>a small,
.tp_user_menu>ul>li.active>a small,
.ts_vendor_menu>ul>li.active>a small,
.sp-wrap>.sp-account-nav .sp-account-nav__link.is-active small,
.sp-site-admin-nav a[aria-current=page] small,
.sp-ui-action-link.is-active small{color:rgba(255,255,255,.82)}
.sp-account-nav__link .sp-attention-badge,
.ts_info_menu .sp-attention-badge,
.tp_user_menu .sp-attention-badge,
.ts_vendor_menu .sp-attention-badge,
.sp-site-admin-nav .sp-attention-badge{position:absolute;top:12px;right:12px;margin:0}
.ts_vendor_menu ul ul.ts_submenu{display:none!important}
.ts_vendor_menu ul li.sp-ui-has-children>a::after{content:"▾";position:absolute;right:16px;top:16px;color:#5978cc;font-size:14px}
.ts_vendor_menu ul li.sp-ui-has-children.sp-ui-open>a::after{transform:rotate(180deg)}
.ts_vendor_menu ul li.sp-ui-has-children.sp-ui-open>ul.ts_submenu{display:grid!important;grid-template-columns:1fr;gap:10px;grid-column:1/-1;margin:0;padding:0;list-style:none}
.ts_vendor_menu ul li.sp-ui-has-children.sp-ui-open>ul.ts_submenu li{margin:0}
.ts_vendor_menu ul li.sp-ui-has-children.sp-ui-open>ul.ts_submenu li a{min-height:62px;padding:14px 16px;background:#fff}

.theme_section,.theme_page,.theme_panel_section,.th_content_section,.sp-card,.main_body .panel,.sp-admin-attention{
  border-radius:var(--sp-ui-radius)!important;
  border:1px solid var(--sp-ui-line)!important;
  background:var(--sp-ui-card)!important;
  box-shadow:var(--sp-ui-shadow)!important;
}
.theme_panel_section,.sp-card,.sp-admin-attention{padding:24px!important}
.th_title,.sp-wrap h1,.sp-card h2,.sp-admin-attention h2{color:var(--sp-ui-text);line-height:1.3}
.th_title{font-size:28px!important;margin-bottom:22px!important}
.sp-wrap h1{font-size:31px}
.sp-wrap h2{font-size:22px}
.sp-note,.sp-muted,.input_help_info,.sp-card p,.sp-admin-attention p{color:var(--sp-ui-muted);line-height:1.65}

.sp-status-grid,.sp-vendor-status-grid,.sp-trade-metrics,.sp-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:14px;
}
.th_status_wrapper,
.sp-trade-metrics>div{
  display:flex;
  align-items:center;
  gap:16px;
  min-height:98px;
  margin:0!important;
  padding:16px 18px!important;
  border:1px solid var(--sp-ui-line);
  border-radius:16px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  box-shadow:0 8px 20px rgba(18,31,51,.05);
}
.th_status_wrapper .th_icon{
  flex:0 0 54px;
  width:54px!important;
  height:54px!important;
  display:flex!important;
  align-items:center;
  justify-content:center;
  border-radius:15px;
  font-size:20px;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(31,69,165,.18);
}
.th_status_wrapper .th_status strong{display:block;color:var(--sp-ui-muted);font-weight:600;line-height:1.5}
.th_status_wrapper .th_status h6,.sp-trade-metrics strong{margin:5px 0 0!important;font-size:28px!important;line-height:1.1;color:var(--sp-ui-text)!important;font-weight:700}
.th_status_wrapper .th_status sub{font-size:11px;line-height:1.3;color:var(--sp-ui-muted)}
.th_chart_wrapper .th_chart_content{height:100%;padding:20px;border:1px solid var(--sp-ui-line);border-radius:16px;background:#fcfdff;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.th_chart_wrapper .th_chart_content h4{font-size:18px;line-height:1.4;margin:0 0 10px;color:var(--sp-ui-text)}

.th_filter_wrapper,
.sp-trade-filter,
.sp-form,
.sp-filter-bar{
  border:1px solid var(--sp-ui-line);
  border-radius:16px;
  background:#fbfcff;
  padding:16px 18px;
  margin:0 0 18px;
}
.th_filter_wrapper form,
.sp-trade-filter,
.sp-form-row{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  gap:14px;
  align-items:end;
}
.th_filter_wrapper .th_filter,
.th_filter_wrapper .th_datepicker,
.sp-trade-filter label{margin:0!important;float:none!important}
.th_filter_wrapper .th_datepicker{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}
.th_filter_wrapper .btn,
.th_filter_wrapper .theme_btn,
.sp-trade-filter .sp-btn{justify-self:start}

button,
.btn,
.theme_btn,
.sp-btn,
.sp-btn-small,
input[type=submit],
input[type=button],
input[type=reset]{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:44px;
  padding:11px 18px;
  border-radius:12px!important;
  border:1px solid transparent!important;
  background:linear-gradient(180deg,#3f6bf0 0%,#315be7 100%);
  color:#fff!important;
  font-weight:700!important;
  text-decoration:none!important;
  box-shadow:0 10px 24px rgba(49,91,231,.16);
  transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease;
}
button:hover,.btn:hover,.theme_btn:hover,.sp-btn:hover,.sp-btn-small:hover,input[type=submit]:hover,input[type=button]:hover,input[type=reset]:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(49,91,231,.2)}
.btn-default,.sp-trade-secondary,.sp-download-unavailable,.btn.orange_btn{background:#fff!important;color:#2448bb!important;border-color:var(--sp-ui-line-strong)!important;box-shadow:none}
.btn.orange_btn{background:#ffda6a!important;color:#573d00!important;border-color:#efc143!important}
.btn-danger,.sp-trade-warning{background:linear-gradient(180deg,#ff8c72 0%,#e35a3f 100%)!important;border-color:#d9553c!important;color:#fff!important}

input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
select,
textarea,
.form-control,
.sp-field input,
.sp-field select,
.sp-field textarea{
  width:100%;
  min-height:44px;
  padding:10px 12px;
  border:1px solid var(--sp-ui-line-strong)!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:none!important;
  color:var(--sp-ui-text);
}
textarea{min-height:120px;resize:vertical}
input:focus,select:focus,textarea:focus,.form-control:focus{border-color:#7ea0f0!important;box-shadow:0 0 0 3px rgba(126,160,240,.18)!important;outline:0}

.table-responsive,.sp-scroll,.sp-trade-table,.ts_download_table{overflow-x:auto!important;border:1px solid var(--sp-ui-line);border-radius:16px;background:#fff}
.table,
.sp-table,
.ts_download_table .table,
.table.table-bordered,
.table.dataTable{width:100%;margin:0;border-collapse:separate;border-spacing:0;min-width:640px;background:#fff}
.table thead th,
.sp-table thead th,
.ts_download_table .table th,
.table.table-bordered th,
.table.dataTable thead th,
.table>tbody>tr:first-child>th{
  position:relative;
  padding:13px 14px!important;
  border:0!important;
  border-bottom:1px solid var(--sp-ui-line)!important;
  background:#f3f7ff!important;
  color:#2b4266!important;
  font-size:13px;
  line-height:1.4;
  font-weight:700!important;
  text-transform:none!important;
}
.table td,
.sp-table td,
.ts_download_table .table td,
.table.table-bordered td,
.table.dataTable td{
  padding:12px 14px!important;
  border:0!important;
  border-bottom:1px solid #eaf0f8!important;
  vertical-align:top!important;
  color:var(--sp-ui-text);
  line-height:1.55;
}
.table tbody tr:nth-child(even),.sp-table tbody tr:nth-child(even),.table.dataTable tbody tr:nth-child(even){background:#fbfcff}
.table tbody tr:hover,.sp-table tbody tr:hover,.table.dataTable tbody tr:hover{background:#f5f8ff}
.table td p:last-child,.sp-table td p:last-child{margin-bottom:0}
.table td img,.sp-table td img{border-radius:10px}

.sp-admin .th_menu_container{
  background:#1d2b47;
  border-right:1px solid rgba(255,255,255,.08);
}
.sp-admin .th_menu_container .sp-admin-menu{padding:0 8px 14px}
.sp-admin .th_menu_container .sp-admin-menu>li{margin:0 0 8px}
.sp-admin .th_menu_container .sp-admin-menu>li>a,
.sp-admin .th_menu_container .sp-admin-menu>li>ul>li>a{
  border-radius:12px;
  border:1px solid rgba(179,199,236,.1);
  background:rgba(255,255,255,.02);
}
.sp-admin .th_menu_container .sp-admin-menu>li>ul{padding:8px 8px 10px;background:rgba(3,10,26,.15)}
.sp-admin .th_menu_container .sp-admin-menu>li.sp-open>a,
.sp-admin .th_menu_container .sp-admin-menu a[aria-current=page]{background:rgba(65,112,214,.32)!important;border-color:rgba(157,186,249,.35)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.sp-admin .th_top_header .btn.theme_btn.orange_btn{min-height:42px}

.sp-alert,.sp-message,.alert{border-radius:14px!important;padding:14px 16px!important}
.sp-message,.alert-warning,.sp-alert{background:#fff9ea!important;border:1px solid #ecd8a1!important;color:#694d11!important}
.alert-danger,.alert-error{background:#fff1ef!important;border:1px solid #efc0b6!important;color:#7e3425!important}
.alert-success{background:#eefaf1!important;border:1px solid #c2dfca!important;color:#225a35!important}

.sp-ui-table-card .sp-download-action,
.sp-download-action{gap:10px!important}
.sp-download-btn,.sp-order-open-link{width:100%}
.sp-trade-purchase-link,.sp-download-password,.sp-payment-report,.sp-trade-notice,.sp-trade-policy{border-radius:14px!important}

@media(max-width:991px){
  .ts_info_menu>ul,
  .tp_user_menu>ul,
  .ts_vendor_menu>ul,
  .sp-wrap>.sp-account-nav,
  .sp-site-admin-nav{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding:14px}
  .th_filter_wrapper .th_datepicker{grid-template-columns:1fr}
}
@media(max-width:767px){
  .theme_panel_section,.sp-card,.sp-admin-attention{padding:18px!important}
  .th_title{font-size:24px!important}
  .sp-wrap h1{font-size:27px}
  .sp-status-grid,.sp-vendor-status-grid,.sp-trade-metrics,.sp-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .ts_info_menu>ul,
  .tp_user_menu>ul,
  .ts_vendor_menu>ul,
  .sp-wrap>.sp-account-nav,
  .sp-site-admin-nav{grid-template-columns:1fr 1fr;gap:10px;padding:12px}
  .ts_info_menu>ul>li>a,
  .tp_user_menu>ul>li>a,
  .ts_vendor_menu>ul>li>a,
  .sp-wrap>.sp-account-nav .sp-account-nav__link,
  .sp-site-admin-nav a{min-height:78px;padding:14px}
  .sp-status-grid,.sp-vendor-status-grid,.sp-trade-metrics,.sp-grid{grid-template-columns:1fr}
  .table,.sp-table,.ts_download_table .table,.table.table-bordered,.table.dataTable{min-width:0}
  .table.sp-ui-table thead,.sp-table.sp-ui-table thead,.ts_download_table .table.sp-ui-table thead{display:none}
  .table.sp-ui-table tbody,.sp-table.sp-ui-table tbody,.ts_download_table .table.sp-ui-table tbody{display:block}
  .table.sp-ui-table tr,.sp-table.sp-ui-table tr,.ts_download_table .table.sp-ui-table tr{display:block;margin:0 0 14px;padding:10px;border:1px solid var(--sp-ui-line);border-radius:14px;background:#fff;box-shadow:0 8px 20px rgba(20,35,59,.04)}
  .table.sp-ui-table td,.sp-table.sp-ui-table td,.ts_download_table .table.sp-ui-table td{display:block;width:100%;padding:8px 8px 8px 8px!important;border:0!important;background:none!important}
  .table.sp-ui-table td::before,.sp-table.sp-ui-table td::before,.ts_download_table .table.sp-ui-table td::before{content:attr(data-label);display:block;margin:0 0 5px;color:var(--sp-ui-muted);font-size:12px;font-weight:700;line-height:1.4}
}