@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@600;700;800&display=swap');

:root {
  --wauaze-green: #F4F8F6;
  --wauaze-green-hover: #FFFFFF;
  --wauaze-green-dark: #AAB4C3;
  --wauaze-bg: #080B0F;
  --wauaze-surface: rgba(16, 21, 28, 0.78);
  --wauaze-surface-strong: #10151C;
  --wauaze-surface-soft: rgba(22, 29, 38, 0.72);
  --wauaze-border: rgba(170, 180, 195, 0.16);
  --wauaze-border-strong: rgba(255, 255, 255, 0.28);
  --wauaze-text: #F4F8F6;
  --wauaze-muted: #AAB4C3;
  --wauaze-shadow: 0 24px 80px rgba(0, 0, 0, 0.42);
  --wauaze-glow: 0 0 34px rgba(255, 255, 255, 0.18);
  --primary-red: #F4F8F6;
  --secondary-red: #AAB4C3;
  --dark-red: #6F7A86;
  --success-color: #F4F8F6;
  --primary-color: #F4F8F6;
}

html { color-scheme: dark; }
html,
body,
button,
input,
select,
textarea,
.btn,
.form-control,
.form-select,
.dropdown-menu,
.modal-content,
.side-menu__item,
.nav-link,
.table {
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.card-title,
.modal-title,
.page-title,
.header-title,
.section-title,
.login-title,
.register-title,
.sidebar-heading,
.side-menu__label,
.metric-value,
.balance-value,
.stats-value {
  font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif !important;
  letter-spacing: -0.01em !important;
}

body {
  background:
    radial-gradient(circle at 14% 12%, rgba(255, 255, 255, 0.10), transparent 28%),
    radial-gradient(circle at 84% 0%, rgba(42, 120, 255, 0.09), transparent 28%),
    linear-gradient(135deg, #080B0F 0%, #10151C 48%, #161D26 100%) !important;
  color: var(--wauaze-text);
  letter-spacing: 0 !important;
  min-height: 100vh;
}
a { color: var(--wauaze-green); }
a:hover { color: var(--wauaze-green-hover); }

.app-header, .header, .main-header {
  background: rgba(8, 11, 15, 0.72) !important;
  border-color: var(--wauaze-border) !important;
  box-shadow: 0 18px 55px rgba(0, 0, 0, 0.34) !important;
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
}
.app-sidebar, #sidebar, .main-sidebar, .main-sidebar-header, .sidebar, .docs-sidebar {
  background: rgba(8, 11, 15, 0.76) !important;
  border-color: var(--wauaze-border) !important;
  backdrop-filter: blur(26px);
  -webkit-backdrop-filter: blur(26px);
}
.side-menu__item.active, .nav-link.active, .menu-item.active {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.08)) !important;
  color: var(--wauaze-green) !important;
  box-shadow: inset 3px 0 0 var(--wauaze-green), var(--wauaze-glow) !important;
}
.side-menu__item.active .side-menu__icon,
.side-menu__item.active .side-menu__label { color: var(--wauaze-green) !important; }
.side-menu__item:hover { background: rgba(255, 255, 255, 0.045) !important; }

.card, .login-card, .register-card, .form-card, .content-card,
.modal-content, .dropdown-menu {
  background: var(--wauaze-surface) !important;
  border-color: var(--wauaze-border) !important;
  border-radius: 20px !important;
  box-shadow: var(--wauaze-shadow) !important;
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
}
.card-header, .card-footer, .modal-header, .modal-footer {
  background: transparent !important;
  border-color: var(--wauaze-border) !important;
}

.btn-primary, button[type="submit"], input[type="submit"] {
  background: var(--wauaze-green) !important;
  border-color: var(--wauaze-green) !important;
  color: #041006 !important;
  box-shadow: none !important;
}
.btn-primary:hover, button[type="submit"]:hover, input[type="submit"]:hover {
  background: var(--wauaze-green-hover) !important;
  border-color: var(--wauaze-green-hover) !important;
  transform: translateY(-1px);
}
.btn-outline-primary {
  border-color: var(--wauaze-green) !important;
  color: var(--wauaze-green) !important;
}
.btn-outline-primary:hover {
  background: var(--wauaze-green) !important;
  color: #041006 !important;
}

