/* Global ultra premium glass theme */
:root {
  --gp-bg: radial-gradient(circle at 100% -40%, rgba(5, 116, 113, 0.2), transparent 45%),
    linear-gradient(rgb(255, 255, 255) 0%, rgb(238, 244, 248) 100%);
  --gp-surface: linear-gradient(145deg, rgba(255, 255, 255, 0.92) 0%, rgba(244, 250, 252, 0.9) 100%);
  --gp-surface-strong: linear-gradient(145deg, rgba(255, 255, 255, 0.97) 0%, rgba(241, 249, 251, 0.96) 100%);
  --gp-ink: #153d49;
  --gp-muted: #5e7f8d;
  --gp-line: rgba(11, 92, 104, 0.18);
  --gp-line-strong: rgba(9, 76, 92, 0.28);
  --gp-accent: #0f8d88;
  --gp-accent-strong: #0a6764;
  --gp-accent-soft: #28b3a9;
  --gp-shadow: 0 20px 42px rgba(8, 45, 58, 0.14);
}

html,
body {
  min-height: 100%;
}

body,
body.home,
body.inner-page,
body.member-dashboard,
body.admin-dashboard,
body.login-page,
body.installation,
body.layout-top-nav {
  background: var(--gp-bg) fixed !important;
  color: var(--gp-ink) !important;
}

a {
  color: var(--gp-accent);
}

a:hover,
a:focus {
  color: var(--gp-accent-strong);
}

::selection {
  background: rgba(40, 179, 169, 0.2);
  color: var(--gp-ink);
}

/* Top bars and navs */
#mainNav,
.navbar-default,
.navbar.osahan-navbar,
.topmenu .logo,
.topmenu .toptol,
.main-header .logo,
.main-header .navbar,
.inner-navbar {
  border-color: var(--gp-line) !important;
  background: var(--gp-surface-strong) !important;
  box-shadow: 0 8px 20px rgba(11, 52, 67, 0.12);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.main-sidebar,
.sidetop {
  background: linear-gradient(180deg, #0f3d4b 0%, #0a2e3b 100%) !important;
}

/* Glass surfaces */
.box,
.card,
.cardi,
.custom-card,
.theme-card,
.box-main,
.sidebar-widget,
.widget-post li,
.blog-dediated-block,
.banner-inner,
.modal-content,
.dropdown-menu,
.login-box-body,
.login .login-body .login-warp .login__container,
.content-header,
.advertising-rates,
.payout-rates,
.table-responsive,
.shorten .sign-up-form .input-group {
  border: 1px solid var(--gp-line) !important;
  border-radius: 18px !important;
  background: var(--gp-surface) !important;
  box-shadow: var(--gp-shadow) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.box > .box-header,
.box-header.with-border,
.card-header {
  border-bottom: 1px solid var(--gp-line) !important;
  background: linear-gradient(120deg, rgba(249, 254, 255, 0.95) 0%, rgba(229, 243, 246, 0.92) 100%) !important;
}

.box-title,
.card-title,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--gp-ink) !important;
}

p,
label,
.help-block,
.text-muted {
  color: var(--gp-muted) !important;
}

/* Tables */
.table > thead > tr > th {
  border-bottom: 1px solid var(--gp-line-strong) !important;
  background: linear-gradient(95deg, rgba(240, 249, 251, 0.96) 0%, rgba(223, 239, 243, 0.96) 100%) !important;
  color: var(--gp-ink) !important;
}

.table > tbody > tr > td {
  background: rgba(255, 255, 255, 0.85) !important;
  color: var(--gp-ink) !important;
  border-top: 1px solid rgba(13, 102, 114, 0.12) !important;
}

.table-hover > tbody > tr:hover > td {
  background: rgba(233, 247, 249, 0.9) !important;
}

/* Forms */
.form-control,
select,
textarea,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="url"],
input[type="number"] {
  border: 1px solid var(--gp-line-strong) !important;
  border-radius: 12px !important;
  background: rgba(252, 255, 255, 0.93) !important;
  color: var(--gp-ink) !important;
  box-shadow: none !important;
}

.form-control:focus,
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
input[type="number"]:focus {
  border-color: rgba(10, 120, 116, 0.65) !important;
  box-shadow: 0 0 0 3px rgba(21, 153, 145, 0.16) !important;
}

/* Buttons */
.btn,
.btn-primary,
.btn-success,
.btn-info,
.btn-github,
.shorten-button,
.menu-btn {
  border-radius: 12px !important;
}

