:root.manmanwan-ui {
  --radius: 0.875rem;
  --background: #eef5fc;
  --foreground: #132238;
  --card: rgba(255, 255, 255, 0.86);
  --card-foreground: #132238;
  --popover: #ffffff;
  --popover-foreground: #132238;
  --primary: #147ee8;
  --primary-foreground: #ffffff;
  --secondary: #e3eef9;
  --secondary-foreground: #174c7e;
  --muted: #e8f0f8;
  --muted-foreground: #64748b;
  --accent: #dbeeff;
  --accent-foreground: #086acb;
  --border: rgba(50, 105, 155, 0.18);
  --input: rgba(50, 105, 155, 0.24);
  --ring: #1997ff;
  --sidebar: rgba(242, 248, 254, 0.94);
  --sidebar-foreground: #1b304a;
  --sidebar-primary: #147ee8;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #dceeff;
  --sidebar-accent-foreground: #096bc9;
  --sidebar-border: rgba(49, 105, 155, 0.16);
  --sidebar-ring: #1997ff;
  --table-row: rgba(255, 255, 255, 0.52);
  --table-header: rgba(19, 34, 56, 0.055);
  --table-header-hover: rgba(19, 34, 56, 0.08);
}

:root.manmanwan-ui.dark {
  --background: #07111f;
  --foreground: #edf6ff;
  --card: rgba(14, 28, 46, 0.86);
  --card-foreground: #edf6ff;
  --popover: #101f33;
  --popover-foreground: #edf6ff;
  --primary: #168cf3;
  --primary-foreground: #ffffff;
  --secondary: #142a43;
  --secondary-foreground: #c8e5ff;
  --muted: #11243a;
  --muted-foreground: #8ea5bd;
  --accent: #12375b;
  --accent-foreground: #7ac7ff;
  --border: rgba(132, 182, 225, 0.16);
  --input: rgba(132, 182, 225, 0.24);
  --ring: #29a6ff;
  --sidebar: rgba(7, 18, 31, 0.96);
  --sidebar-foreground: #dbeaf8;
  --sidebar-primary: #168cf3;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #12385d;
  --sidebar-accent-foreground: #76c8ff;
  --sidebar-border: rgba(132, 182, 225, 0.15);
  --sidebar-ring: #29a6ff;
  --table-row: rgba(8, 21, 36, 0.42);
  --table-header: rgba(127, 176, 219, 0.075);
  --table-header-hover: rgba(127, 176, 219, 0.12);
  --chart-1: #2fa9ff;
  --chart-2: #37d6cf;
  --chart-3: #7e8cff;
  --chart-4: #b879ff;
  --chart-5: #50d58a;
}

html.manmanwan-ui,
html.manmanwan-ui body,
html.manmanwan-ui #root {
  min-height: 100%;
}

html.manmanwan-ui body {
  background:
    radial-gradient(circle at 75% -10%, rgba(22, 140, 243, 0.16), transparent 34rem),
    radial-gradient(circle at -8% 92%, rgba(45, 95, 255, 0.1), transparent 28rem),
    var(--background);
  background-attachment: fixed;
  color: var(--foreground);
  font-family: Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  letter-spacing: 0.005em;
}

