/* Member Section Styles - movBot */

/*:root {*/
/*  !* Colors *!*/
/*  --color-background: rgba(252, 252, 249, 1);*/
/*  --color-surface: rgba(255, 255, 253, 1);*/
/*  --color-text: rgba(19, 52, 59, 1);*/
/*  --color-text-secondary: rgba(98, 108, 113, 1);*/
/*  --color-primary: rgba(33, 128, 141, 1);*/
/*  --color-primary-hover: rgba(29, 116, 128, 1);*/
/*  --color-primary-active: rgba(26, 104, 115, 1);*/
/*  --color-secondary: rgba(94, 82, 64, 0.12);*/
/*  --color-secondary-hover: rgba(94, 82, 64, 0.2);*/
/*  --color-secondary-active: rgba(94, 82, 64, 0.25);*/
/*  --color-border: rgba(94, 82, 64, 0.2);*/
/*  --color-btn-primary-text: rgba(252, 252, 249, 1);*/
/*  --color-card-border: rgba(94, 82, 64, 0.12);*/
/*  --color-card-border-inner: rgba(94, 82, 64, 0.12);*/
/*  --color-error: rgba(192, 21, 47, 1);*/
/*  --color-success: rgba(33, 128, 141, 1);*/
/*  --color-warning: rgba(168, 75, 47, 1);*/
/*  --color-info: rgba(98, 108, 113, 1);*/
/*  --color-focus-ring: rgba(33, 128, 141, 0.4);*/
/*  --color-select-caret: rgba(19, 52, 59, 0.8);*/

/*  !* Common style patterns *!*/
/*  --focus-ring: 0 0 0 3px var(--color-focus-ring);*/
/*  --status-bg-opacity: 0.15;*/
/*  --status-border-opacity: 0.25;*/

/*  !* RGB versions for opacity control *!*/
/*  --color-success-rgb: 33, 128, 141;*/
/*  --color-error-rgb: 192, 21, 47;*/
/*  --color-warning-rgb: 168, 75, 47;*/
/*  --color-info-rgb: 98, 108, 113;*/

/*  !* Typography *!*/
/*  --font-family-base: "FKGroteskNeue", "Geist", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;*/
/*  --font-size-xs: 12px;*/
/*  --font-size-sm: 14px;*/
/*  --font-size-base: 16px;*/
/*  --font-size-md: 16px;*/
/*  --font-size-lg: 18px;*/
/*  --font-size-xl: 20px;*/
/*  --font-size-2xl: 24px;*/
/*  --font-size-3xl: 28px;*/
/*  --font-size-4xl: 32px;*/
/*  --font-weight-normal: 400;*/
/*  --font-weight-medium: 500;*/
/*  --font-weight-semibold: 550;*/
/*  --font-weight-bold: 600;*/
/*  --line-height-tight: 1.2;*/
/*  --line-height-normal: 1.5;*/
/*  --letter-spacing-tight: -0.01em;*/

/*  !* Spacing *!*/
/*  --space-0: 0;*/
/*  --space-1: 1px;*/
/*  --space-2: 2px;*/
/*  --space-4: 4px;*/
/*  --space-6: 6px;*/
/*  --space-8: 8px;*/
/*  --space-10: 10px;*/
/*  --space-12: 12px;*/
/*  --space-16: 16px;*/
/*  --space-20: 20px;*/
/*  --space-24: 24px;*/
/*  --space-32: 32px;*/

/*  !* Border Radius *!*/
/*  --radius-sm: 6px;*/
/*  --radius-base: 8px;*/
/*  --radius-md: 10px;*/
/*  --radius-lg: 12px;*/
/*  --radius-full: 9999px;*/

/*  !* Shadows *!*/
/*  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.02);*/
/*  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.02);*/
/*  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.04), 0 2px 4px -1px rgba(0, 0, 0, 0.02);*/
/*  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.04), 0 4px 6px -2px rgba(0, 0, 0, 0.02);*/
/*  --shadow-inset-sm: inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.03);*/