.btn-primary,
.btn-success,
.btn-info,
.btn-github,
.shorten-button,
.btn-captcha.btn.btn-primary,
.shorten .sign-up-form .btn.btn-primary {
  border: 0 !important;
  background: linear-gradient(135deg, #10a39a 0%, #0b7773 100%) !important;
  color: #f3fffd !important;
  box-shadow: 0 12px 24px rgba(11, 97, 93, 0.28) !important;
}

.btn-primary:hover,
.btn-success:hover,
.btn-info:hover,
.btn-github:hover,
.shorten-button:hover,
.btn-captcha.btn.btn-primary:hover,
.shorten .sign-up-form .btn.btn-primary:hover {
  background: linear-gradient(135deg, #14b3a9 0%, #0d8882 100%) !important;
  transform: translateY(-1px);
}

.btn-default,
.btn-light,
.btn-outline-light {
  border: 1px solid var(--gp-line-strong) !important;
  background: linear-gradient(135deg, rgba(248, 253, 254, 0.96) 0%, rgba(230, 243, 246, 0.95) 100%) !important;
  color: var(--gp-ink) !important;
}

/* Front highlight sections */
header.bg-primary,
.why-us-block.bg-primary,
.bg-primary,
.bg-animation {
  background: linear-gradient(135deg, #0f3f53 0%, #0d6670 52%, #14958f 100%) !important;
}

/* Badges and pills */
.badge,
.label {
  border: 1px solid var(--gp-line) !important;
  background: linear-gradient(145deg, rgba(243, 253, 253, 0.95) 0%, rgba(226, 244, 246, 0.92) 100%) !important;
  color: var(--gp-accent-strong) !important;
}

/* Dropdown */
.dropdown-menu {
  border: 1px solid var(--gp-line-strong) !important;
}

.dropdown-menu > li > a,
.dropdown-item {
  color: var(--gp-ink) !important;
}

.dropdown-menu > li > a:hover,
.dropdown-item:hover {
  background: rgba(17, 154, 145, 0.12) !important;
  color: var(--gp-accent-strong) !important;
}

/* Footer */
footer,
.main-footer {
  border-top: 1px solid var(--gp-line) !important;
  background: linear-gradient(145deg, rgba(16, 66, 82, 0.98) 0%, rgba(10, 98, 112, 0.98) 100%) !important;
  color: #dcf9f6 !important;
}

footer a,
.main-footer a {
  color: #d8fffb !important;
}

footer a:hover,
.main-footer a:hover {
  color: #ffffff !important;
}

/* Cookie bar */
#cookie-pop {
  border-top: 1px solid rgba(149, 230, 224, 0.36) !important;
  background: linear-gradient(120deg, rgba(10, 111, 114, 0.98) 0%, rgba(8, 83, 99, 0.98) 100%) !important;
  box-shadow: 0 -10px 22px rgba(9, 41, 55, 0.26);
}

#cookie-pop .cookie-message {
  color: #eafffd !important;
}

#cookie-pop .cookie-message a {
  color: #d5fffa !important;
  text-decoration: underline !important;
}

#cookie-pop .cookie-confirm button,
#cookie-pop .btn {
  border: 1px solid rgba(194, 255, 248, 0.62) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #f3fffe 0%, #d9f6f3 100%) !important;
  color: #0c5961 !important;
}

#cookie-pop .cookie-confirm button:hover,
#cookie-pop .btn:hover {
  background: linear-gradient(135deg, #ffffff 0%, #e6fbf8 100%) !important;
  color: #08484f !important;
}

/* Mobile */
@media (max-width: 767px) {
  .box,
  .card,
  .cardi,
  .custom-card,
  .theme-card,
  .banner-inner,
  .login-box-body {
    border-radius: 14px !important;
  }
}

/* Admin + Member unified premium teal (user requested) */
body.admin-dashboard,
body.member-dashboard {
  background: linear-gradient(180deg, rgba(5, 116, 113, 0.12), rgba(5, 116, 113, 0.07)) !important;
  color: #055d5b !important;
}

body.admin-dashboard .main-header .logo,
body.admin-dashboard .main-header .navbar,
body.member-dashboard .topmenu .logo,
body.member-dashboard .topmenu .toptol,
body.admin-dashboard .content-wrapper,
body.member-dashboard .side-col,
body.admin-dashboard .content-header,
body.member-dashboard .content-header,
body.admin-dashboard .box,
body.member-dashboard .box,
body.member-dashboard .card,
body.member-dashboard .cardi,
body.admin-dashboard .small-box,
body.admin-dashboard .info-box,
body.admin-dashboard .main-footer,
body.member-dashboard .main-footer,
body.admin-dashboard .dropdown-menu,
body.member-dashboard .dropdown-menu,
body.admin-dashboard .table > thead > tr > th,
body.member-dashboard .table > thead > tr > th {
  background: linear-gradient(180deg, rgba(5, 116, 113, 0.12), rgba(5, 116, 113, 0.07)) !important;
  border-color: rgba(5, 116, 113, 0.5) !important;
  color: #055d5b !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 8px 18px rgba(5, 116, 113, 0.18) !important;
}

body.admin-dashboard .btn,
body.member-dashboard .btn,
body.admin-dashboard button,
body.member-dashboard button,
body.admin-dashboard input[type="submit"],
body.member-dashboard input[type="submit"],
body.admin-dashboard .pagination > li > a,
body.member-dashboard .pagination > li > a,
body.admin-dashboard .pagination > li > span,
body.member-dashboard .pagination > li > span,
body.admin-dashboard .label,
body.member-dashboard .label,
body.admin-dashboard .badge,
body.member-dashboard .badge {
  background: linear-gradient(180deg, rgba(5, 116, 113, 0.12), rgba(5, 116, 113, 0.07)) !important;
  border-color: rgba(5, 116, 113, 0.5) !important;
  color: #055d5b !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 8px 18px rgba(5, 116, 113, 0.18) !important;
}

body.admin-dashboard .btn:hover,
body.member-dashboard .btn:hover,
body.admin-dashboard button:hover,
body.member-dashboard button:hover {
  filter: brightness(1.04);
}

body.admin-dashboard .form-control,
body.member-dashboard .form-control,
body.admin-dashboard select,
body.member-dashboard select,
body.admin-dashboard textarea,
body.member-dashboard textarea {
  border-color: rgba(5, 116, 113, 0.5) !important;
  color: #055d5b !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 8px 18px rgba(5, 116, 113, 0.1) !important;
}