@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap");
/* line 6, app/assets/stylesheets/new-ui/base/_variables.scss */
:root {
  --tw-bg-primary: #050505;
  --tw-bg-secondary: #0A0A0C;
  --tw-bg-tertiary: #0F0F12;
  --tw-bg-elevated: #141418;
  --tw-bg-hover: #1A1A1F;
  --tw-glass-bg: rgba(255, 255, 255, 0.02);
  --tw-glass-bg-hover: rgba(255, 255, 255, 0.04);
  --tw-glass-bg-active: rgba(255, 255, 255, 0.06);
  --tw-glass-border: rgba(255, 255, 255, 0.06);
  --tw-glass-border-hover: rgba(255, 255, 255, 0.10);
  --tw-text-primary: #FAFAFA;
  --tw-text-secondary: #A1A1AA;
  --tw-text-tertiary: #71717A;
  --tw-text-muted: #52525B;
  --tw-text-inverse: #050505;
  --tw-accent-primary: #64748B;
  --tw-accent-primary-hover: #7C8CA0;
  --tw-accent-primary-active: #526077;
  --tw-accent-primary-soft: rgba(100, 116, 139, 0.15);
  --tw-accent-primary-glow: rgba(100, 116, 139, 0.3);
  --tw-accent-secondary: #475569;
  --tw-accent-secondary-hover: #5A6A7E;
  --tw-accent-secondary-soft: rgba(71, 85, 105, 0.15);
  --tw-success: #22C55E;
  --tw-success-soft: rgba(34, 197, 94, 0.12);
  --tw-success-border: rgba(34, 197, 94, 0.25);
  --tw-warning: #F59E0B;
  --tw-warning-soft: rgba(245, 158, 11, 0.12);
  --tw-warning-border: rgba(245, 158, 11, 0.25);
  --tw-error: #EF4444;
  --tw-error-soft: rgba(239, 68, 68, 0.12);
  --tw-error-border: rgba(239, 68, 68, 0.25);
  --tw-info: #06B6D4;
  --tw-info-soft: rgba(6, 182, 212, 0.12);
  --tw-info-border: rgba(6, 182, 212, 0.25);
  --tw-border-subtle: rgba(255, 255, 255, 0.04);
  --tw-border-default: rgba(255, 255, 255, 0.08);
  --tw-border-strong: rgba(255, 255, 255, 0.12);
  --tw-border-focus: var(--tw-accent-primary);
  --tw-gradient-primary: linear-gradient(135deg, #475569 0%, #64748B 50%, #7C8CA0 100%);
  --tw-gradient-accent: linear-gradient(135deg, #526077 0%, #64748B 100%);
  --tw-gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.01) 100%);
  --tw-gradient-glow: radial-gradient(ellipse at center, rgba(100, 116, 139, 0.1) 0%, transparent 70%);
  --tw-font-primary: 'Satoshi', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --tw-font-secondary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --tw-font-mono: 'JetBrains Mono', 'SF Mono', Consolas, monospace;
  --tw-text-xs: 0.75rem;
  --tw-text-sm: 0.8125rem;
  --tw-text-base: 0.875rem;
  --tw-text-md: 1rem;
  --tw-text-lg: 1.125rem;
  --tw-text-xl: 1.25rem;
  --tw-text-2xl: 1.5rem;
  --tw-text-3xl: 1.875rem;
  --tw-text-4xl: 2.25rem;
  --tw-font-normal: 400;
  --tw-font-medium: 500;
  --tw-font-semibold: 600;
  --tw-font-bold: 700;
  --tw-leading-none: 1;
  --tw-leading-tight: 1.2;
  --tw-leading-snug: 1.35;
  --tw-leading-normal: 1.5;
  --tw-leading-relaxed: 1.625;
  --tw-tracking-tighter: -0.02em;
  --tw-tracking-tight: -0.01em;
  --tw-tracking-normal: 0;
  --tw-tracking-wide: 0.02em;
  --tw-tracking-wider: 0.05em;
  --tw-space-0: 0;
  --tw-space-px: 1px;
  --tw-space-0-5: 0.125rem;
  --tw-space-1: 0.25rem;
  --tw-space-1-5: 0.375rem;
  --tw-space-2: 0.5rem;
  --tw-space-2-5: 0.625rem;
  --tw-space-3: 0.75rem;
  --tw-space-3-5: 0.875rem;
  --tw-space-4: 1rem;
  --tw-space-5: 1.25rem;
  --tw-space-6: 1.5rem;
  --tw-space-7: 1.75rem;
  --tw-space-8: 2rem;
  --tw-space-10: 2.5rem;
  --tw-space-12: 3rem;
  --tw-space-14: 3.5rem;
  --tw-space-16: 4rem;
  --tw-space-20: 5rem;
  --tw-radius-none: 0;
  --tw-radius-sm: 4px;
  --tw-radius-md: 6px;
  --tw-radius-lg: 8px;
  --tw-radius-xl: 12px;
  --tw-radius-2xl: 16px;
  --tw-radius-3xl: 20px;
  --tw-radius-full: 9999px;
  --tw-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.4);
  --tw-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.4);
  --tw-shadow-md: 0 4px 8px rgba(0, 0, 0, 0.4);
  --tw-shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.4);
  --tw-shadow-xl: 0 16px 32px rgba(0, 0, 0, 0.4);
  --tw-shadow-2xl: 0 24px 48px rgba(0, 0, 0, 0.5);
  --tw-shadow-glow-sm: 0 0 12px rgba(100, 116, 139, 0.2);
  --tw-shadow-glow-md: 0 0 24px rgba(100, 116, 139, 0.25);
  --tw-shadow-glow-lg: 0 0 40px rgba(100, 116, 139, 0.3);
  --tw-shadow-inner: inset 0 2px 4px rgba(0, 0, 0, 0.3);
  --tw-transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --tw-transition-base: 200ms cubic-bezier(0.4, 0, 0.2, 1);
  --tw-transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1);
  --tw-transition-slower: 500ms cubic-bezier(0.4, 0, 0.2, 1);
  --tw-z-dropdown: 100;
  --tw-z-sticky: 200;
  --tw-z-fixed: 300;
  --tw-z-modal-backdrop: 400;
  --tw-z-modal: 500;
  --tw-z-popover: 600;
  --tw-z-tooltip: 700;
}

/* line 6, app/assets/stylesheets/new-ui/base/_reset.scss */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* line 14, app/assets/stylesheets/new-ui/base/_reset.scss */
html {
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

/* line 23, app/assets/stylesheets/new-ui/base/_reset.scss */
body {
  font-family: var(--tw-font-secondary);
  font-size: var(--tw-text-base);
  line-height: var(--tw-leading-normal);
  color: var(--tw-text-primary);
  background: var(--tw-bg-primary);
  min-height: 100vh;
}

/* line 33, app/assets/stylesheets/new-ui/base/_reset.scss */
ul, ol {
  list-style: none;
}

/* line 38, app/assets/stylesheets/new-ui/base/_reset.scss */
a {
  color: inherit;
  text-decoration: none;
}

/* line 44, app/assets/stylesheets/new-ui/base/_reset.scss */
button {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  background: none;
  border: none;
  cursor: pointer;
}

/* line 53, app/assets/stylesheets/new-ui/base/_reset.scss */
button:disabled {
  cursor: not-allowed;
}

/* line 59, app/assets/stylesheets/new-ui/base/_reset.scss */
input,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  background: none;
  border: none;
}

/* line 68, app/assets/stylesheets/new-ui/base/_reset.scss */
input:focus,
textarea:focus {
  outline: none;
}

/* line 72, app/assets/stylesheets/new-ui/base/_reset.scss */
input::placeholder,
textarea::placeholder {
  color: var(--tw-text-muted);
  opacity: 1;
}

/* line 79, app/assets/stylesheets/new-ui/base/_reset.scss */
select {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  border: none;
}

/* line 86, app/assets/stylesheets/new-ui/base/_reset.scss */
select:focus {
  outline: none;
}

/* line 92, app/assets/stylesheets/new-ui/base/_reset.scss */
input[type="number"] {
  -moz-appearance: textfield;
}

/* line 95, app/assets/stylesheets/new-ui/base/_reset.scss */
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* line 103, app/assets/stylesheets/new-ui/base/_reset.scss */
input[type="search"] {
  -webkit-appearance: none;
}

/* line 106, app/assets/stylesheets/new-ui/base/_reset.scss */
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

/* line 115, app/assets/stylesheets/new-ui/base/_reset.scss */
fieldset {
  border: none;
  padding: 0;
  margin: 0;
}

/* line 122, app/assets/stylesheets/new-ui/base/_reset.scss */
legend {
  padding: 0;
}

/* line 127, app/assets/stylesheets/new-ui/base/_reset.scss */
img,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}

/* line 135, app/assets/stylesheets/new-ui/base/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 141, app/assets/stylesheets/new-ui/base/_reset.scss */
h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}

/* line 147, app/assets/stylesheets/new-ui/base/_reset.scss */
p {
  margin: 0;
}

/* line 152, app/assets/stylesheets/new-ui/base/_reset.scss */
hr {
  border: none;
  height: 1px;
  background: var(--tw-border-subtle);
}

/* line 159, app/assets/stylesheets/new-ui/base/_reset.scss */
blockquote {
  margin: 0;
}

/* line 164, app/assets/stylesheets/new-ui/base/_reset.scss */
pre,
code {
  font-family: var(--tw-font-mono);
  font-size: inherit;
}

/* line 171, app/assets/stylesheets/new-ui/base/_reset.scss */
::selection {
  background: var(--tw-accent-primary-soft);
  color: var(--tw-text-primary);
}

/* line 177, app/assets/stylesheets/new-ui/base/_reset.scss */
:focus-visible {
  outline: 2px solid var(--tw-accent-primary);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  /* line 184, app/assets/stylesheets/new-ui/base/_reset.scss */
  *,
*::before,
*::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

@font-face {
  font-family: 'Satoshi';
  src: url(/assets/Satoshi-Variable-8a5189ce5eadbc6accc3db5eeb89e3cc075cade6b76bbecb176617e9026e6624.ttf) format("truetype");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

/* line 27, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-h1 {
  font-family: var(--tw-font-primary);
  font-size: var(--tw-text-3xl);
  font-weight: var(--tw-font-bold);
  line-height: var(--tw-leading-tight);
  letter-spacing: var(--tw-tracking-tight);
  color: var(--tw-text-primary);
}

/* line 36, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-h2 {
  font-family: var(--tw-font-primary);
  font-size: var(--tw-text-2xl);
  font-weight: var(--tw-font-semibold);
  line-height: var(--tw-leading-tight);
  letter-spacing: var(--tw-tracking-tight);
  color: var(--tw-text-primary);
}

/* line 45, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-h3 {
  font-family: var(--tw-font-primary);
  font-size: var(--tw-text-xl);
  font-weight: var(--tw-font-semibold);
  line-height: var(--tw-leading-snug);
  color: var(--tw-text-primary);
}

/* line 53, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-h4 {
  font-family: var(--tw-font-primary);
  font-size: var(--tw-text-lg);
  font-weight: var(--tw-font-semibold);
  line-height: var(--tw-leading-snug);
  color: var(--tw-text-primary);
}

/* line 61, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-h5 {
  font-family: var(--tw-font-primary);
  font-size: var(--tw-text-md);
  font-weight: var(--tw-font-semibold);
  line-height: var(--tw-leading-normal);
  color: var(--tw-text-primary);
}

/* line 69, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-h6 {
  font-family: var(--tw-font-primary);
  font-size: var(--tw-text-base);
  font-weight: var(--tw-font-semibold);
  line-height: var(--tw-leading-normal);
  color: var(--tw-text-primary);
}

/* line 81, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-display-lg {
  font-family: var(--tw-font-primary);
  font-size: var(--tw-text-4xl);
  font-weight: var(--tw-font-bold);
  line-height: var(--tw-leading-none);
  letter-spacing: var(--tw-tracking-tighter);
  color: var(--tw-text-primary);
}

/* line 90, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-display-md {
  font-family: var(--tw-font-primary);
  font-size: var(--tw-text-3xl);
  font-weight: var(--tw-font-bold);
  line-height: var(--tw-leading-tight);
  letter-spacing: var(--tw-tracking-tight);
  color: var(--tw-text-primary);
}

/* line 103, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-body {
  font-family: var(--tw-font-secondary);
  font-size: var(--tw-text-base);
  font-weight: var(--tw-font-normal);
  line-height: var(--tw-leading-normal);
  color: var(--tw-text-secondary);
}

/* line 111, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-body-lg {
  font-family: var(--tw-font-secondary);
  font-size: var(--tw-text-md);
  font-weight: var(--tw-font-normal);
  line-height: var(--tw-leading-relaxed);
  color: var(--tw-text-secondary);
}

/* line 119, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-body-sm {
  font-family: var(--tw-font-secondary);
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-normal);
  line-height: var(--tw-leading-normal);
  color: var(--tw-text-secondary);
}

/* line 127, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-body-xs {
  font-family: var(--tw-font-secondary);
  font-size: var(--tw-text-xs);
  font-weight: var(--tw-font-normal);
  line-height: var(--tw-leading-normal);
  color: var(--tw-text-tertiary);
}

/* line 139, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-label {
  font-family: var(--tw-font-secondary);
  font-size: var(--tw-text-xs);
  font-weight: var(--tw-font-medium);
  text-transform: uppercase;
  letter-spacing: var(--tw-tracking-wider);
  color: var(--tw-text-tertiary);
}

/* line 148, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-caption {
  font-family: var(--tw-font-secondary);
  font-size: var(--tw-text-xs);
  font-weight: var(--tw-font-normal);
  line-height: var(--tw-leading-normal);
  color: var(--tw-text-tertiary);
}

/* line 156, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-overline {
  font-family: var(--tw-font-secondary);
  font-size: var(--tw-text-xs);
  font-weight: var(--tw-font-semibold);
  text-transform: uppercase;
  letter-spacing: var(--tw-tracking-widest);
  color: var(--tw-text-tertiary);
}

/* line 169, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-mono {
  font-family: var(--tw-font-mono);
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-normal);
  letter-spacing: var(--tw-tracking-wide);
}

/* line 176, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-code {
  font-family: var(--tw-font-mono);
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-normal);
  padding: var(--tw-space-0-5) var(--tw-space-1);
  background: var(--tw-glass-bg);
  border-radius: var(--tw-radius-sm);
  color: var(--tw-accent-primary);
}

/* line 190, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-link {
  color: var(--tw-accent-primary);
  text-decoration: none;
  transition: color var(--tw-transition-fast);
}

/* line 195, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-link:hover {
  color: var(--tw-accent-primary-hover);
}

/* line 199, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-link:active {
  color: var(--tw-accent-primary-active);
}

/* line 204, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-link-subtle {
  color: var(--tw-text-secondary);
  text-decoration: none;
  transition: color var(--tw-transition-fast);
}

/* line 209, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-link-subtle:hover {
  color: var(--tw-text-primary);
}

/* line 214, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-link-underline {
  color: var(--tw-accent-primary);
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color var(--tw-transition-fast);
}

/* line 220, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-link-underline:hover {
  color: var(--tw-accent-primary-hover);
}

/* line 229, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-text-primary {
  color: var(--tw-text-primary);
}

/* line 230, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-text-secondary {
  color: var(--tw-text-secondary);
}

/* line 231, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-text-tertiary {
  color: var(--tw-text-tertiary);
}

/* line 232, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-text-muted {
  color: var(--tw-text-muted);
}

/* line 233, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-text-accent {
  color: var(--tw-accent-primary);
}

/* line 234, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-text-success {
  color: var(--tw-success);
}

/* line 235, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-text-warning {
  color: var(--tw-warning);
}

/* line 236, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-text-error {
  color: var(--tw-error);
}

/* line 237, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-text-info {
  color: var(--tw-info);
}

/* line 243, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-text-left {
  text-align: left;
}

/* line 244, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-text-center {
  text-align: center;
}

/* line 245, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-text-right {
  text-align: right;
}

/* line 246, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-text-justify {
  text-align: justify;
}

/* line 252, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-uppercase {
  text-transform: uppercase;
}

/* line 253, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-lowercase {
  text-transform: lowercase;
}

/* line 254, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-capitalize {
  text-transform: capitalize;
}

/* line 255, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-normal-case {
  text-transform: none;
}

/* line 261, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-underline {
  text-decoration: underline;
}

/* line 262, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-line-through {
  text-decoration: line-through;
}

/* line 263, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-no-underline {
  text-decoration: none;
}

/* line 269, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 275, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-line-clamp-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* line 282, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* line 289, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* line 300, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-font-normal {
  font-weight: var(--tw-font-normal);
}

/* line 301, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-font-medium {
  font-weight: var(--tw-font-medium);
}

/* line 302, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-font-semibold {
  font-weight: var(--tw-font-semibold);
}

/* line 303, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-font-bold {
  font-weight: var(--tw-font-bold);
}

/* line 309, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-whitespace-normal {
  white-space: normal;
}

/* line 310, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-whitespace-nowrap {
  white-space: nowrap;
}

/* line 311, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-whitespace-pre {
  white-space: pre;
}

/* line 312, app/assets/stylesheets/new-ui/base/_typography.scss */
.tw-whitespace-pre-wrap {
  white-space: pre-wrap;
}

@keyframes tw-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes tw-fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes tw-slideUp {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes tw-slideDown {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes tw-slideLeft {
  from {
    opacity: 0;
    transform: translateX(8px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes tw-slideRight {
  from {
    opacity: 0;
    transform: translateX(-8px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes tw-scaleIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes tw-scaleOut {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.95);
  }
}

@keyframes tw-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes tw-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

@keyframes tw-bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}

@keyframes tw-shake {
  0%, 100% {
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-2px);
  }
  20%, 40%, 60%, 80% {
    transform: translateX(2px);
  }
}

@keyframes tw-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

@keyframes tw-glowPulse {
  0%, 100% {
    box-shadow: 0 0 12px rgba(255, 107, 74, 0.15);
  }
  50% {
    box-shadow: 0 0 24px rgba(255, 107, 74, 0.3);
  }
}

@keyframes tw-progress {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}

@keyframes tw-expand {
  from {
    opacity: 0;
    max-height: 0;
  }
  to {
    opacity: 1;
    max-height: 500px;
  }
}

@keyframes tw-collapse {
  from {
    opacity: 1;
    max-height: 500px;
  }
  to {
    opacity: 0;
    max-height: 0;
  }
}

/* line 204, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-animate-fadeIn {
  animation: tw-fadeIn var(--tw-transition-base) ease-out;
}

/* line 208, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-animate-fadeOut {
  animation: tw-fadeOut var(--tw-transition-base) ease-out;
}

/* line 213, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-animate-slideUp {
  animation: tw-slideUp var(--tw-transition-slow) ease-out;
}

/* line 217, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-animate-slideDown {
  animation: tw-slideDown var(--tw-transition-slow) ease-out;
}

/* line 221, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-animate-slideLeft {
  animation: tw-slideLeft var(--tw-transition-slow) ease-out;
}

/* line 225, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-animate-slideRight {
  animation: tw-slideRight var(--tw-transition-slow) ease-out;
}

/* line 230, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-animate-scaleIn {
  animation: tw-scaleIn var(--tw-transition-base) ease-out;
}

/* line 234, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-animate-scaleOut {
  animation: tw-scaleOut var(--tw-transition-base) ease-out;
}

/* line 239, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-animate-spin {
  animation: tw-spin 1s linear infinite;
}

/* line 243, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-animate-pulse {
  animation: tw-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* line 247, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-animate-bounce {
  animation: tw-bounce 1s infinite;
}

/* line 251, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-animate-shake {
  animation: tw-shake 0.5s ease-out;
}

/* line 255, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-animate-glow {
  animation: tw-glowPulse 2s ease-in-out infinite;
}

/* line 263, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-skeleton, .tw-skeleton-image, .tw-skeleton-card, .tw-skeleton-button, .tw-skeleton-avatar, .tw-skeleton-avatar-lg, .tw-skeleton-avatar-sm, .tw-skeleton-text-sm, .tw-skeleton-circle, .tw-skeleton-text {
  background: linear-gradient(90deg, var(--tw-bg-tertiary) 25%, var(--tw-bg-hover) 50%, var(--tw-bg-tertiary) 75%);
  background-size: 200% 100%;
  animation: tw-shimmer 1.5s infinite;
  border-radius: var(--tw-radius-md);
}

/* line 275, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-skeleton-text {
  height: 1em;
  width: 100%;
}

/* line 281, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-skeleton-circle {
  border-radius: var(--tw-radius-full);
}

/* line 290, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-animate-stagger > * {
  animation: tw-slideUp var(--tw-transition-slow) ease-out backwards;
}

/* line 294, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-animate-stagger > *:nth-child(1) {
  animation-delay: 50ms;
}

/* line 294, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-animate-stagger > *:nth-child(2) {
  animation-delay: 100ms;
}

/* line 294, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-animate-stagger > *:nth-child(3) {
  animation-delay: 150ms;
}

/* line 294, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-animate-stagger > *:nth-child(4) {
  animation-delay: 200ms;
}

/* line 294, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-animate-stagger > *:nth-child(5) {
  animation-delay: 250ms;
}

/* line 294, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-animate-stagger > *:nth-child(6) {
  animation-delay: 300ms;
}

/* line 294, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-animate-stagger > *:nth-child(7) {
  animation-delay: 350ms;
}

/* line 294, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-animate-stagger > *:nth-child(8) {
  animation-delay: 400ms;
}

/* line 294, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-animate-stagger > *:nth-child(9) {
  animation-delay: 450ms;
}

/* line 294, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-animate-stagger > *:nth-child(10) {
  animation-delay: 500ms;
}

/* line 300, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-animate-stagger-fade > * {
  animation: tw-fadeIn var(--tw-transition-slow) ease-out backwards;
}

/* line 304, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-animate-stagger-fade > *:nth-child(1) {
  animation-delay: 50ms;
}

/* line 304, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-animate-stagger-fade > *:nth-child(2) {
  animation-delay: 100ms;
}

/* line 304, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-animate-stagger-fade > *:nth-child(3) {
  animation-delay: 150ms;
}

/* line 304, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-animate-stagger-fade > *:nth-child(4) {
  animation-delay: 200ms;
}

/* line 304, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-animate-stagger-fade > *:nth-child(5) {
  animation-delay: 250ms;
}

/* line 304, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-animate-stagger-fade > *:nth-child(6) {
  animation-delay: 300ms;
}

/* line 304, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-animate-stagger-fade > *:nth-child(7) {
  animation-delay: 350ms;
}

/* line 304, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-animate-stagger-fade > *:nth-child(8) {
  animation-delay: 400ms;
}

/* line 304, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-animate-stagger-fade > *:nth-child(9) {
  animation-delay: 450ms;
}

/* line 304, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-animate-stagger-fade > *:nth-child(10) {
  animation-delay: 500ms;
}

/* line 314, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-transition-none {
  transition: none;
}

/* line 318, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-transition-all {
  transition: all var(--tw-transition-fast);
}

/* line 322, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-transition-colors {
  transition: color var(--tw-transition-fast), background-color var(--tw-transition-fast), border-color var(--tw-transition-fast);
}

/* line 328, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-transition-opacity {
  transition: opacity var(--tw-transition-fast);
}

/* line 332, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-transition-transform {
  transition: transform var(--tw-transition-fast);
}

/* line 336, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-transition-shadow {
  transition: box-shadow var(--tw-transition-fast);
}

/* line 341, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-duration-fast {
  transition-duration: 150ms;
}

/* line 345, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-duration-base {
  transition-duration: 200ms;
}

/* line 349, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-duration-slow {
  transition-duration: 300ms;
}

/* line 353, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-duration-slower {
  transition-duration: 500ms;
}

/* line 361, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-scale-95 {
  transform: scale(0.95);
}

/* line 365, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-scale-100 {
  transform: scale(1);
}

/* line 369, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-scale-105 {
  transform: scale(1.05);
}

/* line 373, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-translate-y-1 {
  transform: translateY(4px);
}

/* line 377, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-translate-y-0 {
  transform: translateY(0);
}

/* line 381, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw--translate-y-1 {
  transform: translateY(-4px);
}

/* line 385, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-rotate-90 {
  transform: rotate(90deg);
}

/* line 389, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-rotate-180 {
  transform: rotate(180deg);
}

/* line 393, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw--rotate-90 {
  transform: rotate(-90deg);
}

/* line 401, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-hover-lift {
  transition: transform var(--tw-transition-fast), box-shadow var(--tw-transition-fast);
}

/* line 404, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-hover-lift:hover {
  transform: translateY(-2px);
  box-shadow: var(--tw-shadow-md);
}

/* line 410, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-hover-scale {
  transition: transform var(--tw-transition-fast);
}

/* line 413, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-hover-scale:hover {
  transform: scale(1.02);
}

/* line 418, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-hover-glow {
  transition: box-shadow var(--tw-transition-fast);
}

/* line 421, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-hover-glow:hover {
  box-shadow: var(--tw-shadow-glow-md);
}

/* line 426, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-hover-brighten {
  transition: filter var(--tw-transition-fast);
}

/* line 429, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-hover-brighten:hover {
  filter: brightness(1.1);
}

/* line 438, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-focus-ring {
  transition: box-shadow var(--tw-transition-fast);
}

/* line 441, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-focus-ring:focus, .tw-focus-ring:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--tw-accent-primary-soft);
}

/* line 448, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-focus-glow {
  transition: box-shadow var(--tw-transition-fast);
}

/* line 451, app/assets/stylesheets/new-ui/base/_animations.scss */
.tw-focus-glow:focus, .tw-focus-glow:focus-visible {
  outline: none;
  box-shadow: var(--tw-shadow-glow-md);
}

/* line 10, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-hidden {
  display: none;
}

/* line 11, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-block {
  display: block;
}

/* line 12, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-inline {
  display: inline;
}

/* line 13, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-inline-block {
  display: inline-block;
}

/* line 14, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-flex {
  display: flex;
}

/* line 15, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-inline-flex {
  display: inline-flex;
}

/* line 16, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-grid {
  display: grid;
}

/* line 23, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-flex-row {
  flex-direction: row;
}

/* line 24, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-flex-col {
  flex-direction: column;
}

/* line 25, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-flex-row-reverse {
  flex-direction: row-reverse;
}

/* line 26, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-flex-col-reverse {
  flex-direction: column-reverse;
}

/* line 29, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-flex-wrap {
  flex-wrap: wrap;
}

/* line 30, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-flex-nowrap {
  flex-wrap: nowrap;
}

/* line 33, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-justify-start {
  justify-content: flex-start;
}

/* line 34, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-justify-end {
  justify-content: flex-end;
}

/* line 35, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-justify-center {
  justify-content: center;
}

/* line 36, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-justify-between {
  justify-content: space-between;
}

/* line 37, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-justify-around {
  justify-content: space-around;
}

/* line 38, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-justify-evenly {
  justify-content: space-evenly;
}

/* line 41, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-items-start {
  align-items: flex-start;
}

/* line 42, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-items-end {
  align-items: flex-end;
}

/* line 43, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-items-center {
  align-items: center;
}

/* line 44, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-items-baseline {
  align-items: baseline;
}

/* line 45, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-items-stretch {
  align-items: stretch;
}

/* line 48, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-self-auto {
  align-self: auto;
}

/* line 49, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-self-start {
  align-self: flex-start;
}

/* line 50, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-self-end {
  align-self: flex-end;
}

/* line 51, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-self-center {
  align-self: center;
}

/* line 52, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-self-stretch {
  align-self: stretch;
}

/* line 55, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-flex-1 {
  flex: 1 1 0%;
}

/* line 56, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-flex-auto {
  flex: 1 1 auto;
}

/* line 57, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-flex-initial {
  flex: 0 1 auto;
}

/* line 58, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-flex-none {
  flex: none;
}

/* line 59, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-grow {
  flex-grow: 1;
}

/* line 60, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-grow-0 {
  flex-grow: 0;
}

/* line 61, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-shrink {
  flex-shrink: 1;
}

/* line 62, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-shrink-0 {
  flex-shrink: 0;
}

/* line 65, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-gap-0 {
  gap: 0;
}

/* line 66, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-gap-1 {
  gap: var(--tw-space-1);
}

/* line 67, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-gap-2 {
  gap: var(--tw-space-2);
}

/* line 68, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-gap-3 {
  gap: var(--tw-space-3);
}

/* line 69, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-gap-4 {
  gap: var(--tw-space-4);
}

/* line 70, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-gap-5 {
  gap: var(--tw-space-5);
}

/* line 71, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-gap-6 {
  gap: var(--tw-space-6);
}

/* line 72, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-gap-8 {
  gap: var(--tw-space-8);
}

/* line 78, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

/* line 79, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* line 80, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* line 81, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* line 82, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

/* line 83, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

/* line 85, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-col-span-1 {
  grid-column: span 1 / span 1;
}

/* line 86, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-col-span-2 {
  grid-column: span 2 / span 2;
}

/* line 87, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-col-span-3 {
  grid-column: span 3 / span 3;
}

/* line 88, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-col-span-4 {
  grid-column: span 4 / span 4;
}

/* line 89, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-col-span-6 {
  grid-column: span 6 / span 6;
}

/* line 90, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-col-span-full {
  grid-column: 1 / -1;
}

/* line 97, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-m-0 {
  margin: 0;
}

/* line 98, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-m-1 {
  margin: var(--tw-space-1);
}

/* line 99, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-m-2 {
  margin: var(--tw-space-2);
}

/* line 100, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-m-3 {
  margin: var(--tw-space-3);
}

/* line 101, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-m-4 {
  margin: var(--tw-space-4);
}

/* line 102, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-m-5 {
  margin: var(--tw-space-5);
}

/* line 103, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-m-6 {
  margin: var(--tw-space-6);
}

/* line 104, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-m-8 {
  margin: var(--tw-space-8);
}

/* line 105, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-m-auto {
  margin: auto;
}

/* line 108, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-mx-0 {
  margin-left: 0;
  margin-right: 0;
}

/* line 109, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-mx-1 {
  margin-left: var(--tw-space-1);
  margin-right: var(--tw-space-1);
}

/* line 110, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-mx-2 {
  margin-left: var(--tw-space-2);
  margin-right: var(--tw-space-2);
}

/* line 111, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-mx-3 {
  margin-left: var(--tw-space-3);
  margin-right: var(--tw-space-3);
}

/* line 112, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-mx-4 {
  margin-left: var(--tw-space-4);
  margin-right: var(--tw-space-4);
}

/* line 113, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-mx-auto {
  margin-left: auto;
  margin-right: auto;
}

/* line 116, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

/* line 117, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-my-1 {
  margin-top: var(--tw-space-1);
  margin-bottom: var(--tw-space-1);
}

/* line 118, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-my-2 {
  margin-top: var(--tw-space-2);
  margin-bottom: var(--tw-space-2);
}

/* line 119, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-my-3 {
  margin-top: var(--tw-space-3);
  margin-bottom: var(--tw-space-3);
}

/* line 120, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-my-4 {
  margin-top: var(--tw-space-4);
  margin-bottom: var(--tw-space-4);
}

/* line 123, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-mt-0 {
  margin-top: 0;
}

/* line 124, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-mt-1 {
  margin-top: var(--tw-space-1);
}

/* line 125, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-mt-2 {
  margin-top: var(--tw-space-2);
}

/* line 126, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-mt-3 {
  margin-top: var(--tw-space-3);
}

/* line 127, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-mt-4 {
  margin-top: var(--tw-space-4);
}

/* line 128, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-mt-5 {
  margin-top: var(--tw-space-5);
}

/* line 129, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-mt-6 {
  margin-top: var(--tw-space-6);
}

/* line 130, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-mt-8 {
  margin-top: var(--tw-space-8);
}

/* line 133, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-mb-0 {
  margin-bottom: 0;
}

/* line 134, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-mb-1 {
  margin-bottom: var(--tw-space-1);
}

/* line 135, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-mb-2 {
  margin-bottom: var(--tw-space-2);
}

/* line 136, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-mb-3 {
  margin-bottom: var(--tw-space-3);
}

/* line 137, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-mb-4 {
  margin-bottom: var(--tw-space-4);
}

/* line 138, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-mb-5 {
  margin-bottom: var(--tw-space-5);
}

/* line 139, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-mb-6 {
  margin-bottom: var(--tw-space-6);
}

/* line 140, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-mb-8 {
  margin-bottom: var(--tw-space-8);
}

/* line 143, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-ml-0 {
  margin-left: 0;
}

/* line 144, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-ml-1 {
  margin-left: var(--tw-space-1);
}

/* line 145, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-ml-2 {
  margin-left: var(--tw-space-2);
}

/* line 146, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-ml-3 {
  margin-left: var(--tw-space-3);
}

/* line 147, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-ml-4 {
  margin-left: var(--tw-space-4);
}

/* line 148, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-ml-auto {
  margin-left: auto;
}

/* line 151, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-mr-0 {
  margin-right: 0;
}

/* line 152, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-mr-1 {
  margin-right: var(--tw-space-1);
}

/* line 153, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-mr-2 {
  margin-right: var(--tw-space-2);
}

/* line 154, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-mr-3 {
  margin-right: var(--tw-space-3);
}

/* line 155, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-mr-4 {
  margin-right: var(--tw-space-4);
}

/* line 156, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-mr-auto {
  margin-right: auto;
}

/* line 163, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-p-0 {
  padding: 0;
}

/* line 164, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-p-1 {
  padding: var(--tw-space-1);
}

/* line 165, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-p-2 {
  padding: var(--tw-space-2);
}

/* line 166, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-p-3 {
  padding: var(--tw-space-3);
}

/* line 167, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-p-4 {
  padding: var(--tw-space-4);
}

/* line 168, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-p-5 {
  padding: var(--tw-space-5);
}

/* line 169, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-p-6 {
  padding: var(--tw-space-6);
}

/* line 170, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-p-8 {
  padding: var(--tw-space-8);
}

/* line 173, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-px-0 {
  padding-left: 0;
  padding-right: 0;
}

/* line 174, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-px-1 {
  padding-left: var(--tw-space-1);
  padding-right: var(--tw-space-1);
}

/* line 175, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-px-2 {
  padding-left: var(--tw-space-2);
  padding-right: var(--tw-space-2);
}

/* line 176, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-px-3 {
  padding-left: var(--tw-space-3);
  padding-right: var(--tw-space-3);
}

/* line 177, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-px-4 {
  padding-left: var(--tw-space-4);
  padding-right: var(--tw-space-4);
}

/* line 178, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-px-5 {
  padding-left: var(--tw-space-5);
  padding-right: var(--tw-space-5);
}

/* line 179, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-px-6 {
  padding-left: var(--tw-space-6);
  padding-right: var(--tw-space-6);
}

/* line 182, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

/* line 183, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-py-1 {
  padding-top: var(--tw-space-1);
  padding-bottom: var(--tw-space-1);
}

/* line 184, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-py-2 {
  padding-top: var(--tw-space-2);
  padding-bottom: var(--tw-space-2);
}

/* line 185, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-py-3 {
  padding-top: var(--tw-space-3);
  padding-bottom: var(--tw-space-3);
}

/* line 186, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-py-4 {
  padding-top: var(--tw-space-4);
  padding-bottom: var(--tw-space-4);
}

/* line 187, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-py-5 {
  padding-top: var(--tw-space-5);
  padding-bottom: var(--tw-space-5);
}

/* line 188, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-py-6 {
  padding-top: var(--tw-space-6);
  padding-bottom: var(--tw-space-6);
}

/* line 191, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-pt-0 {
  padding-top: 0;
}

/* line 192, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-pt-2 {
  padding-top: var(--tw-space-2);
}

/* line 193, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-pt-4 {
  padding-top: var(--tw-space-4);
}

/* line 194, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-pt-6 {
  padding-top: var(--tw-space-6);
}

/* line 196, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-pb-0 {
  padding-bottom: 0;
}

/* line 197, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-pb-2 {
  padding-bottom: var(--tw-space-2);
}

/* line 198, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-pb-4 {
  padding-bottom: var(--tw-space-4);
}

/* line 199, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-pb-6 {
  padding-bottom: var(--tw-space-6);
}

/* line 201, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-pl-0 {
  padding-left: 0;
}

/* line 202, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-pl-2 {
  padding-left: var(--tw-space-2);
}

/* line 203, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-pl-4 {
  padding-left: var(--tw-space-4);
}

/* line 205, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-pr-0 {
  padding-right: 0;
}

/* line 206, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-pr-2 {
  padding-right: var(--tw-space-2);
}

/* line 207, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-pr-4 {
  padding-right: var(--tw-space-4);
}

/* line 213, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-w-auto {
  width: auto;
}

/* line 214, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-w-full {
  width: 100%;
}

/* line 215, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-w-screen {
  width: 100vw;
}

/* line 216, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-w-min {
  width: min-content;
}

/* line 217, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-w-max {
  width: max-content;
}

/* line 218, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-w-fit {
  width: fit-content;
}

/* line 220, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-h-auto {
  height: auto;
}

/* line 221, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-h-full {
  height: 100%;
}

/* line 222, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-h-screen {
  height: 100vh;
}

/* line 223, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-h-min {
  height: min-content;
}

/* line 225, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-min-w-0 {
  min-width: 0;
}

/* line 226, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-min-w-full {
  min-width: 100%;
}

/* line 227, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-min-h-0 {
  min-height: 0;
}

/* line 228, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-min-h-full {
  min-height: 100%;
}

/* line 229, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-min-h-screen {
  min-height: 100vh;
}

/* line 231, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-max-w-none {
  max-width: none;
}

/* line 232, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-max-w-full {
  max-width: 100%;
}

/* line 233, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-max-h-full {
  max-height: 100%;
}

/* line 239, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-static {
  position: static;
}

/* line 240, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-relative {
  position: relative;
}

/* line 241, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-absolute {
  position: absolute;
}

/* line 242, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-fixed {
  position: fixed;
}

/* line 243, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-sticky {
  position: sticky;
}

/* line 245, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-inset-0 {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* line 246, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-inset-x-0 {
  left: 0;
  right: 0;
}

/* line 247, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-inset-y-0 {
  top: 0;
  bottom: 0;
}

/* line 249, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-top-0 {
  top: 0;
}

/* line 250, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-right-0 {
  right: 0;
}

/* line 251, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-bottom-0 {
  bottom: 0;
}

/* line 252, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-left-0 {
  left: 0;
}

/* line 258, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-z-0 {
  z-index: 0;
}

/* line 259, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-z-10 {
  z-index: 10;
}

/* line 260, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-z-20 {
  z-index: 20;
}

/* line 261, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-z-30 {
  z-index: 30;
}

/* line 262, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-z-40 {
  z-index: 40;
}

/* line 263, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-z-50 {
  z-index: 50;
}

/* line 264, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-z-dropdown {
  z-index: var(--tw-z-dropdown);
}

/* line 265, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-z-modal {
  z-index: var(--tw-z-modal);
}

/* line 266, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-z-tooltip {
  z-index: var(--tw-z-tooltip);
}

/* line 272, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-overflow-auto {
  overflow: auto;
}

/* line 273, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-overflow-hidden {
  overflow: hidden;
}

/* line 274, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-overflow-visible {
  overflow: visible;
}

/* line 275, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-overflow-scroll {
  overflow: scroll;
}

/* line 276, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-overflow-x-auto {
  overflow-x: auto;
}

/* line 277, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-overflow-y-auto {
  overflow-y: auto;
}

/* line 278, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-overflow-x-hidden {
  overflow-x: hidden;
}

/* line 279, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-overflow-y-hidden {
  overflow-y: hidden;
}

/* line 285, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-rounded-none {
  border-radius: 0;
}

/* line 286, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-rounded-sm {
  border-radius: var(--tw-radius-sm);
}

/* line 287, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-rounded {
  border-radius: var(--tw-radius-md);
}

/* line 288, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-rounded-md {
  border-radius: var(--tw-radius-md);
}

/* line 289, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-rounded-lg {
  border-radius: var(--tw-radius-lg);
}

/* line 290, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-rounded-xl {
  border-radius: var(--tw-radius-xl);
}

/* line 291, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-rounded-2xl {
  border-radius: var(--tw-radius-2xl);
}

/* line 292, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-rounded-3xl {
  border-radius: var(--tw-radius-3xl);
}

/* line 293, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-rounded-full {
  border-radius: var(--tw-radius-full);
}

/* line 299, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-border-0 {
  border-width: 0;
}

/* line 300, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-border {
  border-width: 1px;
  border-style: solid;
  border-color: var(--tw-border-default);
}

/* line 301, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-border-2 {
  border-width: 2px;
  border-style: solid;
  border-color: var(--tw-border-default);
}

/* line 303, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-border-t {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--tw-border-default);
}

/* line 304, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-border-b {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--tw-border-default);
}

/* line 305, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-border-l {
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: var(--tw-border-default);
}

/* line 306, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-border-r {
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: var(--tw-border-default);
}

/* line 308, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-border-subtle {
  border-color: var(--tw-border-subtle);
}

/* line 309, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-border-strong {
  border-color: var(--tw-border-strong);
}

/* line 310, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-border-accent {
  border-color: var(--tw-accent-primary);
}

/* line 316, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-bg-transparent {
  background-color: transparent;
}

/* line 317, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-bg-primary {
  background-color: var(--tw-bg-primary);
}

/* line 318, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-bg-secondary {
  background-color: var(--tw-bg-secondary);
}

/* line 319, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-bg-tertiary {
  background-color: var(--tw-bg-tertiary);
}

/* line 320, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-bg-elevated {
  background-color: var(--tw-bg-elevated);
}

/* line 321, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-bg-hover {
  background-color: var(--tw-bg-hover);
}

/* line 322, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-bg-glass {
  background-color: var(--tw-glass-bg);
}

/* line 324, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-bg-accent-soft {
  background-color: var(--tw-accent-primary-soft);
}

/* line 325, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-bg-success-soft {
  background-color: var(--tw-success-soft);
}

/* line 326, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-bg-warning-soft {
  background-color: var(--tw-warning-soft);
}

/* line 327, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-bg-error-soft {
  background-color: var(--tw-error-soft);
}

/* line 328, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-bg-info-soft {
  background-color: var(--tw-info-soft);
}

/* line 334, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-opacity-0 {
  opacity: 0;
}

/* line 335, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-opacity-25 {
  opacity: 0.25;
}

/* line 336, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-opacity-50 {
  opacity: 0.5;
}

/* line 337, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-opacity-75 {
  opacity: 0.75;
}

/* line 338, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-opacity-100 {
  opacity: 1;
}

/* line 344, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-cursor-auto {
  cursor: auto;
}

/* line 345, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-cursor-default {
  cursor: default;
}

/* line 346, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-cursor-pointer {
  cursor: pointer;
}

/* line 347, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-cursor-wait {
  cursor: wait;
}

/* line 348, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-cursor-text {
  cursor: text;
}

/* line 349, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-cursor-move {
  cursor: move;
}

/* line 350, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-cursor-not-allowed {
  cursor: not-allowed;
}

/* line 356, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-pointer-events-none {
  pointer-events: none;
}

/* line 357, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-pointer-events-auto {
  pointer-events: auto;
}

/* line 363, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-select-none {
  user-select: none;
}

/* line 364, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-select-text {
  user-select: text;
}

/* line 365, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-select-all {
  user-select: all;
}

/* line 366, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-select-auto {
  user-select: auto;
}

/* line 372, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-visible {
  visibility: visible;
}

/* line 373, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-invisible {
  visibility: hidden;
}

/* line 379, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/* line 396, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-is-disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 402, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-is-hidden {
  display: none;
}

/* line 403, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-is-visible {
  display: block;
}

/* line 409, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-drag-handle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: var(--tw-text-muted);
  cursor: grab;
  transition: color var(--tw-transition-fast);
}

/* line 419, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-drag-handle:hover {
  color: var(--tw-text-secondary);
}

/* line 423, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-drag-handle:active {
  cursor: grabbing;
}

/* line 432, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-merchant-token-box {
  display: flex;
  align-items: center;
  gap: var(--tw-space-3);
  padding: var(--tw-space-4);
  background: var(--tw-bg-tertiary);
  border: 1px solid var(--tw-border-subtle);
  border-radius: var(--tw-radius-lg);
  margin-bottom: var(--tw-space-5);
}

/* line 443, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-merchant-token-box__value {
  font-family: var(--tw-font-mono, monospace);
  font-size: var(--tw-text-lg);
  font-weight: var(--tw-font-semibold);
  color: var(--tw-accent-primary);
  word-break: break-all;
}

/* line 455, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-info-list {
  display: flex;
  flex-direction: column;
}

/* line 460, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-info-list__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--tw-space-3) 0;
  border-bottom: 1px solid var(--tw-border-subtle);
}

/* line 467, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-info-list__item:last-child {
  border-bottom: none;
}

/* line 472, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-info-list__label {
  font-size: var(--tw-text-sm);
  color: var(--tw-text-tertiary);
}

/* line 477, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-info-list__value {
  display: flex;
  align-items: center;
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-medium);
  color: var(--tw-text-primary);
}

/* line 484, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-info-list__value code {
  font-family: var(--tw-font-mono, monospace);
  font-size: var(--tw-text-xs);
  padding: var(--tw-space-1) var(--tw-space-2);
  background: var(--tw-bg-tertiary);
  border-radius: var(--tw-radius-sm);
}

/* line 497, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-toggle-list {
  display: flex;
  flex-direction: column;
  gap: var(--tw-space-4);
}

/* line 503, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-toggle-with-input {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--tw-space-3);
}

/* line 510, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-toggle-with-input__field {
  flex: 1;
  min-width: 200px;
  max-width: 300px;
}

/* line 520, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-tabs {
  display: flex;
  gap: var(--tw-space-1);
  padding: var(--tw-space-1);
  background: var(--tw-bg-tertiary);
  border-radius: var(--tw-radius-lg);
  overflow-x: auto;
}

/* line 529, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-tab {
  padding: var(--tw-space-2) var(--tw-space-4);
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-medium);
  color: var(--tw-text-tertiary);
  background: transparent;
  border: none;
  border-radius: var(--tw-radius-md);
  cursor: pointer;
  transition: all var(--tw-transition-fast);
  white-space: nowrap;
  text-decoration: none;
}

/* line 542, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-tab:hover {
  color: var(--tw-text-secondary);
  background: var(--tw-bg-hover);
}

/* line 547, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-tab.tw-is-active {
  color: var(--tw-text-primary);
  background: var(--tw-bg-elevated);
  box-shadow: var(--tw-shadow-sm);
}

/* line 558, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-alert__link {
  color: inherit;
  font-weight: var(--tw-font-semibold);
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* line 564, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-alert__link:hover {
  opacity: 0.8;
}

/* line 573, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-table__empty {
  text-align: center;
  padding: var(--tw-space-8) var(--tw-space-4) !important;
}

/* line 578, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-table__empty-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--tw-space-3);
  color: var(--tw-text-muted);
}

/* line 585, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-table__empty-content svg, .tw-table__empty-content i {
  opacity: 0.5;
}

/* line 589, app/assets/stylesheets/new-ui/base/_utilities.scss */
.tw-table__empty-content span {
  font-size: var(--tw-text-sm);
}

/* line 10, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn, .tw-btn-success, .tw-btn-danger, .tw-btn-outline, .tw-btn-ghost, .tw-btn-secondary, .tw-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--tw-space-2);
  height: 36px;
  padding: 0 var(--tw-space-4);
  font-family: var(--tw-font-secondary);
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-semibold);
  line-height: 1;
  border-radius: var(--tw-radius-lg);
  border: none;
  cursor: pointer;
  transition: all var(--tw-transition-fast);
  white-space: nowrap;
  text-decoration: none;
}

/* line 28, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn:disabled, .tw-btn-success:disabled, .tw-btn-danger:disabled, .tw-btn-outline:disabled, .tw-btn-ghost:disabled, .tw-btn-secondary:disabled, .tw-btn-primary:disabled, .tw-btn.tw-is-disabled, .tw-is-disabled.tw-btn-success, .tw-is-disabled.tw-btn-danger, .tw-is-disabled.tw-btn-outline, .tw-is-disabled.tw-btn-ghost, .tw-is-disabled.tw-btn-secondary, .tw-is-disabled.tw-btn-primary {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 36, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn .tw-btn__icon, .tw-btn-success .tw-btn__icon, .tw-btn-danger .tw-btn__icon, .tw-btn-outline .tw-btn__icon, .tw-btn-ghost .tw-btn__icon, .tw-btn-secondary .tw-btn__icon, .tw-btn-primary .tw-btn__icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

/* line 43, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn.tw-is-loading, .tw-is-loading.tw-btn-success, .tw-is-loading.tw-btn-danger, .tw-is-loading.tw-btn-outline, .tw-is-loading.tw-btn-ghost, .tw-is-loading.tw-btn-secondary, .tw-is-loading.tw-btn-primary {
  position: relative;
  color: transparent !important;
  pointer-events: none;
}

/* line 48, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn.tw-is-loading::after, .tw-is-loading.tw-btn-success::after, .tw-is-loading.tw-btn-danger::after, .tw-is-loading.tw-btn-outline::after, .tw-is-loading.tw-btn-ghost::after, .tw-is-loading.tw-btn-secondary::after, .tw-is-loading.tw-btn-primary::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  border: 2px solid transparent;
  border-top-color: currentColor;
  border-radius: 50%;
  animation: tw-spin 0.8s linear infinite;
}

/* line 65, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-primary {
  background: var(--tw-gradient-primary);
  color: white;
  box-shadow: var(--tw-shadow-sm), var(--tw-shadow-glow-sm);
}

/* line 71, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-primary:hover:not(:disabled):not(.tw-is-disabled) {
  box-shadow: var(--tw-shadow-md), var(--tw-shadow-glow-md);
}

/* line 75, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-primary:active:not(:disabled):not(.tw-is-disabled) {
  box-shadow: var(--tw-shadow-xs), var(--tw-shadow-glow-sm);
}

/* line 79, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-primary:focus-visible {
  outline: none;
  box-shadow: var(--tw-shadow-md), var(--tw-shadow-glow-md), 0 0 0 3px var(--tw-accent-primary-soft);
}

/* line 84, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-primary.tw-is-loading::after {
  border-top-color: white;
}

/* line 93, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-secondary {
  background: var(--tw-glass-bg);
  color: var(--tw-text-secondary);
  border: 1px solid var(--tw-border-default);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* line 101, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-secondary:hover:not(:disabled):not(.tw-is-disabled) {
  background: var(--tw-glass-bg-hover);
  color: var(--tw-text-primary);
  border-color: var(--tw-border-strong);
}

/* line 107, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-secondary:active:not(:disabled):not(.tw-is-disabled) {
  background: var(--tw-glass-bg-active);
}

/* line 111, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-secondary:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--tw-accent-primary-soft);
}

/* line 116, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-secondary.tw-is-loading::after {
  border-top-color: var(--tw-text-secondary);
}

/* line 125, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-ghost {
  background: transparent;
  color: var(--tw-text-secondary);
}

/* line 130, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-ghost:hover:not(:disabled):not(.tw-is-disabled) {
  background: var(--tw-glass-bg);
  color: var(--tw-text-primary);
}

/* line 135, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-ghost:active:not(:disabled):not(.tw-is-disabled) {
  background: var(--tw-glass-bg-hover);
}

/* line 139, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-ghost:focus-visible {
  outline: none;
  background: var(--tw-glass-bg);
  box-shadow: 0 0 0 3px var(--tw-accent-primary-soft);
}

/* line 145, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-ghost.tw-is-loading::after {
  border-top-color: var(--tw-text-secondary);
}

/* line 154, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-outline {
  background: transparent;
  color: var(--tw-accent-primary);
  border: 1px solid var(--tw-accent-primary);
}

/* line 160, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-outline:hover:not(:disabled):not(.tw-is-disabled) {
  background: var(--tw-accent-primary-soft);
}

/* line 164, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-outline:active:not(:disabled):not(.tw-is-disabled) {
  background: rgba(255, 107, 74, 0.2);
}

/* line 168, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-outline:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--tw-accent-primary-soft);
}

/* line 173, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-outline.tw-is-loading::after {
  border-top-color: var(--tw-accent-primary);
}

/* line 182, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-danger {
  background: var(--tw-error-soft);
  color: var(--tw-error);
  border: 1px solid var(--tw-error-border);
}

/* line 188, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-danger:hover:not(:disabled):not(.tw-is-disabled) {
  background: rgba(239, 68, 68, 0.2);
  color: #FF6B6B;
  border-color: rgba(239, 68, 68, 0.4);
}

/* line 194, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-danger:active:not(:disabled):not(.tw-is-disabled) {
  background: rgba(239, 68, 68, 0.25);
}

/* line 198, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-danger:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--tw-error-soft);
}

/* line 203, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-danger.tw-is-loading::after {
  border-top-color: var(--tw-error);
}

/* line 212, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-success {
  background: var(--tw-success-soft);
  color: var(--tw-success);
  border: 1px solid var(--tw-success-border);
}

/* line 218, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-success:hover:not(:disabled):not(.tw-is-disabled) {
  background: rgba(34, 197, 94, 0.2);
  color: #4ADE80;
  border-color: rgba(34, 197, 94, 0.4);
}

/* line 224, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-success:active:not(:disabled):not(.tw-is-disabled) {
  background: rgba(34, 197, 94, 0.25);
}

/* line 228, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-success:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--tw-success-soft);
}

/* line 233, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-success.tw-is-loading::after {
  border-top-color: var(--tw-success);
}

/* line 242, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-xs {
  height: 28px;
  padding: 0 var(--tw-space-2);
  font-size: var(--tw-text-xs);
  border-radius: var(--tw-radius-md);
  gap: var(--tw-space-1);
}

/* line 249, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-xs .tw-btn__icon {
  width: 14px;
  height: 14px;
}

/* line 255, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-sm {
  height: 32px;
  padding: 0 var(--tw-space-3);
  font-size: var(--tw-text-xs);
  gap: var(--tw-space-1-5);
}

/* line 261, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-sm .tw-btn__icon {
  width: 14px;
  height: 14px;
}

/* line 267, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-lg {
  height: 44px;
  padding: 0 var(--tw-space-6);
  font-size: var(--tw-text-base);
  border-radius: var(--tw-radius-xl);
  gap: var(--tw-space-2-5);
}

/* line 274, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-lg .tw-btn__icon {
  width: 18px;
  height: 18px;
}

/* line 280, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-xl {
  height: 52px;
  padding: 0 var(--tw-space-8);
  font-size: var(--tw-text-md);
  border-radius: var(--tw-radius-xl);
  gap: var(--tw-space-3);
}

/* line 287, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-xl .tw-btn__icon {
  width: 20px;
  height: 20px;
}

/* line 298, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-block {
  width: 100%;
}

/* line 303, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-icon {
  width: 36px;
  padding: 0;
}

/* line 307, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-icon.tw-btn-xs {
  width: 28px;
}

/* line 308, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-icon.tw-btn-sm {
  width: 32px;
}

/* line 309, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-icon.tw-btn-lg {
  width: 44px;
}

/* line 310, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-icon.tw-btn-xl {
  width: 52px;
}

/* line 314, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-pill {
  border-radius: var(--tw-radius-full);
}

/* line 322, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-group {
  display: inline-flex;
}

/* line 325, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-group .tw-btn, .tw-btn-group .tw-btn-primary, .tw-btn-group .tw-btn-secondary, .tw-btn-group .tw-btn-ghost, .tw-btn-group .tw-btn-outline, .tw-btn-group .tw-btn-danger, .tw-btn-group .tw-btn-success {
  border-radius: 0;
}

/* line 328, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-group .tw-btn:first-child, .tw-btn-group .tw-btn-primary:first-child, .tw-btn-group .tw-btn-secondary:first-child, .tw-btn-group .tw-btn-ghost:first-child, .tw-btn-group .tw-btn-outline:first-child, .tw-btn-group .tw-btn-danger:first-child, .tw-btn-group .tw-btn-success:first-child {
  border-radius: var(--tw-radius-lg) 0 0 var(--tw-radius-lg);
}

/* line 332, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-group .tw-btn:last-child, .tw-btn-group .tw-btn-primary:last-child, .tw-btn-group .tw-btn-secondary:last-child, .tw-btn-group .tw-btn-ghost:last-child, .tw-btn-group .tw-btn-outline:last-child, .tw-btn-group .tw-btn-danger:last-child, .tw-btn-group .tw-btn-success:last-child {
  border-radius: 0 var(--tw-radius-lg) var(--tw-radius-lg) 0;
}

/* line 336, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-group .tw-btn:not(:first-child), .tw-btn-group .tw-btn-primary:not(:first-child), .tw-btn-group .tw-btn-secondary:not(:first-child), .tw-btn-group .tw-btn-ghost:not(:first-child), .tw-btn-group .tw-btn-outline:not(:first-child), .tw-btn-group .tw-btn-danger:not(:first-child), .tw-btn-group .tw-btn-success:not(:first-child) {
  margin-left: -1px;
}

/* line 343, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-group-vertical {
  display: inline-flex;
  flex-direction: column;
}

/* line 347, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-group-vertical .tw-btn, .tw-btn-group-vertical .tw-btn-primary, .tw-btn-group-vertical .tw-btn-secondary, .tw-btn-group-vertical .tw-btn-ghost, .tw-btn-group-vertical .tw-btn-outline, .tw-btn-group-vertical .tw-btn-danger, .tw-btn-group-vertical .tw-btn-success {
  border-radius: 0;
}

/* line 350, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-group-vertical .tw-btn:first-child, .tw-btn-group-vertical .tw-btn-primary:first-child, .tw-btn-group-vertical .tw-btn-secondary:first-child, .tw-btn-group-vertical .tw-btn-ghost:first-child, .tw-btn-group-vertical .tw-btn-outline:first-child, .tw-btn-group-vertical .tw-btn-danger:first-child, .tw-btn-group-vertical .tw-btn-success:first-child {
  border-radius: var(--tw-radius-lg) var(--tw-radius-lg) 0 0;
}

/* line 354, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-group-vertical .tw-btn:last-child, .tw-btn-group-vertical .tw-btn-primary:last-child, .tw-btn-group-vertical .tw-btn-secondary:last-child, .tw-btn-group-vertical .tw-btn-ghost:last-child, .tw-btn-group-vertical .tw-btn-outline:last-child, .tw-btn-group-vertical .tw-btn-danger:last-child, .tw-btn-group-vertical .tw-btn-success:last-child {
  border-radius: 0 0 var(--tw-radius-lg) var(--tw-radius-lg);
}

/* line 358, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-group-vertical .tw-btn:not(:first-child), .tw-btn-group-vertical .tw-btn-primary:not(:first-child), .tw-btn-group-vertical .tw-btn-secondary:not(:first-child), .tw-btn-group-vertical .tw-btn-ghost:not(:first-child), .tw-btn-group-vertical .tw-btn-outline:not(:first-child), .tw-btn-group-vertical .tw-btn-danger:not(:first-child), .tw-btn-group-vertical .tw-btn-success:not(:first-child) {
  margin-top: -1px;
}

/* line 368, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-link {
  display: inline-flex;
  align-items: center;
  gap: var(--tw-space-1);
  padding: 0;
  height: auto;
  background: none;
  border: none;
  color: var(--tw-accent-primary);
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-medium);
  cursor: pointer;
  transition: color var(--tw-transition-fast);
}

/* line 382, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-link:hover {
  color: var(--tw-accent-primary-hover);
}

/* line 386, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-btn-link:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* line 396, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-fab {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: var(--tw-radius-full);
  background: var(--tw-gradient-primary);
  color: white;
  border: none;
  cursor: pointer;
  box-shadow: var(--tw-shadow-lg), var(--tw-shadow-glow-md);
  transition: all var(--tw-transition-fast);
}

/* line 410, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-fab svg {
  width: 24px;
  height: 24px;
}

/* line 415, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-fab:hover {
  box-shadow: var(--tw-shadow-xl), var(--tw-shadow-glow-lg);
  transform: translateY(-2px);
}

/* line 420, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-fab:active {
  transform: translateY(0);
  box-shadow: var(--tw-shadow-md), var(--tw-shadow-glow-md);
}

/* line 426, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-fab-sm {
  width: 40px;
  height: 40px;
}

/* line 430, app/assets/stylesheets/new-ui/components/_buttons.scss */
.tw-fab-sm svg {
  width: 18px;
  height: 18px;
}

/* line 10, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-form-group {
  margin-bottom: var(--tw-space-5);
}

/* line 13, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-form-group:last-child {
  margin-bottom: 0;
}

/* line 18, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-form-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--tw-space-4);
}

/* line 28, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-form-label {
  display: block;
  font-size: var(--tw-text-xs);
  font-weight: var(--tw-font-medium);
  color: var(--tw-text-secondary);
  text-transform: uppercase;
  letter-spacing: var(--tw-tracking-wider);
  margin-bottom: var(--tw-space-2);
}

/* line 38, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-form-label-inline {
  display: inline-block;
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-normal);
  color: var(--tw-text-secondary);
  text-transform: none;
  letter-spacing: normal;
}

/* line 48, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-form-optional {
  font-size: var(--tw-text-xs);
  font-weight: var(--tw-font-normal);
  color: var(--tw-text-tertiary);
  text-transform: none;
  letter-spacing: normal;
  margin-left: var(--tw-space-1);
}

/* line 61, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-input, .tw-select, .tw-textarea {
  width: 100%;
  height: 40px;
  padding: 0 var(--tw-space-3);
  font-family: var(--tw-font-secondary);
  font-size: var(--tw-text-base);
  font-weight: var(--tw-font-normal);
  color: var(--tw-text-primary);
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid var(--tw-border-default);
  border-radius: var(--tw-radius-lg);
  outline: none;
  transition: all var(--tw-transition-fast);
}

/* line 75, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-input::placeholder, .tw-select::placeholder, .tw-textarea::placeholder {
  color: var(--tw-text-muted);
}

/* line 79, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-input:hover:not(:disabled):not(:focus), .tw-select:hover:not(:disabled):not(:focus), .tw-textarea:hover:not(:disabled):not(:focus) {
  border-color: var(--tw-border-strong);
  background: rgba(0, 0, 0, 0.35);
}

/* line 84, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-input:focus, .tw-select:focus, .tw-textarea:focus {
  border-color: var(--tw-accent-primary);
  background: rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 0 3px var(--tw-accent-primary-soft);
}

/* line 90, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-input:disabled, .tw-select:disabled, .tw-textarea:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* line 96, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-input.tw-input-error, .tw-input-error.tw-select, .tw-input-error.tw-textarea, .tw-input.tw-is-error, .tw-is-error.tw-select, .tw-is-error.tw-textarea {
  border-color: var(--tw-error);
}

/* line 100, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-input.tw-input-error:focus, .tw-input-error.tw-select:focus, .tw-input-error.tw-textarea:focus, .tw-input.tw-is-error:focus, .tw-is-error.tw-select:focus, .tw-is-error.tw-textarea:focus {
  box-shadow: 0 0 0 3px var(--tw-error-soft);
}

/* line 106, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-input.tw-input-success, .tw-input-success.tw-select, .tw-input-success.tw-textarea, .tw-input.tw-is-success, .tw-is-success.tw-select, .tw-is-success.tw-textarea {
  border-color: var(--tw-success);
}

/* line 110, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-input.tw-input-success:focus, .tw-input-success.tw-select:focus, .tw-input-success.tw-textarea:focus, .tw-input.tw-is-success:focus, .tw-is-success.tw-select:focus, .tw-is-success.tw-textarea:focus {
  box-shadow: 0 0 0 3px var(--tw-success-soft);
}

/* line 120, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-input-sm, .tw-select-sm {
  height: 32px;
  padding: 0 var(--tw-space-2-5);
  font-size: var(--tw-text-sm);
  border-radius: var(--tw-radius-md);
}

/* line 127, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-input-lg, .tw-select-lg {
  height: 48px;
  padding: 0 var(--tw-space-4);
  font-size: var(--tw-text-md);
  border-radius: var(--tw-radius-xl);
}

/* line 138, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-textarea {
  height: auto;
  min-height: 100px;
  padding: var(--tw-space-3);
  resize: vertical;
  line-height: var(--tw-leading-normal);
}

/* line 147, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-textarea-sm {
  min-height: 80px;
  padding: var(--tw-space-2-5);
  font-size: var(--tw-text-sm);
}

/* line 153, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-textarea-lg {
  min-height: 150px;
  padding: var(--tw-space-4);
  font-size: var(--tw-text-md);
}

/* line 160, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-textarea-noresize {
  resize: none;
}

/* line 168, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: rgba(0, 0, 0, 0.3) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 12px center/16px !important;
  padding-right: var(--tw-space-8);
  cursor: pointer;
}

/* line 178, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-select::-ms-expand {
  display: none;
}

/* line 182, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-select:disabled {
  cursor: not-allowed;
}

/* line 186, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-select option {
  background: var(--tw-bg-elevated) !important;
}

/* line 191, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-select-sm {
  padding-right: var(--tw-space-7);
}

/* line 196, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-select-lg {
  padding-right: var(--tw-space-10);
}

/* line 205, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-input-wrapper {
  position: relative;
  display: block;
}

/* line 210, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-input-icon-left {
  padding-left: var(--tw-space-10);
}

/* line 214, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-input-icon-right {
  padding-right: var(--tw-space-10);
}

/* line 218, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-input__icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  color: var(--tw-text-muted);
  pointer-events: none;
}

/* line 227, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-input__icon.tw-input__icon--left {
  left: var(--tw-space-3);
}

/* line 231, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-input__icon.tw-input__icon--right {
  right: var(--tw-space-3);
}

/* line 237, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-input__action {
  position: absolute;
  top: 50%;
  right: var(--tw-space-3);
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  color: var(--tw-text-muted);
  cursor: pointer;
  transition: color var(--tw-transition-fast);
}

/* line 248, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-input__action:hover {
  color: var(--tw-text-secondary);
}

/* line 257, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-input-group {
  display: flex;
  align-items: stretch;
}

/* line 261, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-input-group .tw-input, .tw-input-group .tw-textarea, .tw-input-group .tw-select {
  flex: 1;
  min-width: 0;
  border-radius: 0;
}

/* line 266, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-input-group .tw-input:first-child, .tw-input-group .tw-textarea:first-child, .tw-input-group .tw-select:first-child {
  border-radius: var(--tw-radius-lg) 0 0 var(--tw-radius-lg);
}

/* line 270, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-input-group .tw-input:last-child, .tw-input-group .tw-textarea:last-child, .tw-input-group .tw-select:last-child {
  border-radius: 0 var(--tw-radius-lg) var(--tw-radius-lg) 0;
}

/* line 274, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-input-group .tw-input:not(:first-child), .tw-input-group .tw-textarea:not(:first-child), .tw-input-group .tw-select:not(:first-child) {
  margin-left: -1px;
}

/* line 280, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-input-group__addon {
  display: flex;
  align-items: center;
  padding: 0 var(--tw-space-3);
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-medium);
  color: var(--tw-text-tertiary);
  background: var(--tw-glass-bg);
  border: 1px solid var(--tw-border-default);
  white-space: nowrap;
}

/* line 291, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-input-group__addon:first-child {
  border-radius: var(--tw-radius-lg) 0 0 var(--tw-radius-lg);
  border-right: none;
}

/* line 296, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-input-group__addon:last-child {
  border-radius: 0 var(--tw-radius-lg) var(--tw-radius-lg) 0;
  border-left: none;
}

/* line 306, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-checkbox {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

/* line 313, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-checkbox input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* line 320, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-checkbox .tw-checkbox__box {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  border: 1px solid var(--tw-border-default);
  border-radius: var(--tw-radius-sm);
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all var(--tw-transition-fast);
}

/* line 332, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-checkbox .tw-checkbox__box svg {
  width: 12px;
  height: 12px;
  color: white;
  opacity: 0;
  transform: scale(0.5);
  transition: all var(--tw-transition-fast);
}

/* line 342, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-checkbox .tw-checkbox__label {
  font-size: var(--tw-text-sm);
  color: var(--tw-text-secondary);
  line-height: 1.4;
  user-select: none;
}

/* line 348, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-checkbox .tw-checkbox__label a {
  color: var(--tw-accent-primary);
  text-decoration: none;
}

/* line 352, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-checkbox .tw-checkbox__label a:hover {
  text-decoration: underline;
}

/* line 359, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-checkbox input:checked + .tw-checkbox__box {
  background: var(--tw-accent-primary);
  border-color: var(--tw-accent-primary);
}

/* line 363, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-checkbox input:checked + .tw-checkbox__box svg {
  opacity: 1;
  transform: scale(1);
}

/* line 370, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-checkbox:hover .tw-checkbox__box {
  border-color: var(--tw-border-strong);
}

/* line 375, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-checkbox input:focus-visible + .tw-checkbox__box {
  box-shadow: 0 0 0 3px var(--tw-accent-primary-soft);
}

/* line 380, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-checkbox.tw-is-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* line 390, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-radio {
  display: inline-flex;
  align-items: flex-start;
  gap: var(--tw-space-3);
  cursor: pointer;
}

/* line 396, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-radio input[type="radio"] {
  display: none;
}

/* line 400, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-radio .tw-radio__circle {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  border: 1px solid var(--tw-border-default);
  border-radius: var(--tw-radius-full);
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all var(--tw-transition-fast);
}

/* line 412, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-radio .tw-radio__circle::after {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: var(--tw-radius-full);
  background: white;
  opacity: 0;
  transform: scale(0);
  transition: all var(--tw-transition-fast);
}

/* line 424, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-radio .tw-radio__label {
  font-size: var(--tw-text-sm);
  color: var(--tw-text-secondary);
  line-height: 1.4;
  user-select: none;
}

/* line 432, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-radio input:checked + .tw-radio__circle {
  background: var(--tw-accent-primary);
  border-color: var(--tw-accent-primary);
}

/* line 436, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-radio input:checked + .tw-radio__circle::after {
  opacity: 1;
  transform: scale(1);
}

/* line 443, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-radio:hover .tw-radio__circle {
  border-color: var(--tw-border-strong);
}

/* line 448, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-radio input:focus-visible + .tw-radio__circle {
  box-shadow: 0 0 0 3px var(--tw-accent-primary-soft);
}

/* line 454, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-radio-group {
  display: flex;
  flex-direction: column;
  gap: var(--tw-space-3);
}

/* line 460, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-radio-group-horizontal {
  flex-direction: row;
  gap: var(--tw-space-6);
}

/* line 469, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-toggle {
  display: inline-flex;
  align-items: center;
  gap: var(--tw-space-3);
  cursor: pointer;
}

/* line 475, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-toggle input[type="checkbox"] {
  display: none;
}

/* line 479, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-toggle .tw-toggle__track {
  width: 44px;
  height: 24px;
  flex-shrink: 0;
  border-radius: var(--tw-radius-full);
  background: var(--tw-glass-bg);
  border: 1px solid var(--tw-border-default);
  position: relative;
  transition: all var(--tw-transition-fast);
}

/* line 490, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-toggle .tw-toggle__thumb {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  border-radius: var(--tw-radius-full);
  background: var(--tw-text-tertiary);
  transition: all var(--tw-transition-fast);
}

/* line 501, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-toggle .tw-toggle__label {
  font-size: var(--tw-text-sm);
  color: var(--tw-text-secondary);
  user-select: none;
}

/* line 508, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-toggle input:checked + .tw-toggle__track {
  background: var(--tw-accent-primary);
  border-color: var(--tw-accent-primary);
}

/* line 512, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-toggle input:checked + .tw-toggle__track .tw-toggle__thumb {
  left: calc(100% - 20px);
  background: white;
}

/* line 519, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-toggle:hover .tw-toggle__track {
  border-color: var(--tw-border-strong);
}

/* line 524, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-toggle input:focus-visible + .tw-toggle__track {
  box-shadow: 0 0 0 3px var(--tw-accent-primary-soft);
}

/* line 531, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-toggle-sm .tw-toggle__track {
  width: 36px;
  height: 20px;
}

/* line 536, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-toggle-sm .tw-toggle__thumb {
  width: 14px;
  height: 14px;
}

/* line 541, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-toggle-sm input:checked + .tw-toggle__track .tw-toggle__thumb {
  left: calc(100% - 16px);
}

/* line 550, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-form-hint {
  display: block;
  margin-top: var(--tw-space-2);
  font-size: var(--tw-text-xs);
  color: var(--tw-text-tertiary);
}

/* line 557, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-form-error {
  display: flex;
  align-items: center;
  gap: var(--tw-space-1-5);
  margin-top: var(--tw-space-2);
  font-size: var(--tw-text-xs);
  color: var(--tw-error);
}

/* line 565, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-form-error svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

/* line 572, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-form-success {
  display: flex;
  align-items: center;
  gap: var(--tw-space-1-5);
  margin-top: var(--tw-space-2);
  font-size: var(--tw-text-xs);
  color: var(--tw-success);
}

/* line 580, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-form-success svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

/* line 591, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-form-charcount {
  display: block;
  margin-top: var(--tw-space-2);
  font-size: var(--tw-text-xs);
  color: var(--tw-text-muted);
  text-align: right;
}

/* line 598, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-form-charcount.tw-is-warning {
  color: var(--tw-warning);
}

/* line 602, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-form-charcount.tw-is-error {
  color: var(--tw-error);
}

/* line 611, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-form-section {
  margin-bottom: var(--tw-space-8);
}

/* line 614, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-form-section:last-child {
  margin-bottom: 0;
}

/* line 619, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-form-section__header {
  display: flex;
  align-items: center;
  gap: var(--tw-space-2);
  margin-bottom: var(--tw-space-5);
  padding-bottom: var(--tw-space-3);
  border-bottom: 1px solid var(--tw-border-subtle);
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-semibold);
  color: var(--tw-text-secondary);
  text-transform: uppercase;
  letter-spacing: var(--tw-tracking-wide);
}

/* line 632, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-form-section__header svg, .tw-form-section__header i {
  color: var(--tw-accent-primary);
}

/* line 641, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-form-grid {
  display: grid;
  gap: var(--tw-space-4) var(--tw-space-5);
  margin-bottom: var(--tw-space-4);
}

/* line 646, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-form-grid:last-child {
  margin-bottom: 0;
}

/* line 651, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-form-grid--2 {
  grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 768px) {
  /* line 651, app/assets/stylesheets/new-ui/components/_inputs.scss */
  .tw-form-grid--2 {
    grid-template-columns: 1fr;
  }
}

/* line 659, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-form-grid--3 {
  grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 1024px) {
  /* line 659, app/assets/stylesheets/new-ui/components/_inputs.scss */
  .tw-form-grid--3 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  /* line 659, app/assets/stylesheets/new-ui/components/_inputs.scss */
  .tw-form-grid--3 {
    grid-template-columns: 1fr;
  }
}

/* line 671, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-form-grid--4 {
  grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 1200px) {
  /* line 671, app/assets/stylesheets/new-ui/components/_inputs.scss */
  .tw-form-grid--4 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 1024px) {
  /* line 671, app/assets/stylesheets/new-ui/components/_inputs.scss */
  .tw-form-grid--4 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  /* line 671, app/assets/stylesheets/new-ui/components/_inputs.scss */
  .tw-form-grid--4 {
    grid-template-columns: 1fr;
  }
}

/* line 691, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-merchant-token-box {
  display: flex;
  align-items: center;
  gap: var(--tw-space-2);
  padding: var(--tw-space-4);
  background: var(--tw-bg-tertiary);
  border: 1px solid var(--tw-border-subtle);
  border-radius: var(--tw-radius-lg);
  margin-bottom: var(--tw-space-5);
}

/* line 702, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-merchant-token-box__value {
  flex: 1;
  font-family: var(--tw-font-mono);
  font-size: var(--tw-text-sm);
  color: var(--tw-accent-primary);
  word-break: break-all;
}

/* line 714, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-info-list {
  display: flex;
  flex-direction: column;
  gap: var(--tw-space-3);
}

/* line 720, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-info-list__item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--tw-space-4);
  padding: var(--tw-space-3) 0;
  border-bottom: 1px solid var(--tw-border-subtle);
}

/* line 728, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-info-list__item:last-child {
  border-bottom: none;
}

/* line 733, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-info-list__label {
  font-size: var(--tw-text-sm);
  color: var(--tw-text-tertiary);
  flex-shrink: 0;
}

/* line 739, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-info-list__value {
  font-size: var(--tw-text-sm);
  color: var(--tw-text-primary);
  text-align: right;
  word-break: break-all;
}

/* line 745, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-info-list__value code {
  font-family: var(--tw-font-mono);
  font-size: var(--tw-text-xs);
  background: var(--tw-bg-tertiary);
  padding: var(--tw-space-1) var(--tw-space-2);
  border-radius: var(--tw-radius-sm);
}

/* line 758, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-toggle-list {
  display: flex;
  flex-direction: column;
  gap: var(--tw-space-4);
}

/* line 764, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-toggle-with-input {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--tw-space-3);
}

/* line 772, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-toggle-with-input__field {
  flex: 1;
  min-width: 200px;
  max-width: 300px;
}

/* line 782, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-card__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--tw-space-3);
  padding: var(--tw-space-4) var(--tw-space-6);
  background: var(--tw-bg-tertiary);
  border-top: 1px solid var(--tw-border-subtle);
  margin-top: var(--tw-space-6);
  margin-left: calc(var(--tw-space-6) * -1);
  margin-right: calc(var(--tw-space-6) * -1);
  margin-bottom: calc(var(--tw-space-6) * -1);
  border-radius: 0 0 var(--tw-radius-2xl) var(--tw-radius-2xl);
}

/* line 799, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-card > .tw-card__footer, .tw-profile-card > .tw-card__footer, .tw-media-card > .tw-card__footer, .tw-feature-card > .tw-card__footer, .tw-stat-card > .tw-card__footer, .tw-card-interactive > .tw-card__footer, .tw-card-accent > .tw-card__footer, .tw-card-outlined > .tw-card__footer, .tw-card-elevated > .tw-card__footer {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}

/* line 806, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-card > form > .tw-card__footer, .tw-profile-card > form > .tw-card__footer, .tw-media-card > form > .tw-card__footer, .tw-feature-card > form > .tw-card__footer, .tw-stat-card > form > .tw-card__footer, .tw-card-interactive > form > .tw-card__footer, .tw-card-accent > form > .tw-card__footer, .tw-card-outlined > form > .tw-card__footer, .tw-card-elevated > form > .tw-card__footer {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}

/* line 816, app/assets/stylesheets/new-ui/components/_inputs.scss */
.tw-code {
  font-family: var(--tw-font-mono);
  font-size: var(--tw-text-xs);
  color: var(--tw-text-secondary);
  background: var(--tw-bg-tertiary);
  padding: var(--tw-space-1) var(--tw-space-2);
  border-radius: var(--tw-radius-sm);
  border: 1px solid var(--tw-border-subtle);
}

/* line 10, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-card, .tw-profile-card, .tw-media-card, .tw-feature-card, .tw-stat-card, .tw-card-interactive, .tw-card-accent, .tw-card-outlined, .tw-card-elevated {
  position: relative;
  background: var(--tw-gradient-glass);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid var(--tw-glass-border);
  border-radius: var(--tw-radius-2xl);
  overflow: hidden;
  transition: border-color var(--tw-transition-base);
}

/* line 20, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-card:hover, .tw-profile-card:hover, .tw-media-card:hover, .tw-feature-card:hover, .tw-stat-card:hover, .tw-card-interactive:hover, .tw-card-accent:hover, .tw-card-outlined:hover, .tw-card-elevated:hover {
  border-color: var(--tw-glass-border-hover);
}

/* line 29, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-card__header {
  padding: var(--tw-space-4) var(--tw-space-5);
  background: rgba(255, 255, 255, 0.01);
  border-bottom: 1px solid var(--tw-border-subtle);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--tw-space-4);
}

/* line 39, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-card__title {
  font-family: var(--tw-font-primary);
  font-size: var(--tw-text-base);
  font-weight: var(--tw-font-semibold);
  color: var(--tw-text-primary);
  margin: 0;
  line-height: var(--tw-leading-tight);
}

/* line 48, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-card__subtitle {
  font-size: var(--tw-text-sm);
  color: var(--tw-text-tertiary);
  margin-top: var(--tw-space-1);
}

/* line 54, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-card__actions {
  display: flex;
  align-items: center;
  gap: var(--tw-space-2);
}

/* line 64, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-card__body {
  padding: var(--tw-space-5);
}

/* line 68, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-card__body-sm {
  padding: var(--tw-space-4);
}

/* line 72, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-card__body-lg {
  padding: var(--tw-space-6);
}

/* line 80, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-card__footer {
  padding: var(--tw-space-4) var(--tw-space-5);
  background: rgba(0, 0, 0, 0.2);
  border-top: 1px solid var(--tw-border-subtle);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--tw-space-3);
}

/* line 90, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-card__footer-between {
  justify-content: space-between;
}

/* line 99, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-card-elevated {
  background: var(--tw-bg-tertiary);
  box-shadow: var(--tw-shadow-lg);
}

/* line 106, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-card-outlined {
  background: transparent;
  backdrop-filter: none;
  border-width: 1px;
}

/* line 114, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-card-accent {
  transition: border-color var(--tw-transition-base), box-shadow var(--tw-transition-base);
}

/* line 118, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-card-accent:hover {
  border-color: rgba(255, 107, 74, 0.3);
  box-shadow: var(--tw-shadow-glow-sm);
}

/* line 125, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-card-interactive {
  cursor: pointer;
  transition: all var(--tw-transition-fast);
}

/* line 130, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-card-interactive:hover {
  border-color: var(--tw-glass-border-hover);
  background: var(--tw-glass-bg-hover);
}

/* line 135, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-card-interactive:active {
  background: var(--tw-glass-bg-active);
}

/* line 144, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-card-sm {
  border-radius: var(--tw-radius-xl);
}

/* line 147, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-card-sm .tw-card__header {
  padding: var(--tw-space-3) var(--tw-space-4);
}

/* line 151, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-card-sm .tw-card__body {
  padding: var(--tw-space-4);
}

/* line 155, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-card-sm .tw-card__footer {
  padding: var(--tw-space-3) var(--tw-space-4);
}

/* line 159, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-card-sm .tw-card__title {
  font-size: var(--tw-text-sm);
}

/* line 164, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-card-lg {
  border-radius: var(--tw-radius-3xl);
}

/* line 167, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-card-lg .tw-card__header {
  padding: var(--tw-space-5) var(--tw-space-6);
}

/* line 171, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-card-lg .tw-card__body {
  padding: var(--tw-space-6);
}

/* line 175, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-card-lg .tw-card__footer {
  padding: var(--tw-space-5) var(--tw-space-6);
}

/* line 179, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-card-lg .tw-card__title {
  font-size: var(--tw-text-lg);
}

/* line 188, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-stat-card {
  padding: var(--tw-space-5);
}

/* line 193, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-stat-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--tw-space-3);
  margin-bottom: var(--tw-space-3);
}

/* line 201, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-stat-card__label {
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-medium);
  color: var(--tw-text-tertiary);
}

/* line 207, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-stat-card__icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--tw-accent-primary-soft);
  border-radius: var(--tw-radius-lg);
  color: var(--tw-accent-primary);
}

/* line 217, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-stat-card__icon svg {
  width: 20px;
  height: 20px;
}

/* line 223, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-stat-card__value {
  font-family: var(--tw-font-primary);
  font-size: var(--tw-text-2xl);
  font-weight: var(--tw-font-bold);
  color: var(--tw-text-primary);
  line-height: var(--tw-leading-tight);
}

/* line 231, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-stat-card__change {
  display: inline-flex;
  align-items: center;
  gap: var(--tw-space-1);
  margin-top: var(--tw-space-2);
  font-size: var(--tw-text-xs);
  font-weight: var(--tw-font-medium);
}

/* line 239, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-stat-card__change svg {
  width: 14px;
  height: 14px;
}

/* line 244, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-stat-card__change.tw-stat-card__change--up {
  color: var(--tw-success);
}

/* line 248, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-stat-card__change.tw-stat-card__change--down {
  color: var(--tw-error);
}

/* line 257, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: var(--tw-space-3);
  margin-bottom: var(--tw-space-5);
}

@media (max-width: 768px) {
  /* line 257, app/assets/stylesheets/new-ui/components/_cards.scss */
  .tw-stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  /* line 257, app/assets/stylesheets/new-ui/components/_cards.scss */
  .tw-stats-grid {
    grid-template-columns: 1fr;
  }
}

/* line 272, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-stat-card--payment {
  background: var(--tw-bg-tertiary);
  border: 1px solid var(--tw-border-subtle);
  border-radius: var(--tw-radius-lg);
  padding: var(--tw-space-4);
  display: flex;
  flex-direction: column;
  gap: var(--tw-space-2);
}

/* line 282, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-stat-card__icon-wrapper {
  display: none;
}

/* line 286, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-stat-card__icon-bg {
  display: none;
}

/* line 290, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-stat-card__content {
  display: contents;
}

/* line 294, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-stat-card--payment .tw-stat-card__value {
  font-size: var(--tw-text-lg);
  font-weight: var(--tw-font-semibold);
  color: var(--tw-text-primary);
  font-family: var(--tw-font-mono);
  line-height: 1.2;
}

/* line 302, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-stat-card--payment .tw-stat-card__label {
  font-size: var(--tw-text-xs);
  font-weight: var(--tw-font-semibold);
  color: var(--tw-accent-primary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-top: 0;
}

/* line 315, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-feature-card {
  padding: var(--tw-space-6);
  text-align: center;
}

/* line 321, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-feature-card__icon {
  width: 56px;
  height: 56px;
  margin: 0 auto var(--tw-space-4);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--tw-accent-primary-soft);
  border-radius: var(--tw-radius-xl);
  color: var(--tw-accent-primary);
}

/* line 332, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-feature-card__icon svg {
  width: 28px;
  height: 28px;
}

/* line 338, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-feature-card__title {
  font-family: var(--tw-font-primary);
  font-size: var(--tw-text-lg);
  font-weight: var(--tw-font-semibold);
  color: var(--tw-text-primary);
  margin-bottom: var(--tw-space-2);
}

/* line 346, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-feature-card__description {
  font-size: var(--tw-text-sm);
  color: var(--tw-text-secondary);
  line-height: var(--tw-leading-relaxed);
}

/* line 356, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-media-card {
  overflow: hidden;
}

/* line 361, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-media-card__image {
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
}

/* line 368, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-media-card__content {
  padding: var(--tw-space-5);
}

/* line 372, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-media-card__title {
  font-family: var(--tw-font-primary);
  font-size: var(--tw-text-md);
  font-weight: var(--tw-font-semibold);
  color: var(--tw-text-primary);
  margin-bottom: var(--tw-space-2);
}

/* line 380, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-media-card__description {
  font-size: var(--tw-text-sm);
  color: var(--tw-text-secondary);
  line-height: var(--tw-leading-normal);
}

/* line 386, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-media-card__meta {
  display: flex;
  align-items: center;
  gap: var(--tw-space-4);
  margin-top: var(--tw-space-4);
  padding-top: var(--tw-space-4);
  border-top: 1px solid var(--tw-border-subtle);
  font-size: var(--tw-text-xs);
  color: var(--tw-text-tertiary);
}

/* line 401, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-profile-card {
  padding: var(--tw-space-5);
  display: flex;
  align-items: center;
  gap: var(--tw-space-4);
}

/* line 409, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-profile-card__avatar {
  width: 48px;
  height: 48px;
  border-radius: var(--tw-radius-full);
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid var(--tw-border-default);
}

/* line 418, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-profile-card__info {
  flex: 1;
  min-width: 0;
}

/* line 423, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-profile-card__name {
  font-size: var(--tw-text-base);
  font-weight: var(--tw-font-semibold);
  color: var(--tw-text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 432, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-profile-card__role {
  font-size: var(--tw-text-sm);
  color: var(--tw-text-tertiary);
}

/* line 441, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-card-grid {
  display: grid;
  gap: var(--tw-space-4);
}

/* line 446, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-card-grid-2 {
  grid-template-columns: repeat(2, 1fr);
}

/* line 450, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-card-grid-3 {
  grid-template-columns: repeat(3, 1fr);
}

/* line 454, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-card-grid-4 {
  grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 1024px) {
  /* line 460, app/assets/stylesheets/new-ui/components/_cards.scss */
  .tw-card-grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }
  /* line 464, app/assets/stylesheets/new-ui/components/_cards.scss */
  .tw-card-grid-3 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  /* line 471, app/assets/stylesheets/new-ui/components/_cards.scss */
  .tw-card-grid-2,
.tw-card-grid-3,
.tw-card-grid-4 {
    grid-template-columns: 1fr;
  }
}

/* line 484, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-card-loading .tw-card__header,
.tw-card-loading .tw-card__body,
.tw-card-loading .tw-card__footer {
  opacity: 0.5;
  pointer-events: none;
}

/* line 491, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-card-loading::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
}

/* line 509, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-card--modal {
  background: var(--tw-bg-elevated);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

/* line 514, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-card--modal .tw-card__header {
  background: var(--tw-bg-tertiary);
}

/* line 518, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-card--modal .tw-card__footer {
  background: var(--tw-bg-tertiary);
}

/* line 527, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-card--form {
  background: var(--tw-bg-elevated);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  max-width: 1000px;
  overflow: visible;
}

/* line 535, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-card--form.tw-card--form-wide {
  max-width: 1400px;
}

/* line 541, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-card--form .tw-card__header {
  background: var(--tw-bg-tertiary);
  padding: var(--tw-space-5) var(--tw-space-6);
  border-radius: var(--tw-radius-2xl) var(--tw-radius-2xl) 0 0;
}

/* line 547, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-card--form .tw-card__body {
  padding: var(--tw-space-6);
  overflow: visible;
}

/* line 552, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-card--form .tw-card__footer {
  background: var(--tw-bg-tertiary);
  padding: var(--tw-space-4) var(--tw-space-6);
  border-radius: 0 0 var(--tw-radius-2xl) var(--tw-radius-2xl);
}

/* line 558, app/assets/stylesheets/new-ui/components/_cards.scss */
.tw-card--form .tw-card__title {
  font-size: var(--tw-text-lg);
}

/* line 10, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-badge, .tw-pill, .tw-badge-outlined,
.tw-badge-outline, .tw-badge-info, .tw-badge-error, .tw-pill-error, .tw-badge-warning, .tw-pill-warning, .tw-badge-success, .tw-pill-success, .tw-badge-secondary, .tw-badge-primary, .tw-pill-primary, .tw-badge-default {
  display: inline-flex;
  align-items: center;
  gap: var(--tw-space-1);
  height: 22px;
  padding: 0 var(--tw-space-2);
  font-family: var(--tw-font-secondary);
  font-size: var(--tw-text-xs);
  font-weight: var(--tw-font-medium);
  line-height: 1;
  border-radius: var(--tw-radius-md);
  white-space: nowrap;
}

/* line 29, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-badge-default {
  background: var(--tw-glass-bg);
  color: var(--tw-text-secondary);
  border: 1px solid var(--tw-border-default);
}

/* line 37, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-badge-primary, .tw-pill-primary {
  background: var(--tw-accent-primary-soft);
  color: var(--tw-accent-primary);
}

/* line 44, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-badge-secondary {
  background: var(--tw-accent-secondary-soft);
  color: var(--tw-accent-secondary);
}

/* line 51, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-badge-success, .tw-pill-success {
  background: var(--tw-success-soft);
  color: var(--tw-success);
}

/* line 58, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-badge-warning, .tw-pill-warning {
  background: var(--tw-warning-soft);
  color: var(--tw-warning);
}

/* line 65, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-badge-error, .tw-pill-error {
  background: var(--tw-error-soft);
  color: var(--tw-error);
}

/* line 72, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-badge-info {
  background: var(--tw-info-soft);
  color: var(--tw-info);
}

/* line 82, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-badge-outlined,
.tw-badge-outline {
  background: transparent;
  border: 1px solid var(--tw-border-default);
  color: var(--tw-text-secondary);
}

/* line 89, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-badge-outlined.tw-badge-primary, .tw-badge-outlined.tw-pill-primary,
.tw-badge-outline.tw-badge-primary,
.tw-badge-outline.tw-pill-primary {
  background: transparent;
  border-color: var(--tw-accent-primary);
  color: var(--tw-accent-primary);
}

/* line 95, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-badge-outlined.tw-badge-success, .tw-badge-outlined.tw-pill-success,
.tw-badge-outline.tw-badge-success,
.tw-badge-outline.tw-pill-success {
  background: transparent;
  border-color: var(--tw-success);
  color: var(--tw-success);
}

/* line 101, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-badge-outlined.tw-badge-warning, .tw-badge-outlined.tw-pill-warning,
.tw-badge-outline.tw-badge-warning,
.tw-badge-outline.tw-pill-warning {
  background: transparent;
  border-color: var(--tw-warning);
  color: var(--tw-warning);
}

/* line 107, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-badge-outlined.tw-badge-error, .tw-badge-outlined.tw-pill-error,
.tw-badge-outline.tw-badge-error,
.tw-badge-outline.tw-pill-error {
  background: transparent;
  border-color: var(--tw-error);
  color: var(--tw-error);
}

/* line 113, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-badge-outlined.tw-badge-info,
.tw-badge-outline.tw-badge-info {
  background: transparent;
  border-color: var(--tw-info);
  color: var(--tw-info);
}

/* line 124, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-badge-sm {
  height: 18px;
  padding: 0 var(--tw-space-1-5);
  font-size: 10px;
  border-radius: var(--tw-radius-sm);
}

/* line 131, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-badge-lg {
  height: 28px;
  padding: 0 var(--tw-space-3);
  font-size: var(--tw-text-sm);
  border-radius: var(--tw-radius-lg);
}

/* line 143, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-badge-dot::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: var(--tw-radius-full);
  background: currentColor;
  flex-shrink: 0;
}

/* line 158, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-badge--default {
  background: var(--tw-glass-bg);
  color: var(--tw-text-secondary);
  border: 1px solid var(--tw-border-default);
}

/* line 164, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-badge--primary {
  background: var(--tw-accent-primary-soft);
  color: var(--tw-accent-primary);
}

/* line 169, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-badge--secondary {
  background: var(--tw-accent-secondary-soft);
  color: var(--tw-accent-secondary);
}

/* line 174, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-badge--success {
  background: var(--tw-success-soft);
  color: var(--tw-success);
}

/* line 179, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-badge--warning {
  background: var(--tw-warning-soft);
  color: var(--tw-warning);
}

/* line 184, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-badge--error {
  background: var(--tw-error-soft);
  color: var(--tw-error);
}

/* line 189, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-badge--info {
  background: var(--tw-info-soft);
  color: var(--tw-info);
}

/* line 198, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-badge__icon {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
}

/* line 204, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-badge-lg .tw-badge__icon {
  width: 14px;
  height: 14px;
}

/* line 213, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-badge-removable {
  padding-right: var(--tw-space-1);
}

/* line 217, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-badge__remove {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin-left: var(--tw-space-1);
  border-radius: var(--tw-radius-sm);
  cursor: pointer;
  transition: background var(--tw-transition-fast);
}

/* line 228, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-badge__remove svg {
  width: 10px;
  height: 10px;
}

/* line 233, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-badge__remove:hover {
  background: rgba(0, 0, 0, 0.2);
}

/* line 242, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-count-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 var(--tw-space-1-5);
  font-size: 11px;
  font-weight: var(--tw-font-semibold);
  font-family: var(--tw-font-mono);
  border-radius: var(--tw-radius-full);
  background: var(--tw-accent-primary);
  color: white;
}

/* line 257, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-count-badge-sm {
  min-width: 16px;
  height: 16px;
  padding: 0 var(--tw-space-1);
  font-size: 10px;
}

/* line 264, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-count-badge-lg {
  min-width: 24px;
  height: 24px;
  padding: 0 var(--tw-space-2);
  font-size: var(--tw-text-xs);
}

/* line 275, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-status-dot {
  width: 8px;
  height: 8px;
  border-radius: var(--tw-radius-full);
  flex-shrink: 0;
}

/* line 281, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-status-dot.tw-status-dot-online, .tw-status-dot.tw-status-dot-success {
  background: var(--tw-success);
  box-shadow: 0 0 0 2px var(--tw-success-soft);
}

/* line 287, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-status-dot.tw-status-dot-offline, .tw-status-dot.tw-status-dot-error {
  background: var(--tw-error);
  box-shadow: 0 0 0 2px var(--tw-error-soft);
}

/* line 293, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-status-dot.tw-status-dot-away, .tw-status-dot.tw-status-dot-warning {
  background: var(--tw-warning);
  box-shadow: 0 0 0 2px var(--tw-warning-soft);
}

/* line 299, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-status-dot.tw-status-dot-busy, .tw-status-dot.tw-status-dot-info {
  background: var(--tw-info);
  box-shadow: 0 0 0 2px var(--tw-info-soft);
}

/* line 305, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-status-dot.tw-status-dot-idle, .tw-status-dot.tw-status-dot-neutral {
  background: var(--tw-text-muted);
  box-shadow: 0 0 0 2px rgba(82, 82, 91, 0.2);
}

/* line 313, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-status-dot-pulse {
  animation: tw-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* line 321, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-tag {
  display: inline-flex;
  align-items: center;
  gap: var(--tw-space-1-5);
  height: 28px;
  padding: 0 var(--tw-space-3);
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-medium);
  color: var(--tw-text-secondary);
  background: var(--tw-glass-bg);
  border: 1px solid var(--tw-border-default);
  border-radius: var(--tw-radius-lg);
  cursor: default;
  transition: all var(--tw-transition-fast);
}

/* line 336, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-tag:hover {
  background: var(--tw-glass-bg-hover);
  border-color: var(--tw-border-strong);
}

/* line 343, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-tag-clickable {
  cursor: pointer;
}

/* line 346, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-tag-clickable:hover {
  color: var(--tw-text-primary);
}

/* line 350, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-tag-clickable:active {
  background: var(--tw-glass-bg-active);
}

/* line 356, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-tag-selected {
  background: var(--tw-accent-primary-soft);
  color: var(--tw-accent-primary);
  border-color: var(--tw-accent-primary);
}

/* line 361, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-tag-selected:hover {
  background: rgba(255, 107, 74, 0.2);
  border-color: var(--tw-accent-primary);
}

/* line 367, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-tag__icon {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

/* line 377, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-tag-group {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tw-space-2);
}

/* line 387, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-pill {
  border-radius: var(--tw-radius-full);
  padding: 0 var(--tw-space-3);
}

/* line 393, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-pill-primary {
  border-radius: var(--tw-radius-full);
  padding: 0 var(--tw-space-3);
}

/* line 399, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-pill-success {
  border-radius: var(--tw-radius-full);
  padding: 0 var(--tw-space-3);
}

/* line 405, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-pill-warning {
  border-radius: var(--tw-radius-full);
  padding: 0 var(--tw-space-3);
}

/* line 411, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-pill-error {
  border-radius: var(--tw-radius-full);
  padding: 0 var(--tw-space-3);
}

/* line 421, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-indicator {
  position: relative;
  display: inline-block;
}

/* line 426, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-indicator__badge {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(25%, -25%);
}

/* line 433, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-indicator__dot {
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
  height: 10px;
  border-radius: var(--tw-radius-full);
  border: 2px solid var(--tw-bg-primary);
  transform: translate(25%, -25%);
}

/* line 443, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-indicator__dot.tw-indicator__dot-success {
  background: var(--tw-success);
}

/* line 447, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-indicator__dot.tw-indicator__dot-error {
  background: var(--tw-error);
}

/* line 451, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-indicator__dot.tw-indicator__dot-warning {
  background: var(--tw-warning);
}

/* line 455, app/assets/stylesheets/new-ui/components/_badges.scss */
.tw-indicator__dot.tw-indicator__dot-primary {
  background: var(--tw-accent-primary);
}

/* line 10, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-alert, .tw-alert-neutral, .tw-alert-error, .tw-alert-warning, .tw-alert-success, .tw-alert-info {
  display: flex;
  align-items: flex-start;
  gap: var(--tw-space-3);
  padding: var(--tw-space-4);
  border-radius: var(--tw-radius-xl);
  border: 1px solid;
}

/* line 19, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-alert__icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  margin-top: 1px;
}

/* line 26, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-alert__content {
  flex: 1;
  min-width: 0;
}

/* line 31, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-alert__title {
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-semibold);
  line-height: var(--tw-leading-tight);
  margin-bottom: var(--tw-space-1);
}

/* line 38, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-alert__message {
  font-size: var(--tw-text-sm);
  line-height: var(--tw-leading-normal);
  color: inherit;
  opacity: 0.9;
}

/* line 45, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-alert__close {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--tw-radius-sm);
  cursor: pointer;
  opacity: 0.6;
  transition: opacity var(--tw-transition-fast);
  flex-shrink: 0;
}

/* line 57, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-alert__close svg {
  width: 14px;
  height: 14px;
}

/* line 62, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-alert__close:hover {
  opacity: 1;
}

/* line 72, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-alert-info {
  background: var(--tw-info-soft);
  border-color: var(--tw-info-border);
  color: #67E8F9;
}

/* line 78, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-alert-info .tw-alert__icon {
  color: var(--tw-info);
}

/* line 84, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-alert-success {
  background: var(--tw-success-soft);
  border-color: var(--tw-success-border);
  color: #86EFAC;
}

/* line 90, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-alert-success .tw-alert__icon {
  color: var(--tw-success);
}

/* line 96, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-alert-warning {
  background: var(--tw-warning-soft);
  border-color: var(--tw-warning-border);
  color: #FCD34D;
}

/* line 102, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-alert-warning .tw-alert__icon {
  color: var(--tw-warning);
}

/* line 108, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-alert-error {
  background: var(--tw-error-soft);
  border-color: var(--tw-error-border);
  color: #FCA5A5;
}

/* line 114, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-alert-error .tw-alert__icon {
  color: var(--tw-error);
}

/* line 120, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-alert-neutral {
  background: var(--tw-glass-bg);
  border-color: var(--tw-border-default);
  color: var(--tw-text-secondary);
}

/* line 126, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-alert-neutral .tw-alert__icon {
  color: var(--tw-text-tertiary);
}

/* line 135, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-alert-compact {
  padding: var(--tw-space-3);
  gap: var(--tw-space-2);
  align-items: center;
}

/* line 140, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-alert-compact .tw-alert__icon {
  width: 16px;
  height: 16px;
  margin-top: 0;
}

/* line 146, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-alert-compact .tw-alert__title {
  margin-bottom: 0;
}

/* line 150, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-alert-compact .tw-alert__content {
  display: flex;
  align-items: center;
  gap: var(--tw-space-2);
}

/* line 161, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-alert-inline {
  display: inline-flex;
  padding: var(--tw-space-2) var(--tw-space-3);
  border-radius: var(--tw-radius-lg);
  gap: var(--tw-space-2);
  align-items: center;
}

/* line 168, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-alert-inline .tw-alert__icon {
  width: 16px;
  height: 16px;
  margin-top: 0;
}

/* line 174, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-alert-inline .tw-alert__message {
  font-size: var(--tw-text-sm);
}

/* line 183, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-banner, .tw-banner-error, .tw-banner-warning, .tw-banner-success, .tw-banner-info {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--tw-space-3);
  padding: var(--tw-space-3) var(--tw-space-4);
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-medium);
  text-align: center;
}

/* line 194, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-banner-info {
  background: var(--tw-info-soft);
  color: #67E8F9;
}

/* line 200, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-banner-success {
  background: var(--tw-success-soft);
  color: #86EFAC;
}

/* line 206, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-banner-warning {
  background: var(--tw-warning-soft);
  color: #FCD34D;
}

/* line 212, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-banner-error {
  background: var(--tw-error-soft);
  color: #FCA5A5;
}

/* line 218, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-banner__icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

/* line 224, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-banner__close {
  margin-left: auto;
  padding: var(--tw-space-1);
  cursor: pointer;
  opacity: 0.7;
  transition: opacity var(--tw-transition-fast);
}

/* line 231, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-banner__close svg {
  width: 14px;
  height: 14px;
}

/* line 236, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-banner__close:hover {
  opacity: 1;
}

/* line 245, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-toast-container {
  position: fixed;
  z-index: var(--tw-z-tooltip);
  display: flex;
  flex-direction: column;
  gap: var(--tw-space-3);
  padding: var(--tw-space-4);
  pointer-events: none;
}

/* line 254, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-toast-container.tw-toast-container-top-right {
  top: 0;
  right: 0;
}

/* line 259, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-toast-container.tw-toast-container-top-left {
  top: 0;
  left: 0;
}

/* line 264, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-toast-container.tw-toast-container-bottom-right {
  bottom: 0;
  right: 0;
}

/* line 269, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-toast-container.tw-toast-container-bottom-left {
  bottom: 0;
  left: 0;
}

/* line 274, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-toast-container.tw-toast-container-top-center {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
}

/* line 281, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-toast-container.tw-toast-container-bottom-center {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
}

/* line 289, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-toast {
  display: flex;
  align-items: flex-start;
  gap: var(--tw-space-3);
  padding: var(--tw-space-4);
  min-width: 300px;
  max-width: 420px;
  background: var(--tw-bg-elevated);
  border: 1px solid var(--tw-border-default);
  border-radius: var(--tw-radius-xl);
  box-shadow: var(--tw-shadow-xl);
  pointer-events: auto;
  animation: tw-slideUp var(--tw-transition-slow) ease-out;
}

/* line 304, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-toast__icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  margin-top: 1px;
}

/* line 311, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-toast__content {
  flex: 1;
  min-width: 0;
}

/* line 316, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-toast__title {
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-semibold);
  color: var(--tw-text-primary);
  line-height: var(--tw-leading-tight);
  margin-bottom: var(--tw-space-1);
}

/* line 324, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-toast__message {
  font-size: var(--tw-text-sm);
  color: var(--tw-text-secondary);
  line-height: var(--tw-leading-normal);
}

/* line 330, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-toast__actions {
  display: flex;
  gap: var(--tw-space-2);
  margin-top: var(--tw-space-3);
}

/* line 336, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-toast__close {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--tw-radius-sm);
  cursor: pointer;
  color: var(--tw-text-muted);
  transition: color var(--tw-transition-fast);
  flex-shrink: 0;
}

/* line 348, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-toast__close svg {
  width: 14px;
  height: 14px;
}

/* line 353, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-toast__close:hover {
  color: var(--tw-text-secondary);
}

/* line 359, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-toast-success {
  border-left: 3px solid var(--tw-success);
}

/* line 362, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-toast-success .tw-toast__icon {
  color: var(--tw-success);
}

/* line 367, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-toast-error {
  border-left: 3px solid var(--tw-error);
}

/* line 370, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-toast-error .tw-toast__icon {
  color: var(--tw-error);
}

/* line 375, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-toast-warning {
  border-left: 3px solid var(--tw-warning);
}

/* line 378, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-toast-warning .tw-toast__icon {
  color: var(--tw-warning);
}

/* line 383, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-toast-info {
  border-left: 3px solid var(--tw-info);
}

/* line 386, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-toast-info .tw-toast__icon {
  color: var(--tw-info);
}

/* line 395, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-callout {
  display: flex;
  gap: var(--tw-space-4);
  padding: var(--tw-space-5);
  background: var(--tw-glass-bg);
  border: 1px solid var(--tw-border-default);
  border-radius: var(--tw-radius-xl);
  border-left: 3px solid var(--tw-accent-primary);
}

/* line 405, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-callout__icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  color: var(--tw-accent-primary);
}

/* line 412, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-callout__content {
  flex: 1;
}

/* line 416, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-callout__title {
  font-size: var(--tw-text-md);
  font-weight: var(--tw-font-semibold);
  color: var(--tw-text-primary);
  margin-bottom: var(--tw-space-2);
}

/* line 423, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-callout__text {
  font-size: var(--tw-text-sm);
  color: var(--tw-text-secondary);
  line-height: var(--tw-leading-relaxed);
}

/* line 430, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-callout-info {
  border-left-color: var(--tw-info);
}

/* line 433, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-callout-info .tw-callout__icon {
  color: var(--tw-info);
}

/* line 438, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-callout-success {
  border-left-color: var(--tw-success);
}

/* line 441, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-callout-success .tw-callout__icon {
  color: var(--tw-success);
}

/* line 446, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-callout-warning {
  border-left-color: var(--tw-warning);
}

/* line 449, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-callout-warning .tw-callout__icon {
  color: var(--tw-warning);
}

/* line 454, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-callout-error {
  border-left-color: var(--tw-error);
}

/* line 457, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-callout-error .tw-callout__icon {
  color: var(--tw-error);
}

/* line 466, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--tw-space-10);
  text-align: center;
}

/* line 475, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-empty-state__icon {
  width: 64px;
  height: 64px;
  margin-bottom: var(--tw-space-5);
  color: var(--tw-text-muted);
  opacity: 0.5;
}

/* line 483, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-empty-state__title {
  font-size: var(--tw-text-lg);
  font-weight: var(--tw-font-semibold);
  color: var(--tw-text-primary);
  margin-bottom: var(--tw-space-2);
}

/* line 490, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-empty-state__description {
  font-size: var(--tw-text-sm);
  color: var(--tw-text-secondary);
  max-width: 400px;
  margin-bottom: var(--tw-space-5);
}

/* line 497, app/assets/stylesheets/new-ui/components/_alerts.scss */
.tw-empty-state__actions {
  display: flex;
  gap: var(--tw-space-3);
}

/* line 10, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-spinner {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px solid var(--tw-border-default);
  border-top-color: var(--tw-accent-primary);
  border-radius: var(--tw-radius-full);
  animation: tw-spin 0.8s linear infinite;
}

/* line 21, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-spinner-xs {
  width: 14px;
  height: 14px;
  border-width: 1.5px;
}

/* line 27, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-spinner-sm {
  width: 16px;
  height: 16px;
  border-width: 2px;
}

/* line 33, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-spinner-md {
  width: 24px;
  height: 24px;
  border-width: 2px;
}

/* line 39, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-spinner-lg {
  width: 32px;
  height: 32px;
  border-width: 3px;
}

/* line 45, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-spinner-xl {
  width: 48px;
  height: 48px;
  border-width: 4px;
}

/* line 52, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-spinner-white {
  border-color: rgba(255, 255, 255, 0.2);
  border-top-color: white;
}

/* line 57, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-spinner-primary {
  border-color: var(--tw-accent-primary-soft);
  border-top-color: var(--tw-accent-primary);
}

/* line 62, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-spinner-success {
  border-color: var(--tw-success-soft);
  border-top-color: var(--tw-success);
}

/* line 71, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-dots {
  display: inline-flex;
  gap: var(--tw-space-1);
}

/* line 76, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-dots__dot {
  width: 6px;
  height: 6px;
  border-radius: var(--tw-radius-full);
  background: var(--tw-accent-primary);
  animation: tw-pulse 1.4s ease-in-out infinite both;
}

/* line 83, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-dots__dot:nth-child(1) {
  animation-delay: -0.32s;
}

/* line 87, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-dots__dot:nth-child(2) {
  animation-delay: -0.16s;
}

/* line 91, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-dots__dot:nth-child(3) {
  animation-delay: 0s;
}

/* line 96, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-dots-lg {
  gap: var(--tw-space-1-5);
}

/* line 99, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-dots-lg .tw-dots__dot {
  width: 8px;
  height: 8px;
}

/* line 109, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-pulse-loader {
  width: 40px;
  height: 40px;
  position: relative;
}

/* line 114, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-pulse-loader::before, .tw-pulse-loader::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: var(--tw-radius-full);
  background: var(--tw-accent-primary);
  opacity: 0.6;
  animation: tw-pulseScale 2s ease-in-out infinite;
}

/* line 125, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-pulse-loader::after {
  animation-delay: 1s;
}

@keyframes tw-pulseScale {
  0%, 100% {
    transform: scale(0);
    opacity: 0.6;
  }
  50% {
    transform: scale(1);
    opacity: 0;
  }
}

/* line 145, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-progress {
  width: 100%;
  height: 8px;
  background: var(--tw-glass-bg);
  border-radius: var(--tw-radius-full);
  overflow: hidden;
}

/* line 153, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-progress__bar {
  height: 100%;
  background: var(--tw-gradient-primary);
  border-radius: var(--tw-radius-full);
  transition: width var(--tw-transition-slow);
}

/* line 161, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-progress-sm {
  height: 4px;
}

/* line 165, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-progress-lg {
  height: 12px;
}

/* line 170, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-progress-success .tw-progress__bar {
  background: var(--tw-success);
}

/* line 174, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-progress-warning .tw-progress__bar {
  background: var(--tw-warning);
}

/* line 178, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-progress-error .tw-progress__bar {
  background: var(--tw-error);
}

/* line 183, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-progress-indeterminate .tw-progress__bar {
  width: 30%;
  animation: tw-progressIndeterminate 1.5s ease-in-out infinite;
}

@keyframes tw-progressIndeterminate {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(400%);
  }
}

/* line 198, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-progress-striped .tw-progress__bar {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

/* line 212, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-progress-striped.tw-progress-animated .tw-progress__bar {
  animation: tw-progressStripes 1s linear infinite;
}

@keyframes tw-progressStripes {
  0% {
    background-position: 1rem 0;
  }
  100% {
    background-position: 0 0;
  }
}

/* line 226, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-progress-labeled {
  display: flex;
  align-items: center;
  gap: var(--tw-space-3);
}

/* line 232, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-progress__label {
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-medium);
  color: var(--tw-text-secondary);
  min-width: 40px;
  text-align: right;
}

/* line 244, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-progress-circle {
  position: relative;
  width: 64px;
  height: 64px;
}

/* line 249, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-progress-circle svg {
  transform: rotate(-90deg);
  width: 100%;
  height: 100%;
}

/* line 256, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-progress-circle__track {
  fill: none;
  stroke: var(--tw-glass-bg);
  stroke-width: 4;
}

/* line 262, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-progress-circle__bar {
  fill: none;
  stroke: var(--tw-accent-primary);
  stroke-width: 4;
  stroke-linecap: round;
  transition: stroke-dashoffset var(--tw-transition-slow);
}

/* line 270, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-progress-circle__label {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-semibold);
  color: var(--tw-text-primary);
}

/* line 282, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-progress-circle-sm {
  width: 40px;
  height: 40px;
}

/* line 286, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-progress-circle-sm .tw-progress-circle__track,
.tw-progress-circle-sm .tw-progress-circle__bar {
  stroke-width: 3;
}

/* line 291, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-progress-circle-sm .tw-progress-circle__label {
  font-size: var(--tw-text-xs);
}

/* line 296, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-progress-circle-lg {
  width: 96px;
  height: 96px;
}

/* line 300, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-progress-circle-lg .tw-progress-circle__track,
.tw-progress-circle-lg .tw-progress-circle__bar {
  stroke-width: 6;
}

/* line 305, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-progress-circle-lg .tw-progress-circle__label {
  font-size: var(--tw-text-md);
}

/* line 314, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-skeleton, .tw-skeleton-image, .tw-skeleton-card, .tw-skeleton-button, .tw-skeleton-avatar, .tw-skeleton-avatar-lg, .tw-skeleton-avatar-sm, .tw-skeleton-text-sm, .tw-skeleton-text, .tw-skeleton-circle {
  background: linear-gradient(90deg, var(--tw-bg-tertiary) 25%, var(--tw-bg-hover) 50%, var(--tw-bg-tertiary) 75%);
  background-size: 200% 100%;
  animation: tw-shimmer 1.5s infinite;
  border-radius: var(--tw-radius-md);
}

/* line 327, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-skeleton-text {
  height: 1em;
  width: 100%;
}

/* line 333, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-skeleton-text-sm {
  height: 0.875em;
  width: 100%;
}

/* line 339, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-skeleton-circle {
  border-radius: var(--tw-radius-full);
}

/* line 344, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-skeleton-avatar, .tw-skeleton-avatar-lg, .tw-skeleton-avatar-sm {
  width: 40px;
  height: 40px;
  border-radius: var(--tw-radius-full);
}

/* line 351, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-skeleton-avatar-sm {
  width: 32px;
  height: 32px;
}

/* line 357, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-skeleton-avatar-lg {
  width: 56px;
  height: 56px;
}

/* line 363, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-skeleton-button {
  height: 36px;
  width: 100px;
  border-radius: var(--tw-radius-lg);
}

/* line 370, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-skeleton-card {
  height: 200px;
  border-radius: var(--tw-radius-xl);
}

/* line 376, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-skeleton-image {
  height: 150px;
  border-radius: var(--tw-radius-lg);
}

/* line 386, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-loading-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(5, 5, 5, 0.8);
  backdrop-filter: blur(4px);
  z-index: 10;
  border-radius: inherit;
}

/* line 398, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-loading-overlay__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--tw-space-3);
}

/* line 405, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-loading-overlay__text {
  font-size: var(--tw-text-sm);
  color: var(--tw-text-secondary);
}

/* line 414, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-page-loader {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--tw-bg-primary);
  z-index: 9999;
}

/* line 424, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-page-loader__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--tw-space-5);
}

/* line 431, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-page-loader__logo {
  width: 80px;
  height: 80px;
  animation: tw-pulse 2s ease-in-out infinite;
}

/* line 437, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-page-loader__text {
  font-size: var(--tw-text-sm);
  color: var(--tw-text-tertiary);
}

/* line 446, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-steps {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--tw-space-2);
}

/* line 453, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-step {
  width: 8px;
  height: 8px;
  border-radius: var(--tw-radius-full);
  background: var(--tw-border-default);
  transition: all var(--tw-transition-base);
}

/* line 460, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-step.tw-step-active {
  width: 24px;
  border-radius: var(--tw-radius-full);
  background: var(--tw-accent-primary);
}

/* line 466, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-step.tw-step-completed {
  background: var(--tw-success);
}

/* line 475, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-is-loading {
  position: relative;
  pointer-events: none;
}

/* line 480, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-is-loading > *:not(.tw-loading-indicator) {
  opacity: 0;
}

/* line 484, app/assets/stylesheets/new-ui/components/_loading.scss */
.tw-is-loading .tw-loading-indicator {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 10, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table-container {
  width: 100%;
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--tw-border-default) transparent;
}

/* line 297, app/assets/stylesheets/new-ui/base/_variables.scss */
.tw-table-container::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

/* line 302, app/assets/stylesheets/new-ui/base/_variables.scss */
.tw-table-container::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 6px;
}

/* line 307, app/assets/stylesheets/new-ui/base/_variables.scss */
.tw-table-container::-webkit-scrollbar-thumb {
  background: var(--tw-border-default);
  border-radius: 6px;
}

/* line 311, app/assets/stylesheets/new-ui/base/_variables.scss */
.tw-table-container::-webkit-scrollbar-thumb:hover {
  background: var(--tw-border-strong);
}

/* line 17, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table-responsive {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: var(--tw-border-default) transparent;
}

/* line 297, app/assets/stylesheets/new-ui/base/_variables.scss */
.tw-table-responsive::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

/* line 302, app/assets/stylesheets/new-ui/base/_variables.scss */
.tw-table-responsive::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 8px;
}

/* line 307, app/assets/stylesheets/new-ui/base/_variables.scss */
.tw-table-responsive::-webkit-scrollbar-thumb {
  background: var(--tw-border-default);
  border-radius: 8px;
}

/* line 311, app/assets/stylesheets/new-ui/base/_variables.scss */
.tw-table-responsive::-webkit-scrollbar-thumb:hover {
  background: var(--tw-border-strong);
}

/* line 24, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table-responsive .tw-table {
  min-width: 100%;
  width: max-content;
}

/* line 34, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--tw-text-sm);
}

/* line 39, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table th,
.tw-table td {
  padding: var(--tw-space-3) var(--tw-space-4);
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid var(--tw-border-subtle);
}

/* line 47, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table th {
  font-weight: var(--tw-font-semibold);
  color: var(--tw-text-tertiary);
  text-transform: uppercase;
  font-size: var(--tw-text-xs);
  letter-spacing: var(--tw-tracking-wide);
  background: var(--tw-bg-tertiary);
  white-space: nowrap;
}

/* line 57, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table th a {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: inherit;
  text-decoration: none;
}

/* line 64, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table th a:hover {
  color: var(--tw-text-primary);
}

/* line 68, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table th a svg,
.tw-table th a i {
  flex-shrink: 0;
}

/* line 75, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table td {
  color: var(--tw-text-secondary);
}

/* line 79, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table tbody tr {
  transition: background var(--tw-transition-fast);
}

/* line 82, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table tbody tr:hover {
  background: var(--tw-glass-bg-hover);
}

/* line 86, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table tbody tr:last-child td {
  border-bottom: none;
}

/* line 92, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table th.tw-sortable {
  cursor: pointer;
  user-select: none;
}

/* line 96, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table th.tw-sortable:hover {
  color: var(--tw-text-primary);
}

/* line 100, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table th.tw-sortable .tw-sort-icon {
  display: inline-block;
  margin-left: var(--tw-space-1);
  opacity: 0.5;
  transition: opacity var(--tw-transition-fast);
}

/* line 107, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table th.tw-sortable.tw-sorted-asc, .tw-table th.tw-sortable.tw-sorted-desc {
  color: var(--tw-accent-primary);
}

/* line 111, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table th.tw-sortable.tw-sorted-asc .tw-sort-icon, .tw-table th.tw-sortable.tw-sorted-desc .tw-sort-icon {
  opacity: 1;
}

/* line 125, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table--compact th,
.tw-table--compact td {
  padding: var(--tw-space-2) var(--tw-space-3);
}

/* line 133, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table--striped tbody tr:nth-child(even) {
  background: var(--tw-glass-bg);
}

/* line 139, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table--bordered {
  border: 1px solid var(--tw-border-default);
  border-radius: var(--tw-radius-lg);
  overflow: hidden;
}

/* line 144, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table--bordered th,
.tw-table--bordered td {
  border: 1px solid var(--tw-border-subtle);
}

/* line 154, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table__cell--primary {
  color: var(--tw-text-primary);
  font-weight: var(--tw-font-medium);
}

/* line 159, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table__cell--mono {
  font-family: var(--tw-font-mono);
  font-size: var(--tw-text-xs);
}

/* line 164, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table__cell--truncate {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 169, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table__cell--nowrap {
  white-space: nowrap;
}

/* line 173, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table__cell--right {
  text-align: right;
}

/* line 177, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table__cell--center {
  text-align: center;
}

/* line 185, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table__actions {
  display: flex;
  align-items: center;
  gap: var(--tw-space-1);
  justify-content: flex-end;
}

/* line 192, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table__action {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: var(--tw-radius-md);
  color: var(--tw-text-tertiary);
  cursor: pointer;
  transition: all var(--tw-transition-fast);
}

/* line 206, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table__action:hover {
  color: var(--tw-text-primary);
  background: var(--tw-glass-bg);
}

/* line 211, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table__action--view:hover {
  color: var(--tw-accent-primary);
}

/* line 215, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table__action--edit:hover {
  color: var(--tw-warning);
}

/* line 219, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table__action--delete:hover {
  color: var(--tw-error);
}

/* line 223, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table__action svg {
  width: 16px;
  height: 16px;
}

/* line 233, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table__status {
  display: inline-flex;
  align-items: center;
  gap: var(--tw-space-1-5);
  padding: var(--tw-space-1) var(--tw-space-2-5);
  font-size: var(--tw-text-xs);
  font-weight: var(--tw-font-medium);
  border-radius: var(--tw-radius-full);
}

/* line 242, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table__status::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
}

/* line 249, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table__status--success {
  color: var(--tw-success);
  background: var(--tw-success-soft);
}

/* line 253, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table__status--success::before {
  background: var(--tw-success);
}

/* line 258, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table__status--warning {
  color: var(--tw-warning);
  background: var(--tw-warning-soft);
}

/* line 262, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table__status--warning::before {
  background: var(--tw-warning);
}

/* line 267, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table__status--error {
  color: var(--tw-error);
  background: var(--tw-error-soft);
}

/* line 271, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table__status--error::before {
  background: var(--tw-error);
}

/* line 276, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table__status--info {
  color: var(--tw-info);
  background: var(--tw-info-soft);
}

/* line 280, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table__status--info::before {
  background: var(--tw-info);
}

/* line 285, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table__status--neutral {
  color: var(--tw-text-tertiary);
  background: var(--tw-glass-bg);
}

/* line 289, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table__status--neutral::before {
  background: var(--tw-text-tertiary);
}

/* line 299, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table__empty {
  padding: var(--tw-space-12) var(--tw-space-6);
  text-align: center;
}

/* line 303, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table__empty-icon {
  width: 48px;
  height: 48px;
  margin: 0 auto var(--tw-space-4);
  color: var(--tw-text-muted);
}

/* line 310, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table__empty-title {
  font-size: var(--tw-text-md);
  font-weight: var(--tw-font-medium);
  color: var(--tw-text-secondary);
  margin-bottom: var(--tw-space-2);
}

/* line 317, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table__empty-description {
  font-size: var(--tw-text-sm);
  color: var(--tw-text-tertiary);
}

/* line 327, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--tw-space-12);
}

/* line 333, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-table__loading-spinner {
  width: 32px;
  height: 32px;
  border: 3px solid var(--tw-border-default);
  border-top-color: var(--tw-accent-primary);
  border-radius: 50%;
  animation: tw-spin 0.8s linear infinite;
}

/* line 347, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--tw-space-4);
  border-top: 1px solid var(--tw-border-subtle);
  flex-wrap: wrap;
  gap: var(--tw-space-4);
}

/* line 357, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-pagination__info {
  font-size: var(--tw-text-sm);
  color: var(--tw-text-tertiary);
}

/* line 362, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-pagination__controls {
  display: flex;
  align-items: center;
  gap: var(--tw-space-1);
}

/* line 368, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-pagination__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 var(--tw-space-2);
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-medium);
  color: var(--tw-text-secondary);
  background: transparent;
  border: 1px solid var(--tw-border-default);
  border-radius: var(--tw-radius-md);
  cursor: pointer;
  transition: all var(--tw-transition-fast);
}

/* line 384, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-pagination__btn:hover:not(:disabled) {
  color: var(--tw-text-primary);
  border-color: var(--tw-border-strong);
  background: var(--tw-glass-bg);
}

/* line 390, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-pagination__btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* line 395, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-pagination__btn.tw-is-active {
  color: white;
  background: var(--tw-accent-primary);
  border-color: var(--tw-accent-primary);
}

/* line 401, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-pagination__btn svg {
  width: 16px;
  height: 16px;
}

/* line 407, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-pagination__ellipsis {
  padding: 0 var(--tw-space-2);
  color: var(--tw-text-muted);
}

/* line 420, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-data-card__body > .pagination,
.tw-data-card__body .pagination,
.tw-card__body > .pagination,
.tw-card__body .pagination,
body > .pagination,
body .pagination {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: var(--tw-space-1) !important;
  margin: 0 !important;
  padding: var(--tw-space-4) !important;
  list-style: none !important;
  border-top: 1px solid var(--tw-border-subtle) !important;
  background: transparent !important;
  flex-wrap: wrap !important;
}

/* line 433, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-data-card__body > .pagination > li,
.tw-data-card__body .pagination > li,
.tw-card__body > .pagination > li,
.tw-card__body .pagination > li,
body > .pagination > li,
body .pagination > li {
  display: flex !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* line 439, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-data-card__body > .pagination > li > a,
.tw-data-card__body > .pagination > li > span,
.tw-data-card__body .pagination > li > a,
.tw-data-card__body .pagination > li > span,
.tw-card__body > .pagination > li > a,
.tw-card__body > .pagination > li > span,
.tw-card__body .pagination > li > a,
.tw-card__body .pagination > li > span,
body > .pagination > li > a,
body > .pagination > li > span,
body .pagination > li > a,
body .pagination > li > span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 36px !important;
  height: 36px !important;
  padding: 0 var(--tw-space-3) !important;
  font-size: var(--tw-text-sm) !important;
  font-weight: var(--tw-font-medium) !important;
  color: var(--tw-text-secondary) !important;
  background: var(--tw-glass-bg) !important;
  border: 1px solid var(--tw-border-subtle) !important;
  border-radius: var(--tw-radius-md) !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: all var(--tw-transition-fast) !important;
  line-height: 1 !important;
}

/* line 458, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-data-card__body > .pagination > li > a:hover,
.tw-data-card__body > .pagination > li > span:hover,
.tw-data-card__body .pagination > li > a:hover,
.tw-data-card__body .pagination > li > span:hover,
.tw-card__body > .pagination > li > a:hover,
.tw-card__body > .pagination > li > span:hover,
.tw-card__body .pagination > li > a:hover,
.tw-card__body .pagination > li > span:hover,
body > .pagination > li > a:hover,
body > .pagination > li > span:hover,
body .pagination > li > a:hover,
body .pagination > li > span:hover {
  color: var(--tw-text-primary) !important;
  border-color: var(--tw-border-default) !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

/* line 465, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-data-card__body > .pagination > li > a i,
.tw-data-card__body > .pagination > li > a svg,
.tw-data-card__body > .pagination > li > span i,
.tw-data-card__body > .pagination > li > span svg,
.tw-data-card__body .pagination > li > a i,
.tw-data-card__body .pagination > li > a svg,
.tw-data-card__body .pagination > li > span i,
.tw-data-card__body .pagination > li > span svg,
.tw-card__body > .pagination > li > a i,
.tw-card__body > .pagination > li > a svg,
.tw-card__body > .pagination > li > span i,
.tw-card__body > .pagination > li > span svg,
.tw-card__body .pagination > li > a i,
.tw-card__body .pagination > li > a svg,
.tw-card__body .pagination > li > span i,
.tw-card__body .pagination > li > span svg,
body > .pagination > li > a i,
body > .pagination > li > a svg,
body > .pagination > li > span i,
body > .pagination > li > span svg,
body .pagination > li > a i,
body .pagination > li > a svg,
body .pagination > li > span i,
body .pagination > li > span svg {
  width: 14px !important;
  height: 14px !important;
  stroke-width: 2 !important;
}

/* line 474, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-data-card__body > .pagination > li.active > span, .tw-data-card__body > .pagination > li.active > a,
.tw-data-card__body .pagination > li.active > span,
.tw-data-card__body .pagination > li.active > a,
.tw-card__body > .pagination > li.active > span,
.tw-card__body > .pagination > li.active > a,
.tw-card__body .pagination > li.active > span,
.tw-card__body .pagination > li.active > a,
body > .pagination > li.active > span,
body > .pagination > li.active > a,
body .pagination > li.active > span,
body .pagination > li.active > a {
  color: var(--tw-text-inverse) !important;
  background: var(--tw-accent-primary) !important;
  border-color: var(--tw-accent-primary) !important;
  cursor: default !important;
}

/* line 481, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-data-card__body > .pagination > li.active > span:hover, .tw-data-card__body > .pagination > li.active > a:hover,
.tw-data-card__body .pagination > li.active > span:hover,
.tw-data-card__body .pagination > li.active > a:hover,
.tw-card__body > .pagination > li.active > span:hover,
.tw-card__body > .pagination > li.active > a:hover,
.tw-card__body .pagination > li.active > span:hover,
.tw-card__body .pagination > li.active > a:hover,
body > .pagination > li.active > span:hover,
body > .pagination > li.active > a:hover,
body .pagination > li.active > span:hover,
body .pagination > li.active > a:hover {
  background: var(--tw-accent-primary) !important;
  border-color: var(--tw-accent-primary) !important;
}

/* line 488, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-data-card__body > .pagination > li.disabled > span, .tw-data-card__body > .pagination > li.disabled > a, .tw-data-card__body > .pagination > li.previous_page.disabled > a, .tw-data-card__body > .pagination > li.next_page.disabled > a,
.tw-data-card__body .pagination > li.disabled > span,
.tw-data-card__body .pagination > li.disabled > a,
.tw-data-card__body .pagination > li.previous_page.disabled > a,
.tw-data-card__body .pagination > li.next_page.disabled > a,
.tw-card__body > .pagination > li.disabled > span,
.tw-card__body > .pagination > li.disabled > a,
.tw-card__body > .pagination > li.previous_page.disabled > a,
.tw-card__body > .pagination > li.next_page.disabled > a,
.tw-card__body .pagination > li.disabled > span,
.tw-card__body .pagination > li.disabled > a,
.tw-card__body .pagination > li.previous_page.disabled > a,
.tw-card__body .pagination > li.next_page.disabled > a,
body > .pagination > li.disabled > span,
body > .pagination > li.disabled > a,
body > .pagination > li.previous_page.disabled > a,
body > .pagination > li.next_page.disabled > a,
body .pagination > li.disabled > span,
body .pagination > li.disabled > a,
body .pagination > li.previous_page.disabled > a,
body .pagination > li.next_page.disabled > a {
  color: var(--tw-text-disabled) !important;
  background: transparent !important;
  border-color: var(--tw-border-subtle) !important;
  cursor: not-allowed !important;
  opacity: 0.5 !important;
}

/* line 498, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-data-card__body > .pagination > li.disabled > span:hover, .tw-data-card__body > .pagination > li.disabled > a:hover, .tw-data-card__body > .pagination > li.previous_page.disabled > a:hover, .tw-data-card__body > .pagination > li.next_page.disabled > a:hover,
.tw-data-card__body .pagination > li.disabled > span:hover,
.tw-data-card__body .pagination > li.disabled > a:hover,
.tw-data-card__body .pagination > li.previous_page.disabled > a:hover,
.tw-data-card__body .pagination > li.next_page.disabled > a:hover,
.tw-card__body > .pagination > li.disabled > span:hover,
.tw-card__body > .pagination > li.disabled > a:hover,
.tw-card__body > .pagination > li.previous_page.disabled > a:hover,
.tw-card__body > .pagination > li.next_page.disabled > a:hover,
.tw-card__body .pagination > li.disabled > span:hover,
.tw-card__body .pagination > li.disabled > a:hover,
.tw-card__body .pagination > li.previous_page.disabled > a:hover,
.tw-card__body .pagination > li.next_page.disabled > a:hover,
body > .pagination > li.disabled > span:hover,
body > .pagination > li.disabled > a:hover,
body > .pagination > li.previous_page.disabled > a:hover,
body > .pagination > li.next_page.disabled > a:hover,
body .pagination > li.disabled > span:hover,
body .pagination > li.disabled > a:hover,
body .pagination > li.previous_page.disabled > a:hover,
body .pagination > li.next_page.disabled > a:hover {
  color: var(--tw-text-disabled) !important;
  background: transparent !important;
  border-color: var(--tw-border-subtle) !important;
}

/* line 508, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-data-card__body > .pagination > li.previous_page > a,
.tw-data-card__body > .pagination > li.previous_page > span, .tw-data-card__body > .pagination > li.next_page > a,
.tw-data-card__body > .pagination > li.next_page > span,
.tw-data-card__body .pagination > li.previous_page > a,
.tw-data-card__body .pagination > li.previous_page > span,
.tw-data-card__body .pagination > li.next_page > a,
.tw-data-card__body .pagination > li.next_page > span,
.tw-card__body > .pagination > li.previous_page > a,
.tw-card__body > .pagination > li.previous_page > span,
.tw-card__body > .pagination > li.next_page > a,
.tw-card__body > .pagination > li.next_page > span,
.tw-card__body .pagination > li.previous_page > a,
.tw-card__body .pagination > li.previous_page > span,
.tw-card__body .pagination > li.next_page > a,
.tw-card__body .pagination > li.next_page > span,
body > .pagination > li.previous_page > a,
body > .pagination > li.previous_page > span,
body > .pagination > li.next_page > a,
body > .pagination > li.next_page > span,
body .pagination > li.previous_page > a,
body .pagination > li.previous_page > span,
body .pagination > li.next_page > a,
body .pagination > li.next_page > span {
  padding: 0 var(--tw-space-2) !important;
}

/* line 516, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-data-card__body > .pagination > li.gap > a,
.tw-data-card__body > .pagination > li.gap > span,
.tw-data-card__body .pagination > li.gap > a,
.tw-data-card__body .pagination > li.gap > span,
.tw-card__body > .pagination > li.gap > a,
.tw-card__body > .pagination > li.gap > span,
.tw-card__body .pagination > li.gap > a,
.tw-card__body .pagination > li.gap > span,
body > .pagination > li.gap > a,
body > .pagination > li.gap > span,
body .pagination > li.gap > a,
body .pagination > li.gap > span {
  background: transparent !important;
  border-color: transparent !important;
  cursor: default !important;
  min-width: auto !important;
  padding: 0 var(--tw-space-1) !important;
  color: var(--tw-text-tertiary) !important;
}

/* line 525, app/assets/stylesheets/new-ui/components/_tables.scss */
.tw-data-card__body > .pagination > li.gap > a:hover,
.tw-data-card__body > .pagination > li.gap > span:hover,
.tw-data-card__body .pagination > li.gap > a:hover,
.tw-data-card__body .pagination > li.gap > span:hover,
.tw-card__body > .pagination > li.gap > a:hover,
.tw-card__body > .pagination > li.gap > span:hover,
.tw-card__body .pagination > li.gap > a:hover,
.tw-card__body .pagination > li.gap > span:hover,
body > .pagination > li.gap > a:hover,
body > .pagination > li.gap > span:hover,
body .pagination > li.gap > a:hover,
body .pagination > li.gap > span:hover {
  background: transparent !important;
  border-color: transparent !important;
  color: var(--tw-text-tertiary) !important;
}

/* line 10, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-panel {
  background: var(--tw-bg-secondary);
  border: 1px solid var(--tw-border-subtle);
  border-radius: var(--tw-radius-xl);
  overflow: hidden;
}

/* line 17, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-panel__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--tw-space-4);
  border-bottom: 1px solid var(--tw-border-subtle);
  background: var(--tw-bg-tertiary);
}

/* line 26, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-panel__title {
  display: flex;
  align-items: center;
  gap: var(--tw-space-2);
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-semibold);
  color: var(--tw-text-primary);
}

/* line 34, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-panel__title svg {
  width: 18px;
  height: 18px;
  color: var(--tw-text-tertiary);
}

/* line 41, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-panel__clear {
  font-size: var(--tw-text-xs);
  font-weight: var(--tw-font-medium);
  color: var(--tw-text-tertiary);
  background: none;
  border: none;
  cursor: pointer;
  transition: color var(--tw-transition-fast);
}

/* line 50, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-panel__clear:hover {
  color: var(--tw-error);
}

/* line 55, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-panel__body {
  padding: var(--tw-space-4);
}

/* line 59, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-panel__footer {
  display: flex;
  gap: var(--tw-space-3);
  padding: var(--tw-space-4);
  border-top: 1px solid var(--tw-border-subtle);
  background: var(--tw-bg-tertiary);
}

/* line 71, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-group {
  margin-bottom: var(--tw-space-4);
}

/* line 74, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-group:last-child {
  margin-bottom: 0;
}

/* line 79, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-group__label {
  display: flex;
  align-items: center;
  gap: var(--tw-space-2);
  margin-bottom: var(--tw-space-2);
  font-size: var(--tw-text-xs);
  font-weight: var(--tw-font-semibold);
  color: var(--tw-text-tertiary);
  text-transform: uppercase;
  letter-spacing: var(--tw-tracking-wide);
}

/* line 90, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-group__label svg {
  width: 14px;
  height: 14px;
  color: var(--tw-text-muted);
}

/* line 97, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-group__content {
  width: 100%;
}

/* line 106, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-toggle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--tw-space-3);
  background: var(--tw-glass-bg);
  border: 1px solid var(--tw-border-subtle);
  border-radius: var(--tw-radius-lg);
  cursor: pointer;
  transition: all var(--tw-transition-fast);
}

/* line 118, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-toggle:hover {
  background: var(--tw-glass-bg-hover);
  border-color: var(--tw-border-default);
}

/* line 123, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-toggle[aria-expanded="true"] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-color: transparent;
}

/* line 128, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-toggle[aria-expanded="true"] .tw-filter-toggle__icon {
  transform: rotate(180deg);
}

/* line 134, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-toggle__text {
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-medium);
  color: var(--tw-text-secondary);
}

/* line 140, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-toggle__count {
  margin-left: var(--tw-space-2);
  padding: var(--tw-space-0-5) var(--tw-space-2);
  font-size: var(--tw-text-xs);
  font-weight: var(--tw-font-semibold);
  color: var(--tw-accent-primary);
  background: var(--tw-accent-primary-soft);
  border-radius: var(--tw-radius-full);
}

/* line 150, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-toggle__icon {
  width: 16px;
  height: 16px;
  color: var(--tw-text-muted);
  transition: transform var(--tw-transition-fast);
}

/* line 157, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-toggle__content {
  padding: var(--tw-space-3);
  background: var(--tw-glass-bg);
  border: 1px solid var(--tw-border-subtle);
  border-top: none;
  border-radius: 0 0 var(--tw-radius-lg) var(--tw-radius-lg);
}

/* line 164, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-toggle__content[hidden] {
  display: none;
}

/* line 173, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tw-space-2);
  margin-bottom: var(--tw-space-4);
}

/* line 179, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-chips:empty {
  display: none;
}

/* line 184, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-chip {
  display: inline-flex;
  align-items: center;
  gap: var(--tw-space-1-5);
  padding: var(--tw-space-1) var(--tw-space-2) var(--tw-space-1) var(--tw-space-3);
  font-size: var(--tw-text-xs);
  font-weight: var(--tw-font-medium);
  color: var(--tw-text-primary);
  background: var(--tw-accent-primary-soft);
  border: 1px solid var(--tw-accent-primary);
  border-radius: var(--tw-radius-full);
}

/* line 197, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-chip__label {
  color: var(--tw-text-tertiary);
}

/* line 201, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-chip__value {
  color: var(--tw-accent-primary);
}

/* line 205, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-chip__remove {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 50%;
  color: var(--tw-text-tertiary);
  cursor: pointer;
  transition: all var(--tw-transition-fast);
}

/* line 219, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-chip__remove:hover {
  color: var(--tw-error);
  background: var(--tw-error-soft);
}

/* line 224, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-chip__remove svg {
  width: 12px;
  height: 12px;
}

/* line 234, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-bar {
  display: flex;
  align-items: center;
  gap: var(--tw-space-3);
  padding: var(--tw-space-4);
  background: var(--tw-bg-secondary);
  border: 1px solid var(--tw-border-subtle);
  border-radius: var(--tw-radius-xl);
  margin-bottom: var(--tw-space-4);
  flex-wrap: wrap;
}

/* line 246, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-bar__search {
  flex: 1;
  min-width: 200px;
}

/* line 251, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-bar__filters {
  display: flex;
  align-items: center;
  gap: var(--tw-space-2);
  flex-wrap: wrap;
}

/* line 258, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-bar__btn {
  display: inline-flex;
  align-items: center;
  gap: var(--tw-space-2);
  padding: var(--tw-space-2) var(--tw-space-3);
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-medium);
  color: var(--tw-text-secondary);
  background: var(--tw-glass-bg);
  border: 1px solid var(--tw-border-default);
  border-radius: var(--tw-radius-lg);
  cursor: pointer;
  transition: all var(--tw-transition-fast);
}

/* line 272, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-bar__btn:hover {
  color: var(--tw-text-primary);
  background: var(--tw-glass-bg-hover);
  border-color: var(--tw-border-strong);
}

/* line 278, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-bar__btn.tw-is-active {
  color: var(--tw-accent-primary);
  background: var(--tw-accent-primary-soft);
  border-color: var(--tw-accent-primary);
}

/* line 284, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-bar__btn svg {
  width: 16px;
  height: 16px;
}

/* line 294, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-date-range {
  display: flex;
  align-items: center;
  gap: var(--tw-space-2);
}

/* line 300, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-date-range__separator {
  color: var(--tw-text-muted);
  font-size: var(--tw-text-sm);
}

/* line 309, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-checkbox-list {
  max-height: 200px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--tw-border-default) transparent;
}

/* line 297, app/assets/stylesheets/new-ui/base/_variables.scss */
.tw-filter-checkbox-list::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

/* line 302, app/assets/stylesheets/new-ui/base/_variables.scss */
.tw-filter-checkbox-list::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 4px;
}

/* line 307, app/assets/stylesheets/new-ui/base/_variables.scss */
.tw-filter-checkbox-list::-webkit-scrollbar-thumb {
  background: var(--tw-border-default);
  border-radius: 4px;
}

/* line 311, app/assets/stylesheets/new-ui/base/_variables.scss */
.tw-filter-checkbox-list::-webkit-scrollbar-thumb:hover {
  background: var(--tw-border-strong);
}

/* line 315, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-checkbox-item {
  display: flex;
  align-items: center;
  padding: var(--tw-space-2) 0;
}

/* line 320, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-checkbox-item:first-child {
  padding-top: 0;
}

/* line 324, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-checkbox-item:last-child {
  padding-bottom: 0;
}

/* line 333, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-search {
  position: relative;
}

/* line 336, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-search .tw-input, .tw-filter-search .tw-textarea, .tw-filter-search .tw-select {
  padding-left: var(--tw-space-10);
}

/* line 340, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-search__icon {
  position: absolute;
  left: var(--tw-space-3);
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  color: var(--tw-text-muted);
  pointer-events: none;
}

/* line 351, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-search__clear {
  position: absolute;
  right: var(--tw-space-2);
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: var(--tw-radius-md);
  color: var(--tw-text-muted);
  cursor: pointer;
  transition: all var(--tw-transition-fast);
}

/* line 369, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-search__clear:hover {
  color: var(--tw-text-primary);
  background: var(--tw-glass-bg);
}

/* line 374, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-filter-search__clear svg {
  width: 14px;
  height: 14px;
}

/* line 385, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-page-with-filters {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: var(--tw-space-6);
  align-items: start;
}

@media (max-width: 1200px) {
  /* line 385, app/assets/stylesheets/new-ui/components/_filters.scss */
  .tw-page-with-filters {
    grid-template-columns: 1fr;
  }
}

/* line 396, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-page-with-filters__sidebar {
  position: sticky;
  top: calc(73px + var(--tw-space-6));
}

@media (max-width: 1200px) {
  /* line 396, app/assets/stylesheets/new-ui/components/_filters.scss */
  .tw-page-with-filters__sidebar {
    position: static;
  }
}

/* line 405, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-page-with-filters__content {
  min-width: 0;
}

/* line 410, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-page-with-filters.tw-filters-collapsed {
  grid-template-columns: 1fr;
}

/* line 413, app/assets/stylesheets/new-ui/components/_filters.scss */
.tw-page-with-filters.tw-filters-collapsed .tw-page-with-filters__sidebar {
  display: none;
}

/* line 10, app/assets/stylesheets/new-ui/components/_page-header.scss */
.tw-page-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--tw-space-4);
  padding: var(--tw-space-4) 0;
  margin-bottom: var(--tw-space-4);
  flex-wrap: wrap;
}

/* line 20, app/assets/stylesheets/new-ui/components/_page-header.scss */
.tw-page-header__left {
  display: flex;
  align-items: center;
  gap: var(--tw-space-4);
}

/* line 26, app/assets/stylesheets/new-ui/components/_page-header.scss */
.tw-page-header__title {
  display: flex;
  align-items: center;
  gap: var(--tw-space-3);
}

/* line 31, app/assets/stylesheets/new-ui/components/_page-header.scss */
.tw-page-header__title h1 {
  display: flex;
  align-items: center;
  gap: var(--tw-space-3);
  font-family: var(--tw-font-primary);
  font-size: var(--tw-text-xl);
  font-weight: var(--tw-font-bold);
  color: var(--tw-text-primary);
  margin: 0;
}

/* line 41, app/assets/stylesheets/new-ui/components/_page-header.scss */
.tw-page-header__title h1 svg {
  width: 20px;
  height: 20px;
  color: var(--tw-accent-primary);
}

/* line 49, app/assets/stylesheets/new-ui/components/_page-header.scss */
.tw-page-header__actions {
  display: flex;
  align-items: center;
  gap: var(--tw-space-3);
  flex-wrap: wrap;
}

/* line 60, app/assets/stylesheets/new-ui/components/_page-header.scss */
.tw-filter-toggle-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--tw-space-2);
  padding: var(--tw-space-2) var(--tw-space-3);
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-medium);
  color: var(--tw-text-secondary);
  background: var(--tw-bg-secondary);
  border: 1px solid var(--tw-border-subtle);
  border-radius: var(--tw-radius-lg);
  cursor: pointer;
  transition: all var(--tw-transition-fast);
}

/* line 74, app/assets/stylesheets/new-ui/components/_page-header.scss */
.tw-filter-toggle-btn svg {
  width: 16px;
  height: 16px;
  color: var(--tw-text-tertiary);
  transition: color var(--tw-transition-fast);
}

/* line 81, app/assets/stylesheets/new-ui/components/_page-header.scss */
.tw-filter-toggle-btn:hover {
  color: var(--tw-text-primary);
  border-color: var(--tw-border-default);
  background: var(--tw-bg-tertiary);
}

/* line 86, app/assets/stylesheets/new-ui/components/_page-header.scss */
.tw-filter-toggle-btn:hover svg {
  color: var(--tw-text-secondary);
}

/* line 91, app/assets/stylesheets/new-ui/components/_page-header.scss */
.tw-filter-toggle-btn.tw-is-active {
  color: var(--tw-accent-primary);
  border-color: var(--tw-accent-primary);
  background: var(--tw-accent-primary-soft);
}

/* line 96, app/assets/stylesheets/new-ui/components/_page-header.scss */
.tw-filter-toggle-btn.tw-is-active svg {
  color: var(--tw-accent-primary);
}

/* line 106, app/assets/stylesheets/new-ui/components/_page-header.scss */
.tw-results-count {
  font-size: var(--tw-text-sm);
  color: var(--tw-text-tertiary);
}

/* line 110, app/assets/stylesheets/new-ui/components/_page-header.scss */
.tw-results-count strong {
  font-weight: var(--tw-font-semibold);
  color: var(--tw-text-primary);
}

/* line 120, app/assets/stylesheets/new-ui/components/_page-header.scss */
.tw-page-header__btn {
  display: inline-flex;
  align-items: center;
  gap: var(--tw-space-2);
  padding: var(--tw-space-2) var(--tw-space-4);
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-medium);
  color: white;
  background: var(--tw-gradient-primary);
  border: none;
  border-radius: var(--tw-radius-lg);
  text-decoration: none;
  cursor: pointer;
  transition: all var(--tw-transition-fast);
  box-shadow: var(--tw-shadow-sm);
}

/* line 136, app/assets/stylesheets/new-ui/components/_page-header.scss */
.tw-page-header__btn svg {
  width: 14px;
  height: 14px;
}

/* line 141, app/assets/stylesheets/new-ui/components/_page-header.scss */
.tw-page-header__btn:hover {
  box-shadow: var(--tw-shadow-md);
  transform: translateY(-1px);
  color: white;
  text-decoration: none;
}

/* line 148, app/assets/stylesheets/new-ui/components/_page-header.scss */
.tw-page-header__btn:active {
  transform: translateY(0);
  box-shadow: var(--tw-shadow-xs);
}

/* line 154, app/assets/stylesheets/new-ui/components/_page-header.scss */
.tw-page-header__btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: var(--tw-space-2);
  padding: var(--tw-space-2) var(--tw-space-4);
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-medium);
  color: var(--tw-text-secondary);
  background: var(--tw-glass-bg);
  border: 1px solid var(--tw-border-default);
  border-radius: var(--tw-radius-lg);
  text-decoration: none;
  cursor: pointer;
  transition: all var(--tw-transition-fast);
  backdrop-filter: blur(8px);
}

/* line 170, app/assets/stylesheets/new-ui/components/_page-header.scss */
.tw-page-header__btn-secondary svg {
  width: 14px;
  height: 14px;
  color: var(--tw-text-tertiary);
}

/* line 176, app/assets/stylesheets/new-ui/components/_page-header.scss */
.tw-page-header__btn-secondary:hover {
  color: var(--tw-text-primary);
  background: var(--tw-glass-bg-hover);
  border-color: var(--tw-border-strong);
  text-decoration: none;
}

/* line 182, app/assets/stylesheets/new-ui/components/_page-header.scss */
.tw-page-header__btn-secondary:hover svg {
  color: var(--tw-text-secondary);
}

/* line 192, app/assets/stylesheets/new-ui/components/_page-header.scss */
.tw-page-header__divider {
  width: 1px;
  height: 24px;
  background: var(--tw-border-subtle);
  margin: 0 var(--tw-space-1);
}

/* line 203, app/assets/stylesheets/new-ui/components/_page-header.scss */
.tw-action-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  color: var(--tw-text-tertiary);
  background: transparent;
  border: none;
  border-radius: var(--tw-radius-md);
  cursor: pointer;
  transition: all var(--tw-transition-fast);
  text-decoration: none;
}

/* line 218, app/assets/stylesheets/new-ui/components/_page-header.scss */
.tw-action-icon svg,
.tw-action-icon img {
  width: 16px;
  height: 16px;
  opacity: 0.7;
  transition: opacity var(--tw-transition-fast);
}

/* line 226, app/assets/stylesheets/new-ui/components/_page-header.scss */
.tw-action-icon:hover {
  color: var(--tw-text-primary);
  background: var(--tw-glass-bg);
}

/* line 230, app/assets/stylesheets/new-ui/components/_page-header.scss */
.tw-action-icon:hover svg,
.tw-action-icon:hover img {
  opacity: 1;
}

@media (max-width: 768px) {
  /* line 242, app/assets/stylesheets/new-ui/components/_page-header.scss */
  .tw-page-header {
    flex-direction: column;
    align-items: stretch;
    gap: var(--tw-space-3);
  }
  /* line 248, app/assets/stylesheets/new-ui/components/_page-header.scss */
  .tw-page-header__left {
    justify-content: space-between;
  }
  /* line 252, app/assets/stylesheets/new-ui/components/_page-header.scss */
  .tw-page-header__actions {
    justify-content: flex-start;
  }
}

/* line 10, app/assets/stylesheets/new-ui/components/_checkbox-dropdown.scss */
.tw-checkbox-dropdown {
  position: relative;
  width: 100%;
}

/* line 19, app/assets/stylesheets/new-ui/components/_checkbox-dropdown.scss */
.tw-checkbox-dropdown__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 40px;
  padding: 0 var(--tw-space-3);
  font-family: var(--tw-font-secondary);
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-normal);
  color: var(--tw-text-secondary);
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid var(--tw-border-default);
  border-radius: var(--tw-radius-lg);
  cursor: pointer;
  transition: all var(--tw-transition-fast);
}

/* line 36, app/assets/stylesheets/new-ui/components/_checkbox-dropdown.scss */
.tw-checkbox-dropdown__trigger:hover {
  border-color: var(--tw-border-strong);
  background: rgba(0, 0, 0, 0.35);
  color: var(--tw-text-primary);
}

/* line 42, app/assets/stylesheets/new-ui/components/_checkbox-dropdown.scss */
.tw-checkbox-dropdown__trigger.tw-is-open {
  border-color: var(--tw-accent-primary);
  background: rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 0 3px var(--tw-accent-primary-soft);
}

/* line 49, app/assets/stylesheets/new-ui/components/_checkbox-dropdown.scss */
.tw-checkbox-dropdown__text {
  flex: 1;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 57, app/assets/stylesheets/new-ui/components/_checkbox-dropdown.scss */
.tw-checkbox-dropdown__icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  margin-left: var(--tw-space-2);
  color: var(--tw-text-muted);
  transition: transform var(--tw-transition-fast);
}

/* line 65, app/assets/stylesheets/new-ui/components/_checkbox-dropdown.scss */
.tw-is-open .tw-checkbox-dropdown__icon {
  transform: rotate(180deg);
}

/* line 70, app/assets/stylesheets/new-ui/components/_checkbox-dropdown.scss */
.tw-checkbox-dropdown__count {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 var(--tw-space-1-5);
  margin-left: var(--tw-space-2);
  font-size: var(--tw-text-xs);
  font-weight: var(--tw-font-semibold);
  color: white;
  background: var(--tw-accent-primary);
  border-radius: var(--tw-radius-full);
}

/* line 89, app/assets/stylesheets/new-ui/components/_checkbox-dropdown.scss */
.tw-checkbox-dropdown__menu {
  position: absolute;
  top: calc(100% + var(--tw-space-1));
  left: 0;
  right: 0;
  min-width: 100%;
  background: var(--tw-bg-elevated);
  border: 1px solid var(--tw-border-default);
  border-radius: var(--tw-radius-lg);
  box-shadow: var(--tw-shadow-xl);
  z-index: var(--tw-z-dropdown);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  transition: all var(--tw-transition-fast);
  max-height: 300px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

/* line 109, app/assets/stylesheets/new-ui/components/_checkbox-dropdown.scss */
.tw-checkbox-dropdown__menu.tw-is-open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* line 116, app/assets/stylesheets/new-ui/components/_checkbox-dropdown.scss */
.tw-checkbox-dropdown__list {
  flex: 1;
  overflow-y: auto;
  padding: var(--tw-space-2);
  scrollbar-width: thin;
  scrollbar-color: var(--tw-border-default) transparent;
}

/* line 297, app/assets/stylesheets/new-ui/base/_variables.scss */
.tw-checkbox-dropdown__list::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

/* line 302, app/assets/stylesheets/new-ui/base/_variables.scss */
.tw-checkbox-dropdown__list::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 4px;
}

/* line 307, app/assets/stylesheets/new-ui/base/_variables.scss */
.tw-checkbox-dropdown__list::-webkit-scrollbar-thumb {
  background: var(--tw-border-default);
  border-radius: 4px;
}

/* line 311, app/assets/stylesheets/new-ui/base/_variables.scss */
.tw-checkbox-dropdown__list::-webkit-scrollbar-thumb:hover {
  background: var(--tw-border-strong);
}

/* line 127, app/assets/stylesheets/new-ui/components/_checkbox-dropdown.scss */
.tw-checkbox-dropdown__item {
  display: flex;
  align-items: center;
  gap: var(--tw-space-3);
  padding: var(--tw-space-2-5) var(--tw-space-3);
  border-radius: var(--tw-radius-md);
  cursor: pointer;
  transition: background var(--tw-transition-fast);
}

/* line 136, app/assets/stylesheets/new-ui/components/_checkbox-dropdown.scss */
.tw-checkbox-dropdown__item:hover {
  background: var(--tw-glass-bg-hover);
}

/* line 141, app/assets/stylesheets/new-ui/components/_checkbox-dropdown.scss */
.tw-checkbox-dropdown__checkbox {
  position: relative;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

/* line 147, app/assets/stylesheets/new-ui/components/_checkbox-dropdown.scss */
.tw-checkbox-dropdown__checkbox input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 1;
  margin: 0;
}

/* line 157, app/assets/stylesheets/new-ui/components/_checkbox-dropdown.scss */
.tw-checkbox-dropdown__checkbox .tw-checkbox-dropdown__box {
  width: 18px;
  height: 18px;
  border: 1px solid var(--tw-border-default);
  border-radius: var(--tw-radius-sm);
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all var(--tw-transition-fast);
  pointer-events: none;
}

/* line 169, app/assets/stylesheets/new-ui/components/_checkbox-dropdown.scss */
.tw-checkbox-dropdown__checkbox .tw-checkbox-dropdown__box svg {
  width: 12px;
  height: 12px;
  color: white;
  opacity: 0;
  transform: scale(0.5);
  transition: all var(--tw-transition-fast);
}

/* line 179, app/assets/stylesheets/new-ui/components/_checkbox-dropdown.scss */
.tw-checkbox-dropdown__checkbox input:checked + .tw-checkbox-dropdown__box {
  background: var(--tw-accent-primary);
  border-color: var(--tw-accent-primary);
}

/* line 183, app/assets/stylesheets/new-ui/components/_checkbox-dropdown.scss */
.tw-checkbox-dropdown__checkbox input:checked + .tw-checkbox-dropdown__box svg {
  opacity: 1;
  transform: scale(1);
}

/* line 189, app/assets/stylesheets/new-ui/components/_checkbox-dropdown.scss */
.tw-checkbox-dropdown__checkbox input:hover + .tw-checkbox-dropdown__box {
  border-color: var(--tw-border-strong);
}

/* line 193, app/assets/stylesheets/new-ui/components/_checkbox-dropdown.scss */
.tw-checkbox-dropdown__checkbox input:focus + .tw-checkbox-dropdown__box {
  box-shadow: 0 0 0 2px var(--tw-accent-primary-soft);
}

/* line 198, app/assets/stylesheets/new-ui/components/_checkbox-dropdown.scss */
.tw-checkbox-dropdown__label {
  font-size: var(--tw-text-sm);
  color: var(--tw-text-secondary);
  user-select: none;
  flex: 1;
}

/* line 204, app/assets/stylesheets/new-ui/components/_checkbox-dropdown.scss */
.tw-checkbox-dropdown__item:hover .tw-checkbox-dropdown__label {
  color: var(--tw-text-primary);
}

/* line 213, app/assets/stylesheets/new-ui/components/_checkbox-dropdown.scss */
.tw-checkbox-dropdown__actions {
  display: flex;
  gap: var(--tw-space-2);
  padding: var(--tw-space-3);
  border-top: 1px solid var(--tw-border-subtle);
  background: var(--tw-bg-tertiary);
}

/* line 221, app/assets/stylesheets/new-ui/components/_checkbox-dropdown.scss */
.tw-checkbox-dropdown__apply {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--tw-space-2);
  height: 32px;
  padding: 0 var(--tw-space-3);
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-medium);
  color: white;
  background: var(--tw-accent-primary);
  border: none;
  border-radius: var(--tw-radius-md);
  cursor: pointer;
  transition: all var(--tw-transition-fast);
}

/* line 238, app/assets/stylesheets/new-ui/components/_checkbox-dropdown.scss */
.tw-checkbox-dropdown__apply:hover {
  background: var(--tw-accent-primary-hover);
}

/* line 243, app/assets/stylesheets/new-ui/components/_checkbox-dropdown.scss */
.tw-checkbox-dropdown__cancel {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 0 var(--tw-space-3);
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-medium);
  color: var(--tw-text-tertiary);
  background: transparent;
  border: 1px solid var(--tw-border-subtle);
  border-radius: var(--tw-radius-md);
  cursor: pointer;
  transition: all var(--tw-transition-fast);
}

/* line 258, app/assets/stylesheets/new-ui/components/_checkbox-dropdown.scss */
.tw-checkbox-dropdown__cancel:hover {
  color: var(--tw-text-secondary);
  border-color: var(--tw-border-default);
  background: var(--tw-glass-bg);
}

/* line 269, app/assets/stylesheets/new-ui/components/_checkbox-dropdown.scss */
.tw-filter-select {
  width: 100%;
  height: 40px;
  padding: 0 var(--tw-space-8) 0 var(--tw-space-3);
  font-family: var(--tw-font-secondary);
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-normal);
  color: var(--tw-text-secondary);
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid var(--tw-border-default);
  border-radius: var(--tw-radius-lg);
  outline: none;
  appearance: none;
  cursor: pointer;
  transition: all var(--tw-transition-fast);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2371717A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right var(--tw-space-3) center;
}

/* line 288, app/assets/stylesheets/new-ui/components/_checkbox-dropdown.scss */
.tw-filter-select:hover {
  border-color: var(--tw-border-strong);
  background-color: rgba(0, 0, 0, 0.35);
  color: var(--tw-text-primary);
}

/* line 294, app/assets/stylesheets/new-ui/components/_checkbox-dropdown.scss */
.tw-filter-select:focus {
  border-color: var(--tw-accent-primary);
  background-color: rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 0 3px var(--tw-accent-primary-soft);
  color: var(--tw-text-primary);
}

/* line 301, app/assets/stylesheets/new-ui/components/_checkbox-dropdown.scss */
.tw-filter-select option {
  background: var(--tw-bg-elevated);
  color: var(--tw-text-primary);
  padding: var(--tw-space-2);
}

/* line 309, app/assets/stylesheets/new-ui/components/_checkbox-dropdown.scss */
.tw-filter-select-sm {
  height: 32px;
  padding: 0 var(--tw-space-7) 0 var(--tw-space-2-5);
  font-size: var(--tw-text-xs);
  border-radius: var(--tw-radius-md);
}

/* line 320, app/assets/stylesheets/new-ui/components/_checkbox-dropdown.scss */
.tw-date-range-picker {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 0 var(--tw-space-3);
  font-family: var(--tw-font-secondary);
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-normal);
  color: var(--tw-text-secondary);
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid var(--tw-border-default);
  border-radius: var(--tw-radius-lg);
  cursor: pointer;
  transition: all var(--tw-transition-fast);
}

/* line 336, app/assets/stylesheets/new-ui/components/_checkbox-dropdown.scss */
.tw-date-range-picker:hover {
  border-color: var(--tw-border-strong);
  background: rgba(0, 0, 0, 0.35);
  color: var(--tw-text-primary);
}

/* line 342, app/assets/stylesheets/new-ui/components/_checkbox-dropdown.scss */
.tw-date-range-picker.tw-is-active {
  border-color: var(--tw-accent-primary);
  background: rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 0 3px var(--tw-accent-primary-soft);
}

/* line 349, app/assets/stylesheets/new-ui/components/_checkbox-dropdown.scss */
.tw-date-range-picker__icon {
  width: 16px;
  height: 16px;
  margin-right: var(--tw-space-2);
  color: var(--tw-text-muted);
}

/* line 356, app/assets/stylesheets/new-ui/components/_checkbox-dropdown.scss */
.tw-date-range-picker__text {
  flex: 1;
}

/* line 10, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar {
  background: var(--tw-bg-secondary);
  border: 1px solid var(--tw-border-subtle);
  border-radius: var(--tw-radius-xl);
  margin-bottom: var(--tw-space-4);
}

/* line 18, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__row {
  display: flex;
  align-items: center;
  gap: var(--tw-space-3);
  padding: var(--tw-space-3) var(--tw-space-4);
  flex-wrap: wrap;
}

/* line 25, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__row:not(:last-child) {
  border-bottom: 1px solid var(--tw-border-subtle);
}

/* line 30, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__section {
  display: flex;
  align-items: center;
  gap: var(--tw-space-2);
  flex-wrap: wrap;
}

/* line 39, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__section--left {
  flex: 1;
  min-width: 0;
}

/* line 44, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__section--right {
  flex-shrink: 0;
}

/* line 52, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__search {
  position: relative;
  width: 220px;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  /* line 52, app/assets/stylesheets/new-ui/components/_toolbar.scss */
  .tw-toolbar__search {
    width: 100%;
  }
}

/* line 63, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__search-group {
  display: flex;
  align-items: stretch;
  flex-shrink: 0;
}

/* line 68, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__search-group .tw-toolbar__search {
  width: 200px;
}

@media (max-width: 768px) {
  /* line 68, app/assets/stylesheets/new-ui/components/_toolbar.scss */
  .tw-toolbar__search-group .tw-toolbar__search {
    width: 100%;
  }
}

/* line 75, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__search-group .tw-toolbar__search .tw-toolbar__search-input {
  border-radius: var(--tw-radius-lg) 0 0 var(--tw-radius-lg);
}

/* line 82, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__search-by {
  height: 36px;
  flex-shrink: 0;
  padding: 0 var(--tw-space-7) 0 var(--tw-space-3);
  font-family: var(--tw-font-secondary);
  font-size: var(--tw-text-xs);
  font-weight: var(--tw-font-medium);
  color: var(--tw-text-secondary);
  background: rgba(255, 255, 255, 0.03) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 8px center/14px;
  border: 1px solid var(--tw-border-subtle);
  border-left: none;
  border-radius: 0 var(--tw-radius-lg) var(--tw-radius-lg) 0;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: all var(--tw-transition-fast);
}

/* line 103, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__search-by:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: var(--tw-text-primary);
}

/* line 108, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__search-by:focus {
  border-color: var(--tw-accent-primary);
  box-shadow: 0 0 0 3px var(--tw-accent-primary-soft);
}

/* line 113, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__search-by option {
  background: var(--tw-bg-elevated);
  color: var(--tw-text-primary);
}

/* line 119, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__search-input {
  width: 100%;
  height: 36px;
  padding: 0 var(--tw-space-3) 0 var(--tw-space-10);
  font-family: var(--tw-font-secondary);
  font-size: var(--tw-text-sm);
  color: var(--tw-text-primary);
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid transparent;
  border-radius: var(--tw-radius-lg);
  outline: none;
  transition: all var(--tw-transition-fast);
}

/* line 132, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__search-input::placeholder {
  color: var(--tw-text-muted);
}

/* line 136, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__search-input:hover {
  background: rgba(255, 255, 255, 0.05);
  border-color: var(--tw-border-subtle);
}

/* line 141, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__search-input:focus {
  background: rgba(0, 0, 0, 0.3);
  border-color: var(--tw-accent-primary);
  box-shadow: 0 0 0 3px var(--tw-accent-primary-soft);
}

/* line 148, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__search-icon {
  position: absolute;
  left: var(--tw-space-3);
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  color: var(--tw-text-muted);
  pointer-events: none;
}

/* line 163, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__divider {
  width: 1px;
  height: 24px;
  background: var(--tw-border-subtle);
  margin: 0 var(--tw-space-1);
  flex-shrink: 0;
}

/* line 175, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-filter-pill {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: var(--tw-space-1-5);
  height: 32px;
  padding: 0 var(--tw-space-3);
  font-family: var(--tw-font-secondary);
  font-size: var(--tw-text-xs);
  font-weight: var(--tw-font-medium);
  color: var(--tw-text-secondary);
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid transparent;
  border-radius: var(--tw-radius-full);
  cursor: pointer;
  transition: all var(--tw-transition-fast);
  white-space: nowrap;
}

/* line 193, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-filter-pill svg {
  width: 14px;
  height: 14px;
  color: var(--tw-text-muted);
  transition: transform var(--tw-transition-fast);
}

/* line 200, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-filter-pill:hover {
  color: var(--tw-text-primary);
  background: rgba(255, 255, 255, 0.06);
  border-color: var(--tw-border-subtle);
}

/* line 205, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-filter-pill:hover svg {
  color: var(--tw-text-tertiary);
}

/* line 210, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-filter-pill.tw-is-active {
  color: var(--tw-accent-primary);
  background: var(--tw-accent-primary-soft);
  border-color: rgba(100, 116, 139, 0.3);
}

/* line 215, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-filter-pill.tw-is-active svg {
  color: var(--tw-accent-primary);
}

/* line 220, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-filter-pill.tw-is-open {
  color: var(--tw-text-primary);
  background: rgba(255, 255, 255, 0.08);
  border-color: var(--tw-accent-primary);
}

/* line 225, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-filter-pill.tw-is-open svg {
  transform: rotate(180deg);
}

/* line 231, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-filter-pill__count {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 var(--tw-space-1);
  font-size: 10px;
  font-weight: var(--tw-font-bold);
  color: white;
  background: var(--tw-accent-primary);
  border-radius: var(--tw-radius-full);
  margin-left: var(--tw-space-1);
}

/* line 250, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-filter-pill__dropdown {
  position: absolute;
  top: calc(100% + var(--tw-space-2));
  left: 0;
  min-width: 240px;
  max-width: 320px;
  background: var(--tw-bg-elevated);
  border: 1px solid var(--tw-border-default);
  border-radius: var(--tw-radius-xl);
  box-shadow: var(--tw-shadow-xl);
  z-index: var(--tw-z-dropdown);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  transition: all var(--tw-transition-fast);
}

/* line 266, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-filter-pill__dropdown.tw-is-open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* line 273, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-filter-pill__dropdown-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--tw-space-3) var(--tw-space-4);
  border-bottom: 1px solid var(--tw-border-subtle);
}

/* line 281, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-filter-pill__dropdown-title {
  font-size: var(--tw-text-xs);
  font-weight: var(--tw-font-semibold);
  color: var(--tw-text-tertiary);
  text-transform: uppercase;
  letter-spacing: var(--tw-tracking-wide);
}

/* line 289, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-filter-pill__dropdown-clear {
  font-size: var(--tw-text-xs);
  color: var(--tw-text-muted);
  background: none;
  border: none;
  cursor: pointer;
  transition: color var(--tw-transition-fast);
}

/* line 297, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-filter-pill__dropdown-clear:hover {
  color: var(--tw-error);
}

/* line 302, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-filter-pill__dropdown-body {
  padding: var(--tw-space-2);
  max-height: 280px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--tw-border-default) transparent;
}

/* line 297, app/assets/stylesheets/new-ui/base/_variables.scss */
.tw-filter-pill__dropdown-body::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

/* line 302, app/assets/stylesheets/new-ui/base/_variables.scss */
.tw-filter-pill__dropdown-body::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 4px;
}

/* line 307, app/assets/stylesheets/new-ui/base/_variables.scss */
.tw-filter-pill__dropdown-body::-webkit-scrollbar-thumb {
  background: var(--tw-border-default);
  border-radius: 4px;
}

/* line 311, app/assets/stylesheets/new-ui/base/_variables.scss */
.tw-filter-pill__dropdown-body::-webkit-scrollbar-thumb:hover {
  background: var(--tw-border-strong);
}

/* line 309, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-filter-pill__dropdown-footer {
  display: flex;
  gap: var(--tw-space-2);
  padding: var(--tw-space-3);
  border-top: 1px solid var(--tw-border-subtle);
  background: var(--tw-bg-tertiary);
  border-radius: 0 0 var(--tw-radius-xl) var(--tw-radius-xl);
}

/* line 318, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-filter-pill__dropdown-apply {
  flex: 1;
  height: 32px;
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-medium);
  color: white;
  background: var(--tw-accent-primary);
  border: none;
  border-radius: var(--tw-radius-md);
  cursor: pointer;
  transition: background var(--tw-transition-fast);
}

/* line 330, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-filter-pill__dropdown-apply:hover {
  background: var(--tw-accent-primary-hover);
}

/* line 339, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-checkbox-item {
  display: flex;
  align-items: center;
  gap: var(--tw-space-3);
  padding: var(--tw-space-2-5) var(--tw-space-3);
  margin: var(--tw-space-1) 0;
  border-radius: var(--tw-radius-md);
  cursor: pointer;
  transition: background var(--tw-transition-fast);
}

/* line 349, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-checkbox-item:hover {
  background: rgba(255, 255, 255, 0.05);
}

/* line 353, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-checkbox-item input[type="checkbox"],
.tw-checkbox-item input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
  left: -9999px;
}

/* line 364, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-checkbox-item:has(input:checked) .tw-checkbox-item__box, .tw-checkbox-item.tw-is-selected .tw-checkbox-item__box {
  background: var(--tw-accent-primary);
  border-color: var(--tw-accent-primary);
}

/* line 369, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-checkbox-item:has(input:checked) .tw-checkbox-item__box svg, .tw-checkbox-item.tw-is-selected .tw-checkbox-item__box svg {
  opacity: 1;
  transform: scale(1);
}

/* line 376, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-checkbox-item__box {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid var(--tw-border-default);
  border-radius: var(--tw-radius-sm);
  transition: all var(--tw-transition-fast);
}

/* line 388, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-checkbox-item__box svg {
  width: 12px;
  height: 12px;
  color: white;
  opacity: 0;
  transform: scale(0.5);
  transition: all var(--tw-transition-fast);
}

/* line 398, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-checkbox-item__label {
  font-size: var(--tw-text-sm);
  color: var(--tw-text-secondary);
  user-select: none;
  flex: 1;
}

/* line 404, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-checkbox-item:hover .tw-checkbox-item__label {
  color: var(--tw-text-primary);
}

/* line 412, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-checkbox-item__box--radio {
  border-radius: 50%;
}

/* line 415, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-checkbox-item__box--radio .tw-checkbox-item__radio-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
  opacity: 0;
  transform: scale(0.5);
  transition: all var(--tw-transition-fast);
}

/* line 426, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-checkbox-item:has(input:checked) .tw-checkbox-item__box--radio .tw-checkbox-item__radio-dot {
  opacity: 1;
  transform: scale(1);
}

/* line 433, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-filter-pill__merchant-search {
  padding: 0 var(--tw-space-3) var(--tw-space-2);
}

/* line 436, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-filter-pill__merchant-search .tw-input, .tw-filter-pill__merchant-search .tw-textarea, .tw-filter-pill__merchant-search .tw-select {
  width: 100%;
  height: 32px;
  font-size: var(--tw-text-sm);
}

/* line 447, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__count {
  display: flex;
  align-items: center;
  gap: var(--tw-space-2);
  font-size: var(--tw-text-sm);
  color: var(--tw-text-tertiary);
  white-space: nowrap;
}

/* line 455, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__count strong {
  font-weight: var(--tw-font-semibold);
  color: var(--tw-text-primary);
}

/* line 465, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__actions {
  display: flex;
  align-items: center;
  gap: var(--tw-space-2);
}

/* line 471, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__btn {
  display: inline-flex;
  align-items: center;
  gap: var(--tw-space-2);
  height: 36px;
  padding: 0 var(--tw-space-4);
  font-family: var(--tw-font-secondary);
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-medium);
  color: white;
  background: var(--tw-gradient-primary);
  border: none;
  border-radius: var(--tw-radius-lg);
  cursor: pointer;
  text-decoration: none;
  transition: all var(--tw-transition-fast);
  box-shadow: var(--tw-shadow-sm);
}

/* line 489, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__btn svg {
  width: 14px;
  height: 14px;
}

/* line 494, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__btn:hover {
  box-shadow: var(--tw-shadow-md);
  transform: translateY(-1px);
  color: white;
  text-decoration: none;
}

/* line 502, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: var(--tw-space-2);
  height: 36px;
  padding: 0 var(--tw-space-3);
  font-family: var(--tw-font-secondary);
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-medium);
  color: var(--tw-text-secondary);
  background: transparent;
  border: 1px solid var(--tw-border-subtle);
  border-radius: var(--tw-radius-lg);
  cursor: pointer;
  text-decoration: none;
  transition: all var(--tw-transition-fast);
}

/* line 519, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__btn-secondary svg {
  width: 14px;
  height: 14px;
  color: var(--tw-text-tertiary);
}

/* line 525, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__btn-secondary:hover {
  color: var(--tw-text-primary);
  border-color: var(--tw-border-default);
  background: var(--tw-glass-bg);
  text-decoration: none;
}

/* line 537, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__filters-row {
  display: flex;
  align-items: center;
  gap: var(--tw-space-3);
  padding: var(--tw-space-2-5) var(--tw-space-4);
  background: rgba(100, 116, 139, 0.05);
  border-top: 1px solid var(--tw-border-subtle);
  flex-wrap: wrap;
}

/* line 546, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__filters-row:empty {
  display: none;
}

/* line 551, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__filters-label {
  font-size: var(--tw-text-xs);
  font-weight: var(--tw-font-medium);
  color: var(--tw-text-muted);
  text-transform: uppercase;
  letter-spacing: var(--tw-tracking-wide);
}

/* line 559, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__filters-chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tw-space-2);
  flex: 1;
}

/* line 566, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__chip {
  display: inline-flex;
  align-items: center;
  gap: var(--tw-space-1-5);
  height: 26px;
  padding: 0 var(--tw-space-2) 0 var(--tw-space-3);
  font-size: var(--tw-text-xs);
  font-weight: var(--tw-font-medium);
  color: var(--tw-accent-primary);
  background: var(--tw-accent-primary-soft);
  border: 1px solid rgba(100, 116, 139, 0.25);
  border-radius: var(--tw-radius-full);
}

/* line 580, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__chip-remove {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 50%;
  color: var(--tw-text-tertiary);
  cursor: pointer;
  transition: all var(--tw-transition-fast);
}

/* line 594, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__chip-remove svg {
  width: 10px;
  height: 10px;
}

/* line 599, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__chip-remove:hover {
  color: white;
  background: var(--tw-error);
}

/* line 605, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__clear-all {
  font-size: var(--tw-text-xs);
  font-weight: var(--tw-font-medium);
  color: var(--tw-text-muted);
  background: none;
  border: none;
  cursor: pointer;
  transition: color var(--tw-transition-fast);
  text-decoration: none;
  margin-left: auto;
}

/* line 616, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__clear-all:hover {
  color: var(--tw-error);
}

/* line 625, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__date-picker {
  display: inline-flex;
  align-items: center;
  gap: var(--tw-space-2);
  height: 32px;
  padding: 0 var(--tw-space-3);
  flex-shrink: 0;
  white-space: nowrap;
  font-size: var(--tw-text-xs);
  font-weight: var(--tw-font-medium);
  color: var(--tw-text-secondary);
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid transparent;
  border-radius: var(--tw-radius-full);
  cursor: pointer;
  transition: all var(--tw-transition-fast);
}

/* line 644, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__date-picker svg {
  width: 14px;
  height: 14px;
  color: var(--tw-text-muted);
}

/* line 650, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__date-picker:hover {
  color: var(--tw-text-primary);
  background: rgba(255, 255, 255, 0.06);
  border-color: var(--tw-border-subtle);
}

/* line 656, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__date-picker.tw-has-value {
  color: var(--tw-accent-primary);
  background: var(--tw-accent-primary-soft);
  border-color: rgba(100, 116, 139, 0.3);
}

/* line 661, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__date-picker.tw-has-value svg {
  color: var(--tw-accent-primary);
}

/* line 673, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__filters-toggle {
  display: inline-flex;
  align-items: center;
  gap: var(--tw-space-2);
  height: 32px;
  padding: 0 var(--tw-space-3);
  font-size: var(--tw-text-xs);
  font-weight: var(--tw-font-medium);
  color: var(--tw-text-secondary);
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid var(--tw-border-subtle);
  border-radius: var(--tw-radius-full);
  cursor: pointer;
  flex-shrink: 0;
  white-space: nowrap;
  transition: all var(--tw-transition-fast);
}

/* line 690, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__filters-toggle svg {
  width: 14px;
  height: 14px;
  color: var(--tw-text-muted);
}

/* line 696, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__filters-toggle:hover {
  color: var(--tw-text-primary);
  background: rgba(255, 255, 255, 0.06);
}

/* line 701, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__filters-toggle.tw-is-open {
  color: var(--tw-accent-primary);
  background: var(--tw-accent-primary-soft);
  border-color: rgba(100, 116, 139, 0.3);
}

/* line 706, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__filters-toggle.tw-is-open svg {
  color: var(--tw-accent-primary);
}

/* line 712, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__filters-toggle-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 9px;
  background: var(--tw-accent-primary);
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
}

/* line 729, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__filters-collapsible {
  display: none;
  flex-basis: 100%;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--tw-space-2);
  margin-top: var(--tw-space-2);
}

/* line 737, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.tw-toolbar__filters-collapsible.tw-is-open {
  display: flex;
}

@media (min-width: 769px) and (max-width: 1599px) {
  /* line 747, app/assets/stylesheets/new-ui/components/_toolbar.scss */
  .tw-toolbar__row {
    flex-wrap: wrap;
  }
  /* line 751, app/assets/stylesheets/new-ui/components/_toolbar.scss */
  .tw-toolbar__section--left {
    flex-wrap: wrap;
  }
  /* line 755, app/assets/stylesheets/new-ui/components/_toolbar.scss */
  .tw-toolbar__section--right {
    flex-basis: 100%;
    justify-content: flex-end;
    margin-top: var(--tw-space-2);
  }
  /* line 761, app/assets/stylesheets/new-ui/components/_toolbar.scss */
  .tw-toolbar__actions {
    flex-wrap: wrap;
  }
}

@media (max-width: 768px) {
  /* line 767, app/assets/stylesheets/new-ui/components/_toolbar.scss */
  .tw-toolbar__row {
    flex-direction: column;
    align-items: stretch;
    gap: var(--tw-space-3);
  }
  /* line 773, app/assets/stylesheets/new-ui/components/_toolbar.scss */
  .tw-toolbar__section {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  /* line 779, app/assets/stylesheets/new-ui/components/_toolbar.scss */
  .tw-toolbar__section--right {
    justify-content: flex-start;
  }
  /* line 783, app/assets/stylesheets/new-ui/components/_toolbar.scss */
  .tw-toolbar__divider {
    display: none;
  }
  /* line 787, app/assets/stylesheets/new-ui/components/_toolbar.scss */
  .tw-filter-pill__dropdown {
    left: 0;
    right: 0;
    min-width: auto;
  }
}

/* line 798, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.daterangepicker {
  background: var(--tw-bg-elevated) !important;
  border: 1px solid var(--tw-border-default) !important;
  border-radius: var(--tw-radius-xl) !important;
  box-shadow: var(--tw-shadow-xl) !important;
  font-family: var(--tw-font-secondary) !important;
  z-index: 9999 !important;
}

/* line 806, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.daterangepicker::before, .daterangepicker::after {
  display: none !important;
}

/* line 811, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.daterangepicker .drp-calendar {
  max-width: 280px;
  padding: var(--tw-space-4);
}

/* line 815, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.daterangepicker .drp-calendar.left {
  border-right: 1px solid var(--tw-border-subtle);
}

/* line 820, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.daterangepicker .calendar-table {
  background: transparent;
  border: none;
}

/* line 824, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
  font-size: var(--tw-text-xs);
  color: var(--tw-text-secondary);
  border: none;
  border-radius: var(--tw-radius-md);
  min-width: 32px;
  height: 32px;
  line-height: 32px;
}

/* line 835, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.daterangepicker .calendar-table th {
  font-weight: var(--tw-font-semibold);
  color: var(--tw-text-tertiary);
  text-transform: uppercase;
  letter-spacing: var(--tw-tracking-wide);
}

/* line 842, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.daterangepicker .calendar-table td {
  cursor: pointer;
  transition: all var(--tw-transition-fast);
}

/* line 846, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.daterangepicker .calendar-table td:hover {
  background: rgba(255, 255, 255, 0.1);
  color: var(--tw-text-primary);
}

/* line 851, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.daterangepicker .calendar-table td.available {
  color: var(--tw-text-secondary);
}

/* line 854, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.daterangepicker .calendar-table td.available:hover {
  background: rgba(255, 255, 255, 0.1);
}

/* line 859, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.daterangepicker .calendar-table td.off {
  color: var(--tw-text-muted);
  opacity: 0.5;
}

/* line 864, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.daterangepicker .calendar-table td.in-range {
  background: var(--tw-accent-primary-soft);
  color: var(--tw-text-primary);
}

/* line 869, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.daterangepicker .calendar-table td.start-date, .daterangepicker .calendar-table td.end-date {
  background: var(--tw-accent-primary) !important;
  color: white !important;
  border-radius: var(--tw-radius-md);
}

/* line 876, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.daterangepicker .calendar-table td.active {
  background: var(--tw-accent-primary) !important;
  color: white !important;
}

/* line 881, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.daterangepicker .calendar-table td.today {
  font-weight: var(--tw-font-bold);
  color: var(--tw-accent-primary);
}

/* line 888, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.daterangepicker .drp-buttons {
  display: flex;
  gap: var(--tw-space-2);
  padding: var(--tw-space-3) var(--tw-space-4);
  border-top: 1px solid var(--tw-border-subtle);
  background: var(--tw-bg-tertiary);
}

/* line 895, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.daterangepicker .drp-buttons .btn {
  height: 36px;
  padding: 0 var(--tw-space-4);
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-medium);
  border-radius: var(--tw-radius-lg);
  cursor: pointer;
  transition: all var(--tw-transition-fast);
}

/* line 905, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.daterangepicker .drp-buttons .cancelBtn {
  color: var(--tw-text-secondary);
  background: transparent;
  border: 1px solid var(--tw-border-subtle);
}

/* line 910, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.daterangepicker .drp-buttons .cancelBtn:hover {
  color: var(--tw-text-primary);
  border-color: var(--tw-border-default);
  background: var(--tw-glass-bg);
}

/* line 917, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.daterangepicker .drp-buttons .applyBtn {
  color: white;
  background: var(--tw-accent-primary);
  border: none;
  margin-left: auto;
}

/* line 923, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.daterangepicker .drp-buttons .applyBtn:hover {
  background: var(--tw-accent-primary-hover);
}

/* line 929, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.daterangepicker .month,
.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-semibold);
  color: var(--tw-text-primary);
  background: var(--tw-bg-secondary);
  border: 1px solid var(--tw-border-subtle);
  border-radius: var(--tw-radius-md);
  padding: var(--tw-space-1) var(--tw-space-2);
  cursor: pointer;
}

/* line 941, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.daterangepicker .month option,
.daterangepicker select.monthselect option,
.daterangepicker select.yearselect option {
  background: var(--tw-bg-elevated);
  color: var(--tw-text-primary);
}

/* line 947, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.daterangepicker th.prev,
.daterangepicker th.next {
  cursor: pointer;
  color: var(--tw-text-tertiary);
}

/* line 952, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.daterangepicker th.prev:hover,
.daterangepicker th.next:hover {
  color: var(--tw-text-primary);
  background: rgba(255, 255, 255, 0.1);
}

/* line 957, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.daterangepicker th.prev span,
.daterangepicker th.next span {
  border-color: var(--tw-text-tertiary);
}

/* line 962, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.daterangepicker .drp-selected {
  display: none;
}

/* line 967, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.daterangepicker .ranges {
  padding: var(--tw-space-2);
  border-right: 1px solid var(--tw-border-subtle);
}

/* line 971, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.daterangepicker .ranges li {
  font-size: var(--tw-text-sm);
  color: var(--tw-text-secondary);
  padding: var(--tw-space-2) var(--tw-space-3);
  border-radius: var(--tw-radius-md);
  cursor: pointer;
  transition: all var(--tw-transition-fast);
}

/* line 979, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.daterangepicker .ranges li:hover {
  background: rgba(255, 255, 255, 0.05);
  color: var(--tw-text-primary);
}

/* line 984, app/assets/stylesheets/new-ui/components/_toolbar.scss */
.daterangepicker .ranges li.active {
  background: var(--tw-accent-primary-soft);
  color: var(--tw-accent-primary);
}

/* line 12, app/assets/stylesheets/new-ui/components/_modals.scss */
.modal {
  display: none;
}

/* line 16, app/assets/stylesheets/new-ui/components/_modals.scss */
.modal.in,
.modal.show {
  position: fixed !important;
  top: 0;
  left: 0;
  z-index: 1050 !important;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding: var(--tw-space-4);
}

/* line 29, app/assets/stylesheets/new-ui/components/_modals.scss */
.modal-backdrop {
  position: fixed !important;
  top: 0;
  left: 0;
  z-index: 1040 !important;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(4px);
  opacity: 0;
  transition: opacity 0.15s linear;
}

/* line 41, app/assets/stylesheets/new-ui/components/_modals.scss */
.modal-backdrop.in, .modal-backdrop.show {
  opacity: 1;
}

/* line 48, app/assets/stylesheets/new-ui/components/_modals.scss */
.modal.fade .modal-dialog {
  transition: transform 0.15s ease-out;
}

/* line 56, app/assets/stylesheets/new-ui/components/_modals.scss */
.modal-dialog {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
  margin: 0.5rem auto;
}

/* line 64, app/assets/stylesheets/new-ui/components/_modals.scss */
.modal-dialog-scrollable {
  max-height: calc(100% - 1rem);
}

/* line 67, app/assets/stylesheets/new-ui/components/_modals.scss */
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}

/* line 72, app/assets/stylesheets/new-ui/components/_modals.scss */
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

/* line 81, app/assets/stylesheets/new-ui/components/_modals.scss */
.modal-content {
  background: var(--tw-bg-elevated);
  border: 1px solid var(--tw-glass-border);
  border-radius: var(--tw-radius-xl);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.05) inset;
  overflow: hidden;
  width: 100%;
}

/* line 96, app/assets/stylesheets/new-ui/components/_modals.scss */
.modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--tw-space-4) var(--tw-space-5);
  background: var(--tw-bg-tertiary);
  border-bottom: 1px solid var(--tw-border-subtle);
}

/* line 104, app/assets/stylesheets/new-ui/components/_modals.scss */
.modal-header .modal-title {
  font-family: var(--tw-font-primary);
  font-size: var(--tw-text-lg);
  font-weight: var(--tw-font-semibold);
  color: var(--tw-text-primary);
  margin: 0;
  line-height: 1.4;
}

/* line 114, app/assets/stylesheets/new-ui/components/_modals.scss */
.modal-header .modal_title {
  flex: 1;
  min-width: 0;
}

/* line 120, app/assets/stylesheets/new-ui/components/_modals.scss */
.modal-header .close,
.modal-header .btn-close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  margin: 0;
  margin-left: var(--tw-space-3);
  background: transparent;
  border: none;
  border-radius: var(--tw-radius-md);
  color: var(--tw-text-tertiary);
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
  transition: all var(--tw-transition-fast);
  opacity: 1;
  flex-shrink: 0;
}

/* line 141, app/assets/stylesheets/new-ui/components/_modals.scss */
.modal-header .close:hover,
.modal-header .btn-close:hover {
  color: var(--tw-text-primary);
  background: var(--tw-glass-bg-hover);
}

/* line 146, app/assets/stylesheets/new-ui/components/_modals.scss */
.modal-header .close:focus,
.modal-header .btn-close:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--tw-accent-primary-soft);
}

/* line 151, app/assets/stylesheets/new-ui/components/_modals.scss */
.modal-header .close span,
.modal-header .btn-close span {
  line-height: 1;
}

/* line 162, app/assets/stylesheets/new-ui/components/_modals.scss */
.tw-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--tw-space-4);
  width: 100%;
}

/* line 169, app/assets/stylesheets/new-ui/components/_modals.scss */
.tw-modal-header__left {
  display: flex;
  align-items: center;
  gap: var(--tw-space-3);
  min-width: 0;
}

/* line 176, app/assets/stylesheets/new-ui/components/_modals.scss */
.tw-modal-header__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: var(--tw-accent-primary-soft);
  border-radius: var(--tw-radius-lg);
  color: var(--tw-accent-primary);
  flex-shrink: 0;
}

/* line 187, app/assets/stylesheets/new-ui/components/_modals.scss */
.tw-modal-header__icon svg {
  width: 20px;
  height: 20px;
}

/* line 193, app/assets/stylesheets/new-ui/components/_modals.scss */
.tw-modal-header__text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

/* line 200, app/assets/stylesheets/new-ui/components/_modals.scss */
.tw-modal-header__title {
  font-size: var(--tw-text-lg);
  font-weight: var(--tw-font-semibold);
  color: var(--tw-text-primary);
  margin: 0;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 211, app/assets/stylesheets/new-ui/components/_modals.scss */
.tw-modal-header__subtitle {
  font-size: var(--tw-text-sm);
  color: var(--tw-text-muted);
  line-height: 1.3;
}

/* line 217, app/assets/stylesheets/new-ui/components/_modals.scss */
.tw-modal-header__actions {
  display: flex;
  align-items: center;
  gap: var(--tw-space-2);
  flex-shrink: 0;
}

/* line 229, app/assets/stylesheets/new-ui/components/_modals.scss */
.modal-body {
  padding: var(--tw-space-5);
  color: var(--tw-text-secondary);
  font-size: var(--tw-text-sm);
  line-height: 1.6;
}

/* line 236, app/assets/stylesheets/new-ui/components/_modals.scss */
.modal-body .form-control,
.modal-body .form-select,
.modal-body select,
.modal-body input[type="text"],
.modal-body input[type="email"],
.modal-body input[type="password"],
.modal-body input[type="number"],
.modal-body textarea {
  background: var(--tw-bg-secondary);
  border: 1px solid var(--tw-border-default);
  border-radius: var(--tw-radius-md);
  color: var(--tw-text-primary);
  padding: var(--tw-space-2-5) var(--tw-space-3);
  font-size: var(--tw-text-sm);
  transition: all var(--tw-transition-fast);
}

/* line 252, app/assets/stylesheets/new-ui/components/_modals.scss */
.modal-body .form-control::placeholder,
.modal-body .form-select::placeholder,
.modal-body select::placeholder,
.modal-body input[type="text"]::placeholder,
.modal-body input[type="email"]::placeholder,
.modal-body input[type="password"]::placeholder,
.modal-body input[type="number"]::placeholder,
.modal-body textarea::placeholder {
  color: var(--tw-text-muted);
}

/* line 256, app/assets/stylesheets/new-ui/components/_modals.scss */
.modal-body .form-control:focus,
.modal-body .form-select:focus,
.modal-body select:focus,
.modal-body input[type="text"]:focus,
.modal-body input[type="email"]:focus,
.modal-body input[type="password"]:focus,
.modal-body input[type="number"]:focus,
.modal-body textarea:focus {
  outline: none;
  border-color: var(--tw-accent-primary);
  box-shadow: 0 0 0 3px var(--tw-accent-primary-soft);
}

/* line 264, app/assets/stylesheets/new-ui/components/_modals.scss */
.modal-body label:not(.tw-checkbox) {
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-medium);
  color: var(--tw-text-secondary);
  margin-bottom: var(--tw-space-1-5);
  display: block;
}

/* line 273, app/assets/stylesheets/new-ui/components/_modals.scss */
.modal-body .form-group,
.modal-body .mb-3 {
  margin-bottom: var(--tw-space-4);
}

/* line 283, app/assets/stylesheets/new-ui/components/_modals.scss */
.modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--tw-space-3);
  padding: var(--tw-space-4) var(--tw-space-5);
  background: var(--tw-bg-tertiary);
  border-top: 1px solid var(--tw-border-subtle);
}

/* line 293, app/assets/stylesheets/new-ui/components/_modals.scss */
.modal-footer .btn {
  min-width: 80px;
}

/* line 302, app/assets/stylesheets/new-ui/components/_modals.scss */
.modal-sm {
  max-width: 380px;
}

/* line 306, app/assets/stylesheets/new-ui/components/_modals.scss */
.modal-lg {
  max-width: 720px;
}

/* line 310, app/assets/stylesheets/new-ui/components/_modals.scss */
.modal-xl {
  max-width: 1000px;
}

/* line 314, app/assets/stylesheets/new-ui/components/_modals.scss */
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}

/* line 320, app/assets/stylesheets/new-ui/components/_modals.scss */
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}

/* line 331, app/assets/stylesheets/new-ui/components/_modals.scss */
.popover {
  position: absolute !important;
  font-family: var(--tw-font-secondary);
  font-size: 12px;
  background: var(--tw-bg-tertiary) !important;
  border: 1px solid var(--tw-glass-border) !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
  max-width: 250px !important;
  width: fit-content !important;
  padding: 0 !important;
  z-index: 1060 !important;
}

/* line 344, app/assets/stylesheets/new-ui/components/_modals.scss */
.popover > .arrow {
  display: none !important;
}

/* line 348, app/assets/stylesheets/new-ui/components/_modals.scss */
.popover.fade.in, .popover.fade.show {
  opacity: 1;
}

/* line 354, app/assets/stylesheets/new-ui/components/_modals.scss */
.popover-header,
.popover-title {
  display: none !important;
}

/* line 359, app/assets/stylesheets/new-ui/components/_modals.scss */
.popover-body,
.popover-content {
  padding: 8px 12px !important;
  color: var(--tw-text-primary) !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  text-align: center !important;
}

/* line 372, app/assets/stylesheets/new-ui/components/_modals.scss */
.tooltip {
  font-family: var(--tw-font-secondary);
  font-size: var(--tw-text-xs);
  z-index: var(--tw-z-tooltip, 1070);
}

/* line 377, app/assets/stylesheets/new-ui/components/_modals.scss */
.tooltip .tooltip-inner {
  background: var(--tw-bg-tertiary);
  color: var(--tw-text-primary);
  padding: var(--tw-space-1-5) var(--tw-space-2-5);
  border-radius: var(--tw-radius-md);
  border: 1px solid var(--tw-glass-border);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
  max-width: 250px;
}

/* line 387, app/assets/stylesheets/new-ui/components/_modals.scss */
.tooltip .arrow,
.tooltip .tooltip-arrow {
  display: none;
}

/* line 397, app/assets/stylesheets/new-ui/components/_modals.scss */
.dropdown-menu {
  background: var(--tw-bg-elevated);
  border: 1px solid var(--tw-glass-border);
  border-radius: var(--tw-radius-lg);
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.05) inset;
  padding: var(--tw-space-1);
  min-width: 180px;
  z-index: var(--tw-z-dropdown, 1000);
}

/* line 409, app/assets/stylesheets/new-ui/components/_modals.scss */
.dropdown-menu.show {
  animation: tw-dropdown-fade-in 0.15s ease-out;
}

@keyframes tw-dropdown-fade-in {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* line 426, app/assets/stylesheets/new-ui/components/_modals.scss */
.dropdown-item {
  display: flex;
  align-items: center;
  gap: var(--tw-space-2);
  padding: var(--tw-space-2) var(--tw-space-3);
  font-size: var(--tw-text-sm);
  color: var(--tw-text-secondary);
  border-radius: var(--tw-radius-md);
  text-decoration: none;
  transition: all var(--tw-transition-fast);
  cursor: pointer;
}

/* line 438, app/assets/stylesheets/new-ui/components/_modals.scss */
.dropdown-item:hover, .dropdown-item:focus {
  color: var(--tw-text-primary);
  background: var(--tw-glass-bg-hover);
  text-decoration: none;
}

/* line 445, app/assets/stylesheets/new-ui/components/_modals.scss */
.dropdown-item.active, .dropdown-item:active {
  color: var(--tw-text-primary);
  background: var(--tw-accent-primary-soft);
}

/* line 451, app/assets/stylesheets/new-ui/components/_modals.scss */
.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--tw-text-muted);
  pointer-events: none;
  background: transparent;
}

/* line 459, app/assets/stylesheets/new-ui/components/_modals.scss */
.dropdown-item svg,
.dropdown-item i {
  width: 16px;
  height: 16px;
  color: var(--tw-text-tertiary);
  flex-shrink: 0;
}

/* line 468, app/assets/stylesheets/new-ui/components/_modals.scss */
.dropdown-divider {
  height: 0;
  margin: var(--tw-space-1) 0;
  overflow: hidden;
  border-top: 1px solid var(--tw-border-subtle);
}

/* line 475, app/assets/stylesheets/new-ui/components/_modals.scss */
.dropdown-header {
  padding: var(--tw-space-2) var(--tw-space-3);
  font-size: var(--tw-text-xs);
  font-weight: var(--tw-font-semibold);
  color: var(--tw-text-muted);
  text-transform: uppercase;
  letter-spacing: var(--tw-tracking-wider);
}

/* line 488, app/assets/stylesheets/new-ui/components/_modals.scss */
.tw-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1050;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--tw-space-4);
  overflow-y: auto;
}

/* line 501, app/assets/stylesheets/new-ui/components/_modals.scss */
.tw-modal__backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(4px);
  z-index: -1;
}

/* line 512, app/assets/stylesheets/new-ui/components/_modals.scss */
.tw-modal__content {
  position: relative;
  width: 100%;
  max-width: 600px;
  max-height: calc(100vh - 2rem);
  background: var(--tw-bg-elevated);
  border: 1px solid var(--tw-glass-border);
  border-radius: var(--tw-radius-xl);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.05) inset;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

/* line 527, app/assets/stylesheets/new-ui/components/_modals.scss */
.tw-modal__content--sm {
  max-width: 400px;
}

/* line 531, app/assets/stylesheets/new-ui/components/_modals.scss */
.tw-modal__content--lg {
  max-width: 800px;
}

/* line 535, app/assets/stylesheets/new-ui/components/_modals.scss */
.tw-modal__content--xl {
  max-width: 1000px;
}

/* line 540, app/assets/stylesheets/new-ui/components/_modals.scss */
.tw-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--tw-space-4) var(--tw-space-5);
  background: var(--tw-bg-tertiary);
  border-bottom: 1px solid var(--tw-border-subtle);
  flex-shrink: 0;
}

/* line 550, app/assets/stylesheets/new-ui/components/_modals.scss */
.tw-modal__title {
  font-family: var(--tw-font-primary);
  font-size: var(--tw-text-lg);
  font-weight: var(--tw-font-semibold);
  color: var(--tw-text-primary);
  margin: 0;
  line-height: 1.4;
}

/* line 559, app/assets/stylesheets/new-ui/components/_modals.scss */
.tw-modal__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  margin-left: var(--tw-space-3);
  background: transparent;
  border: none;
  border-radius: var(--tw-radius-md);
  color: var(--tw-text-tertiary);
  cursor: pointer;
  transition: all var(--tw-transition-fast);
}

/* line 574, app/assets/stylesheets/new-ui/components/_modals.scss */
.tw-modal__close:hover {
  color: var(--tw-text-primary);
  background: var(--tw-glass-bg-hover);
}

/* line 579, app/assets/stylesheets/new-ui/components/_modals.scss */
.tw-modal__close:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--tw-accent-primary-soft);
}

/* line 585, app/assets/stylesheets/new-ui/components/_modals.scss */
.tw-modal__body {
  padding: var(--tw-space-5);
  overflow-y: auto;
  flex: 1;
}

/* line 591, app/assets/stylesheets/new-ui/components/_modals.scss */
.tw-modal__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--tw-space-3);
  padding: var(--tw-space-4) var(--tw-space-5);
  background: var(--tw-bg-tertiary);
  border-top: 1px solid var(--tw-border-subtle);
  flex-shrink: 0;
}

/* line 608, app/assets/stylesheets/new-ui/components/_modals.scss */
.confirm-dialog .modal-content {
  max-width: 400px;
}

/* line 612, app/assets/stylesheets/new-ui/components/_modals.scss */
.confirm-dialog .modal-body {
  text-align: center;
  padding: var(--tw-space-6);
}

/* line 616, app/assets/stylesheets/new-ui/components/_modals.scss */
.confirm-dialog .modal-body .confirm-icon {
  width: 48px;
  height: 48px;
  margin: 0 auto var(--tw-space-4);
  color: var(--tw-warning);
}

/* line 623, app/assets/stylesheets/new-ui/components/_modals.scss */
.confirm-dialog .modal-body .confirm-message {
  font-size: var(--tw-text-base);
  color: var(--tw-text-primary);
  margin-bottom: var(--tw-space-2);
}

/* line 629, app/assets/stylesheets/new-ui/components/_modals.scss */
.confirm-dialog .modal-body .confirm-description {
  font-size: var(--tw-text-sm);
  color: var(--tw-text-tertiary);
}

/* line 635, app/assets/stylesheets/new-ui/components/_modals.scss */
.confirm-dialog .modal-footer {
  justify-content: center;
}

/* line 645, app/assets/stylesheets/new-ui/components/_modals.scss */
.alert-modal .modal-header {
  border-bottom: none;
  padding-bottom: 0;
}

/* line 650, app/assets/stylesheets/new-ui/components/_modals.scss */
.alert-modal .modal-body {
  text-align: center;
}

/* line 654, app/assets/stylesheets/new-ui/components/_modals.scss */
.alert-modal .modal-footer {
  border-top: none;
  justify-content: center;
  padding-top: 0;
}

/* line 665, app/assets/stylesheets/new-ui/components/_modals.scss */
.tw-action-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: var(--tw-radius-md);
  color: var(--tw-text-tertiary);
  text-decoration: none;
  cursor: pointer;
  transition: all var(--tw-transition-fast);
}

/* line 680, app/assets/stylesheets/new-ui/components/_modals.scss */
.tw-action-icon:hover {
  color: var(--tw-accent-primary);
  background: var(--tw-glass-bg-hover);
  text-decoration: none;
}

/* line 686, app/assets/stylesheets/new-ui/components/_modals.scss */
.tw-action-icon:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--tw-accent-primary-soft);
}

/* line 691, app/assets/stylesheets/new-ui/components/_modals.scss */
.tw-action-icon svg,
.tw-action-icon i {
  width: 16px;
  height: 16px;
}

/* line 7, app/assets/stylesheets/new-ui/components/_toasts.scss */
body #toast-container {
  position: fixed !important;
  z-index: 999999 !important;
}

/* line 11, app/assets/stylesheets/new-ui/components/_toasts.scss */
body #toast-container.toast-top-right {
  top: var(--tw-space-4) !important;
  right: var(--tw-space-4) !important;
}

/* line 16, app/assets/stylesheets/new-ui/components/_toasts.scss */
body #toast-container.toast-top-left {
  top: var(--tw-space-4) !important;
  left: var(--tw-space-4) !important;
}

/* line 21, app/assets/stylesheets/new-ui/components/_toasts.scss */
body #toast-container.toast-bottom-right {
  bottom: var(--tw-space-4) !important;
  right: var(--tw-space-4) !important;
}

/* line 26, app/assets/stylesheets/new-ui/components/_toasts.scss */
body #toast-container.toast-bottom-left {
  bottom: var(--tw-space-4) !important;
  left: var(--tw-space-4) !important;
}

/* line 31, app/assets/stylesheets/new-ui/components/_toasts.scss */
body #toast-container > div.toast {
  position: relative !important;
  overflow: hidden !important;
  margin: 0 0 var(--tw-space-3) !important;
  padding: var(--tw-space-4) !important;
  padding-left: var(--tw-space-5) !important;
  width: 320px !important;
  border-radius: var(--tw-radius-xl) !important;
  background-color: var(--tw-bg-elevated) !important;
  background-image: none !important;
  border: 1px solid var(--tw-border-default) !important;
  box-shadow: var(--tw-shadow-xl) !important;
  color: var(--tw-text-secondary) !important;
  font-family: var(--tw-font-secondary) !important;
  font-size: var(--tw-text-sm) !important;
  opacity: 1 !important;
  transition: all var(--tw-transition-base) !important;
}

/* line 49, app/assets/stylesheets/new-ui/components/_toasts.scss */
body #toast-container > div.toast:hover {
  box-shadow: var(--tw-shadow-2xl) !important;
  border-color: var(--tw-border-strong) !important;
  cursor: pointer;
}

/* line 57, app/assets/stylesheets/new-ui/components/_toasts.scss */
body #toast-container > div.toast.toast-success {
  border-left: 3px solid var(--tw-success) !important;
  background-color: var(--tw-bg-elevated) !important;
}

/* line 61, app/assets/stylesheets/new-ui/components/_toasts.scss */
body #toast-container > div.toast.toast-success .toast-title {
  color: var(--tw-success) !important;
}

/* line 65, app/assets/stylesheets/new-ui/components/_toasts.scss */
body #toast-container > div.toast.toast-success .toast-message {
  color: var(--tw-text-secondary) !important;
}

/* line 70, app/assets/stylesheets/new-ui/components/_toasts.scss */
body #toast-container > div.toast.toast-error {
  border-left: 3px solid var(--tw-error) !important;
  background-color: var(--tw-bg-elevated) !important;
}

/* line 74, app/assets/stylesheets/new-ui/components/_toasts.scss */
body #toast-container > div.toast.toast-error .toast-title {
  color: var(--tw-error) !important;
}

/* line 78, app/assets/stylesheets/new-ui/components/_toasts.scss */
body #toast-container > div.toast.toast-error .toast-message {
  color: var(--tw-text-secondary) !important;
}

/* line 83, app/assets/stylesheets/new-ui/components/_toasts.scss */
body #toast-container > div.toast.toast-info {
  border-left: 3px solid var(--tw-info) !important;
  background-color: var(--tw-bg-elevated) !important;
}

/* line 87, app/assets/stylesheets/new-ui/components/_toasts.scss */
body #toast-container > div.toast.toast-info .toast-title {
  color: var(--tw-info) !important;
}

/* line 91, app/assets/stylesheets/new-ui/components/_toasts.scss */
body #toast-container > div.toast.toast-info .toast-message {
  color: var(--tw-text-secondary) !important;
}

/* line 96, app/assets/stylesheets/new-ui/components/_toasts.scss */
body #toast-container > div.toast.toast-warning {
  border-left: 3px solid var(--tw-warning) !important;
  background-color: var(--tw-bg-elevated) !important;
}

/* line 100, app/assets/stylesheets/new-ui/components/_toasts.scss */
body #toast-container > div.toast.toast-warning .toast-title {
  color: var(--tw-warning) !important;
}

/* line 104, app/assets/stylesheets/new-ui/components/_toasts.scss */
body #toast-container > div.toast.toast-warning .toast-message {
  color: var(--tw-text-secondary) !important;
}

/* line 110, app/assets/stylesheets/new-ui/components/_toasts.scss */
body #toast-container .toast-title {
  font-weight: var(--tw-font-semibold) !important;
  margin-bottom: var(--tw-space-1) !important;
  font-size: var(--tw-text-sm) !important;
}

/* line 116, app/assets/stylesheets/new-ui/components/_toasts.scss */
body #toast-container .toast-message {
  font-size: var(--tw-text-sm) !important;
  line-height: var(--tw-leading-normal) !important;
  word-wrap: break-word !important;
  color: var(--tw-text-secondary) !important;
}

/* line 122, app/assets/stylesheets/new-ui/components/_toasts.scss */
body #toast-container .toast-message a {
  color: var(--tw-accent-primary) !important;
  text-decoration: none !important;
}

/* line 126, app/assets/stylesheets/new-ui/components/_toasts.scss */
body #toast-container .toast-message a:hover {
  text-decoration: underline !important;
}

/* line 132, app/assets/stylesheets/new-ui/components/_toasts.scss */
body #toast-container .toast-close-button {
  position: absolute !important;
  top: var(--tw-space-2) !important;
  right: var(--tw-space-2) !important;
  color: var(--tw-text-tertiary) !important;
  text-shadow: none !important;
  opacity: 0.5 !important;
  font-size: 1.25rem !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  width: 24px !important;
  height: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: opacity var(--tw-transition-fast) !important;
}

/* line 152, app/assets/stylesheets/new-ui/components/_toasts.scss */
body #toast-container .toast-close-button:hover, body #toast-container .toast-close-button:focus {
  opacity: 1 !important;
  color: var(--tw-text-primary) !important;
  text-decoration: none !important;
  outline: none !important;
}

/* line 161, app/assets/stylesheets/new-ui/components/_toasts.scss */
body #toast-container .toast-progress {
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  height: 3px !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
  opacity: 1 !important;
}

/* line 10, app/assets/stylesheets/new-ui/components/_select.scss */
select.tw-input, select.tw-textarea,
select.tw-select,
.tw-form select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: rgba(0, 0, 0, 0.3) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 12px center/16px !important;
  padding-right: 40px !important;
  cursor: pointer;
}

/* line 21, app/assets/stylesheets/new-ui/components/_select.scss */
select.tw-input::-ms-expand, select.tw-textarea::-ms-expand,
select.tw-select::-ms-expand,
.tw-form select::-ms-expand {
  display: none;
}

/* line 25, app/assets/stylesheets/new-ui/components/_select.scss */
select.tw-input:hover:not(:disabled):not(:focus), select.tw-textarea:hover:not(:disabled):not(:focus),
select.tw-select:hover:not(:disabled):not(:focus),
.tw-form select:hover:not(:disabled):not(:focus) {
  background: rgba(0, 0, 0, 0.35) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 12px center/16px !important;
}

/* line 29, app/assets/stylesheets/new-ui/components/_select.scss */
select.tw-input:focus, select.tw-textarea:focus,
select.tw-select:focus,
.tw-form select:focus {
  background: rgba(0, 0, 0, 0.4) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 12px center/16px !important;
}

/* line 33, app/assets/stylesheets/new-ui/components/_select.scss */
select.tw-input option, select.tw-textarea option,
select.tw-select option,
.tw-form select option {
  background: var(--tw-bg-elevated) !important;
  color: var(--tw-text-primary);
  padding: var(--tw-space-2);
}

/* line 41, app/assets/stylesheets/new-ui/components/_select.scss */
select.tw-input[multiple], .tw-textarea[multiple], .tw-select[multiple],
select.tw-select[multiple],
.tw-form select[multiple] {
  background-image: none;
  padding-right: var(--tw-space-3) !important;
  min-height: 120px;
}

/* line 48, app/assets/stylesheets/new-ui/components/_select.scss */
select.tw-input[multiple] option, .tw-textarea[multiple] option, .tw-select[multiple] option,
select.tw-select[multiple] option,
.tw-form select[multiple] option {
  padding: var(--tw-space-2) var(--tw-space-3);
  border-radius: var(--tw-radius-sm);
  margin-bottom: 2px;
}

/* line 53, app/assets/stylesheets/new-ui/components/_select.scss */
select.tw-input[multiple] option:checked, .tw-textarea[multiple] option:checked, .tw-select[multiple] option:checked,
select.tw-select[multiple] option:checked,
.tw-form select[multiple] option:checked {
  background: var(--tw-accent-primary-soft);
  color: var(--tw-accent-primary);
}

/* line 58, app/assets/stylesheets/new-ui/components/_select.scss */
select.tw-input[multiple] option:hover, .tw-textarea[multiple] option:hover, .tw-select[multiple] option:hover,
select.tw-select[multiple] option:hover,
.tw-form select[multiple] option:hover {
  background: var(--tw-glass-bg-hover);
}

/* line 69, app/assets/stylesheets/new-ui/components/_select.scss */
.select2-container--default .select2-selection--single {
  background: rgba(0, 0, 0, 0.3) !important;
  border: 1px solid var(--tw-border-default) !important;
  border-radius: var(--tw-radius-lg) !important;
  height: 40px !important;
}

/* line 75, app/assets/stylesheets/new-ui/components/_select.scss */
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--tw-text-primary) !important;
  line-height: 38px !important;
  padding-left: var(--tw-space-3) !important;
}

/* line 81, app/assets/stylesheets/new-ui/components/_select.scss */
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 38px !important;
  right: var(--tw-space-3) !important;
}

/* line 85, app/assets/stylesheets/new-ui/components/_select.scss */
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: var(--tw-text-muted) transparent transparent transparent !important;
}

/* line 90, app/assets/stylesheets/new-ui/components/_select.scss */
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: var(--tw-text-muted) !important;
}

/* line 95, app/assets/stylesheets/new-ui/components/_select.scss */
.select2-container--default .select2-selection--multiple {
  background: rgba(0, 0, 0, 0.3) !important;
  border: 1px solid var(--tw-border-default) !important;
  border-radius: var(--tw-radius-lg) !important;
  min-height: 40px !important;
  padding: var(--tw-space-1) var(--tw-space-2) !important;
}

/* line 102, app/assets/stylesheets/new-ui/components/_select.scss */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: var(--tw-accent-primary-soft) !important;
  border: 1px solid var(--tw-accent-primary) !important;
  border-radius: var(--tw-radius-full) !important;
  color: var(--tw-text-primary) !important;
  padding: 2px 8px 2px 24px !important;
  font-size: var(--tw-text-xs) !important;
  margin: 2px !important;
  position: relative;
}

/* line 113, app/assets/stylesheets/new-ui/components/_select.scss */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: var(--tw-text-tertiary) !important;
  position: absolute !important;
  left: 6px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 14px !important;
  font-weight: bold !important;
}

/* line 122, app/assets/stylesheets/new-ui/components/_select.scss */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: var(--tw-error) !important;
}

/* line 128, app/assets/stylesheets/new-ui/components/_select.scss */
.select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
  color: var(--tw-text-primary) !important;
  margin-top: 2px !important;
}

/* line 132, app/assets/stylesheets/new-ui/components/_select.scss */
.select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field::placeholder {
  color: var(--tw-text-muted) !important;
}

/* line 142, app/assets/stylesheets/new-ui/components/_select.scss */
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--multiple {
  border-color: var(--tw-accent-primary) !important;
  box-shadow: 0 0 0 3px var(--tw-accent-primary-soft) !important;
}

/* line 150, app/assets/stylesheets/new-ui/components/_select.scss */
.select2-dropdown {
  background: var(--tw-bg-elevated) !important;
  border: 1px solid var(--tw-border-default) !important;
  border-radius: var(--tw-radius-lg) !important;
  box-shadow: var(--tw-shadow-xl) !important;
  z-index: 10001 !important;
}

/* line 158, app/assets/stylesheets/new-ui/components/_select.scss */
.select2-search--dropdown {
  padding: var(--tw-space-3) !important;
}

/* line 161, app/assets/stylesheets/new-ui/components/_select.scss */
.select2-search--dropdown .select2-search__field {
  background: var(--tw-bg-tertiary) !important;
  border: 1px solid var(--tw-border-subtle) !important;
  border-radius: var(--tw-radius-md) !important;
  color: var(--tw-text-primary) !important;
  padding: var(--tw-space-2) var(--tw-space-3) !important;
}

/* line 168, app/assets/stylesheets/new-ui/components/_select.scss */
.select2-search--dropdown .select2-search__field:focus {
  border-color: var(--tw-accent-primary) !important;
  outline: none !important;
}

/* line 175, app/assets/stylesheets/new-ui/components/_select.scss */
.select2-results {
  padding: var(--tw-space-2) !important;
}

/* line 178, app/assets/stylesheets/new-ui/components/_select.scss */
.select2-results .select2-results__options {
  max-height: 250px !important;
}

/* line 183, app/assets/stylesheets/new-ui/components/_select.scss */
.select2-container--default .select2-results__option {
  padding: var(--tw-space-2) var(--tw-space-3) !important;
  color: var(--tw-text-secondary) !important;
  border-radius: var(--tw-radius-md) !important;
  margin-bottom: 2px !important;
}

/* line 189, app/assets/stylesheets/new-ui/components/_select.scss */
.select2-container--default .select2-results__option[aria-selected="true"] {
  background: var(--tw-accent-primary-soft) !important;
  color: var(--tw-accent-primary) !important;
}

/* line 194, app/assets/stylesheets/new-ui/components/_select.scss */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: var(--tw-glass-bg-hover) !important;
  color: var(--tw-text-primary) !important;
}

/* line 200, app/assets/stylesheets/new-ui/components/_select.scss */
.select2-container--default .select2-results__option--disabled {
  color: var(--tw-text-disabled) !important;
}

/* line 208, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select {
  position: relative;
  width: 100%;
}

/* line 213, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select--error .tw-searchable-select__trigger {
  border-color: var(--tw-error);
}

/* line 216, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select--error .tw-searchable-select__trigger:focus, .tw-searchable-select--error .tw-searchable-select__trigger.tw-is-open {
  box-shadow: 0 0 0 3px var(--tw-error-soft);
}

/* line 228, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select__trigger {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 40px;
  padding: var(--tw-space-2) var(--tw-space-3);
  padding-right: var(--tw-space-8);
  font-family: var(--tw-font-secondary);
  font-size: var(--tw-text-sm);
  color: var(--tw-text-primary);
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid var(--tw-border-default);
  border-radius: var(--tw-radius-lg);
  cursor: pointer;
  transition: all var(--tw-transition-fast);
  text-align: left;
  gap: var(--tw-space-2);
  flex-wrap: wrap;
}

/* line 247, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select__trigger:hover {
  border-color: var(--tw-border-strong);
  background: rgba(0, 0, 0, 0.35);
}

/* line 252, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select__trigger.tw-is-open {
  border-color: var(--tw-accent-primary);
  background: rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 0 3px var(--tw-accent-primary-soft);
}

/* line 258, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select__trigger.tw-is-disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 265, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select__trigger:focus-visible {
  outline: none;
  border-color: var(--tw-accent-primary);
  box-shadow: 0 0 0 3px var(--tw-accent-primary-soft);
}

/* line 272, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select__placeholder {
  color: var(--tw-text-muted);
}

/* line 276, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select__value {
  flex: 1;
  min-width: 0;
  color: var(--tw-text-primary);
}

/* line 282, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select__selected {
  color: var(--tw-text-primary);
}

/* line 286, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select__arrow {
  position: absolute;
  right: var(--tw-space-3);
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  color: var(--tw-text-muted);
  pointer-events: none;
  transition: transform var(--tw-transition-fast);
}

/* line 297, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select__trigger.tw-is-open .tw-searchable-select__arrow {
  transform: translateY(-50%) rotate(180deg);
}

/* line 306, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select__tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tw-space-1-5);
  flex: 1;
  min-width: 0;
}

/* line 314, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select__tag {
  display: inline-flex;
  align-items: center;
  gap: var(--tw-space-1);
  padding: var(--tw-space-0-5) var(--tw-space-1-5) var(--tw-space-0-5) var(--tw-space-2);
  font-size: var(--tw-text-xs);
  font-weight: var(--tw-font-medium);
  color: var(--tw-text-primary);
  background: var(--tw-accent-primary-soft);
  border: 1px solid var(--tw-accent-primary);
  border-radius: var(--tw-radius-full);
  max-width: 150px;
}

/* line 328, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select__tag-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 334, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select__tag-remove {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 50%;
  color: var(--tw-text-tertiary);
  cursor: pointer;
  transition: all var(--tw-transition-fast);
  flex-shrink: 0;
}

/* line 349, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select__tag-remove:hover {
  color: var(--tw-error);
  background: var(--tw-error-soft);
}

/* line 354, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select__tag-remove svg {
  width: 10px;
  height: 10px;
}

/* line 360, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select__more {
  font-size: var(--tw-text-xs);
  color: var(--tw-text-tertiary);
  white-space: nowrap;
}

/* line 370, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select__dropdown {
  position: absolute;
  top: calc(100% + var(--tw-space-1));
  left: 0;
  width: 100%;
  background: var(--tw-bg-elevated);
  border: 1px solid var(--tw-border-default);
  border-radius: var(--tw-radius-lg);
  box-shadow: var(--tw-shadow-xl);
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  transition: opacity var(--tw-transition-fast), visibility var(--tw-transition-fast), transform var(--tw-transition-fast);
  max-height: 280px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* line 389, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select__dropdown.tw-is-open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* line 396, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select__dropdown.tw-is-up {
  top: auto;
  bottom: calc(100% + var(--tw-space-1));
  transform: translateY(8px);
}

/* line 401, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select__dropdown.tw-is-up.tw-is-open {
  transform: translateY(0);
}

/* line 407, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select__dropdown.tw-is-fixed {
  position: fixed;
}

/* line 416, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select__search {
  padding: var(--tw-space-3);
  border-bottom: 1px solid var(--tw-border-subtle);
  flex-shrink: 0;
}

/* line 422, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select__search-wrapper {
  position: relative;
}

/* line 426, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select__search-icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  color: var(--tw-text-muted);
  pointer-events: none;
  z-index: 1;
}

/* line 438, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select__search-input {
  width: 100%;
  height: 36px;
  padding: 0 var(--tw-space-3) 0 var(--tw-space-10) !important;
  font-family: var(--tw-font-secondary);
  font-size: var(--tw-text-sm);
  color: var(--tw-text-primary);
  background: var(--tw-bg-tertiary);
  border: 1px solid var(--tw-border-subtle);
  border-radius: var(--tw-radius-md);
  outline: none;
  transition: all var(--tw-transition-fast);
}

/* line 451, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select__search-input::placeholder {
  color: var(--tw-text-muted);
}

/* line 455, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select__search-input:focus {
  border-color: var(--tw-accent-primary);
  background: var(--tw-bg-secondary);
}

/* line 465, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select__options {
  flex: 1;
  overflow-y: auto;
  padding: var(--tw-space-2);
}

/* line 471, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select__options::-webkit-scrollbar {
  width: 6px;
}

/* line 475, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select__options::-webkit-scrollbar-track {
  background: transparent;
}

/* line 479, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select__options::-webkit-scrollbar-thumb {
  background: var(--tw-border-default);
  border-radius: 3px;
}

/* line 483, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select__options::-webkit-scrollbar-thumb:hover {
  background: var(--tw-border-strong);
}

/* line 489, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select__option {
  display: flex;
  align-items: center;
  gap: var(--tw-space-3);
  padding: var(--tw-space-2-5) var(--tw-space-3);
  font-size: var(--tw-text-sm);
  color: var(--tw-text-secondary);
  border-radius: var(--tw-radius-md);
  cursor: pointer;
  transition: all var(--tw-transition-fast);
}

/* line 500, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select__option:hover {
  background: var(--tw-glass-bg-hover);
  color: var(--tw-text-primary);
}

/* line 505, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select__option.tw-is-selected {
  background: var(--tw-accent-primary-soft);
  color: var(--tw-accent-primary);
}

/* line 510, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select__option.tw-is-highlighted {
  background: var(--tw-glass-bg-hover);
}

/* line 514, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select__option.tw-is-disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 521, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select__option-check {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* line 529, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select__option-check svg {
  width: 14px;
  height: 14px;
  opacity: 0;
  color: var(--tw-accent-primary);
}

/* line 536, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-is-selected .tw-searchable-select__option-check svg {
  opacity: 1;
}

/* line 541, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select__option-text {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 549, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select__no-results {
  padding: var(--tw-space-4);
  text-align: center;
  font-size: var(--tw-text-sm);
  color: var(--tw-text-muted);
}

/* line 560, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--tw-space-2);
  padding: var(--tw-space-3);
  border-top: 1px solid var(--tw-border-subtle);
  background: var(--tw-bg-tertiary);
  flex-shrink: 0;
}

/* line 571, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select__clear {
  font-size: var(--tw-text-xs);
  font-weight: var(--tw-font-medium);
  color: var(--tw-text-tertiary);
  background: none;
  border: none;
  cursor: pointer;
  padding: var(--tw-space-1) var(--tw-space-2);
  border-radius: var(--tw-radius-sm);
  transition: all var(--tw-transition-fast);
}

/* line 582, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select__clear:hover {
  color: var(--tw-error);
  background: var(--tw-error-soft);
}

/* line 588, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select__done {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  padding: 0 var(--tw-space-3);
  font-size: var(--tw-text-xs);
  font-weight: var(--tw-font-medium);
  color: white;
  background: var(--tw-accent-primary);
  border: none;
  border-radius: var(--tw-radius-md);
  cursor: pointer;
  transition: all var(--tw-transition-fast);
}

/* line 603, app/assets/stylesheets/new-ui/components/_select.scss */
.tw-searchable-select__done:hover {
  background: var(--tw-accent-primary-hover);
}

/* line 6, app/assets/stylesheets/new-ui/components/_bin-numbers.scss */
.tw-bin-numbers {
  display: flex;
  flex-direction: column;
}

/* line 11, app/assets/stylesheets/new-ui/components/_bin-numbers.scss */
.tw-bin-numbers__input-row {
  display: flex;
  gap: var(--tw-space-2);
  align-items: stretch;
}

/* line 17, app/assets/stylesheets/new-ui/components/_bin-numbers.scss */
.tw-bin-numbers__input {
  flex: 1;
  font-family: var(--tw-font-mono);
}

/* line 22, app/assets/stylesheets/new-ui/components/_bin-numbers.scss */
.tw-bin-numbers__chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tw-space-2);
  margin-top: var(--tw-space-2);
}

/* line 29, app/assets/stylesheets/new-ui/components/_bin-numbers.scss */
.tw-bin-numbers__chips:empty {
  margin-top: 0;
}

/* line 33, app/assets/stylesheets/new-ui/components/_bin-numbers.scss */
.tw-bin-numbers__error {
  margin-top: var(--tw-space-1);
  color: var(--tw-error);
  font-size: var(--tw-text-xs);
}

/* line 43, app/assets/stylesheets/new-ui/components/_bin-numbers.scss */
.tw-bin-numbers__clear-all {
  display: inline-flex;
  align-items: center;
  gap: var(--tw-space-1);
  align-self: flex-start;
  margin-top: var(--tw-space-2);
  padding: var(--tw-space-1) var(--tw-space-2);
  background: transparent;
  border: none;
  border-radius: var(--tw-radius-sm);
  color: var(--tw-text-tertiary);
  font-size: var(--tw-text-xs);
  cursor: pointer;
  transition: color var(--tw-transition-fast), background var(--tw-transition-fast);
}

/* line 58, app/assets/stylesheets/new-ui/components/_bin-numbers.scss */
.tw-bin-numbers__clear-all:hover {
  background: var(--tw-glass-bg);
  color: var(--tw-error);
}

/* line 68, app/assets/stylesheets/new-ui/components/_bin-numbers.scss */
.tw-bin-chip {
  display: inline-flex;
  align-items: center;
  gap: var(--tw-space-1);
  padding: var(--tw-space-1) var(--tw-space-2);
  background: var(--tw-glass-bg);
  border: 1px solid var(--tw-border-subtle);
  border-radius: var(--tw-radius-md);
  font-family: var(--tw-font-mono);
  font-size: var(--tw-text-sm);
  color: var(--tw-text-primary);
}

/* line 81, app/assets/stylesheets/new-ui/components/_bin-numbers.scss */
.tw-bin-chip__remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: var(--tw-text-tertiary);
  cursor: pointer;
  transition: all var(--tw-transition-fast);
}

/* line 95, app/assets/stylesheets/new-ui/components/_bin-numbers.scss */
.tw-bin-chip__remove:hover {
  background: var(--tw-error);
  color: white;
}

/* line 35, app/assets/stylesheets/new-ui/components/_tooltip.scss */
.tw-tooltip {
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: help;
  --tw-tooltip-bg: var(--tw-bg-elevated);
  --tw-tooltip-color: var(--tw-text-primary);
  --tw-tooltip-border: var(--tw-border-default);
}

/* line 58, app/assets/stylesheets/new-ui/components/_tooltip.scss */
.tw-tooltip:hover, .tw-tooltip:focus-within {
  z-index: var(--tw-z-tooltip);
}

/* line 66, app/assets/stylesheets/new-ui/components/_tooltip.scss */
.tw-tooltip::before, .tw-tooltip::after {
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--tw-transition-fast), transform var(--tw-transition-fast);
}

/* line 75, app/assets/stylesheets/new-ui/components/_tooltip.scss */
.tw-tooltip:hover::before, .tw-tooltip:hover::after, .tw-tooltip:focus-within::before, .tw-tooltip:focus-within::after {
  opacity: 1;
}

/* line 83, app/assets/stylesheets/new-ui/components/_tooltip.scss */
.tw-tooltip::after {
  content: attr(data-tw-tooltip);
  position: absolute;
  z-index: var(--tw-z-tooltip);
  width: max-content;
  max-width: 280px;
  padding: var(--tw-space-2) var(--tw-space-3);
  font-family: var(--tw-font-secondary);
  font-size: var(--tw-text-xs);
  font-weight: var(--tw-font-medium);
  line-height: var(--tw-leading-snug);
  text-align: left;
  white-space: normal;
  word-wrap: break-word;
  background: var(--tw-tooltip-bg);
  color: var(--tw-tooltip-color);
  border: 1px solid var(--tw-tooltip-border);
  border-radius: var(--tw-radius-md);
  box-shadow: var(--tw-shadow-lg);
}

/* line 113, app/assets/stylesheets/new-ui/components/_tooltip.scss */
.tw-tooltip::before {
  content: '';
  position: absolute;
  z-index: var(--tw-z-tooltip);
  width: 0;
  height: 0;
  border: 6px solid transparent;
}

/* line 123, app/assets/stylesheets/new-ui/components/_tooltip.scss */
.tw-tooltip::after {
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%) translateY(2px);
}

/* line 129, app/assets/stylesheets/new-ui/components/_tooltip.scss */
.tw-tooltip::before {
  bottom: calc(100% + 2px);
  left: 50%;
  transform: translateX(-50%) translateY(2px);
  border-top-color: var(--tw-tooltip-bg);
}

/* line 136, app/assets/stylesheets/new-ui/components/_tooltip.scss */
.tw-tooltip:hover::after, .tw-tooltip:hover::before, .tw-tooltip:focus-within::after, .tw-tooltip:focus-within::before {
  transform: translateX(-50%) translateY(0);
}

/* line 145, app/assets/stylesheets/new-ui/components/_tooltip.scss */
.tw-tooltip[data-tw-tooltip-position="bottom"]::after {
  bottom: auto;
  top: calc(100% + 8px);
  transform: translateX(-50%) translateY(-2px);
}

/* line 150, app/assets/stylesheets/new-ui/components/_tooltip.scss */
.tw-tooltip[data-tw-tooltip-position="bottom"]::before {
  bottom: auto;
  top: calc(100% + 2px);
  transform: translateX(-50%) translateY(-2px);
  border-top-color: transparent;
  border-bottom-color: var(--tw-tooltip-bg);
}

/* line 157, app/assets/stylesheets/new-ui/components/_tooltip.scss */
.tw-tooltip[data-tw-tooltip-position="bottom"]:hover::after, .tw-tooltip[data-tw-tooltip-position="bottom"]:hover::before, .tw-tooltip[data-tw-tooltip-position="bottom"]:focus-within::after, .tw-tooltip[data-tw-tooltip-position="bottom"]:focus-within::before {
  transform: translateX(-50%) translateY(0);
}

/* line 167, app/assets/stylesheets/new-ui/components/_tooltip.scss */
.tw-tooltip[data-tw-tooltip-position="left"]::after {
  bottom: 50%;
  left: auto;
  right: calc(100% + 8px);
  transform: translateY(50%) translateX(2px);
}

/* line 173, app/assets/stylesheets/new-ui/components/_tooltip.scss */
.tw-tooltip[data-tw-tooltip-position="left"]::before {
  bottom: 50%;
  left: auto;
  right: calc(100% + 2px);
  transform: translateY(50%) translateX(2px);
  border-top-color: transparent;
  border-left-color: var(--tw-tooltip-bg);
}

/* line 181, app/assets/stylesheets/new-ui/components/_tooltip.scss */
.tw-tooltip[data-tw-tooltip-position="left"]:hover::after, .tw-tooltip[data-tw-tooltip-position="left"]:hover::before, .tw-tooltip[data-tw-tooltip-position="left"]:focus-within::after, .tw-tooltip[data-tw-tooltip-position="left"]:focus-within::before {
  transform: translateY(50%) translateX(0);
}

/* line 196, app/assets/stylesheets/new-ui/components/_tooltip.scss */
.tw-tooltip[data-tw-tooltip-position="bottom-start"]::after {
  bottom: auto;
  top: calc(100% + 8px);
  left: 0;
  transform: translateY(-2px);
}

/* line 202, app/assets/stylesheets/new-ui/components/_tooltip.scss */
.tw-tooltip[data-tw-tooltip-position="bottom-start"]::before {
  bottom: auto;
  top: calc(100% + 2px);
  left: 12px;
  transform: translateY(-2px);
  border-top-color: transparent;
  border-bottom-color: var(--tw-tooltip-bg);
}

/* line 210, app/assets/stylesheets/new-ui/components/_tooltip.scss */
.tw-tooltip[data-tw-tooltip-position="bottom-start"]:hover::after, .tw-tooltip[data-tw-tooltip-position="bottom-start"]:hover::before, .tw-tooltip[data-tw-tooltip-position="bottom-start"]:focus-within::after, .tw-tooltip[data-tw-tooltip-position="bottom-start"]:focus-within::before {
  transform: translateY(0);
}

/* line 219, app/assets/stylesheets/new-ui/components/_tooltip.scss */
.tw-tooltip[data-tw-tooltip-position="top-start"]::after {
  bottom: calc(100% + 8px);
  left: 0;
  transform: translateY(2px);
}

/* line 224, app/assets/stylesheets/new-ui/components/_tooltip.scss */
.tw-tooltip[data-tw-tooltip-position="top-start"]::before {
  bottom: calc(100% + 2px);
  left: 12px;
  transform: translateY(2px);
  border-top-color: var(--tw-tooltip-bg);
}

/* line 230, app/assets/stylesheets/new-ui/components/_tooltip.scss */
.tw-tooltip[data-tw-tooltip-position="top-start"]:hover::after, .tw-tooltip[data-tw-tooltip-position="top-start"]:hover::before, .tw-tooltip[data-tw-tooltip-position="top-start"]:focus-within::after, .tw-tooltip[data-tw-tooltip-position="top-start"]:focus-within::before {
  transform: translateY(0);
}

/* line 243, app/assets/stylesheets/new-ui/components/_tooltip.scss */
.tw-tooltip[data-tw-tooltip-position="bottom-end"]::after {
  bottom: auto;
  top: calc(100% + 8px);
  left: auto;
  right: 0;
  transform: translateY(-2px);
}

/* line 250, app/assets/stylesheets/new-ui/components/_tooltip.scss */
.tw-tooltip[data-tw-tooltip-position="bottom-end"]::before {
  bottom: auto;
  top: calc(100% + 2px);
  left: auto;
  right: 12px;
  transform: translateY(-2px);
  border-top-color: transparent;
  border-bottom-color: var(--tw-tooltip-bg);
}

/* line 259, app/assets/stylesheets/new-ui/components/_tooltip.scss */
.tw-tooltip[data-tw-tooltip-position="bottom-end"]:hover::after, .tw-tooltip[data-tw-tooltip-position="bottom-end"]:hover::before, .tw-tooltip[data-tw-tooltip-position="bottom-end"]:focus-within::after, .tw-tooltip[data-tw-tooltip-position="bottom-end"]:focus-within::before {
  transform: translateY(0);
}

/* line 268, app/assets/stylesheets/new-ui/components/_tooltip.scss */
.tw-tooltip[data-tw-tooltip-position="top-end"]::after {
  bottom: calc(100% + 8px);
  left: auto;
  right: 0;
  transform: translateY(2px);
}

/* line 274, app/assets/stylesheets/new-ui/components/_tooltip.scss */
.tw-tooltip[data-tw-tooltip-position="top-end"]::before {
  bottom: calc(100% + 2px);
  left: auto;
  right: 12px;
  transform: translateY(2px);
  border-top-color: var(--tw-tooltip-bg);
}

/* line 281, app/assets/stylesheets/new-ui/components/_tooltip.scss */
.tw-tooltip[data-tw-tooltip-position="top-end"]:hover::after, .tw-tooltip[data-tw-tooltip-position="top-end"]:hover::before, .tw-tooltip[data-tw-tooltip-position="top-end"]:focus-within::after, .tw-tooltip[data-tw-tooltip-position="top-end"]:focus-within::before {
  transform: translateY(0);
}

/* line 291, app/assets/stylesheets/new-ui/components/_tooltip.scss */
.tw-tooltip[data-tw-tooltip-position="right"]::after {
  bottom: 50%;
  left: calc(100% + 8px);
  transform: translateY(50%) translateX(-2px);
}

/* line 296, app/assets/stylesheets/new-ui/components/_tooltip.scss */
.tw-tooltip[data-tw-tooltip-position="right"]::before {
  bottom: 50%;
  left: calc(100% + 2px);
  transform: translateY(50%) translateX(-2px);
  border-top-color: transparent;
  border-right-color: var(--tw-tooltip-bg);
}

/* line 303, app/assets/stylesheets/new-ui/components/_tooltip.scss */
.tw-tooltip[data-tw-tooltip-position="right"]:hover::after, .tw-tooltip[data-tw-tooltip-position="right"]:hover::before, .tw-tooltip[data-tw-tooltip-position="right"]:focus-within::after, .tw-tooltip[data-tw-tooltip-position="right"]:focus-within::before {
  transform: translateY(50%) translateX(0);
}

/* line 315, app/assets/stylesheets/new-ui/components/_tooltip.scss */
.tw-tooltip.tw-tooltip--warning {
  --tw-tooltip-bg: var(--tw-warning);
  --tw-tooltip-color: var(--tw-text-inverse);
  --tw-tooltip-border: var(--tw-warning);
}

/* line 321, app/assets/stylesheets/new-ui/components/_tooltip.scss */
.tw-tooltip.tw-tooltip--error {
  --tw-tooltip-bg: var(--tw-error);
  --tw-tooltip-color: #FFFFFF;
  --tw-tooltip-border: var(--tw-error);
}

/* line 327, app/assets/stylesheets/new-ui/components/_tooltip.scss */
.tw-tooltip.tw-tooltip--success {
  --tw-tooltip-bg: var(--tw-success);
  --tw-tooltip-color: var(--tw-text-inverse);
  --tw-tooltip-border: var(--tw-success);
}

/* line 333, app/assets/stylesheets/new-ui/components/_tooltip.scss */
.tw-tooltip.tw-tooltip--info {
  --tw-tooltip-bg: var(--tw-info);
  --tw-tooltip-color: var(--tw-text-inverse);
  --tw-tooltip-border: var(--tw-info);
}

/* line 344, app/assets/stylesheets/new-ui/components/_tooltip.scss */
.tw-tooltip-sm::after {
  max-width: 200px;
}

/* line 348, app/assets/stylesheets/new-ui/components/_tooltip.scss */
.tw-tooltip-lg::after {
  max-width: 360px;
  padding: var(--tw-space-3) var(--tw-space-4);
  font-size: var(--tw-text-sm);
}

/* line 10, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
#fx-wizard-modal .modal-dialog {
  max-width: 1000px;
  width: 100%;
}

/* line 15, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
#fx-wizard-modal .modal-body {
  min-height: 440px;
  padding: var(--tw-space-5);
}

/* ---------------------------------------------------------------------- */
/* Stepper                                                                */
/* ---------------------------------------------------------------------- */
/* line 23, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-steps {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--tw-space-2);
  width: fit-content;
  margin: 0 auto var(--tw-space-6);
  padding: var(--tw-space-2) var(--tw-space-4);
  background: var(--tw-glass-bg);
  border: 1px solid var(--tw-glass-border);
  border-radius: var(--tw-radius-full);
}

/* line 36, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-step {
  display: flex;
  align-items: center;
  gap: var(--tw-space-2);
}

/* line 42, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-step__dot {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: var(--tw-radius-full);
  background: var(--tw-bg-tertiary);
  border: 1px solid var(--tw-border-default);
  color: var(--tw-text-tertiary);
  font-size: var(--tw-text-xs);
  font-weight: var(--tw-font-semibold);
  flex-shrink: 0;
  transition: all var(--tw-transition-fast);
}

/* line 59, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-step__check {
  position: absolute;
  width: 12px;
  height: 12px;
  opacity: 0;
  transform: scale(0.5);
  transition: all var(--tw-transition-fast);
}

/* line 68, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-step__label {
  font-size: var(--tw-text-xs);
  font-weight: var(--tw-font-medium);
  color: var(--tw-text-muted);
  white-space: nowrap;
  transition: color var(--tw-transition-fast);
}

/* line 76, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-step--active .fxw-step__dot {
  background: var(--tw-accent-primary);
  border-color: var(--tw-accent-primary);
  color: white;
  box-shadow: 0 0 0 3px var(--tw-accent-primary-soft), 0 0 14px var(--tw-accent-primary-glow);
}

/* line 83, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-step--active .fxw-step__label {
  color: var(--tw-text-primary);
}

/* line 87, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-step--done .fxw-step__dot {
  background: var(--tw-success-soft);
  border-color: var(--tw-success-border);
  color: var(--tw-success);
}

/* line 93, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-step--done .fxw-step__num {
  opacity: 0;
}

/* line 97, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-step--done .fxw-step__check {
  opacity: 1;
  transform: scale(1);
}

/* line 102, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-step--done .fxw-step__label {
  color: var(--tw-text-secondary);
}

/* line 106, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-step__line {
  width: 26px;
  height: 2px;
  border-radius: var(--tw-radius-full);
  background: var(--tw-border-default);
  flex-shrink: 0;
  transition: background var(--tw-transition-fast);
}

/* line 115, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-step__line--done {
  background: var(--tw-success);
}

/* ---------------------------------------------------------------------- */
/* Panels & shared bits                                                   */
/* ---------------------------------------------------------------------- */
/* line 122, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-hint {
  font-size: var(--tw-text-sm);
  color: var(--tw-text-secondary);
  margin-bottom: var(--tw-space-4);
}

/* line 128, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-hint .fxw-hint__muted {
  color: var(--tw-text-muted);
}

/* line 132, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-search {
  margin-bottom: var(--tw-space-3);
}

/* The design system's modal rule (`.modal-body input[type="text"]` in
   _modals.scss, specificity 0,2,1) overrides `.tw-input-icon-left` (0,1,0)
   and collapses the left padding back to space-3, pushing the placeholder
   behind the search icon. Re-assert the icon clearance with a stronger
   selector. */
/* line 141, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
#fx-wizard-modal .modal-body .fxw-search .tw-input, #fx-wizard-modal .modal-body .fxw-search .tw-textarea, #fx-wizard-modal .modal-body .fxw-search .tw-select {
  padding-left: var(--tw-space-10);
}

/* Scrollable glass card that wraps lists and tables */
/* line 146, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-scroll {
  max-height: 300px;
  overflow: auto;
  background: var(--tw-glass-bg);
  border: 1px solid var(--tw-border-default);
  border-radius: var(--tw-radius-lg);
}

/* line 154, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-scroll thead th {
  position: sticky;
  top: 0;
  z-index: 1;
}

/* line 160, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-scroll--jobs {
  max-height: 280px;
}

/* Fixed table layouts — async content (spinners → count badges, changing
   status badges and detail text) must never re-flow column widths. Cells
   ellipsize instead of pushing their column wider. */
/* line 167, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-rules-table,
.fxw-jobs-table {
  table-layout: fixed;
}

/* line 172, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-rules-table td,
.fxw-jobs-table td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 179, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-rules-table {
  min-width: 940px;
}

/* This 10-column table is too dense for the system's uppercase table
   headers — they truncate. Normal case matches the FX Commission tab's
   own rules table. */
/* line 186, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-rules-table th {
  text-transform: none;
  letter-spacing: normal;
}

/* line 191, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-rules-table th:nth-child(1) {
  width: 44px;
}

/* line 192, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-rules-table th:nth-child(2) {
  width: 76px;
}

/* priority */
/* line 193, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-rules-table th:nth-child(3) {
  width: 100px;
}

/* type */
/* line 194, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-rules-table th:nth-child(4) {
  width: 76px;
}

/* txn */
/* line 195, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-rules-table th:nth-child(5) {
  width: 128px;
}

/* payment method */
/* line 196, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-rules-table th:nth-child(7) {
  width: 108px;
}

/* amount range */
/* line 197, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-rules-table th:nth-child(8) {
  width: 100px;
}

/* tiers */
/* line 198, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-rules-table th:nth-child(9) {
  width: 104px;
}

/* schedule */
/* line 199, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-rules-table th:nth-child(10) {
  width: 88px;
}

/* status */
/* line 201, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-jobs-table {
  min-width: 880px;
}

/* line 205, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-jobs-table th:nth-child(1) {
  width: 44px;
}

/* line 206, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-jobs-table th:nth-child(2) {
  width: 190px;
}

/* target */
/* line 207, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-jobs-table th:nth-child(4) {
  width: 148px;
}

/* status */
/* line 208, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-jobs-table th:nth-child(5) {
  width: 300px;
}

/* details */
/* Uniform status badge width so Pending → Started → In Progress →
   Completed/Failed transitions don't jitter even inside their cell. */
/* line 212, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-status-badge {
  min-width: 124px;
  justify-content: center;
}

/* ---------------------------------------------------------------------- */
/* Merchant rows (steps 1 & 3)                                            */
/* ---------------------------------------------------------------------- */
/* line 220, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-row {
  display: flex;
  align-items: center;
  gap: var(--tw-space-3);
  padding: var(--tw-space-3) var(--tw-space-4);
  border-bottom: 1px solid var(--tw-border-subtle);
  cursor: pointer;
  transition: background var(--tw-transition-fast);
}

/* line 230, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-row:last-child {
  border-bottom: none;
}

/* line 234, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-row:hover {
  background: var(--tw-glass-bg-hover);
}

/* line 238, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-row--selected {
  background: var(--tw-accent-primary-soft);
}

/* line 242, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-row--selected:hover {
  background: var(--tw-accent-primary-soft);
}

/* line 246, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-row__info {
  min-width: 0;
  flex: 1;
}

/* line 251, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-row__name {
  display: block;
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-medium);
  color: var(--tw-text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 261, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-row__email {
  display: block;
  margin-top: 1px;
  font-size: var(--tw-text-xs);
  color: var(--tw-text-tertiary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 271, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-row__id {
  flex-shrink: 0;
}

/* Selection controls — replicate .tw-radio__circle / .tw-checkbox__box
   metrics from new-ui/components/_inputs.scss, driven by the row's
   --selected modifier (rows are re-rendered by JS, not real inputs). */
/* line 278, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-pick {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  border: 1px solid var(--tw-border-default);
  background: rgba(0, 0, 0, 0.3);
  transition: all var(--tw-transition-fast);
}

/* line 290, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-pick--radio {
  border-radius: var(--tw-radius-full);
}

/* line 294, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-pick--radio::after {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: var(--tw-radius-full);
  background: white;
  opacity: 0;
  transform: scale(0);
  transition: all var(--tw-transition-fast);
}

/* line 305, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-pick--box {
  border-radius: var(--tw-radius-sm);
}

/* line 309, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-pick--box svg {
  width: 12px;
  height: 12px;
  color: white;
  opacity: 0;
  transform: scale(0.5);
  transition: all var(--tw-transition-fast);
}

/* line 318, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-row:hover .fxw-pick {
  border-color: var(--tw-border-strong);
}

/* line 322, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-row--selected .fxw-pick {
  background: var(--tw-accent-primary);
  border-color: var(--tw-accent-primary);
}

/* line 327, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-row--selected .fxw-pick--radio::after {
  opacity: 1;
  transform: scale(1);
}

/* line 332, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-row--selected .fxw-pick--box svg {
  opacity: 1;
  transform: scale(1);
}

/* line 337, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-empty {
  padding: var(--tw-space-8) var(--tw-space-4);
  text-align: center;
  color: var(--tw-text-tertiary);
  font-size: var(--tw-text-sm);
}

/* line 344, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--tw-space-2);
  padding: var(--tw-space-8) var(--tw-space-4);
  color: var(--tw-text-tertiary);
  font-size: var(--tw-text-sm);
}

/* ---------------------------------------------------------------------- */
/* Step 2 — source banner & rules table                                   */
/* ---------------------------------------------------------------------- */
/* line 357, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-banner {
  display: flex;
  align-items: center;
  gap: var(--tw-space-3);
  padding: var(--tw-space-3) var(--tw-space-4);
  background: var(--tw-glass-bg);
  border: 1px solid var(--tw-glass-border);
  border-radius: var(--tw-radius-lg);
  margin-bottom: var(--tw-space-3);
}

/* line 368, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-banner__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: var(--tw-radius-md);
  background: var(--tw-accent-primary-soft);
  color: var(--tw-accent-primary);
  flex-shrink: 0;
}

/* line 380, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-banner__text {
  font-size: var(--tw-text-sm);
  color: var(--tw-text-secondary);
  min-width: 0;
  flex: 1;
}

/* line 387, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-banner__text strong {
  color: var(--tw-text-primary);
  font-weight: var(--tw-font-semibold);
}

/* line 392, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-cb {
  margin: 0;
  vertical-align: middle;
}

/* line 397, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-rule-row {
  cursor: pointer;
}

/* line 401, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-muted {
  color: var(--tw-text-muted);
}

/* ---------------------------------------------------------------------- */
/* Step 3 — target chips                                                  */
/* ---------------------------------------------------------------------- */
/* line 408, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tw-space-2);
  margin-bottom: var(--tw-space-3);
  min-height: 24px;
}

/* line 416, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-chips:empty {
  display: none;
}

/* ---------------------------------------------------------------------- */
/* Step 4 — progress & jobs                                               */
/* ---------------------------------------------------------------------- */
/* line 423, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-summary {
  font-size: var(--tw-text-sm);
  color: var(--tw-text-secondary);
  margin-bottom: var(--tw-space-3);
}

/* Duplicate warning banner (step 4) */
/* line 430, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-dup-alert {
  margin-bottom: var(--tw-space-3);
}

/* line 434, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-dup-alert .tw-alert__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--tw-space-3);
  flex-wrap: wrap;
}

/* line 442, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-dup-skip {
  flex-shrink: 0;
}

/* line 446, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-run-stats .tw-spinner {
  margin-right: var(--tw-space-2);
}

/* line 450, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-summary strong {
  color: var(--tw-text-primary);
}

/* line 454, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-progress {
  margin-bottom: var(--tw-space-2);
}

/* line 458, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-progress--warn .tw-progress__bar {
  background: var(--tw-warning);
}

/* line 462, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-run-stats {
  display: flex;
  align-items: center;
  gap: var(--tw-space-4);
  font-size: var(--tw-text-xs);
  color: var(--tw-text-tertiary);
  margin-bottom: var(--tw-space-3);
}

/* line 471, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-run-stats .fxw-ok {
  color: var(--tw-success);
  font-weight: var(--tw-font-semibold);
}

/* line 476, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-run-stats .fxw-bad {
  color: var(--tw-error);
  font-weight: var(--tw-font-semibold);
}

/* line 481, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-status-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--tw-space-1);
}

/* line 487, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-detail-cell {
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--tw-text-xs);
  color: var(--tw-text-tertiary);
}

/* ---------------------------------------------------------------------- */
/* Footer                                                                 */
/* ---------------------------------------------------------------------- */
/* line 499, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
#fx-wizard-modal .modal-footer {
  justify-content: space-between;
}

/* line 503, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-footer__info {
  font-size: var(--tw-text-xs);
  color: var(--tw-text-tertiary);
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 512, app/assets/stylesheets/new-ui/components/_fx-wizard.scss */
.fxw-footer__actions {
  display: flex;
  gap: var(--tw-space-2);
  flex-shrink: 0;
}

/* line 7, app/assets/stylesheets/new-ui/components/_error-mapping.scss */
.epc .tw-card, .epc .tw-card-elevated, .epc .tw-card-outlined, .epc .tw-card-accent, .epc .tw-card-interactive, .epc .tw-stat-card, .epc .tw-feature-card, .epc .tw-media-card, .epc .tw-profile-card {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  overflow: visible;
}

/* line 14, app/assets/stylesheets/new-ui/components/_error-mapping.scss */
.epc .tw-searchable-select__dropdown:not(.tw-is-open) {
  display: none;
}

/* line 19, app/assets/stylesheets/new-ui/components/_error-mapping.scss */
.epc [hidden] {
  display: none !important;
}

/* line 27, app/assets/stylesheets/new-ui/components/_error-mapping.scss */
.epc-stats {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tw-space-2);
  margin-bottom: var(--tw-space-5);
}

/* line 34, app/assets/stylesheets/new-ui/components/_error-mapping.scss */
.epc-stat {
  display: inline-flex;
  align-items: center;
  gap: var(--tw-space-2);
  padding: var(--tw-space-2) var(--tw-space-3);
  background: var(--tw-glass-bg);
  border: 1px solid var(--tw-glass-border);
  border-radius: var(--tw-radius-lg);
  font-size: var(--tw-text-sm);
  color: var(--tw-text-secondary);
}

/* line 46, app/assets/stylesheets/new-ui/components/_error-mapping.scss */
.epc-stat__num {
  font-weight: var(--tw-font-semibold);
  color: var(--tw-text-primary);
}

/* line 51, app/assets/stylesheets/new-ui/components/_error-mapping.scss */
.epc-stat--warn {
  border-color: var(--tw-warning-border);
  background: var(--tw-warning-soft);
}

/* line 56, app/assets/stylesheets/new-ui/components/_error-mapping.scss */
.epc-stat--warn .epc-stat__num {
  color: var(--tw-warning);
}

/* line 60, app/assets/stylesheets/new-ui/components/_error-mapping.scss */
.epc-stat--ok {
  border-color: var(--tw-success-border);
  background: var(--tw-success-soft);
  color: var(--tw-success);
}

/* line 66, app/assets/stylesheets/new-ui/components/_error-mapping.scss */
.epc-stat--link {
  cursor: pointer;
  transition: border-color var(--tw-transition-fast), background var(--tw-transition-fast);
}

/* line 71, app/assets/stylesheets/new-ui/components/_error-mapping.scss */
.epc-stat--link:hover {
  border-color: var(--tw-border-strong);
  background: var(--tw-glass-bg-hover);
}

/* line 76, app/assets/stylesheets/new-ui/components/_error-mapping.scss */
.epc-coverage {
  display: flex;
  align-items: center;
  gap: var(--tw-space-2);
  margin-left: auto;
}

/* line 83, app/assets/stylesheets/new-ui/components/_error-mapping.scss */
.epc-coverage__bar-wrap {
  width: 200px;
}

/* line 87, app/assets/stylesheets/new-ui/components/_error-mapping.scss */
.epc-coverage__label {
  font-size: var(--tw-text-xs);
  color: var(--tw-text-tertiary);
  white-space: nowrap;
}

/* line 97, app/assets/stylesheets/new-ui/components/_error-mapping.scss */
.epc-card__title {
  display: inline-flex;
  align-items: center;
  gap: var(--tw-space-2);
}

/* line 103, app/assets/stylesheets/new-ui/components/_error-mapping.scss */
.epc-card__title svg {
  color: var(--tw-text-tertiary);
  flex-shrink: 0;
}

/* line 108, app/assets/stylesheets/new-ui/components/_error-mapping.scss */
.epc-card--inbox .epc-card__title svg {
  color: var(--tw-warning);
}

/* line 112, app/assets/stylesheets/new-ui/components/_error-mapping.scss */
.epc-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--tw-space-3);
  flex-wrap: wrap;
}

/* line 120, app/assets/stylesheets/new-ui/components/_error-mapping.scss */
.epc-card__header-actions {
  display: flex;
  align-items: center;
  gap: var(--tw-space-2);
}

/* line 130, app/assets/stylesheets/new-ui/components/_error-mapping.scss */
.epc-copy {
  cursor: pointer;
  transition: color var(--tw-transition-fast);
}

/* line 135, app/assets/stylesheets/new-ui/components/_error-mapping.scss */
.epc-copy:hover {
  color: var(--tw-accent-primary-hover);
  text-decoration: underline;
  text-decoration-style: dotted;
  text-underline-offset: 3px;
}

/* line 142, app/assets/stylesheets/new-ui/components/_error-mapping.scss */
.epc .tw-searchable-select__option {
  display: flex;
  align-items: center;
  gap: var(--tw-space-2);
}

/* line 149, app/assets/stylesheets/new-ui/components/_error-mapping.scss */
.epc-opt {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 1px;
}

/* line 156, app/assets/stylesheets/new-ui/components/_error-mapping.scss */
.epc-opt__code {
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-semibold);
  color: var(--tw-text-primary);
}

/* line 162, app/assets/stylesheets/new-ui/components/_error-mapping.scss */
.epc-opt__desc {
  font-size: var(--tw-text-xs);
  color: var(--tw-text-tertiary);
  white-space: normal;
  word-break: break-word;
}

/* line 170, app/assets/stylesheets/new-ui/components/_error-mapping.scss */
.epc-opt-cat {
  margin-left: auto;
  flex-shrink: 0;
  font-size: 10px;
  line-height: 1.4;
  padding: 1px 7px;
  border-radius: var(--tw-radius-full);
  background: var(--tw-bg-tertiary);
  color: var(--tw-text-tertiary);
}

/* line 181, app/assets/stylesheets/new-ui/components/_error-mapping.scss */
.epc-opt-cat--provider_error {
  background: var(--tw-warning-soft);
  color: var(--tw-warning);
}

/* line 186, app/assets/stylesheets/new-ui/components/_error-mapping.scss */
.epc-opt-cat--customer_error {
  background: var(--tw-info-soft);
  color: var(--tw-info);
}

/* line 192, app/assets/stylesheets/new-ui/components/_error-mapping.scss */
.epc-msg {
  white-space: normal;
  max-width: 480px;
  word-break: break-word;
}

/* line 198, app/assets/stylesheets/new-ui/components/_error-mapping.scss */
.epc-map-cell {
  display: flex;
  align-items: center;
  gap: var(--tw-space-2);
  min-width: 380px;
}

/* line 206, app/assets/stylesheets/new-ui/components/_error-mapping.scss */
.epc-map-cell .tw-searchable-select {
  flex: 0 0 340px;
  width: 340px;
}

/* line 212, app/assets/stylesheets/new-ui/components/_error-mapping.scss */
.epc .tw-searchable-select__selected {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 220, app/assets/stylesheets/new-ui/components/_error-mapping.scss */
.epc-unmapped-row--ready {
  background: var(--tw-info-soft);
}

/* line 228, app/assets/stylesheets/new-ui/components/_error-mapping.scss */
.epc-bulk-bar {
  justify-content: space-between;
  margin-top: 0;
}

/* line 233, app/assets/stylesheets/new-ui/components/_error-mapping.scss */
.epc-bulk-bar__status {
  display: flex;
  align-items: center;
  gap: var(--tw-space-2);
  min-width: 0;
  color: var(--tw-text-secondary);
  font-size: var(--tw-text-sm);
}

/* line 242, app/assets/stylesheets/new-ui/components/_error-mapping.scss */
.epc-bulk-bar__status strong {
  color: var(--tw-text-primary);
}

/* line 246, app/assets/stylesheets/new-ui/components/_error-mapping.scss */
.epc-bulk-bar__hint {
  color: var(--tw-text-tertiary);
}

/* line 254, app/assets/stylesheets/new-ui/components/_error-mapping.scss */
.epc-add-row {
  padding: var(--tw-space-3) var(--tw-space-4);
  border-bottom: 1px solid var(--tw-border-subtle);
  background: var(--tw-glass-bg);
}

/* line 260, app/assets/stylesheets/new-ui/components/_error-mapping.scss */
.epc-empty {
  padding: var(--tw-space-6) var(--tw-space-4);
  text-align: center;
  color: var(--tw-text-tertiary);
  font-size: var(--tw-text-sm);
}

/* line 267, app/assets/stylesheets/new-ui/components/_error-mapping.scss */
.epc-empty__inner {
  display: inline-flex;
  align-items: center;
  gap: var(--tw-space-2);
}

/* line 273, app/assets/stylesheets/new-ui/components/_error-mapping.scss */
.epc-empty__inner svg {
  color: var(--tw-success);
  flex-shrink: 0;
}

/* line 278, app/assets/stylesheets/new-ui/components/_error-mapping.scss */
.epc-filter {
  width: 240px;
}

@media (max-width: 720px) {
  /* line 283, app/assets/stylesheets/new-ui/components/_error-mapping.scss */
  .epc-bulk-bar {
    align-items: stretch;
    flex-direction: column;
  }
  /* line 288, app/assets/stylesheets/new-ui/components/_error-mapping.scss */
  .epc-bulk-bar .tw-btn, .epc-bulk-bar .tw-btn-primary, .epc-bulk-bar .tw-btn-secondary, .epc-bulk-bar .tw-btn-ghost, .epc-bulk-bar .tw-btn-outline, .epc-bulk-bar .tw-btn-danger, .epc-bulk-bar .tw-btn-success {
    width: 100%;
  }
  /* line 292, app/assets/stylesheets/new-ui/components/_error-mapping.scss */
  .epc-bulk-bar__hint {
    display: none;
  }
}

/* line 297, app/assets/stylesheets/new-ui/components/_error-mapping.scss */
.epc-empty__hint {
  margin-top: var(--tw-space-2);
  font-size: var(--tw-text-xs);
  color: var(--tw-text-muted);
}

/* line 7, app/assets/stylesheets/new-ui/components/_profile-whitelist.scss */
.pwl [hidden] {
  display: none !important;
}

/* line 11, app/assets/stylesheets/new-ui/components/_profile-whitelist.scss */
.pwl-col-check {
  width: 40px;
}

/* line 15, app/assets/stylesheets/new-ui/components/_profile-whitelist.scss */
.pwl-modal {
  max-width: 600px;
}

/* line 23, app/assets/stylesheets/new-ui/components/_profile-whitelist.scss */
.pwl-info-lines {
  font-size: var(--tw-text-sm);
  color: var(--tw-text-secondary);
}

/* line 27, app/assets/stylesheets/new-ui/components/_profile-whitelist.scss */
.pwl-info-lines > div + div {
  margin-top: var(--tw-space-2);
}

/* line 32, app/assets/stylesheets/new-ui/components/_profile-whitelist.scss */
.pwl-info-compare {
  width: 100%;
  margin-top: var(--tw-space-4);
  font-size: var(--tw-text-sm);
  color: var(--tw-text-secondary);
  border-collapse: collapse;
}

/* line 39, app/assets/stylesheets/new-ui/components/_profile-whitelist.scss */
.pwl-info-compare th,
.pwl-info-compare td {
  padding: var(--tw-space-2) var(--tw-space-3);
  text-align: left;
  border-bottom: 1px solid var(--tw-border-subtle);
}

/* line 46, app/assets/stylesheets/new-ui/components/_profile-whitelist.scss */
.pwl-info-compare thead th {
  color: var(--tw-text-primary);
  font-weight: var(--tw-font-semibold);
}

/* line 51, app/assets/stylesheets/new-ui/components/_profile-whitelist.scss */
.pwl-info-compare tbody th {
  color: var(--tw-text-tertiary);
  font-weight: var(--tw-font-medium);
  white-space: nowrap;
}

/* line 57, app/assets/stylesheets/new-ui/components/_profile-whitelist.scss */
.pwl-info-compare tr:last-child th,
.pwl-info-compare tr:last-child td {
  border-bottom: none;
}

/* line 67, app/assets/stylesheets/new-ui/components/_profile-whitelist.scss */
.pwl-bulk-actions {
  display: flex;
  align-items: center;
  gap: var(--tw-space-3);
  padding: var(--tw-space-3) var(--tw-space-4);
  margin-bottom: var(--tw-space-4);
  background: var(--tw-bg-tertiary);
  border-radius: var(--tw-radius-md);
}

/* line 77, app/assets/stylesheets/new-ui/components/_profile-whitelist.scss */
.pwl-bulk-actions__count {
  font-size: var(--tw-text-sm);
  color: var(--tw-text-secondary);
}

/* line 86, app/assets/stylesheets/new-ui/components/_profile-whitelist.scss */
.pwl-override {
  display: inline-flex;
  align-items: center;
  gap: var(--tw-space-2);
  white-space: nowrap;
}

/* line 93, app/assets/stylesheets/new-ui/components/_profile-whitelist.scss */
.pwl-override__type {
  font-size: var(--tw-text-xs);
  color: var(--tw-text-tertiary);
}

/* line 98, app/assets/stylesheets/new-ui/components/_profile-whitelist.scss */
.pwl-override__warning {
  display: inline-flex;
  color: var(--tw-warning);
  flex-shrink: 0;
}

/* line 104, app/assets/stylesheets/new-ui/components/_profile-whitelist.scss */
.pwl-override__conflict {
  white-space: nowrap;
}

/* line 112, app/assets/stylesheets/new-ui/components/_profile-whitelist.scss */
.pwl-references {
  min-height: 160px;
  resize: vertical;
}

/* line 117, app/assets/stylesheets/new-ui/components/_profile-whitelist.scss */
.pwl-mode {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--tw-space-2);
}

/* line 123, app/assets/stylesheets/new-ui/components/_profile-whitelist.scss */
.pwl-mode__option {
  display: flex;
  flex-direction: column;
  gap: var(--tw-space-1);
  padding: var(--tw-space-3);
  border: 1px solid var(--tw-border-default);
  border-radius: var(--tw-radius-lg);
  background: var(--tw-glass-bg);
  cursor: pointer;
  transition: border-color var(--tw-transition-fast), box-shadow var(--tw-transition-fast);
}

/* line 134, app/assets/stylesheets/new-ui/components/_profile-whitelist.scss */
.pwl-mode__option input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* line 141, app/assets/stylesheets/new-ui/components/_profile-whitelist.scss */
.pwl-mode__option:hover {
  border-color: var(--tw-border-strong);
}

/* line 145, app/assets/stylesheets/new-ui/components/_profile-whitelist.scss */
.pwl-mode__option:focus-within {
  border-color: var(--tw-accent-primary);
}

/* line 149, app/assets/stylesheets/new-ui/components/_profile-whitelist.scss */
.pwl-mode__option:has(input:checked) {
  border-color: var(--tw-accent-primary);
  box-shadow: 0 0 0 3px var(--tw-accent-primary-soft);
}

/* line 155, app/assets/stylesheets/new-ui/components/_profile-whitelist.scss */
.pwl-mode__title {
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-medium);
  color: var(--tw-text-primary);
}

/* line 161, app/assets/stylesheets/new-ui/components/_profile-whitelist.scss */
.pwl-mode__hint {
  font-size: var(--tw-text-xs);
  color: var(--tw-text-tertiary);
}

/* line 166, app/assets/stylesheets/new-ui/components/_profile-whitelist.scss */
.pwl-override-fields {
  margin-top: var(--tw-space-2);
  margin-bottom: var(--tw-space-4);
}

/* line 171, app/assets/stylesheets/new-ui/components/_profile-whitelist.scss */
.pwl-override-hint {
  min-height: 1.25em;
}

/* line 175, app/assets/stylesheets/new-ui/components/_profile-whitelist.scss */
.pwl-reference {
  padding: var(--tw-space-2) var(--tw-space-3);
  font-family: var(--tw-font-mono);
  font-size: var(--tw-text-sm);
  color: var(--tw-text-primary);
  background: var(--tw-glass-bg);
  border: 1px solid var(--tw-border-default);
  border-radius: var(--tw-radius-lg);
  word-break: break-all;
}

/* line 188, app/assets/stylesheets/new-ui/components/_profile-whitelist.scss */
.pwl .modal-body .pwl-mode__option {
  display: flex;
  margin-bottom: 0;
}

/* line 193, app/assets/stylesheets/new-ui/components/_profile-whitelist.scss */
.pwl .modal-body .tw-toggle {
  display: inline-flex;
  margin-bottom: 0;
}

/* line 200, app/assets/stylesheets/new-ui/components/_profile-whitelist.scss */
.pwl-footer-left {
  margin-right: auto;
}

/* line 10, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-app {
  display: flex;
  min-height: 100vh;
  background: var(--tw-bg-primary);
}

/* line 16, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-app__body {
  display: flex;
  flex: 1;
  width: 100%;
}

/* line 26, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-sidebar {
  width: 260px;
  min-width: 260px;
  height: 100vh;
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
  background: var(--tw-bg-secondary);
  border-right: 1px solid var(--tw-border-subtle);
  z-index: var(--tw-z-sticky);
  transition: transform var(--tw-transition-base);
}

@media (max-width: 1024px) {
  /* line 26, app/assets/stylesheets/new-ui/layouts/_manage.scss */
  .tw-sidebar {
    position: fixed;
    left: 0;
    transform: translateX(-100%);
  }
  /* line 44, app/assets/stylesheets/new-ui/layouts/_manage.scss */
  .tw-sidebar.tw-is-open {
    transform: translateX(0);
  }
}

/* line 50, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-sidebar__header {
  padding: var(--tw-space-5) var(--tw-space-5);
  border-bottom: 1px solid var(--tw-border-subtle);
}

/* line 55, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-sidebar__logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--tw-space-2);
  text-decoration: none;
  transition: opacity var(--tw-transition-fast);
}

/* line 63, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-sidebar__logo:hover {
  opacity: 0.85;
}

/* line 68, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-sidebar__logo-img {
  height: 36px;
  width: auto;
}

/* line 73, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-sidebar__logo-text {
  font-family: var(--tw-font-secondary);
  font-size: 10px;
  font-weight: var(--tw-font-semibold);
  color: var(--tw-accent-primary);
  text-transform: uppercase;
  letter-spacing: 0.15em;
  line-height: 1;
}

/* line 83, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-sidebar__nav {
  flex: 1;
  overflow-y: auto;
  padding: var(--tw-space-3) 0;
  scrollbar-width: thin;
  scrollbar-color: var(--tw-border-default) transparent;
}

/* line 297, app/assets/stylesheets/new-ui/base/_variables.scss */
.tw-sidebar__nav::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

/* line 302, app/assets/stylesheets/new-ui/base/_variables.scss */
.tw-sidebar__nav::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 4px;
}

/* line 307, app/assets/stylesheets/new-ui/base/_variables.scss */
.tw-sidebar__nav::-webkit-scrollbar-thumb {
  background: var(--tw-border-default);
  border-radius: 4px;
}

/* line 311, app/assets/stylesheets/new-ui/base/_variables.scss */
.tw-sidebar__nav::-webkit-scrollbar-thumb:hover {
  background: var(--tw-border-strong);
}

/* line 90, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-sidebar__menu {
  list-style: none;
  margin: 0;
  padding: 0 var(--tw-space-3);
}

/* line 96, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-sidebar__item {
  margin-bottom: var(--tw-space-1);
}

/* line 100, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-sidebar__link {
  display: flex;
  align-items: center;
  gap: var(--tw-space-3);
  padding: var(--tw-space-2-5) var(--tw-space-3);
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-medium);
  color: var(--tw-text-secondary);
  text-decoration: none;
  border-radius: var(--tw-radius-lg);
  transition: all var(--tw-transition-fast);
}

/* line 112, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-sidebar__link:hover {
  color: var(--tw-text-primary);
  background: var(--tw-glass-bg-hover);
}

/* line 117, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-sidebar__link.tw-is-active {
  color: var(--tw-text-primary);
  background: var(--tw-accent-primary-soft);
}

/* line 121, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-sidebar__link.tw-is-active .tw-sidebar__icon {
  color: var(--tw-accent-primary);
}

/* line 127, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-sidebar__icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  color: var(--tw-text-tertiary);
  transition: color var(--tw-transition-fast);
}

/* line 135, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-sidebar__badge {
  margin-left: auto;
  padding: var(--tw-space-0-5) var(--tw-space-2);
  font-size: var(--tw-text-xs);
  font-weight: var(--tw-font-semibold);
  color: white;
  background: var(--tw-error);
  border-radius: var(--tw-radius-full);
}

/* line 145, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-sidebar__section {
  padding: var(--tw-space-4) var(--tw-space-5) var(--tw-space-2);
}

/* line 148, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-sidebar__section-title {
  font-size: var(--tw-text-xs);
  font-weight: var(--tw-font-semibold);
  color: var(--tw-text-muted);
  text-transform: uppercase;
  letter-spacing: var(--tw-tracking-wider);
}

/* line 161, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-sidebar__dropdown {
  margin-bottom: var(--tw-space-1);
}

/* line 165, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-sidebar__dropdown.tw-is-open .tw-sidebar__dropdown-menu {
  display: block;
}

/* line 169, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-sidebar__dropdown.tw-is-open .tw-sidebar__dropdown-icon {
  transform: rotate(180deg);
}

/* line 175, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-sidebar__dropdown-toggle {
  display: flex;
  align-items: center;
  gap: var(--tw-space-3);
  width: 100%;
  padding: var(--tw-space-2-5) var(--tw-space-3);
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-medium);
  color: var(--tw-text-secondary);
  text-decoration: none;
  background: transparent;
  border: none;
  border-radius: var(--tw-radius-lg);
  cursor: pointer;
  transition: all var(--tw-transition-fast);
}

/* line 191, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-sidebar__dropdown-toggle:hover {
  color: var(--tw-text-primary);
  background: var(--tw-glass-bg-hover);
}

/* line 196, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-sidebar__dropdown-toggle.tw-is-active {
  color: var(--tw-text-primary);
  background: var(--tw-accent-primary-soft);
}

/* line 200, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-sidebar__dropdown-toggle.tw-is-active .tw-sidebar__icon {
  color: var(--tw-accent-primary);
}

/* line 206, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-sidebar__dropdown-icon {
  margin-left: auto;
  width: 16px;
  height: 16px;
  color: var(--tw-text-muted);
  transition: transform var(--tw-transition-fast);
}

/* line 214, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-sidebar__dropdown-menu {
  display: none;
  padding-left: var(--tw-space-6);
  margin-top: var(--tw-space-1);
}

/* line 220, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-sidebar__dropdown-item {
  margin-bottom: var(--tw-space-1);
}

/* line 224, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-sidebar__dropdown-link {
  display: flex;
  align-items: center;
  gap: var(--tw-space-3);
  padding: var(--tw-space-2) var(--tw-space-3);
  font-size: var(--tw-text-sm);
  color: var(--tw-text-tertiary);
  text-decoration: none;
  border-radius: var(--tw-radius-md);
  transition: all var(--tw-transition-fast);
}

/* line 235, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-sidebar__dropdown-link:hover {
  color: var(--tw-text-primary);
  background: var(--tw-glass-bg-hover);
}

/* line 240, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-sidebar__dropdown-link.tw-is-active {
  color: var(--tw-accent-primary);
  background: var(--tw-accent-primary-soft);
}

/* line 246, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-sidebar__footer {
  padding: var(--tw-space-4) var(--tw-space-4);
  border-top: 1px solid var(--tw-border-subtle);
  background: var(--tw-bg-tertiary);
}

/* line 252, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-sidebar__user {
  display: flex;
  align-items: center;
  gap: var(--tw-space-3);
}

/* line 258, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-sidebar__avatar {
  width: 36px;
  height: 36px;
  border-radius: var(--tw-radius-full);
  background: var(--tw-accent-primary-soft);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--tw-accent-primary);
}

/* line 268, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-sidebar__avatar svg {
  width: 18px;
  height: 18px;
}

/* line 274, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-sidebar__user-info {
  flex: 1;
  min-width: 0;
}

/* line 279, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-sidebar__user-email {
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-medium);
  color: var(--tw-text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 286, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-sidebar__logout {
  font-size: var(--tw-text-xs);
  color: var(--tw-text-tertiary);
  text-decoration: none;
  transition: color var(--tw-transition-fast);
}

/* line 292, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-sidebar__logout:hover {
  color: var(--tw-error);
}

/* line 301, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-main {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow-x: hidden;
}

/* line 313, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-navbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--tw-space-4) var(--tw-space-6);
  background: var(--tw-bg-secondary);
  border-bottom: 1px solid var(--tw-border-subtle);
  position: sticky;
  top: 0;
  z-index: var(--tw-z-sticky);
}

@media (max-width: 768px) {
  /* line 313, app/assets/stylesheets/new-ui/layouts/_manage.scss */
  .tw-navbar {
    padding: var(--tw-space-3) var(--tw-space-4);
  }
}

/* line 329, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-navbar__left {
  display: flex;
  align-items: center;
  gap: var(--tw-space-4);
}

/* line 335, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-navbar__toggle {
  display: none;
  padding: var(--tw-space-2);
  background: transparent;
  border: none;
  border-radius: var(--tw-radius-md);
  color: var(--tw-text-secondary);
  cursor: pointer;
  transition: all var(--tw-transition-fast);
}

/* line 345, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-navbar__toggle:hover {
  color: var(--tw-text-primary);
  background: var(--tw-glass-bg);
}

/* line 350, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-navbar__toggle svg {
  width: 24px;
  height: 24px;
}

@media (max-width: 1024px) {
  /* line 335, app/assets/stylesheets/new-ui/layouts/_manage.scss */
  .tw-navbar__toggle {
    display: flex;
  }
}

/* line 360, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-navbar__title {
  font-family: var(--tw-font-primary);
  font-size: var(--tw-text-xl);
  font-weight: var(--tw-font-semibold);
  color: var(--tw-text-primary);
  margin: 0;
}

@media (max-width: 768px) {
  /* line 360, app/assets/stylesheets/new-ui/layouts/_manage.scss */
  .tw-navbar__title {
    font-size: var(--tw-text-lg);
  }
}

/* line 372, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-navbar__right {
  display: flex;
  align-items: center;
  gap: var(--tw-space-3);
}

/* line 378, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-navbar__action {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: transparent;
  border: none;
  border-radius: var(--tw-radius-lg);
  color: var(--tw-text-secondary);
  cursor: pointer;
  transition: all var(--tw-transition-fast);
}

/* line 391, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-navbar__action:hover {
  color: var(--tw-text-primary);
  background: var(--tw-glass-bg);
}

/* line 396, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-navbar__action svg {
  width: 20px;
  height: 20px;
}

/* line 406, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-content {
  flex: 1;
  padding: var(--tw-space-6);
}

@media (max-width: 768px) {
  /* line 406, app/assets/stylesheets/new-ui/layouts/_manage.scss */
  .tw-content {
    padding: var(--tw-space-4);
  }
}

/* line 419, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-page-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--tw-space-6);
  flex-wrap: wrap;
  gap: var(--tw-space-4);
}

/* line 428, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-page-header__left {
  display: flex;
  align-items: center;
  gap: var(--tw-space-4);
}

/* line 434, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-page-header__right {
  display: flex;
  align-items: center;
  gap: var(--tw-space-3);
}

/* line 440, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-page-header__title {
  font-family: var(--tw-font-primary);
  font-size: var(--tw-text-2xl);
  font-weight: var(--tw-font-bold);
  color: var(--tw-text-primary);
  margin: 0;
}

/* line 448, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-page-header__subtitle {
  font-size: var(--tw-text-sm);
  color: var(--tw-text-tertiary);
  margin-top: var(--tw-space-1);
}

/* line 458, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-sidebar-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
  z-index: calc(var(--tw-z-sticky) - 1);
}

@media (max-width: 1024px) {
  /* line 467, app/assets/stylesheets/new-ui/layouts/_manage.scss */
  .tw-sidebar-overlay.tw-is-open {
    display: block;
  }
}

/* line 477, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-flash-area {
  margin-bottom: var(--tw-space-4);
}

/* line 480, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-flash-area:empty {
  display: none;
}

/* line 488, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-flash-area {
  margin-bottom: var(--tw-space-4);
}

/* line 491, app/assets/stylesheets/new-ui/layouts/_manage.scss */
.tw-flash-area:empty {
  display: none;
}

/* line 10, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--tw-space-4);
  background: var(--tw-bg-primary);
  position: relative;
  overflow: hidden;
}

/* line 21, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login::before {
  content: '';
  position: absolute;
  top: -20%;
  left: 50%;
  transform: translateX(-50%);
  width: 600px;
  height: 600px;
  background: radial-gradient(ellipse at center, rgba(100, 116, 139, 0.08) 0%, transparent 70%);
  pointer-events: none;
}

/* line 38, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login::after {
  content: '';
  position: absolute;
  bottom: -10%;
  right: -10%;
  width: 400px;
  height: 400px;
  background: radial-gradient(ellipse at center, rgba(71, 85, 105, 0.06) 0%, transparent 70%);
  pointer-events: none;
}

/* line 58, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__container {
  width: 100%;
  max-width: 420px;
  position: relative;
  z-index: 1;
}

/* line 66, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login--split {
  max-width: 1000px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  border-radius: var(--tw-radius-3xl);
  overflow: hidden;
  box-shadow: var(--tw-shadow-2xl);
}

@media (max-width: 768px) {
  /* line 66, app/assets/stylesheets/new-ui/pages/_login.scss */
  .tw-login--split {
    grid-template-columns: 1fr;
    max-width: 420px;
  }
}

/* line 81, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__hero {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: var(--tw-space-10);
  padding-bottom: var(--tw-space-6);
  background: var(--tw-bg-secondary);
  position: relative;
  overflow: hidden;
}

@media (max-width: 768px) {
  /* line 81, app/assets/stylesheets/new-ui/pages/_login.scss */
  .tw-login__hero {
    display: none;
  }
}

/* line 97, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

/* line 107, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(5, 5, 5, 0.6) 0%, rgba(5, 5, 5, 0.4) 100%);
  z-index: 1;
}

/* line 121, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__hero-content {
  position: relative;
  z-index: 2;
  margin-bottom: var(--tw-space-4);
}

/* line 127, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__hero-footer {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: var(--tw-space-2);
  font-size: var(--tw-text-xs);
  color: var(--tw-text-muted);
}

/* line 137, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__hero-brand {
  font-weight: var(--tw-font-semibold);
  color: var(--tw-text-tertiary);
}

/* line 142, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__hero-separator {
  opacity: 0.3;
}

/* line 146, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__hero-title {
  font-family: var(--tw-font-primary);
  font-size: var(--tw-text-3xl);
  font-weight: var(--tw-font-bold);
  color: var(--tw-text-primary);
  line-height: var(--tw-leading-tight);
  margin-bottom: var(--tw-space-4);
}

/* line 155, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__hero-subtitle {
  font-size: var(--tw-text-md);
  color: var(--tw-text-secondary);
  line-height: var(--tw-leading-relaxed);
  margin-bottom: 0;
}

/* line 162, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__hero-features {
  display: flex;
  flex-direction: column;
  gap: var(--tw-space-4);
}

/* line 168, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__hero-feature {
  display: flex;
  align-items: center;
  gap: var(--tw-space-3);
  font-size: var(--tw-text-sm);
  color: var(--tw-text-secondary);
}

/* line 175, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__hero-feature svg {
  width: 20px;
  height: 20px;
  color: var(--tw-accent-primary);
  flex-shrink: 0;
}

/* line 187, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__card {
  background: var(--tw-bg-secondary);
  border: 1px solid var(--tw-glass-border);
  border-radius: var(--tw-radius-2xl);
  box-shadow: var(--tw-shadow-xl);
  overflow: hidden;
  position: relative;
}

/* line 196, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 10%;
  right: 10%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.08), transparent);
  pointer-events: none;
}

/* line 213, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login--split .tw-login__card {
  border-radius: 0;
  border: none;
  box-shadow: none;
}

/* line 218, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login--split .tw-login__card::before {
  display: none;
}

/* line 228, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__header {
  padding: var(--tw-space-6) var(--tw-space-6) var(--tw-space-4);
  text-align: center;
  border-bottom: 1px solid var(--tw-border-subtle);
  background: linear-gradient(180deg, var(--tw-bg-tertiary) 0%, var(--tw-bg-secondary) 100%);
}

/* line 239, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--tw-space-3);
  margin-bottom: var(--tw-space-4);
}

/* line 246, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__logo img {
  height: 32px;
  width: auto;
}

/* line 252, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__logo-text {
  font-family: var(--tw-font-primary);
  font-size: var(--tw-text-xl);
  font-weight: var(--tw-font-bold);
  color: var(--tw-text-primary);
}

/* line 259, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__merchant {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--tw-space-3);
  margin-bottom: var(--tw-space-4);
}

/* line 267, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__merchant-logo {
  width: 44px;
  height: 44px;
  border-radius: var(--tw-radius-lg);
  background: var(--tw-gradient-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--tw-font-primary);
  font-weight: var(--tw-font-bold);
  font-size: var(--tw-text-lg);
  color: white;
}

/* line 281, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__merchant-name {
  font-size: var(--tw-text-md);
  font-weight: var(--tw-font-medium);
  color: var(--tw-text-secondary);
}

/* line 287, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__amount {
  text-align: center;
}

/* line 291, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__amount-value {
  font-family: var(--tw-font-primary);
  font-size: var(--tw-text-4xl);
  font-weight: var(--tw-font-bold);
  color: var(--tw-text-primary);
  line-height: var(--tw-leading-none);
  letter-spacing: var(--tw-tracking-tight);
}

/* line 299, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__amount-value .currency {
  font-size: var(--tw-text-xl);
  font-weight: var(--tw-font-medium);
  color: var(--tw-text-secondary);
  margin-left: var(--tw-space-1);
}

/* line 307, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__amount-desc {
  font-size: var(--tw-text-sm);
  color: var(--tw-text-tertiary);
  margin-top: var(--tw-space-2);
}

/* line 313, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__title {
  font-family: var(--tw-font-primary);
  font-size: var(--tw-text-xl);
  font-weight: var(--tw-font-semibold);
  color: var(--tw-text-primary);
  margin-bottom: var(--tw-space-2);
}

/* line 321, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__subtitle {
  font-size: var(--tw-text-sm);
  color: var(--tw-text-tertiary);
}

/* line 330, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__body {
  padding: var(--tw-space-6);
}

/* line 338, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__steps {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--tw-space-2);
  margin-bottom: var(--tw-space-6);
}

/* line 346, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__step {
  width: 8px;
  height: 8px;
  border-radius: var(--tw-radius-full);
  background: var(--tw-border-default);
  transition: all var(--tw-transition-base);
}

/* line 353, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__step.tw-is-active {
  width: 24px;
  border-radius: var(--tw-radius-full);
  background: var(--tw-accent-primary);
}

/* line 359, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__step.tw-is-completed {
  background: var(--tw-success);
}

/* line 368, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__phone-wrapper {
  display: flex;
  gap: 0;
  width: 100%;
}

/* line 374, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__country-select {
  position: relative;
  flex-shrink: 0;
}

/* line 379, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__country-btn {
  display: flex;
  align-items: center;
  gap: var(--tw-space-2);
  height: 48px;
  padding: 0 var(--tw-space-3);
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid var(--tw-border-default);
  border-right: none;
  border-radius: var(--tw-radius-xl) 0 0 var(--tw-radius-xl);
  cursor: pointer;
  transition: all var(--tw-transition-fast);
}

/* line 392, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__country-btn:hover {
  background: rgba(0, 0, 0, 0.35);
}

/* line 396, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__country-btn .flag {
  font-size: 1.25rem;
  line-height: 1;
}

/* line 401, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__country-btn .code {
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-medium);
  color: var(--tw-text-secondary);
}

/* line 407, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__country-btn .arrow {
  width: 14px;
  height: 14px;
  color: var(--tw-text-muted);
  transition: transform var(--tw-transition-fast);
}

/* line 415, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__country-dropdown {
  display: none;
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  width: 280px;
  background: var(--tw-bg-elevated);
  border: 1px solid var(--tw-border-default);
  border-radius: var(--tw-radius-xl);
  box-shadow: var(--tw-shadow-xl);
  z-index: var(--tw-z-dropdown);
  overflow: hidden;
}

/* line 428, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__country-dropdown.tw-is-open {
  display: block;
}

/* line 433, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__country-search {
  padding: var(--tw-space-3);
  border-bottom: 1px solid var(--tw-border-subtle);
}

/* line 437, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__country-search input {
  width: 100%;
  padding: var(--tw-space-2) var(--tw-space-3);
  font-size: var(--tw-text-sm);
  color: var(--tw-text-primary);
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid var(--tw-border-default);
  border-radius: var(--tw-radius-lg);
}

/* line 446, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__country-search input::placeholder {
  color: var(--tw-text-muted);
}

/* line 450, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__country-search input:focus {
  border-color: var(--tw-accent-primary);
  outline: none;
}

/* line 457, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__country-list {
  max-height: 220px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--tw-border-default) transparent;
}

/* line 297, app/assets/stylesheets/new-ui/base/_variables.scss */
.tw-login__country-list::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

/* line 302, app/assets/stylesheets/new-ui/base/_variables.scss */
.tw-login__country-list::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 6px;
}

/* line 307, app/assets/stylesheets/new-ui/base/_variables.scss */
.tw-login__country-list::-webkit-scrollbar-thumb {
  background: var(--tw-border-default);
  border-radius: 6px;
}

/* line 311, app/assets/stylesheets/new-ui/base/_variables.scss */
.tw-login__country-list::-webkit-scrollbar-thumb:hover {
  background: var(--tw-border-strong);
}

/* line 463, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__country-item {
  display: flex;
  align-items: center;
  gap: var(--tw-space-3);
  padding: var(--tw-space-2-5) var(--tw-space-3);
  cursor: pointer;
  transition: background var(--tw-transition-fast);
}

/* line 471, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__country-item:hover {
  background: var(--tw-bg-hover);
}

/* line 475, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__country-item .flag {
  font-size: 1.25rem;
}

/* line 479, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__country-item .name {
  flex: 1;
  font-size: var(--tw-text-sm);
  color: var(--tw-text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 488, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__country-item .code {
  font-size: var(--tw-text-sm);
  color: var(--tw-text-tertiary);
  font-weight: var(--tw-font-medium);
}

/* line 495, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__phone-input {
  flex: 1;
  height: 48px;
  padding: 0 var(--tw-space-4);
  font-size: var(--tw-text-md);
  font-weight: var(--tw-font-medium);
  color: var(--tw-text-primary);
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid var(--tw-border-default);
  border-left: none;
  border-radius: 0 var(--tw-radius-xl) var(--tw-radius-xl) 0;
  transition: all var(--tw-transition-fast);
}

/* line 508, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__phone-input::placeholder {
  color: var(--tw-text-muted);
}

/* line 512, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__phone-input:hover {
  background: rgba(0, 0, 0, 0.35);
}

/* line 516, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__phone-input:focus {
  border-color: var(--tw-accent-primary);
  outline: none;
}

/* line 524, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__phone-wrapper:focus-within .tw-login__country-btn {
  border-color: var(--tw-accent-primary);
}

/* line 528, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__phone-wrapper:focus-within .tw-login__phone-input {
  border-color: var(--tw-accent-primary);
}

/* line 537, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__otp-wrapper {
  display: flex;
  justify-content: center;
  gap: var(--tw-space-2);
}

/* line 543, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__otp-input {
  width: 48px;
  height: 56px;
  text-align: center;
  font-family: var(--tw-font-mono);
  font-size: var(--tw-text-2xl);
  font-weight: var(--tw-font-semibold);
  color: var(--tw-text-primary);
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid var(--tw-border-default);
  border-radius: var(--tw-radius-lg);
  transition: all var(--tw-transition-fast);
}

/* line 556, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__otp-input::placeholder {
  color: var(--tw-text-muted);
}

/* line 560, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__otp-input:hover {
  border-color: var(--tw-border-strong);
}

/* line 564, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__otp-input:focus {
  border-color: var(--tw-accent-primary);
  background: rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 0 3px var(--tw-accent-primary-soft);
  outline: none;
}

/* line 571, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__otp-input.tw-is-filled {
  border-color: var(--tw-accent-primary);
  background: var(--tw-accent-primary-soft);
}

/* line 576, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__otp-input.tw-is-error {
  border-color: var(--tw-error);
  background: var(--tw-error-soft);
}

/* line 583, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__otp-single {
  width: 100%;
  height: 56px;
  text-align: center;
  font-family: var(--tw-font-mono);
  font-size: var(--tw-text-2xl);
  font-weight: var(--tw-font-semibold);
  letter-spacing: 0.5em;
  color: var(--tw-text-primary);
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid var(--tw-border-default);
  border-radius: var(--tw-radius-xl);
  transition: all var(--tw-transition-fast);
}

/* line 597, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__otp-single::placeholder {
  color: var(--tw-text-muted);
  letter-spacing: 0.2em;
}

/* line 602, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__otp-single:focus {
  border-color: var(--tw-accent-primary);
  background: rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 0 3px var(--tw-accent-primary-soft);
  outline: none;
}

/* line 614, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__timer {
  text-align: center;
  margin-top: var(--tw-space-4);
  font-size: var(--tw-text-sm);
  color: var(--tw-text-tertiary);
}

/* line 621, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__timer-value {
  font-family: var(--tw-font-mono);
  font-weight: var(--tw-font-semibold);
  color: var(--tw-text-secondary);
}

/* line 627, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__resend {
  color: var(--tw-accent-primary);
  font-weight: var(--tw-font-medium);
  cursor: pointer;
  transition: color var(--tw-transition-fast);
}

/* line 633, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__resend:hover {
  color: var(--tw-accent-primary-hover);
}

/* line 637, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__resend.tw-is-disabled {
  color: var(--tw-text-muted);
  cursor: not-allowed;
}

/* line 647, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__remember {
  display: flex;
  align-items: flex-start;
  gap: var(--tw-space-3);
  margin-top: var(--tw-space-5);
  cursor: pointer;
}

/* line 654, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__remember input {
  display: none;
}

/* line 659, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__remember-box {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid var(--tw-border-default);
  border-radius: var(--tw-radius-md);
  transition: all var(--tw-transition-fast);
}

/* line 671, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__remember-box svg {
  width: 14px;
  height: 14px;
  color: white;
  opacity: 0;
  transform: scale(0.5);
  transition: all var(--tw-transition-fast);
}

/* line 681, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__remember-label {
  font-size: var(--tw-text-sm);
  color: var(--tw-text-secondary);
  line-height: var(--tw-leading-tight);
}

/* line 686, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__remember-label a {
  color: var(--tw-accent-primary);
  text-decoration: none;
}

/* line 690, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__remember-label a:hover {
  text-decoration: underline;
}

/* line 696, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__remember input:checked + .tw-login__remember-box {
  background: var(--tw-accent-primary);
  border-color: var(--tw-accent-primary);
}

/* line 700, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__remember input:checked + .tw-login__remember-box svg {
  opacity: 1;
  transform: scale(1);
}

/* line 710, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__actions {
  margin-top: var(--tw-space-6);
}

/* line 714, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__submit {
  width: 100%;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--tw-space-2);
  font-family: var(--tw-font-secondary);
  font-size: var(--tw-text-md);
  font-weight: var(--tw-font-semibold);
  color: white;
  background: var(--tw-gradient-primary);
  border: none;
  border-radius: var(--tw-radius-xl);
  cursor: pointer;
  box-shadow: var(--tw-shadow-md), var(--tw-shadow-glow-md);
  transition: all var(--tw-transition-fast);
}

/* line 732, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__submit svg {
  width: 20px;
  height: 20px;
}

/* line 737, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__submit:hover:not(:disabled) {
  box-shadow: var(--tw-shadow-lg), var(--tw-shadow-glow-lg);
}

/* line 741, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__submit:active:not(:disabled) {
  box-shadow: var(--tw-shadow-sm), var(--tw-shadow-glow-sm);
}

/* line 745, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__submit:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* line 750, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__submit.tw-is-loading {
  position: relative;
  color: transparent;
}

/* line 754, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__submit.tw-is-loading::after {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  border: 2px solid transparent;
  border-top-color: white;
  border-radius: 50%;
  animation: tw-spin 0.8s linear infinite;
}

/* line 767, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__back {
  width: 100%;
  height: 44px;
  margin-top: var(--tw-space-3);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--tw-space-2);
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-medium);
  color: var(--tw-text-secondary);
  background: transparent;
  border: none;
  border-radius: var(--tw-radius-lg);
  cursor: pointer;
  transition: all var(--tw-transition-fast);
}

/* line 784, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__back:hover {
  color: var(--tw-text-primary);
  background: var(--tw-glass-bg);
}

/* line 794, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__footer {
  padding: var(--tw-space-4) var(--tw-space-6);
  border-top: 1px solid var(--tw-border-subtle);
  background: rgba(0, 0, 0, 0.2);
}

/* line 800, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__footer-secure {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--tw-space-2);
  font-size: var(--tw-text-xs);
  color: var(--tw-text-muted);
}

/* line 808, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__footer-secure svg {
  width: 14px;
  height: 14px;
  color: var(--tw-success);
}

/* line 815, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__footer-links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--tw-space-4);
  margin-top: var(--tw-space-2);
}

/* line 822, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__footer-links a {
  font-size: var(--tw-text-xs);
  color: var(--tw-text-tertiary);
  text-decoration: none;
  transition: color var(--tw-transition-fast);
}

/* line 828, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__footer-links a:hover {
  color: var(--tw-text-secondary);
}

@media (max-width: 480px) {
  /* line 839, app/assets/stylesheets/new-ui/pages/_login.scss */
  .tw-login {
    padding: 0;
    align-items: flex-start;
  }
  /* line 844, app/assets/stylesheets/new-ui/pages/_login.scss */
  .tw-login__container {
    max-width: 100%;
  }
  /* line 848, app/assets/stylesheets/new-ui/pages/_login.scss */
  .tw-login__card {
    border-radius: 0;
    min-height: 100vh;
    border: none;
  }
  /* line 854, app/assets/stylesheets/new-ui/pages/_login.scss */
  .tw-login__header {
    padding: var(--tw-space-8) var(--tw-space-4) var(--tw-space-6);
  }
  /* line 858, app/assets/stylesheets/new-ui/pages/_login.scss */
  .tw-login__body {
    padding: var(--tw-space-4);
  }
  /* line 862, app/assets/stylesheets/new-ui/pages/_login.scss */
  .tw-login__amount-value {
    font-size: var(--tw-text-3xl);
  }
}

/* line 871, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__section {
  animation: tw-fadeIn var(--tw-transition-base) ease-out;
}

/* line 875, app/assets/stylesheets/new-ui/pages/_login.scss */
.tw-login__section--slide {
  animation: tw-slideUp var(--tw-transition-slow) ease-out;
}

/* line 10, app/assets/stylesheets/new-ui/pages/_financial.scss */
.tw-financial-summary {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--tw-space-4);
  margin-bottom: var(--tw-space-6);
}

@media (max-width: 768px) {
  /* line 10, app/assets/stylesheets/new-ui/pages/_financial.scss */
  .tw-financial-summary {
    grid-template-columns: 1fr;
  }
}

/* line 21, app/assets/stylesheets/new-ui/pages/_financial.scss */
.tw-financial-summary__card {
  display: flex;
  align-items: center;
  gap: var(--tw-space-4);
  padding: var(--tw-space-5);
  background: var(--tw-bg-tertiary);
  border: 1px solid var(--tw-border-subtle);
  border-radius: var(--tw-radius-xl);
}

/* line 31, app/assets/stylesheets/new-ui/pages/_financial.scss */
.tw-financial-summary__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: var(--tw-radius-lg);
  flex-shrink: 0;
}

/* line 40, app/assets/stylesheets/new-ui/pages/_financial.scss */
.tw-financial-summary__icon svg, .tw-financial-summary__icon i {
  width: 24px;
  height: 24px;
}

/* line 47, app/assets/stylesheets/new-ui/pages/_financial.scss */
.tw-financial-summary__card--primary .tw-financial-summary__icon {
  background: var(--tw-success-soft);
  color: var(--tw-success);
}

/* line 52, app/assets/stylesheets/new-ui/pages/_financial.scss */
.tw-financial-summary__card--primary .tw-financial-summary__value {
  color: var(--tw-success);
}

/* line 58, app/assets/stylesheets/new-ui/pages/_financial.scss */
.tw-financial-summary__card--warning .tw-financial-summary__icon {
  background: var(--tw-warning-soft);
  color: var(--tw-warning);
}

/* line 63, app/assets/stylesheets/new-ui/pages/_financial.scss */
.tw-financial-summary__card--warning .tw-financial-summary__value {
  color: var(--tw-warning);
}

/* line 68, app/assets/stylesheets/new-ui/pages/_financial.scss */
.tw-financial-summary__content {
  flex: 1;
  min-width: 0;
}

/* line 73, app/assets/stylesheets/new-ui/pages/_financial.scss */
.tw-financial-summary__label {
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-medium);
  color: var(--tw-text-tertiary);
  margin-bottom: var(--tw-space-1);
  text-transform: uppercase;
  letter-spacing: var(--tw-tracking-wide);
}

/* line 82, app/assets/stylesheets/new-ui/pages/_financial.scss */
.tw-financial-summary__value {
  font-family: var(--tw-font-primary);
  font-size: var(--tw-text-2xl);
  font-weight: var(--tw-font-bold);
  line-height: var(--tw-leading-tight);
}

/* line 89, app/assets/stylesheets/new-ui/pages/_financial.scss */
.tw-financial-summary__currency {
  font-size: var(--tw-text-base);
  font-weight: var(--tw-font-medium);
  opacity: 0.7;
  margin-left: var(--tw-space-1);
}

/* line 100, app/assets/stylesheets/new-ui/pages/_financial.scss */
.tw-financial-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--tw-space-4);
}

@media (max-width: 1024px) {
  /* line 100, app/assets/stylesheets/new-ui/pages/_financial.scss */
  .tw-financial-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  /* line 100, app/assets/stylesheets/new-ui/pages/_financial.scss */
  .tw-financial-grid {
    grid-template-columns: 1fr;
  }
}

/* line 114, app/assets/stylesheets/new-ui/pages/_financial.scss */
.tw-financial-card {
  background: var(--tw-bg-tertiary);
  border: 1px solid var(--tw-border-subtle);
  border-radius: var(--tw-radius-xl);
  overflow: hidden;
}

/* line 121, app/assets/stylesheets/new-ui/pages/_financial.scss */
.tw-financial-card__header {
  display: flex;
  align-items: center;
  gap: var(--tw-space-2);
  padding: var(--tw-space-3) var(--tw-space-4);
  background: rgba(255, 255, 255, 0.02);
  border-bottom: 1px solid var(--tw-border-subtle);
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-semibold);
  color: var(--tw-text-secondary);
  text-transform: uppercase;
  letter-spacing: var(--tw-tracking-wide);
}

/* line 134, app/assets/stylesheets/new-ui/pages/_financial.scss */
.tw-financial-card__header svg, .tw-financial-card__header i {
  width: 18px;
  height: 18px;
  color: var(--tw-accent-primary);
}

/* line 141, app/assets/stylesheets/new-ui/pages/_financial.scss */
.tw-financial-card__body {
  padding: var(--tw-space-4);
}

/* line 149, app/assets/stylesheets/new-ui/pages/_financial.scss */
.tw-financial-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--tw-space-3) 0;
  border-bottom: 1px solid var(--tw-border-subtle);
}

/* line 156, app/assets/stylesheets/new-ui/pages/_financial.scss */
.tw-financial-row:first-child {
  padding-top: 0;
}

/* line 160, app/assets/stylesheets/new-ui/pages/_financial.scss */
.tw-financial-row:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

/* line 166, app/assets/stylesheets/new-ui/pages/_financial.scss */
.tw-financial-row__label {
  font-size: var(--tw-text-sm);
  color: var(--tw-text-tertiary);
  flex: 1;
  min-width: 0;
  padding-right: var(--tw-space-3);
}

/* line 174, app/assets/stylesheets/new-ui/pages/_financial.scss */
.tw-financial-row__value {
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-semibold);
  color: var(--tw-text-primary);
  text-align: right;
  white-space: nowrap;
  font-family: var(--tw-font-mono, monospace);
}

/* line 183, app/assets/stylesheets/new-ui/pages/_financial.scss */
.tw-financial-row__value--success {
  color: var(--tw-success);
}

/* line 187, app/assets/stylesheets/new-ui/pages/_financial.scss */
.tw-financial-row__value--error {
  color: var(--tw-error);
}

/* line 191, app/assets/stylesheets/new-ui/pages/_financial.scss */
.tw-financial-row__value--warning {
  color: var(--tw-warning);
}

/* line 10, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-report-filter-bar {
  display: flex;
  align-items: stretch;
  gap: var(--tw-space-4);
  padding: var(--tw-space-4);
  background: var(--tw-bg-secondary);
  border: 1px solid var(--tw-border-subtle);
  border-radius: var(--tw-radius-xl);
  margin-bottom: var(--tw-space-5);
}

/* line 21, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-report-filter-bar__back {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  min-width: 40px;
  color: var(--tw-text-tertiary);
  border-right: 1px solid var(--tw-border-subtle);
  padding-right: var(--tw-space-4);
  margin-right: var(--tw-space-2);
  transition: color var(--tw-transition-fast);
}

/* line 33, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-report-filter-bar__back:hover {
  color: var(--tw-accent-primary);
}

/* line 38, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-report-filter-bar__form {
  flex: 1;
  display: flex;
  align-items: center;
}

/* line 44, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-report-filter-bar__fields {
  display: flex;
  align-items: flex-end;
  gap: var(--tw-space-4);
  flex: 1;
}

/* line 51, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-report-filter-bar__field {
  display: flex;
  flex-direction: column;
  gap: var(--tw-space-1);
  flex: 1;
}

/* line 57, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-report-filter-bar__field--action {
  flex: 0 0 auto;
  justify-content: flex-end;
}

/* line 63, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-report-filter-bar__label {
  font-size: var(--tw-text-xs);
  font-weight: var(--tw-font-medium);
  color: var(--tw-text-tertiary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* line 71, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-report-filter-bar__input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--tw-space-2);
  padding: var(--tw-space-2) var(--tw-space-3);
  background: var(--tw-bg-tertiary);
  border: 1px solid var(--tw-border-subtle);
  border-radius: var(--tw-radius-lg);
  color: var(--tw-text-secondary);
  cursor: pointer;
  transition: all var(--tw-transition-fast);
  height: 40px;
}

/* line 85, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-report-filter-bar__input-wrapper:hover {
  border-color: var(--tw-border-default);
}

/* line 89, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-report-filter-bar__input-wrapper i, .tw-report-filter-bar__input-wrapper svg {
  color: var(--tw-text-tertiary);
  flex-shrink: 0;
  pointer-events: none;
}

/* line 96, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-report-filter-bar__input {
  font-size: var(--tw-text-sm);
  color: var(--tw-text-primary);
  white-space: nowrap;
  flex: 1;
  cursor: pointer;
}

/* line 106, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-report-filter-bar__input-wrapper.date_range_picker:hover {
  border-color: var(--tw-accent-primary);
}

/* line 111, app/assets/stylesheets/new-ui/pages/_reports.scss */
.daterangepicker {
  margin-top: 8px !important;
}

/* line 114, app/assets/stylesheets/new-ui/pages/_reports.scss */
.daterangepicker.opensright:before, .daterangepicker.opensright:after {
  left: 20px;
}

/* line 119, app/assets/stylesheets/new-ui/pages/_reports.scss */
.daterangepicker.opensleft:before, .daterangepicker.opensleft:after {
  right: 20px;
}

/* line 125, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-report-filter-bar__text-input {
  padding: var(--tw-space-2) var(--tw-space-3);
  background: var(--tw-bg-tertiary);
  border: 1px solid var(--tw-border-subtle);
  border-radius: var(--tw-radius-lg);
  font-size: var(--tw-text-sm);
  color: var(--tw-text-primary);
  height: 40px;
  width: 100%;
  transition: all var(--tw-transition-fast);
}

/* line 136, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-report-filter-bar__text-input::placeholder {
  color: var(--tw-text-muted);
}

/* line 140, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-report-filter-bar__text-input:hover {
  border-color: var(--tw-border-default);
}

/* line 144, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-report-filter-bar__text-input:focus {
  outline: none;
  border-color: var(--tw-accent-primary);
  box-shadow: 0 0 0 3px var(--tw-accent-primary-soft);
}

@media (max-width: 992px) {
  /* line 152, app/assets/stylesheets/new-ui/pages/_reports.scss */
  .tw-report-filter-bar {
    flex-direction: column;
  }
  /* line 156, app/assets/stylesheets/new-ui/pages/_reports.scss */
  .tw-report-filter-bar__back {
    border-right: none;
    border-bottom: 1px solid var(--tw-border-subtle);
    padding-right: 0;
    padding-bottom: var(--tw-space-3);
    margin-right: 0;
    width: auto;
    justify-content: flex-start;
  }
  /* line 166, app/assets/stylesheets/new-ui/pages/_reports.scss */
  .tw-report-filter-bar__fields {
    flex-wrap: wrap;
  }
  /* line 170, app/assets/stylesheets/new-ui/pages/_reports.scss */
  .tw-report-filter-bar__field {
    min-width: 200px;
  }
}

/* line 179, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--tw-space-3);
  margin-bottom: var(--tw-space-5);
}

@media (max-width: 1200px) {
  /* line 179, app/assets/stylesheets/new-ui/pages/_reports.scss */
  .tw-stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  /* line 179, app/assets/stylesheets/new-ui/pages/_reports.scss */
  .tw-stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* line 194, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-stat-card {
  background: var(--tw-bg-tertiary);
  border: 1px solid var(--tw-border-subtle);
  border-radius: var(--tw-radius-lg);
  padding: var(--tw-space-3);
  transition: all var(--tw-transition-fast);
}

/* line 201, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-stat-card:hover {
  border-color: var(--tw-border-default);
}

/* line 206, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-stat-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--tw-space-2);
}

/* line 213, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-stat-card__title {
  display: flex;
  align-items: center;
  gap: var(--tw-space-2);
}

/* line 218, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-stat-card__title i, .tw-stat-card__title svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

/* line 223, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-stat-card--primary .tw-stat-card__title i, .tw-stat-card--primary .tw-stat-card__title svg {
  color: var(--tw-accent-primary);
}

/* line 224, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-stat-card--success .tw-stat-card__title i, .tw-stat-card--success .tw-stat-card__title svg {
  color: var(--tw-success);
}

/* line 225, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-stat-card--warning .tw-stat-card__title i, .tw-stat-card--warning .tw-stat-card__title svg {
  color: var(--tw-warning);
}

/* line 226, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-stat-card--error .tw-stat-card__title i, .tw-stat-card--error .tw-stat-card__title svg {
  color: var(--tw-error);
}

/* line 227, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-stat-card--info .tw-stat-card__title i, .tw-stat-card--info .tw-stat-card__title svg {
  color: var(--tw-info);
}

/* line 231, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-stat-card__label {
  font-size: 10px;
  font-weight: var(--tw-font-semibold);
  color: var(--tw-text-tertiary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* line 238, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-stat-card--primary .tw-stat-card__label {
  color: var(--tw-accent-primary);
}

/* line 239, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-stat-card--success .tw-stat-card__label {
  color: var(--tw-success);
}

/* line 240, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-stat-card--warning .tw-stat-card__label {
  color: var(--tw-warning);
}

/* line 241, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-stat-card--error .tw-stat-card__label {
  color: var(--tw-error);
}

/* line 242, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-stat-card--info .tw-stat-card__label {
  color: var(--tw-info);
}

/* line 245, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-stat-card__percentage {
  font-size: 10px;
  font-weight: var(--tw-font-semibold);
  padding: 2px 6px;
  border-radius: var(--tw-radius-sm);
}

/* line 251, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-stat-card__percentage--success {
  background: var(--tw-success-soft);
  color: var(--tw-success);
}

/* line 256, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-stat-card__percentage--warning {
  background: var(--tw-warning-soft);
  color: var(--tw-warning);
}

/* line 261, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-stat-card__percentage--error {
  background: var(--tw-error-soft);
  color: var(--tw-error);
}

/* line 266, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-stat-card__percentage--info {
  background: rgba(59, 130, 246, 0.15);
  color: var(--tw-info);
}

/* line 272, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-stat-card__value {
  font-size: var(--tw-text-xl);
  font-weight: var(--tw-font-bold);
  color: var(--tw-text-primary);
  font-family: var(--tw-font-mono);
  line-height: 1;
}

/* line 284, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-report-grid {
  display: grid;
  gap: var(--tw-space-5);
  margin-bottom: var(--tw-space-5);
}

/* line 289, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-report-grid--2 {
  grid-template-columns: repeat(2, 1fr);
}

/* line 293, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-report-grid--3 {
  grid-template-columns: repeat(3, 1fr);
}

/* line 297, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-report-grid--2-1 {
  grid-template-columns: 2fr 1fr;
}

/* line 301, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-report-grid--1-2 {
  grid-template-columns: 1fr 2fr;
}

@media (max-width: 992px) {
  /* line 306, app/assets/stylesheets/new-ui/pages/_reports.scss */
  .tw-report-grid--2, .tw-report-grid--3, .tw-report-grid--2-1, .tw-report-grid--1-2 {
    grid-template-columns: 1fr;
  }
}

/* line 316, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-report-card {
  background: var(--tw-bg-secondary);
  border: 1px solid var(--tw-border-subtle);
  border-radius: var(--tw-radius-xl);
  overflow: hidden;
}

/* line 323, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-report-card__header {
  display: flex;
  align-items: center;
  gap: var(--tw-space-3);
  padding: var(--tw-space-3) var(--tw-space-4);
  background: var(--tw-bg-tertiary);
  border-bottom: 1px solid var(--tw-border-subtle);
}

/* line 331, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-report-card__header i, .tw-report-card__header svg {
  color: var(--tw-accent-primary);
  flex-shrink: 0;
}

/* line 337, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-report-card__title {
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-semibold);
  color: var(--tw-text-primary);
  margin: 0;
}

/* line 344, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-report-card__badge {
  margin-left: auto;
}

/* line 348, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-report-card__body {
  padding: var(--tw-space-4);
}

/* line 351, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-report-card__body--flush {
  padding: 0;
}

/* line 356, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-report-card__chart {
  height: 280px;
  position: relative;
}

/* line 361, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-report-card__footer {
  display: flex;
  justify-content: center;
  padding: var(--tw-space-3) var(--tw-space-4);
  border-top: 1px solid var(--tw-border-subtle);
  background: var(--tw-bg-tertiary);
}

/* line 373, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-progress-bar {
  height: 8px;
  background: var(--tw-bg-tertiary);
  border-radius: var(--tw-radius-full);
  overflow: hidden;
}

/* line 379, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-progress-bar--sm {
  height: 6px;
}

/* line 383, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-progress-bar--lg {
  height: 12px;
}

/* line 388, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-progress-bar__fill {
  height: 100%;
  border-radius: var(--tw-radius-full);
  transition: width 0.3s ease;
}

/* line 393, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-progress-bar__fill--success {
  background: var(--tw-success);
}

/* line 397, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-progress-bar__fill--warning {
  background: var(--tw-warning);
}

/* line 401, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-progress-bar__fill--error {
  background: var(--tw-error);
}

/* line 405, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-progress-bar__fill--info {
  background: var(--tw-info);
}

/* line 409, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-progress-bar__fill--primary {
  background: var(--tw-accent-primary);
}

/* line 418, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-provider-list {
  display: flex;
  flex-direction: column;
  gap: var(--tw-space-4);
}

/* line 424, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-provider-item {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: var(--tw-space-2);
  align-items: center;
}

/* line 431, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-provider-item__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  grid-column: 1 / -1;
}

/* line 438, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-provider-item__name {
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-medium);
  color: var(--tw-text-primary);
}

/* line 444, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-provider-item__stats {
  font-size: var(--tw-text-xs);
  color: var(--tw-text-secondary);
  font-family: var(--tw-font-mono);
}

/* line 450, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-provider-item__rate {
  text-align: right;
}

/* line 458, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-reason-cell {
  display: flex;
  align-items: center;
  gap: var(--tw-space-3);
}

/* line 464, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-reason-rank {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 24px;
  font-size: var(--tw-text-xs);
  font-weight: var(--tw-font-semibold);
  color: var(--tw-text-tertiary);
  background: var(--tw-bg-tertiary);
  border-radius: var(--tw-radius-full);
  flex-shrink: 0;
}

/* line 478, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-reason-text {
  font-size: var(--tw-text-sm);
  color: var(--tw-text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 490, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-distribution-cell {
  display: flex;
  align-items: center;
  gap: var(--tw-space-3);
}

/* line 496, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-distribution-value {
  min-width: 50px;
  font-size: var(--tw-text-xs);
  font-weight: var(--tw-font-medium);
  color: var(--tw-text-secondary);
  text-align: right;
}

/* line 508, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-code {
  font-family: var(--tw-font-mono);
  font-size: var(--tw-text-xs);
  padding: 2px 6px;
  background: var(--tw-bg-tertiary);
  border-radius: var(--tw-radius-sm);
  color: var(--tw-text-primary);
}

/* line 521, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-report-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--tw-space-8);
  color: var(--tw-text-muted);
  text-align: center;
}

/* line 530, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-report-empty i, .tw-report-empty svg {
  width: 40px;
  height: 40px;
  opacity: 0.5;
  margin-bottom: var(--tw-space-3);
}

/* line 538, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-report-empty__title {
  font-size: var(--tw-text-base);
  font-weight: var(--tw-font-semibold);
  color: var(--tw-text-primary);
  margin-bottom: var(--tw-space-1);
}

/* line 545, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-report-empty__text {
  font-size: var(--tw-text-sm);
  color: var(--tw-text-tertiary);
}

/* line 554, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-collapse-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--tw-space-2);
}

/* line 559, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-collapse-btn .collapse-icon {
  transition: transform 0.2s ease;
}

/* line 563, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-collapse-btn[aria-expanded="true"] .collapse-icon {
  transform: rotate(180deg);
}

/* line 572, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-text-muted {
  color: var(--tw-text-muted);
}

/* line 576, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-text-success {
  color: var(--tw-success);
}

/* line 580, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-text-warning {
  color: var(--tw-warning);
}

/* line 584, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-text-error {
  color: var(--tw-error);
}

/* line 592, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-badge--sm {
  font-size: var(--tw-text-xs);
  padding: 2px 8px;
}

/* line 601, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-highlight-card {
  display: flex;
  align-items: center;
  gap: var(--tw-space-4);
  padding: var(--tw-space-4);
}

/* line 608, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-highlight-card__icon {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--tw-radius-xl);
  flex-shrink: 0;
}

/* line 617, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-highlight-card__icon--primary {
  background: var(--tw-accent-primary-soft);
  color: var(--tw-accent-primary);
}

/* line 622, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-highlight-card__icon--success {
  background: var(--tw-success-soft);
  color: var(--tw-success);
}

/* line 627, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-highlight-card__icon--warning {
  background: var(--tw-warning-soft);
  color: var(--tw-warning);
}

/* line 632, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-highlight-card__icon--error {
  background: var(--tw-error-soft);
  color: var(--tw-error);
}

/* line 637, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-highlight-card__icon svg {
  width: 28px;
  height: 28px;
}

/* line 643, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-highlight-card__content {
  flex: 1;
}

/* line 647, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-highlight-card__title {
  font-size: var(--tw-text-lg);
  font-weight: var(--tw-font-semibold);
  color: var(--tw-text-primary);
  margin-bottom: var(--tw-space-1);
}

/* line 654, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-highlight-card__description {
  font-size: var(--tw-text-sm);
  color: var(--tw-text-tertiary);
}

/* line 664, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-report-content .card {
  background: var(--tw-bg-secondary);
  border: 1px solid var(--tw-border-subtle);
  border-radius: var(--tw-radius-xl);
  overflow: hidden;
  margin-bottom: var(--tw-space-4);
}

/* line 671, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-report-content .card .card-header {
  display: flex;
  align-items: center;
  gap: var(--tw-space-2);
  padding: var(--tw-space-3) var(--tw-space-4);
  background: var(--tw-bg-tertiary);
  border-bottom: 1px solid var(--tw-border-subtle);
}

/* line 679, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-report-content .card .card-header h6 {
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-semibold);
  color: var(--tw-text-primary);
  margin: 0;
}

/* line 687, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-report-content .card .card-body {
  padding: var(--tw-space-4);
}

/* line 692, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-report-content .table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 0;
}

/* line 697, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-report-content .table th, .tw-report-content .table td {
  padding: var(--tw-space-3) var(--tw-space-4);
  text-align: left;
  border-bottom: 1px solid var(--tw-border-subtle);
  font-size: var(--tw-text-sm);
  border-top: none;
}

/* line 705, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-report-content .table th {
  font-weight: var(--tw-font-semibold);
  color: var(--tw-text-tertiary);
  background: var(--tw-bg-tertiary);
}

/* line 711, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-report-content .table td {
  color: var(--tw-text-secondary);
}

/* line 716, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-report-content .mb-3 {
  margin-bottom: var(--tw-space-4) !important;
}

/* line 717, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-report-content .mb-4 {
  margin-bottom: var(--tw-space-5) !important;
}

/* line 718, app/assets/stylesheets/new-ui/pages/_reports.scss */
.tw-report-content .mt-3 {
  margin-top: var(--tw-space-4) !important;
}

/* line 14, app/assets/stylesheets/office_tuwn.scss */
body.tw-office {
  background: var(--tw-bg-primary);
  color: var(--tw-text-primary);
  min-height: 100vh;
}

/* line 21, app/assets/stylesheets/office_tuwn.scss */
body.tw-office-login {
  background: var(--tw-bg-primary);
  color: var(--tw-text-primary);
  font-family: var(--tw-font-secondary);
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 36, app/assets/stylesheets/office_tuwn.scss */
.tw-data-card {
  background: var(--tw-bg-secondary);
  border: 1px solid var(--tw-border-subtle);
  border-radius: var(--tw-radius-xl);
  overflow: visible;
}

/* line 43, app/assets/stylesheets/office_tuwn.scss */
.tw-data-card > .tw-data-card__header:first-child {
  border-radius: var(--tw-radius-xl) var(--tw-radius-xl) 0 0;
}

/* line 48, app/assets/stylesheets/office_tuwn.scss */
.tw-data-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--tw-space-4) var(--tw-space-5);
  border-bottom: 1px solid var(--tw-border-subtle);
  background: var(--tw-bg-tertiary);
}

/* line 57, app/assets/stylesheets/office_tuwn.scss */
.tw-data-card__title {
  font-size: var(--tw-text-md);
  font-weight: var(--tw-font-semibold);
  color: var(--tw-text-primary);
}

/* line 63, app/assets/stylesheets/office_tuwn.scss */
.tw-data-card__count {
  font-size: var(--tw-text-sm);
  color: var(--tw-text-tertiary);
}

/* line 68, app/assets/stylesheets/office_tuwn.scss */
.tw-data-card__body {
  padding: 0;
}

/* line 72, app/assets/stylesheets/office_tuwn.scss */
.tw-data-card__body > .tw-table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: var(--tw-border-default) transparent;
}

/* line 297, app/assets/stylesheets/new-ui/base/_variables.scss */
.tw-data-card__body > .tw-table-responsive::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

/* line 302, app/assets/stylesheets/new-ui/base/_variables.scss */
.tw-data-card__body > .tw-table-responsive::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 8px;
}

/* line 307, app/assets/stylesheets/new-ui/base/_variables.scss */
.tw-data-card__body > .tw-table-responsive::-webkit-scrollbar-thumb {
  background: var(--tw-border-default);
  border-radius: 8px;
}

/* line 311, app/assets/stylesheets/new-ui/base/_variables.scss */
.tw-data-card__body > .tw-table-responsive::-webkit-scrollbar-thumb:hover {
  background: var(--tw-border-strong);
}

/* line 78, app/assets/stylesheets/office_tuwn.scss */
.tw-data-card__body > .tw-table-responsive > .tw-table {
  min-width: 100%;
  width: max-content;
}

/* line 89, app/assets/stylesheets/office_tuwn.scss */
.tw-stat-card {
  background: var(--tw-bg-secondary);
  border: 1px solid var(--tw-border-subtle);
  border-radius: var(--tw-radius-xl);
  padding: var(--tw-space-5);
  transition: all var(--tw-transition-fast);
}

/* line 96, app/assets/stylesheets/office_tuwn.scss */
.tw-stat-card:hover {
  border-color: var(--tw-border-default);
  box-shadow: var(--tw-shadow-md);
}

/* line 102, app/assets/stylesheets/office_tuwn.scss */
.tw-stat-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--tw-space-3);
}

/* line 109, app/assets/stylesheets/office_tuwn.scss */
.tw-stat-card__icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--tw-radius-lg);
  background: var(--tw-accent-primary-soft);
  color: var(--tw-accent-primary);
}

/* line 119, app/assets/stylesheets/office_tuwn.scss */
.tw-stat-card__icon svg {
  width: 20px;
  height: 20px;
}

/* line 124, app/assets/stylesheets/office_tuwn.scss */
.tw-stat-card__icon--success {
  background: var(--tw-success-soft);
  color: var(--tw-success);
}

/* line 129, app/assets/stylesheets/office_tuwn.scss */
.tw-stat-card__icon--warning {
  background: var(--tw-warning-soft);
  color: var(--tw-warning);
}

/* line 134, app/assets/stylesheets/office_tuwn.scss */
.tw-stat-card__icon--error {
  background: var(--tw-error-soft);
  color: var(--tw-error);
}

/* line 140, app/assets/stylesheets/office_tuwn.scss */
.tw-stat-card__trend {
  display: flex;
  align-items: center;
  gap: var(--tw-space-1);
  font-size: var(--tw-text-xs);
  font-weight: var(--tw-font-medium);
}

/* line 147, app/assets/stylesheets/office_tuwn.scss */
.tw-stat-card__trend--up {
  color: var(--tw-success);
}

/* line 151, app/assets/stylesheets/office_tuwn.scss */
.tw-stat-card__trend--down {
  color: var(--tw-error);
}

/* line 155, app/assets/stylesheets/office_tuwn.scss */
.tw-stat-card__trend svg {
  width: 14px;
  height: 14px;
}

/* line 161, app/assets/stylesheets/office_tuwn.scss */
.tw-stat-card__value {
  font-family: var(--tw-font-primary);
  font-size: var(--tw-text-2xl);
  font-weight: var(--tw-font-bold);
  color: var(--tw-text-primary);
  margin-bottom: var(--tw-space-1);
}

/* line 169, app/assets/stylesheets/office_tuwn.scss */
.tw-stat-card__label {
  font-size: var(--tw-text-sm);
  color: var(--tw-text-tertiary);
}

/* line 178, app/assets/stylesheets/office_tuwn.scss */
.tw-stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: var(--tw-space-4);
  margin-bottom: var(--tw-space-6);
}

/* line 189, app/assets/stylesheets/office_tuwn.scss */
.tw-quick-actions {
  display: flex;
  gap: var(--tw-space-3);
  flex-wrap: wrap;
}

/* line 199, app/assets/stylesheets/office_tuwn.scss */
.tw-dropdown {
  position: relative;
  display: inline-block;
}

/* line 204, app/assets/stylesheets/office_tuwn.scss */
.tw-dropdown__menu {
  position: absolute;
  top: calc(100% + var(--tw-space-1));
  right: 0;
  min-width: 180px;
  background: var(--tw-bg-elevated);
  border: 1px solid var(--tw-border-default);
  border-radius: var(--tw-radius-lg);
  box-shadow: var(--tw-shadow-xl);
  z-index: var(--tw-z-dropdown);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  transition: all var(--tw-transition-fast);
}

/* line 219, app/assets/stylesheets/office_tuwn.scss */
.tw-dropdown__menu.tw-is-open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* line 226, app/assets/stylesheets/office_tuwn.scss */
.tw-dropdown__item {
  display: flex;
  align-items: center;
  gap: var(--tw-space-2);
  width: 100%;
  padding: var(--tw-space-2-5) var(--tw-space-4);
  font-size: var(--tw-text-sm);
  color: var(--tw-text-secondary);
  background: transparent;
  border: none;
  text-align: left;
  cursor: pointer;
  transition: all var(--tw-transition-fast);
}

/* line 240, app/assets/stylesheets/office_tuwn.scss */
.tw-dropdown__item:hover {
  color: var(--tw-text-primary);
  background: var(--tw-glass-bg-hover);
}

/* line 245, app/assets/stylesheets/office_tuwn.scss */
.tw-dropdown__item--danger:hover {
  color: var(--tw-error);
  background: var(--tw-error-soft);
}

/* line 250, app/assets/stylesheets/office_tuwn.scss */
.tw-dropdown__item svg {
  width: 16px;
  height: 16px;
  color: var(--tw-text-tertiary);
}

/* line 257, app/assets/stylesheets/office_tuwn.scss */
.tw-dropdown__divider {
  height: 1px;
  margin: var(--tw-space-2) 0;
  background: var(--tw-border-subtle);
}

/* line 267, app/assets/stylesheets/office_tuwn.scss */
.tw-modal-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  z-index: var(--tw-z-modal-backdrop);
  opacity: 0;
  visibility: hidden;
  transition: all var(--tw-transition-base);
}

/* line 277, app/assets/stylesheets/office_tuwn.scss */
.tw-modal-backdrop.tw-is-open {
  opacity: 1;
  visibility: visible;
}

/* line 283, app/assets/stylesheets/office_tuwn.scss */
.tw-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.95);
  width: 100%;
  max-width: 500px;
  max-height: 90vh;
  background: var(--tw-bg-secondary);
  border: 1px solid var(--tw-border-default);
  border-radius: var(--tw-radius-2xl);
  box-shadow: var(--tw-shadow-2xl);
  z-index: var(--tw-z-modal);
  opacity: 0;
  visibility: hidden;
  transition: all var(--tw-transition-base);
}

/* line 300, app/assets/stylesheets/office_tuwn.scss */
.tw-modal.tw-is-open {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -50%) scale(1);
}

/* line 307, app/assets/stylesheets/office_tuwn.scss */
.tw-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--tw-space-5);
  border-bottom: 1px solid var(--tw-border-subtle);
}

/* line 315, app/assets/stylesheets/office_tuwn.scss */
.tw-modal__title {
  font-family: var(--tw-font-primary);
  font-size: var(--tw-text-lg);
  font-weight: var(--tw-font-semibold);
  color: var(--tw-text-primary);
}

/* line 322, app/assets/stylesheets/office_tuwn.scss */
.tw-modal__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: var(--tw-radius-md);
  color: var(--tw-text-tertiary);
  cursor: pointer;
  transition: all var(--tw-transition-fast);
}

/* line 336, app/assets/stylesheets/office_tuwn.scss */
.tw-modal__close:hover {
  color: var(--tw-text-primary);
  background: var(--tw-glass-bg);
}

/* line 341, app/assets/stylesheets/office_tuwn.scss */
.tw-modal__close svg {
  width: 20px;
  height: 20px;
}

/* line 347, app/assets/stylesheets/office_tuwn.scss */
.tw-modal__body {
  padding: var(--tw-space-5);
  overflow-y: auto;
  max-height: calc(90vh - 140px);
  scrollbar-width: thin;
  scrollbar-color: var(--tw-border-default) transparent;
}

/* line 297, app/assets/stylesheets/new-ui/base/_variables.scss */
.tw-modal__body::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

/* line 302, app/assets/stylesheets/new-ui/base/_variables.scss */
.tw-modal__body::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 6px;
}

/* line 307, app/assets/stylesheets/new-ui/base/_variables.scss */
.tw-modal__body::-webkit-scrollbar-thumb {
  background: var(--tw-border-default);
  border-radius: 6px;
}

/* line 311, app/assets/stylesheets/new-ui/base/_variables.scss */
.tw-modal__body::-webkit-scrollbar-thumb:hover {
  background: var(--tw-border-strong);
}

/* line 354, app/assets/stylesheets/office_tuwn.scss */
.tw-modal__footer {
  display: flex;
  justify-content: flex-end;
  gap: var(--tw-space-3);
  padding: var(--tw-space-4) var(--tw-space-5);
  border-top: 1px solid var(--tw-border-subtle);
  background: var(--tw-bg-tertiary);
}

/* line 367, app/assets/stylesheets/office_tuwn.scss */
.tw-tabs {
  display: flex;
  gap: var(--tw-space-1);
  border-bottom: 1px solid var(--tw-border-subtle);
  margin-bottom: var(--tw-space-6);
}

/* line 374, app/assets/stylesheets/office_tuwn.scss */
.tw-tab {
  padding: var(--tw-space-3) var(--tw-space-4);
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-medium);
  color: var(--tw-text-tertiary);
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  cursor: pointer;
  transition: all var(--tw-transition-fast);
}

/* line 386, app/assets/stylesheets/office_tuwn.scss */
.tw-tab:hover {
  color: var(--tw-text-secondary);
}

/* line 390, app/assets/stylesheets/office_tuwn.scss */
.tw-tab.tw-is-active {
  color: var(--tw-accent-primary);
  border-bottom-color: var(--tw-accent-primary);
}

/* line 396, app/assets/stylesheets/office_tuwn.scss */
.tw-tab-content {
  display: block;
}

/* line 400, app/assets/stylesheets/office_tuwn.scss */
.tw-tab-pane {
  display: none;
}

/* line 403, app/assets/stylesheets/office_tuwn.scss */
.tw-tab-pane.tw-is-active {
  display: block;
}

/* line 412, app/assets/stylesheets/office_tuwn.scss */
.tw-tooltip {
  position: absolute;
  padding: var(--tw-space-2) var(--tw-space-3);
  font-size: var(--tw-text-xs);
  color: var(--tw-text-primary);
  background: var(--tw-bg-elevated);
  border: 1px solid var(--tw-border-default);
  border-radius: var(--tw-radius-md);
  box-shadow: var(--tw-shadow-lg);
  z-index: var(--tw-z-tooltip);
  white-space: nowrap;
  pointer-events: none;
}

/* line 430, app/assets/stylesheets/office_tuwn.scss */
.tw-copy-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: var(--tw-radius-md);
  color: var(--tw-text-muted);
  cursor: pointer;
  transition: all var(--tw-transition-fast);
}

/* line 444, app/assets/stylesheets/office_tuwn.scss */
.tw-copy-btn:hover {
  color: var(--tw-text-primary);
  background: var(--tw-glass-bg);
}

/* line 449, app/assets/stylesheets/office_tuwn.scss */
.tw-copy-btn.tw-is-copied {
  color: var(--tw-success);
}

/* line 453, app/assets/stylesheets/office_tuwn.scss */
.tw-copy-btn svg {
  width: 14px;
  height: 14px;
}

/* line 463, app/assets/stylesheets/office_tuwn.scss */
.tw-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--tw-space-12) var(--tw-space-6);
  text-align: center;
}

/* line 472, app/assets/stylesheets/office_tuwn.scss */
.tw-empty-state__icon {
  width: 64px;
  height: 64px;
  margin-bottom: var(--tw-space-4);
  color: var(--tw-text-muted);
}

/* line 479, app/assets/stylesheets/office_tuwn.scss */
.tw-empty-state__title {
  font-size: var(--tw-text-lg);
  font-weight: var(--tw-font-semibold);
  color: var(--tw-text-primary);
  margin-bottom: var(--tw-space-2);
}

/* line 486, app/assets/stylesheets/office_tuwn.scss */
.tw-empty-state__description {
  font-size: var(--tw-text-sm);
  color: var(--tw-text-tertiary);
  max-width: 400px;
  margin-bottom: var(--tw-space-6);
}

/* line 499, app/assets/stylesheets/office_tuwn.scss */
.tw-checkbox-item:has(input:checked) .tw-checkbox-item__box {
  background: #64748B !important;
  border-color: #64748B !important;
}

/* line 503, app/assets/stylesheets/office_tuwn.scss */
.tw-checkbox-item:has(input:checked) .tw-checkbox-item__box svg {
  opacity: 1 !important;
  transform: scale(1) !important;
  color: white !important;
}

/* line 516, app/assets/stylesheets/office_tuwn.scss */
.tw-sidebar__dropdown {
  margin-bottom: var(--tw-space-1);
}

/* line 520, app/assets/stylesheets/office_tuwn.scss */
.tw-sidebar__dropdown-toggle {
  display: flex;
  align-items: center;
  gap: var(--tw-space-3);
  width: 100%;
  padding: var(--tw-space-2-5) var(--tw-space-3);
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-medium);
  color: var(--tw-text-secondary);
  text-decoration: none;
  background: transparent;
  border: none;
  border-radius: var(--tw-radius-lg);
  cursor: pointer;
  transition: all var(--tw-transition-fast);
}

/* line 536, app/assets/stylesheets/office_tuwn.scss */
.tw-sidebar__dropdown-toggle:hover {
  color: var(--tw-text-primary);
  background: var(--tw-glass-bg-hover);
}

/* line 541, app/assets/stylesheets/office_tuwn.scss */
.tw-sidebar__dropdown-toggle.tw-is-active {
  color: var(--tw-text-primary);
  background: var(--tw-accent-primary-soft);
}

/* line 545, app/assets/stylesheets/office_tuwn.scss */
.tw-sidebar__dropdown-toggle.tw-is-active .tw-sidebar__icon {
  color: var(--tw-accent-primary);
}

/* line 551, app/assets/stylesheets/office_tuwn.scss */
.tw-sidebar__dropdown-icon {
  margin-left: auto;
  width: 16px;
  height: 16px;
  color: var(--tw-text-muted);
  transition: transform var(--tw-transition-fast);
}

/* line 558, app/assets/stylesheets/office_tuwn.scss */
.tw-is-open .tw-sidebar__dropdown-icon {
  transform: rotate(180deg);
}

/* line 563, app/assets/stylesheets/office_tuwn.scss */
.tw-sidebar__dropdown-menu {
  display: none;
  padding-left: var(--tw-space-6);
  margin-top: var(--tw-space-1);
}

/* line 568, app/assets/stylesheets/office_tuwn.scss */
.tw-is-open .tw-sidebar__dropdown-menu {
  display: block;
}

/* line 573, app/assets/stylesheets/office_tuwn.scss */
.tw-sidebar__dropdown-item {
  margin-bottom: var(--tw-space-1);
}

/* line 577, app/assets/stylesheets/office_tuwn.scss */
.tw-sidebar__dropdown-link {
  display: flex;
  align-items: center;
  gap: var(--tw-space-3);
  padding: var(--tw-space-2) var(--tw-space-3);
  font-size: var(--tw-text-sm);
  color: var(--tw-text-tertiary);
  text-decoration: none;
  border-radius: var(--tw-radius-md);
  transition: all var(--tw-transition-fast);
}

/* line 588, app/assets/stylesheets/office_tuwn.scss */
.tw-sidebar__dropdown-link:hover {
  color: var(--tw-text-primary);
  background: var(--tw-glass-bg-hover);
}

/* line 593, app/assets/stylesheets/office_tuwn.scss */
.tw-sidebar__dropdown-link.tw-is-active {
  color: var(--tw-accent-primary);
  background: var(--tw-accent-primary-soft);
}

/* line 604, app/assets/stylesheets/office_tuwn.scss */
.tw-segregated-accounts {
  position: relative;
}

/* line 608, app/assets/stylesheets/office_tuwn.scss */
.tw-segregated-accounts__trigger {
  display: flex;
  align-items: center;
  gap: var(--tw-space-2);
  padding: var(--tw-space-2) var(--tw-space-3);
  font-size: var(--tw-text-sm);
  font-weight: var(--tw-font-medium);
  color: var(--tw-text-secondary);
  background: var(--tw-bg-tertiary);
  border: 1px solid var(--tw-border-subtle);
  border-radius: var(--tw-radius-lg);
  cursor: pointer;
  transition: all var(--tw-transition-fast);
}

/* line 622, app/assets/stylesheets/office_tuwn.scss */
.tw-segregated-accounts__trigger:hover {
  color: var(--tw-text-primary);
  border-color: var(--tw-border-default);
}

/* line 627, app/assets/stylesheets/office_tuwn.scss */
.tw-segregated-accounts__trigger svg {
  width: 16px;
  height: 16px;
}

/* line 633, app/assets/stylesheets/office_tuwn.scss */
.tw-segregated-accounts__menu {
  position: absolute;
  top: calc(100% + var(--tw-space-2));
  right: 0;
  min-width: 200px;
  background: var(--tw-bg-elevated);
  border: 1px solid var(--tw-border-default);
  border-radius: var(--tw-radius-lg);
  box-shadow: var(--tw-shadow-xl);
  z-index: var(--tw-z-dropdown);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  transition: all var(--tw-transition-fast);
}

/* line 648, app/assets/stylesheets/office_tuwn.scss */
.tw-segregated-accounts__menu.tw-is-open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* line 660, app/assets/stylesheets/office_tuwn.scss */
.daterangepicker {
  display: none;
  position: fixed !important;
  background-color: #0a0a0c !important;
  border: 1px solid #27272a !important;
  border-radius: 12px !important;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.8) !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
  color: #fafafa !important;
  z-index: 99999 !important;
  top: 150px !important;
  bottom: auto !important;
}

/* line 675, app/assets/stylesheets/office_tuwn.scss */
.daterangepicker::before, .daterangepicker::after {
  display: none !important;
}

/* line 681, app/assets/stylesheets/office_tuwn.scss */
.daterangepicker .drp-calendars {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
}

/* line 687, app/assets/stylesheets/office_tuwn.scss */
.daterangepicker .drp-calendar {
  width: 280px !important;
  max-width: none !important;
  padding: 16px !important;
  background: transparent !important;
  display: inline-block !important;
  float: none !important;
}

/* line 696, app/assets/stylesheets/office_tuwn.scss */
.daterangepicker .drp-calendar.left {
  border-right: 1px solid #27272a !important;
}

/* line 701, app/assets/stylesheets/office_tuwn.scss */
.daterangepicker th.prev,
.daterangepicker th.next {
  cursor: pointer !important;
  color: #a1a1aa !important;
  font-size: 16px !important;
  padding: 4px 12px !important;
  border-radius: 6px !important;
  min-width: 40px !important;
}

/* line 710, app/assets/stylesheets/office_tuwn.scss */
.daterangepicker th.prev:hover,
.daterangepicker th.next:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #fafafa !important;
}

/* line 717, app/assets/stylesheets/office_tuwn.scss */
.daterangepicker th.prev span,
.daterangepicker th.next span {
  display: none !important;
}

/* line 723, app/assets/stylesheets/office_tuwn.scss */
.daterangepicker th.prev::before {
  content: '‹' !important;
  font-size: 20px !important;
  font-weight: bold !important;
}

/* line 729, app/assets/stylesheets/office_tuwn.scss */
.daterangepicker th.next::before {
  content: '›' !important;
  font-size: 20px !important;
  font-weight: bold !important;
}

/* line 735, app/assets/stylesheets/office_tuwn.scss */
.daterangepicker .calendar-table {
  background: transparent !important;
  border: none !important;
}

/* line 740, app/assets/stylesheets/office_tuwn.scss */
.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
  font-size: 12px !important;
  color: #a1a1aa !important;
  border: none !important;
  background: transparent !important;
  border-radius: 6px !important;
  min-width: 32px !important;
  height: 32px !important;
  line-height: 32px !important;
  text-align: center !important;
}

/* line 753, app/assets/stylesheets/office_tuwn.scss */
.daterangepicker .calendar-table th {
  font-weight: 600 !important;
  color: #71717a !important;
  text-transform: uppercase !important;
}

/* line 759, app/assets/stylesheets/office_tuwn.scss */
.daterangepicker .calendar-table td:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #fafafa !important;
}

/* line 764, app/assets/stylesheets/office_tuwn.scss */
.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
  color: #3f3f46 !important;
  background: transparent !important;
}

/* line 772, app/assets/stylesheets/office_tuwn.scss */
.daterangepicker td.in-range {
  background: rgba(100, 116, 139, 0.2) !important;
  color: #fafafa !important;
}

/* line 777, app/assets/stylesheets/office_tuwn.scss */
.daterangepicker td.active,
.daterangepicker td.active:hover,
.daterangepicker td.start-date,
.daterangepicker td.end-date {
  background: #64748b !important;
  color: white !important;
  border-radius: 6px !important;
}

/* line 786, app/assets/stylesheets/office_tuwn.scss */
.daterangepicker td.today {
  font-weight: 700 !important;
  color: #7C8CA0 !important;
}

/* line 791, app/assets/stylesheets/office_tuwn.scss */
.daterangepicker .drp-buttons {
  display: flex !important;
  gap: 8px !important;
  padding: 12px 16px !important;
  border-top: 1px solid #27272a !important;
  background: #0f0f12 !important;
}

/* line 799, app/assets/stylesheets/office_tuwn.scss */
.daterangepicker .drp-buttons .btn {
  height: 36px !important;
  padding: 0 16px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  border-radius: 8px !important;
  cursor: pointer !important;
}

/* line 808, app/assets/stylesheets/office_tuwn.scss */
.daterangepicker .drp-buttons .cancelBtn {
  color: #a1a1aa !important;
  background: transparent !important;
  border: 1px solid #27272a !important;
}

/* line 814, app/assets/stylesheets/office_tuwn.scss */
.daterangepicker .drp-buttons .cancelBtn:hover {
  color: #fafafa !important;
  border-color: #3f3f46 !important;
  background: rgba(255, 255, 255, 0.05) !important;
}

/* line 820, app/assets/stylesheets/office_tuwn.scss */
.daterangepicker .drp-buttons .applyBtn {
  color: white !important;
  background: #64748b !important;
  border: none !important;
  margin-left: auto !important;
}

/* line 827, app/assets/stylesheets/office_tuwn.scss */
.daterangepicker .drp-buttons .applyBtn:hover {
  background: #7c8ca0 !important;
}

/* line 831, app/assets/stylesheets/office_tuwn.scss */
.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #fafafa !important;
  background: #18181b !important;
  border: 1px solid #27272a !important;
  border-radius: 6px !important;
  padding: 4px 8px !important;
}

/* line 842, app/assets/stylesheets/office_tuwn.scss */
.daterangepicker th.month {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #fafafa !important;
}

/* line 848, app/assets/stylesheets/office_tuwn.scss */
.daterangepicker th.prev span,
.daterangepicker th.next span {
  border-color: #71717a !important;
}

/* line 853, app/assets/stylesheets/office_tuwn.scss */
.daterangepicker th.prev:hover span,
.daterangepicker th.next:hover span {
  border-color: #fafafa !important;
}

/* line 858, app/assets/stylesheets/office_tuwn.scss */
.daterangepicker .drp-selected {
  display: none !important;
}

/* line 862, app/assets/stylesheets/office_tuwn.scss */
.daterangepicker .ranges {
  display: none !important;
  padding: 8px !important;
  border-right: 1px solid #27272a !important;
}

/* line 868, app/assets/stylesheets/office_tuwn.scss */
.daterangepicker .ranges li {
  font-size: 14px !important;
  color: #a1a1aa !important;
  padding: 8px 12px !important;
  border-radius: 6px !important;
  background: transparent !important;
}

/* line 876, app/assets/stylesheets/office_tuwn.scss */
.daterangepicker .ranges li:hover {
  background: rgba(255, 255, 255, 0.05) !important;
  color: #fafafa !important;
}

/* line 881, app/assets/stylesheets/office_tuwn.scss */
.daterangepicker .ranges li.active {
  background: rgba(100, 116, 139, 0.2) !important;
  color: #64748b !important;
}