/*  !* Animation *!*/
/*  --duration-fast: 150ms;*/
/*  --duration-normal: 250ms;*/
/*  --ease-standard: cubic-bezier(0.16, 1, 0.3, 1);*/
/*}*/

/*!* App container *!*/
/*.app-container {*/
/*  font-size: var(--font-size-lg);*/
/*  line-height: 1.6;*/
/*  min-height: 100vh;*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  background-color: var(--color-background);*/
/*}*/

/*!* Header *!*/
/*.app-header {*/
/*  background-color: var(--color-surface);*/
/*  padding: var(--space-12) var(--space-20);*/
/*  border-bottom: 1px solid var(--color-border);*/
/*  display: flex;*/
/*  justify-content: space-between;*/
/*  align-items: center;*/
/*  box-shadow: var(--shadow-sm);*/
/*  min-height: 60px;*/
/*  position: fixed;*/
/*  top: 0;*/
/*  left: 0;*/
/*  right: 0;*/
/*  z-index: 1000;*/
/*  padding-top: max(var(--space-12), env(safe-area-inset-top));*/
/*  padding-left: max(var(--space-20), env(safe-area-inset-left));*/
/*  padding-right: max(var(--space-20), env(safe-area-inset-right));*/
/*}*/

/*.header-left {*/
/*  display: flex;*/
/*  align-items: center;*/
/*  gap: var(--space-12);*/
/*}*/

/*.header-right {*/
/*  display: flex;*/
/*  align-items: center;*/
/*}*/

/*!* Bottom navigation *!*/
/*.bottom-nav {*/
/*  background-color: var(--color-surface);*/
/*  border-top: 1px solid var(--color-border);*/
/*  display: grid;*/
/*  grid-template-columns: repeat(4, 1fr);*/
/*  padding: var(--space-8) 0;*/
/*  padding-bottom: max(var(--space-8), env(safe-area-inset-bottom));*/
/*  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);*/
/*  position: fixed;*/
/*  bottom: 0;*/
/*  left: 0;*/
/*  right: 0;*/
/*  z-index: 1000;*/
/*}*/

/*.nav-btn {*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*  padding: var(--space-12) var(--space-8);*/
/*  border: none;*/
/*  background: none;*/
/*  cursor: pointer;*/
/*  transition: all var(--duration-normal);*/
/*  color: var(--color-text-secondary);*/
/*  min-height: 72px;*/
/*  text-decoration: none;*/
/*  position: relative;*/
/*}*/

/*.nav-btn::after {*/
/*  content: '';*/
/*  position: absolute;*/
/*  bottom: 0;*/
/*  left: 50%;*/
/*  transform: translateX(-50%);*/
/*  width: 0;*/
/*  height: 3px;*/
/*  background-color: var(--color-primary);*/
/*  border-radius: var(--radius-full);*/
/*  transition: width var(--duration-normal) var(--ease-standard);*/
/*}*/

/*.nav-btn:hover {*/
/*  color: var(--color-primary);*/
/*  opacity: 0.7;*/
/*}*/

/*.nav-icon-svg {*/
/*  width: 28px;*/
/*  height: 28px;*/
/*  margin-bottom: var(--space-6);*/
/*  transition: all var(--duration-normal) var(--ease-standard);*/
/*}*/

/*.nav-label {*/
/*  font-size: var(--font-size-base);*/
/*  font-weight: var(--font-weight-medium);*/
/*}*/

/*!* Authentication/Login styles *!*/
/*.login-container {*/
/*  display: flex;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*  min-height: 100vh;*/
/*  padding: var(--space-20);*/
/*  background-color: var(--color-background);*/
/*}*/

/*.login-card {*/
/*  background-color: var(--color-surface);*/
/*  border-radius: var(--radius-lg);*/
/*  border: 1px solid var(--color-border);*/
/*  box-shadow: var(--shadow-lg);*/
/*  padding: var(--space-32);*/
/*  width: 100%;*/
/*  max-width: 400px;*/
/*}*/