.form-control, .form-select, input, select, textarea {
  background-color: rgba(16, 21, 28, 0.82) !important;
  border-color: rgba(170, 180, 195, 0.18) !important;
  color: var(--wauaze-text) !important;
  border-radius: 12px !important;
}
.form-control:focus, .form-select:focus, input:focus, select:focus, textarea:focus {
  border-color: var(--wauaze-green) !important;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.12) !important;
}
input::placeholder, textarea::placeholder { color: #778481 !important; }

.table {
  --bs-table-bg: transparent;
  --bs-table-color: var(--wauaze-text);
  --bs-table-border-color: var(--wauaze-border);
}
.table thead th, table thead th {
  background: #0d1817 !important;
  color: #dce5e3 !important;
  border-color: var(--wauaze-border) !important;
}
.table td, table td { border-color: var(--wauaze-border) !important; }
.badge.bg-primary, .text-bg-primary {
  background: rgba(255, 255, 255, 0.14) !important;
  color: var(--wauaze-green) !important;
}
.text-primary, .header-title, .menu-btn { color: var(--wauaze-green) !important; }
.bg-primary, .progress-bar { background-color: var(--wauaze-green) !important; }
.page-link {
  background: var(--wauaze-surface) !important;
  border-color: var(--wauaze-border) !important;
  color: var(--wauaze-muted) !important;
}
.page-item.active .page-link {
  background: var(--wauaze-green) !important;
  border-color: var(--wauaze-green) !important;
  color: #041006 !important;
}
code, pre { border-color: var(--wauaze-border) !important; }
pre { background: #07100f !important; }

.wauaze-svg-icon,
.wauaze-inline-icon,
.side-menu__icon .wauaze-inline-icon,
.header-link-icon .wauaze-inline-icon,
.sidebar a i .wauaze-inline-icon {
  display: none !important;
}

.desktop-logo,
.desktop-dark,
.toggle-logo,
.toggle-dark,
.mini_logo {
  object-fit: contain;
}

.app-header .horizontal-logo .header-logo img {
  height: 7.5rem;
  width: auto;
  max-width: none;
}

.app-header .horizontal-logo,
.app-header .horizontal-logo .header-logo {
  width: 520px;
  max-width: none;
}

.app-sidebar .main-sidebar-header .header-logo img {
  width: 520px;
  max-width: none;
}

.landing-body .app-header .horizontal-logo .header-logo img {
  height: 7.5rem;
  width: auto;
  max-width: none;
}

@media (max-width: 991.98px) {
  .app-header .horizontal-logo .header-logo img {
    height: 7rem;
  }
}

.wauaze-docs .header {
  border-bottom-color: var(--wauaze-green) !important;
}
.wauaze-docs .sidebar-heading,
.wauaze-docs h1,
.wauaze-docs h2,
.wauaze-docs code,
.wauaze-docs .info-box-title,
.wauaze-docs .code-tab:hover,
.wauaze-docs .code-tab.active,
.wauaze-docs .code-title {
  color: var(--wauaze-green) !important;
}
.wauaze-docs .sidebar-link.active {
  background: rgba(255, 255, 255, 0.14) !important;
  border-left-color: var(--wauaze-green) !important;
  color: #fff !important;
}
.wauaze-docs .method-badge,
.wauaze-docs .btn-dl,
.wauaze-docs .copy-button {
  background: var(--wauaze-green-dark) !important;
  color: #fff !important;
}
.wauaze-docs .method-badge.get {
  background: #18a878 !important;
}
.wauaze-docs .info-box {
  border-left-color: var(--wauaze-green) !important;
}
.wauaze-docs .danger-box {
  border-left-color: #ef5350 !important;
}
.wauaze-docs .danger-box .info-box-title {
  color: #ff6b67 !important;
}
.wauaze-docs .code-tab.active {
  border-bottom-color: var(--wauaze-green) !important;
}

@media (max-width: 768px) {
  .card, .login-card, .register-card, .modal-content { border-radius: 16px !important; }
}

html {
  scroll-behavior: smooth;
}

.main-content,
.app-content,
.content,
.page {
  background: transparent !important;
}

.main-content {
  animation: wauazePageIn 0.42s ease both;
}

@keyframes wauazePageIn {
  from {
    opacity: 0;
    transform: translateY(10px) scale(0.992);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.card,
.custom-card,
.dropdown-menu,
.modal-content,
.side-menu__item,
.btn,
button {
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, box-shadow 180ms ease, color 180ms ease !important;
}

.card.custom-card:hover,
.custom-card:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(255, 255, 255, 0.26) !important;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.50), 0 0 28px rgba(255, 255, 255, 0.08) !important;
}

.btn,
button,
.header-link,
.side-menu__item {
  -webkit-tap-highlight-color: transparent;
}

.btn:active,
button:active,
.side-menu__item:active,
.header-link:active {
  transform: scale(0.98) !important;
}

/* WauazePay final brand layer: preto, verde e branco. */
:root {
  --primary-red: var(--wauaze-green) !important;
  --secondary-red: var(--wauaze-green-dark) !important;
  --dark-red: #6F7A86 !important;
  --danger-color: var(--wauaze-green) !important;
  --danger-hover: var(--wauaze-green-hover) !important;
  --hdr-danger: var(--wauaze-green) !important;
}

.btn-danger,
.btn-action,
.btn-action.danger,
.btn-k.red,
.security-card button,
.security-card .btn,
.modal-footer .btn-primary,
.swal2-confirm,
.swal2-deny {
  background: linear-gradient(135deg, var(--wauaze-green) 0%, var(--wauaze-green-dark) 100%) !important;
  border-color: var(--wauaze-green) !important;
  color: #041006 !important;
  box-shadow: 0 10px 24px rgba(255, 255, 255, 0.18) !important;
}

.btn-danger:hover,
.btn-action:hover,
.btn-k.red:hover,
.security-card button:hover,
.security-card .btn:hover {
  background: linear-gradient(135deg, var(--wauaze-green-hover) 0%, var(--wauaze-green) 100%) !important;
  color: #041006 !important;
}

.text-danger,
.text-red,
.required,
.status-danger,
.status-error,
.status-canceled,
.status-cancelled,
.status-rejected,
.inactive,
.badge-danger {
  color: var(--wauaze-green) !important;
}

.bg-danger,
.badge.bg-danger,
.alert-danger,
.progress-bar.bg-danger {
  background-color: rgba(255, 255, 255, 0.16) !important;
  color: var(--wauaze-green) !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
}

/* 2026 premium workspace system */
:root {
  --wauaze-green: #34c759;
  --wauaze-green-hover: #45d769;
  --wauaze-green-dark: #1f9f43;
  --wauaze-blue: #4f8cff;
  --wauaze-yellow: #f5c542;
  --wauaze-red: #ff5c5c;
  --wauaze-bg: #090909;
  --wauaze-surface: #121212;
  --wauaze-surface-strong: #161616;
  --wauaze-surface-soft: rgba(255,255,255,.035);
  --wauaze-border: rgba(255,255,255,.065);
  --wauaze-border-strong: rgba(255,255,255,.13);
  --wauaze-text: #fff;
  --wauaze-muted: #9a9a9a;
  --wauaze-shadow: 0 10px 40px rgba(0,0,0,.25);
  --wauaze-glow: 0 0 0 3px rgba(52,199,89,.12);
  --success-color: #34c759;
  --primary-color: #34c759;
}

html, body { background: #090909 !important; }
body::before {
  content: ""; position: fixed; inset: 0; pointer-events: none; z-index: -1;
  background: radial-gradient(circle at 88% -10%, rgba(52,199,89,.07), transparent 31%), radial-gradient(circle at 45% 105%, rgba(79,140,255,.045), transparent 34%);
}
.page { min-height: 100vh; }
.main-content { padding-bottom: 42px; }
.main-content .container-fluid { max-width: 1540px; padding-inline: clamp(16px, 2.2vw, 36px); }

.app-header {
  background: rgba(9,9,9,.82) !important; border-bottom: 1px solid var(--wauaze-border) !important;
  box-shadow: none !important; backdrop-filter: blur(24px) saturate(130%);
}
.main-header-container { min-height: 54px; gap: 10px; }
.header-content-left, .header-content-right { display: flex; align-items: center; }
.header-content-right { margin-left: auto; gap: 6px; }
.header-page-identity { display: flex; flex-direction: column; padding-left: 4px; line-height: 1.15; }
.header-page-identity strong { font-size: 13px; color: #fff; font-weight: 650; }
.header-page-eyebrow { color: #6f6f6f; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .13em; }
.header-search-wrap { margin: 0 10px 0 auto; }
.header-search { width: min(30vw, 360px); height: 36px; padding: 0 10px 0 12px; border: 1px solid var(--wauaze-border); border-radius: 12px; background: rgba(255,255,255,.025); display: flex; align-items: center; gap: 8px; color: #686868; transition: .2s ease; }
.header-search:focus-within { border-color: rgba(52,199,89,.42); background: rgba(255,255,255,.045); box-shadow: var(--wauaze-glow); }
.header-search input { width: 100%; border: 0 !important; outline: 0 !important; box-shadow: none !important; background: transparent !important; color: #fff !important; font-size: 12px; }
.header-search kbd { border: 1px solid var(--wauaze-border); background: #151515; color: #777; border-radius: 6px; padding: 2px 6px; font: 9px Inter,sans-serif; white-space: nowrap; }
.header-link { min-width: 36px; height: 36px; border: 1px solid transparent; border-radius: 11px !important; display: inline-flex !important; align-items: center; justify-content: center; }
.header-link:hover { background: #161616 !important; border-color: var(--wauaze-border) !important; box-shadow: none !important; }
.header-profile-trigger { width: auto; gap: 9px; padding: 4px 8px 4px 5px !important; text-decoration: none; }
.header-avatar { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 10px; background: linear-gradient(145deg,#2b2b2b,#171717); color: #fff; border: 1px solid rgba(255,255,255,.1); font-size: 12px; font-weight: 750; }
.header-profile-copy { display: flex; flex-direction: column; min-width: 86px; line-height: 1.15; }
.header-profile-copy strong { color: #fff; font-size: 11px; }
.header-profile-copy small { color: #717171; font-size: 9px; margin-top: 3px; }
.header-profile-chevron { color: #686868; font-size: 10px; }
.goal-progress-container { background: #111 !important; border-color: var(--wauaze-border) !important; box-shadow: none !important; }
.goal-progress-bar-fill { background: linear-gradient(90deg,#238e3d,#34c759) !important; box-shadow: 0 0 14px rgba(52,199,89,.26) !important; }

.app-sidebar, #sidebar, .main-sidebar, .main-sidebar-header {
  background: #0b0b0b !important; border-color: var(--wauaze-border) !important; box-shadow: none !important; backdrop-filter: none !important;
}
.app-sidebar { width: 190px !important; }
.main-sidebar-header { width:190px!important;height:54px!important;min-height:54px !important; padding: 8px 15px !important; }
.main-sidebar-header .desktop-logo, .main-sidebar-header .desktop-dark { max-width: 142px !important; max-height: 34px !important; filter: grayscale(1) brightness(1.65); }
.main-menu { padding: 5px 7px 132px !important; }
.side-menu__item { margin: 0 !important; padding: 6px 9px !important; min-height: 30px; border-radius: 8px !important; color: #9a9a9a !important; font-size: 9px !important; font-weight: 550 !important; border: 1px solid transparent !important; }
.side-menu__item:hover { transform: none !important; background: #151515 !important; border-color: rgba(255,255,255,.04) !important; }
.side-menu__item.active { background: #191919 !important; color: #fff !important; border-color: rgba(255,255,255,.08) !important; box-shadow: inset 3px 0 0 #34c759 !important; }
.side-menu__item.active .side-menu__icon, .side-menu__item.active .side-menu__label { color: #fff !important; }
.side-menu__icon { color: #747474 !important; font-size: 16px !important; }
.side-menu__item.active .side-menu__icon { color: #34c759 !important; }
.sidebar-system-card { position: absolute; left: 12px; right: 12px; bottom: 39px; padding: 9px 11px; border: 1px solid var(--wauaze-border); border-radius: 11px; background: linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.015)); box-shadow: 0 12px 36px rgba(0,0,0,.25); }
.sidebar-system-top,.sidebar-api-status { display:flex; justify-content:space-between; align-items:center; }
.sidebar-system-top span:first-child { color:#777; font-size:9px; text-transform:uppercase; letter-spacing:.1em; }
.sidebar-system-card strong { display:block; color:#fff; font-size:10px; margin:2px 0 6px; }
.sidebar-live-dot { width:7px;height:7px;border-radius:50%;background:#34c759;box-shadow:0 0 0 4px rgba(52,199,89,.09),0 0 12px rgba(52,199,89,.5); }
.sidebar-api-status { color:#777;font-size:9px;padding-top:9px;border-top:1px solid rgba(255,255,255,.05); }
.sidebar-api-status small { color:#34c759; }
.sidebar-version { position:absolute;left:18px;right:18px;bottom:13px;display:flex;align-items:center;gap:6px;color:#606060;font-size:8px; }
.sidebar-version small { margin-left:auto; }

.card, .custom-card, .modal-content, .dropdown-menu { background: #121212 !important; border: 1px solid var(--wauaze-border) !important; border-radius: 20px !important; box-shadow: var(--wauaze-shadow) !important; backdrop-filter: none; }
.card.custom-card:hover,.custom-card:hover { transform: translateY(-2px) !important; border-color: var(--wauaze-border-strong) !important; box-shadow: 0 16px 48px rgba(0,0,0,.34) !important; }
.card-header { padding: 20px 22px !important; }
.card-body { padding: 20px 22px; }
.card-title { font-size: 14px !important; font-weight: 650 !important; }
.form-control,.form-select,input,select,textarea { background-color:#111 !important;border-color:var(--wauaze-border)!important;border-radius:14px!important; }
.form-control:focus,.form-select:focus,input:focus,select:focus,textarea:focus { border-color:rgba(52,199,89,.45)!important;box-shadow:var(--wauaze-glow)!important; }
.btn-primary,button[type=submit],input[type=submit] { background:#fff!important;border-color:#fff!important;color:#0a0a0a!important;border-radius:12px!important; }
.btn-primary:hover,button[type=submit]:hover,input[type=submit]:hover { background:#eaeaea!important;border-color:#eaeaea!important; }
.text-success { color:#34c759!important; }.text-danger { color:#ff5c5c!important; }
.whatsapp-fab { width:52px!important;height:52px!important;background:#1d1d1d!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 12px 32px rgba(0,0,0,.4)!important; }

@media (min-width: 992px) {
  .main-content { margin-left: 190px !important; margin-block-start:54px!important; }
  .app-header { padding-left: 190px !important; height:54px!important; }
}
@media (max-width: 1100px) { .header-page-identity,.header-profile-copy,.header-profile-chevron { display:none; }.header-search { width:240px; } }
@media (max-width: 767px) { .header-search-wrap { display:none!important; }.goal-progress-container { width:92px!important; }.main-header-container { min-height:64px; }.card,.custom-card { border-radius:16px!important; }.main-content .container-fluid { padding-inline:12px; } }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important; } }