:root {
  --primary-6: 15, 118, 110;
  --link-6: 15, 118, 110;
  --np-radius-card: 6px;
  --np-radius-control: 4px;
}

body {
  letter-spacing: 0;
}

.auth-shell {
  background-color: #14201e !important;
}

.auth-shell__topbar {
  background: rgba(17, 29, 27, 0.9);
  border-bottom: 2px solid #d5a62e;
}

.auth-shell__form {
  border: 1px solid #d9e1de !important;
  border-left: 5px solid #0f766e !important;
  border-radius: 6px !important;
  background: rgba(250, 252, 251, 0.96) !important;
  box-shadow: 0 18px 46px rgba(5, 17, 15, 0.34) !important;
  backdrop-filter: none !important;
}

.auth-shell .btn,
.auth-shell .code-btn,
.auth-shell__login-link,
.auth-shell__register-link,
.brand-panel__actions a,
.oauth__btn {
  border-radius: 4px !important;
}

.auth-shell .btn,
.brand-panel__primary {
  background: #0f766e !important;
  border-color: #0f766e !important;
  box-shadow: 0 8px 18px rgba(15, 118, 110, 0.24) !important;
}

.auth-shell .btn:hover,
.brand-panel__primary:hover {
  background: #0b5e58 !important;
  border-color: #0b5e58 !important;
}

.auth-shell .arco-input-wrapper:focus-within {
  border-color: #0f766e !important;
  box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.15) !important;
}

.login-tabs .arco-tabs-tab-active {
  color: #0f766e !important;
}

.oauth__list {
  grid-template-columns: 1fr !important;
}

.np-layout {
  background: #edf1ef !important;
}

.np-sider,
.np-sider-inner,
.np-sider-inner__quota {
  background: #182320 !important;
  border-color: #34413d !important;
}

.np-sider-inner__logo {
  background: #111a18 !important;
  border-color: #34413d !important;
}

.np-menu .arco-menu-item,
.np-menu .arco-menu-inline-header {
  min-height: 42px;
  margin: 3px 5px !important;
  border-radius: 4px !important;
  background: transparent !important;
  color: #d8e2df !important;
}

.np-menu .arco-menu-item:hover,
.np-menu .arco-menu-inline-header:hover {
  background: #263531 !important;
  color: #ffffff !important;
}

.np-menu .arco-menu-inline {
  margin-bottom: 9px;
  padding-bottom: 9px;
  border-bottom: 1px solid #34413d;
}

.np-menu__shares {
  margin-top: 7px !important;
}

.np-menu .arco-menu-item .arco-icon,
.np-menu .arco-menu-inline-header .arco-icon,
.np-menu .arco-menu-icon {
  color: #8eaaa2 !important;
}

.np-menu .arco-menu-item.arco-menu-selected,
.np-menu--root-active .arco-menu-inline-header {
  background: #e5b53b !important;
  color: #18201e !important;
  font-weight: 700 !important;
}

html body .np-menu .arco-menu-item.arco-menu-selected,
html body .np-menu.np-menu--root-active .arco-menu-inline-header {
  background: #e5b53b !important;
  color: #18201e !important;
  font-weight: 700 !important;
}

.np-layout .np-sider-inner .np-menu .arco-menu-item.arco-menu-selected {
  background: #e5b53b !important;
  color: #18201e !important;
  font-weight: 700 !important;
}

.np-menu .arco-menu-item.arco-menu-selected .arco-icon,
.np-menu--root-active .arco-menu-inline-header .arco-icon {
  color: #18201e !important;
}

html body .np-menu .arco-menu-item.arco-menu-selected .arco-icon,
html body .np-menu.np-menu--root-active .arco-menu-inline-header .arco-icon,
html body .np-menu.np-menu--root-active .arco-menu-inline-header .arco-menu-icon {
  color: #18201e !important;
}

.np-layout .np-sider-inner .np-menu .arco-menu-item.arco-menu-selected .arco-icon,
.np-layout .np-sider-inner .np-menu .arco-menu-item.arco-menu-selected .arco-menu-icon {
  color: #18201e !important;
}

.np-sider-inner__quota .arco-card {
  background: #24322e !important;
  border: 1px solid #3c4d47 !important;
  border-radius: 5px !important;
}

.np-sider-inner__quota .np-quota__title,
.np-sider-inner__quota .np-quota__values strong {
  color: #f3f7f5 !important;
}

.np-sider-inner__quota .np-quota__values span,
.np-sider-inner__quota .np-quota__hint,
.np-sider-inner__quota .np-quota__tip {
  color: #aabbb6 !important;
}

.np-header {
  height: 60px !important;
  background: #ffffff !important;
  border-bottom: 3px solid #0f766e !important;
}

.np-content {
  padding: 18px !important;
  background: #edf1ef !important;
}

.np-layout .arco-btn-primary,
.quota-pack .arco-btn-primary {
  background: #0f766e !important;
  border-color: #0f766e !important;
  border-radius: 4px !important;
}

.np-layout .arco-btn:not(.arco-btn-shape-circle),
.quota-pack .arco-btn:not(.arco-btn-shape-circle),
.np-layout .arco-input-wrapper,
.np-layout .arco-select-view {
  border-radius: 4px !important;
}

.np-content .arco-card,
.np-content .gi_page_card,
.quota-pack,
.my-orders,
.user-shares {
  border-radius: 6px !important;
  border-color: #d8e0dd !important;
  box-shadow: 0 3px 12px rgba(31, 48, 43, 0.07) !important;
}

.np-content .arco-table-th {
  background: #e2e8e5 !important;
  color: #273632 !important;
  font-weight: 700 !important;
}

.quota-pack__nav {
  border-bottom: 2px solid #0f766e !important;
}

.quota-pack__nav button[aria-selected="true"],
.quota-pack__nav [role="tab"][aria-selected="true"] {
  background: #0f766e !important;
  color: #ffffff !important;
  border-radius: 4px 4px 0 0 !important;
}

@media (max-width: 768px) {
  .np-header {
    height: 56px !important;
  }

  .np-content {
    padding: 10px !important;
  }

  .auth-shell__form {
    border-left-width: 4px !important;
    border-radius: 5px !important;
  }
}