html.manmanwan-ui body::before {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  content: "";
  opacity: 0.22;
  background-image: linear-gradient(rgba(130, 182, 226, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(130, 182, 226, 0.03) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(to bottom, black, transparent 75%);
}

html.manmanwan-ui header {
  border-color: var(--border) !important;
  background: color-mix(in srgb, var(--background) 82%, transparent) !important;
  backdrop-filter: blur(18px) saturate(125%);
}

html.manmanwan-ui [data-sidebar="sidebar"] {
  background:
    radial-gradient(circle at 30% 0, rgba(29, 148, 255, 0.13), transparent 18rem),
    var(--sidebar) !important;
  box-shadow: 16px 0 45px rgba(0, 0, 0, 0.1);
}

html.manmanwan-ui [data-sidebar="menu-button"] {
  border: 1px solid transparent;
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

html.manmanwan-ui [data-sidebar="menu-button"]:hover,
html.manmanwan-ui [data-sidebar="menu-button"][data-active="true"] {
  border-color: rgba(42, 161, 255, 0.24);
  background: linear-gradient(110deg, rgba(18, 94, 166, 0.64), rgba(17, 53, 91, 0.52)) !important;
  color: #eaf7ff !important;
}

html.manmanwan-ui [data-sidebar="menu-button"][data-active="true"] {
  box-shadow: inset 3px 0 #28a9ff, 0 8px 24px rgba(0, 102, 220, 0.12);
}

html.manmanwan-ui [data-slot="card"],
html.manmanwan-ui .bg-card {
  border-color: var(--border) !important;
  background: var(--card) !important;
  box-shadow: 0 16px 46px rgba(0, 0, 0, 0.12);
  backdrop-filter: blur(16px) saturate(115%);
}

html.manmanwan-ui button,
html.manmanwan-ui [role="button"],
html.manmanwan-ui input,
html.manmanwan-ui textarea,
html.manmanwan-ui select {
  border-radius: 0.7rem;
}

html.manmanwan-ui input,
html.manmanwan-ui textarea,
html.manmanwan-ui select {
  border-color: var(--input) !important;
  background-color: color-mix(in srgb, var(--background) 56%, transparent) !important;
}

html.manmanwan-ui input:focus,
html.manmanwan-ui textarea:focus,
html.manmanwan-ui select:focus {
  border-color: rgba(39, 164, 255, 0.7) !important;
  box-shadow: 0 0 0 3px rgba(31, 150, 245, 0.13);
}

html.manmanwan-ui button.bg-primary,
html.manmanwan-ui a.bg-primary {
  border: 1px solid rgba(103, 200, 255, 0.35);
  background: linear-gradient(135deg, #168cf3, #146ed8) !important;
  box-shadow: 0 9px 24px rgba(0, 102, 220, 0.2);
}

html.manmanwan-ui table {
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--card) 72%, transparent);
}

html.manmanwan-ui thead {
  background: var(--table-header);
}

html.manmanwan-ui tbody tr {
  border-color: var(--border) !important;
  transition: background-color 140ms ease;
}

html.manmanwan-ui tbody tr:hover {
  background: var(--table-header-hover) !important;
}

html.manmanwan-ui [role="dialog"],
html.manmanwan-ui [role="menu"],
html.manmanwan-ui [data-radix-popper-content-wrapper] > div {
  border-color: var(--border) !important;
  background: var(--popover) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.32);
  backdrop-filter: blur(20px);
}

html.manmanwan-ui [data-mm-page="auth"] main,
html.manmanwan-ui[data-mm-page="auth"] main {
  background: transparent !important;
}

html.manmanwan-ui[data-mm-page="auth"] body {
  background:
    radial-gradient(circle at 15% 20%, rgba(27, 143, 245, 0.27), transparent 25rem),
    radial-gradient(circle at 82% 75%, rgba(42, 74, 218, 0.16), transparent 30rem),
    var(--background);
}

html.manmanwan-ui[data-mm-page="auth"] form {
  padding: 1.5rem;
  border: 1px solid var(--border);
  border-radius: 1rem;
  background: var(--card);
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(20px);
}

html.manmanwan-ui ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

html.manmanwan-ui ::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 999px;
  background: rgba(106, 161, 207, 0.32);
  background-clip: padding-box;
}

@media (max-width: 768px) {
  html.manmanwan-ui body::before {
    display: none;
  }

  html.manmanwan-ui [data-slot="card"],
  html.manmanwan-ui .bg-card {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  }

  html.manmanwan-ui[data-mm-page="auth"] form {
    padding: 1.1rem;
  }
}