/*.login-title {*/
/*  text-align: center;*/
/*  margin-bottom: var(--space-32);*/
/*  font-size: var(--font-size-3xl);*/
/*  font-weight: var(--font-weight-bold);*/
/*  color: var(--color-text);*/
/*}*/

/*.form-group {*/
/*  margin-bottom: var(--space-20);*/
/*}*/

/*.form-label {*/
/*  display: block;*/
/*  font-size: var(--font-size-lg);*/
/*  font-weight: var(--font-weight-semibold);*/
/*  color: var(--color-text);*/
/*  margin-bottom: var(--space-8);*/
/*}*/

/*.form-input {*/
/*  width: 100%;*/
/*  padding: var(--space-12) var(--space-16);*/
/*  font-size: var(--font-size-lg);*/
/*  border: 1px solid var(--color-border);*/
/*  border-radius: var(--radius-base);*/
/*  background-color: var(--color-surface);*/
/*  color: var(--color-text);*/
/*  transition: border-color var(--duration-fast);*/
/*  box-sizing: border-box;*/
/*}*/

/*.form-input:focus {*/
/*  outline: none;*/
/*  border-color: var(--color-primary);*/
/*  box-shadow: var(--focus-ring);*/
/*}*/

/*.password-field {*/
/*  position: relative;*/
/*}*/

/*.password-toggle {*/
/*  position: absolute;*/
/*  right: var(--space-12);*/
/*  top: 50%;*/
/*  transform: translateY(-50%);*/
/*  background: none;*/
/*  border: none;*/
/*  color: var(--color-text-secondary);*/
/*  cursor: pointer;*/
/*  padding: var(--space-4);*/
/*  border-radius: var(--radius-sm);*/
/*  transition: color var(--duration-fast);*/
/*}*/

/*.password-toggle:hover {*/
/*  color: var(--color-primary);*/
/*}*/

/*.eye-icon {*/
/*  width: 20px;*/
/*  height: 20px;*/
/*}*/

/*.forgot-password {*/
/*  text-align: center;*/
/*  margin-bottom: var(--space-24);*/
/*}*/

/*.forgot-password a {*/
/*  color: var(--color-primary);*/
/*  text-decoration: none;*/
/*  font-size: var(--font-size-base);*/
/*}*/

/*.forgot-password a:hover {*/
/*  text-decoration: underline;*/
/*}*/

/*.login-button {*/
/*  width: 100%;*/
/*  padding: var(--space-16) var(--space-20);*/
/*  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-hover) 100%);*/
/*  color: var(--color-btn-primary-text);*/
/*  border: none;*/
/*  border-radius: var(--radius-base);*/
/*  font-size: var(--font-size-xl);*/
/*  font-weight: var(--font-weight-semibold);*/
/*  cursor: pointer;*/
/*  transition: all var(--duration-normal);*/
/*  min-height: 56px;*/
/*}*/

/*.login-button:hover {*/
/*  background: linear-gradient(135deg, var(--color-primary-hover) 0%, var(--color-primary-active) 100%);*/
/*  transform: translateY(-1px);*/
/*  box-shadow: var(--shadow-md);*/
/*}*/

/*.login-button:active {*/
/*  transform: translateY(0);*/
/*}*/

.error-message {
  background-color: rgba(var(--color-error-rgb), 0.1);
  color: var(--color-error);
  border: 1px solid rgba(var(--color-error-rgb), 0.2);
  border-radius: var(--radius-base);
  padding: var(--space-12) var(--space-16);
  font-size: var(--font-size-base);
}

.success-message {
  background-color: rgba(var(--color-success-rgb), 0.1);
  color: var(--color-success);
  border: 1px solid rgba(var(--color-success-rgb), 0.2);
  border-radius: var(--radius-base);
  padding: var(--space-12) var(--space-16);
  font-size: var(--font-size-base);
}