/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/app.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
html { background: #f5f6f8; }
body { font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', sans-serif; color: #202936; -webkit-font-smoothing: antialiased; }
button, input, select, textarea { font-family: inherit; }
a, button, input, textarea, select { -webkit-tap-highlight-color: transparent; }
:where(a, button, input, textarea, select):focus-visible { outline: 3px solid var(--th-focus, #3b82f6); outline-offset: 3px; }
@media (max-width: 768px) {
  html:root { --topnav-h: 56px; }
  body:has(.topNav) { padding-bottom: calc(70px + env(safe-area-inset-bottom)); }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* Neutral app surfaces with one primary action color. */
html:root, html:root[data-theme] {
  --app-canvas: #f5f6f8;
  --app-field: #f8f9fb;
  --th-accent: #1677ff;
  --th-accent-deep: #0958d9;
  --th-accent-bg: #eff6ff;
  --th-focus: #1677ff;
  --th-border: #e8eaed;
  --th-border-hover: #b7d3ff;
  --th-shell-bg: var(--app-canvas);
  --th-nav-grad: #fff;
  --th-hero-grad: var(--th-accent);
  --th-btn-grad: var(--th-accent);
  --th-fab-grad: var(--th-accent);
  --th-soft-grad: #f5f8ff;
  --th-nav-shadow: transparent;
  --th-hero-shadow: transparent;
  --th-btn-shadow: transparent;
  --th-fab-shadow: transparent;
  --th-c1: #dcefe5; --th-c1s: transparent; --th-b1: #edf7f1; --th-f1: #33775d;
  --th-c2: #deedf0; --th-c2s: transparent; --th-b2: #eef7f8; --th-f2: #387880;
  --th-c3: #e7e9f2; --th-c3s: transparent; --th-b3: #f2f3f9; --th-f3: #687396;
  --th-c4: #eaf0d9; --th-c4s: transparent; --th-b4: #f5f8ed; --th-f4: #718449;
  --th-c5: #f3e8da; --th-c5s: transparent; --th-b5: #faf5ee; --th-f5: #9b7950;
}
html:root[data-theme="warm"] {
  --th-accent: #ae7850; --th-accent-deep: #8c5f3d; --th-accent-bg: #fbf2e8;
  --th-focus: #c39368; --th-border: #eadfce; --app-canvas: #fcfaf5; --app-field: #fdfbf7;
}
html:root[data-theme="violet"] {
  --th-accent: #8775a8; --th-accent-deep: #6d5a90; --th-accent-bg: #f3eff9;
  --th-focus: #a18fbe; --th-border: #e6dfee; --app-canvas: #faf8fc; --app-field: #fcfafd;
}
html { background: var(--app-canvas); }
/* Include inline-styled controls and portal dialogs, but retain loading rings. */
body *:not([class*="spinner"]):not([class*="Spinner"]),
body *::before, body *::after { border-radius: 0 !important; }
::selection { background: #dbeafe; color: #164b91; }

/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./components/TopNav.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
/* Native-style app bar and tab bar; all existing account and asset menus remain. */
nav.topNav { background: #fff !important; box-shadow: none !important; border-bottom: 1px solid #e8eaed; box-sizing: border-box; padding: 0 28px; gap: 20px; }
nav.topNav .brandLogo { gap: 10px; margin-right: 32px; }
nav.topNav .brandIcon { width: 32px; height: 32px; background: var(--th-accent) !important; border: 0 !important; }
nav.topNav .brandName { color: #16191f !important; font-size: 18px; font-weight: 650 !important; }
nav.topNav .brandSub { color: #9499a3 !important; font-size: 10px !important; font-weight: 400 !important; letter-spacing: 1px !important; margin-top: 5px !important; }
nav.topNav .navLinks { gap: 8px; }
nav.topNav .navLink { display: inline-flex; align-items: center; gap: 8px; padding: 12px 18px; font-size: 14px; font-weight: 500; color: #717784; border-radius: 0; background: transparent; }
nav.topNav .navLink:hover, nav.topNav .navLinkOpen { color: var(--th-accent); background: #f7f9fc; }
nav.topNav .navLinkActive, nav.topNav .navLinkActive:hover { color: var(--th-accent); background: var(--th-accent-bg); box-shadow: none; font-weight: 600; }
nav.topNav > div:last-of-type > button { width: 36px !important; height: 36px !important; border: 0 !important; background: #f1f3f6 !important; }
nav.topNav > div:last-of-type > button > span { color: #49556b !important; font-size: 15px !important; }
nav.topNav .navLinks > div > div { border: 1px solid #e8eaed !important; box-shadow: 0 6px 20px #18253b12 !important; }
@media (max-width:768px) {
  nav.topNav { padding: 0 16px; height: 56px; }
  nav.topNav .brandLogo { gap: 10px; }
  nav.topNav .brandName { font-size: 18px; }
  nav.topNav .brandIcon { width: 28px; height: 28px; }
  nav.topNav .brandSub { display: none; }
  nav.topNav .navLinks { position: fixed; bottom: 0; left: 0; right: 0; height: 58px; box-sizing: content-box; padding: 0 0 env(safe-area-inset-bottom); background: #fff; border-top: 1px solid #e8eaed; display: grid !important; grid-template-columns: repeat(4, 1fr); grid-gap: 0; gap: 0; box-shadow: none; }
  nav.topNav .navLinks > a, nav.topNav .navLinks > div > button { width: 100%; height: 58px; box-sizing: border-box; display: flex; flex-direction: column; gap: 4px; justify-content: center; font-size: 10px; line-height: 1.2; padding: 7px 0; margin: 0; }
  nav.topNav .navLinks > div { min-width: 0; }
  nav.topNav .navLinkActive, nav.topNav .navLinkActive:hover { background: transparent; color: var(--th-accent); }
  nav.topNav .navLink svg { width: 23px; height: 23px; }
  nav.topNav .navCaret { display: none; }
  nav.topNav .navLinks > div > div { top: auto !important; bottom: calc(100% + 8px); left: auto !important; right: 8px; }
}