@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-deep: #060a12;--bg-base: #090e1a;--bg-surface: #0e1729;--bg-surface-elevated: #142038;--bg-glass: rgba(14, 23, 41, .72);--bg-glass-elevated: rgba(20, 32, 56, .85);--navy-900: #0b1220;--navy-800: #16263f;--navy-700: #21395c;--navy-600: #2d4c7a;--gold-300: #f7d57a;--gold-400: #f3c958;--gold-500: #e2b53c;--gold-600: #bc8a1c;--gold-glow: rgba(226, 181, 60, .2);--gold-glow-strong: rgba(226, 181, 60, .38);--border-subtle: rgba(255, 255, 255, .08);--border-glass: rgba(255, 255, 255, .12);--border-gold: rgba(226, 181, 60, .3);--border-gold-glow: rgba(226, 181, 60, .5);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-gold: #f3c958;--emerald-400: #34d399;--emerald-glow: rgba(52, 211, 153, .25);--font-heading: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace, Consolas}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-base);color:var(--text-primary);line-height:1.55;-webkit-font-smoothing:antialiased;min-height:100vh;background-image:radial-gradient(circle at 50% 0%,rgba(33,57,92,.45) 0%,transparent 60%),radial-gradient(circle at 100% 100%,rgba(226,181,60,.08) 0%,transparent 45%),radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:100% 100%,100% 100%,28px 28px;background-attachment:fixed}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);font-weight:600;letter-spacing:-.015em}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;font-size:.95rem}.app-container{display:flex;flex-direction:column;min-height:100vh}.top-navbar{height:68px;background:#090e1ad9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--text-primary);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(226,181,60,.18);box-shadow:0 4px 24px -1px #00000073}.nav-brand-group{display:flex;align-items:center;gap:20px}.brand-logo-link{display:flex;align-items:center;gap:12px;font-family:var(--font-heading);font-weight:700;font-size:1.18rem;color:var(--text-primary);letter-spacing:-.01em;transition:opacity .2s ease}.brand-logo-link:hover{opacity:.92}.brand-emblem{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#16263f,#21395c);border:1px solid var(--gold-500);box-shadow:0 0 12px var(--gold-glow);display:flex;align-items:center;justify-content:center;position:relative}.brand-emblem-inner{width:12px;height:12px;background:linear-gradient(135deg,var(--gold-400),var(--gold-600));border-radius:2px;transform:rotate(45deg);box-shadow:0 0 8px var(--gold-glow-strong)}.brand-title-badge{font-size:.68rem;letter-spacing:.12em;font-weight:700;text-transform:uppercase;color:var(--gold-400);background:#e2b53c1a;padding:2px 8px;border-radius:4px;border:1px solid rgba(226,181,60,.25);margin-left:6px;display:inline-block}.nav-right-group{display:flex;align-items:center;gap:18px}.plan-badge-placeholder{display:inline-flex;align-items:center;gap:8px;padding:5px 14px;background:linear-gradient(135deg,#e2b53c1f,#bc8a1c0d);border:1px solid var(--border-gold);color:var(--gold-400);border-radius:9999px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 0 14px var(--gold-glow);position:relative;overflow:hidden}.plan-badge-dot{width:6px;height:6px;border-radius:50%;background-color:var(--gold-400);box-shadow:0 0 8px var(--gold-400);animation:pulse-glow 2.5s infinite}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.account-menu-container{position:relative}.account-menu-button{display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:10px;transition:all .2s ease;color:var(--text-primary);background:#ffffff08;border:1px solid var(--border-subtle)}.account-menu-button:hover{background:#ffffff14;border-color:#ffffff2e}.account-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#16263f,#21395c);border:1px solid var(--gold-500);box-shadow:0 0 8px var(--gold-glow);color:var(--gold-400);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem}.account-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:250px;background:#0e1729f2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-gold);border-radius:12px;box-shadow:0 16px 36px #00000080,0 0 1px 1px #e2b53c33;padding:8px 0;z-index:60;color:var(--text-primary)}.dropdown-user-header{padding:12px 18px;border-bottom:1px solid var(--border-subtle)}.dropdown-user-name{font-weight:600;font-size:.92rem;color:var(--text-primary)}.dropdown-user-email{font-size:.8rem;color:var(--text-secondary);margin-top:2px}.dropdown-link{display:flex;align-items:center;gap:12px;padding:10px 18px;font-size:.88rem;color:var(--text-secondary);transition:all .15s ease}.dropdown-link:hover{background:#e2b53c1a;color:var(--gold-400);padding-left:22px}.dropdown-divider{height:1px;background-color:var(--border-subtle);margin:6px 0}.app-shell-body{display:flex;flex:1}.left-sidebar{width:260px;background:#090e1abf;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;flex-shrink:0}.sidebar-content{padding:24px 14px;display:flex;flex-direction:column;gap:6px;flex:1}.sidebar-category-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:8px 14px 4px;margin-top:8px}.sidebar-link{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;font-size:.92rem;font-weight:500;color:var(--text-secondary);transition:all .2s ease;position:relative;border:1px solid transparent}.sidebar-link:hover{background:#ffffff0d;color:var(--text-primary);border-color:#ffffff14}.sidebar-link.active{background:linear-gradient(90deg,#e2b53c24,#21395c40);color:var(--text-primary);border-color:#e2b53c47;font-weight:600;box-shadow:inset 0 0 12px #e2b53c0f}.sidebar-link.active:before{content:"";position:absolute;left:0;top:15%;height:70%;width:3px;border-radius:0 3px 3px 0;background:var(--gold-500);box-shadow:0 0 10px var(--gold-400)}.sidebar-footer{padding:18px;border-top:1px solid var(--border-subtle);background:#060a1299;font-size:.75rem}.telemetry-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-family:var(--font-mono);font-size:.7rem;color:var(--emerald-400);letter-spacing:.05em}.live-pulse-dot{width:7px;height:7px;border-radius:50%;background-color:var(--emerald-400);box-shadow:0 0 8px var(--emerald-400);animation:pulse-glow 2s infinite}.main-content-area{flex:1;padding:36px 44px;overflow-y:auto}.page-header{margin-bottom:30px}.page-eyebrow{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-400);display:inline-flex;align-items:center;gap:6px;margin-bottom:8px}.page-title{font-size:2.1rem;font-weight:700;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.02em}.page-subtitle{color:var(--text-secondary);font-size:.98rem;max-width:680px}.content-card{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;border:1px solid var(--border-subtle);padding:32px;box-shadow:0 12px 36px #0006,inset 0 1px #ffffff14;transition:all .25s ease;position:relative;overflow:hidden}.content-card:hover{border-color:#e2b53c40;box-shadow:0 16px 44px #00000080,0 0 1px 1px #e2b53c26}.telemetry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:28px}.telemetry-card{background:#0e17298c;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:12px;padding:16px 20px;display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden;transition:all .2s ease}.telemetry-card:hover{border-color:#e2b53c40;transform:translateY(-2px)}.telemetry-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold-500),transparent);opacity:.4}.telemetry-label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.telemetry-value{font-family:var(--font-heading);font-size:1.35rem;font-weight:700;color:var(--text-primary)}.telemetry-subtext{font-size:.75rem;color:var(--emerald-400);display:flex;align-items:center;gap:4px}.btn-gold{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--gold-300) 0%,var(--gold-500) 50%,var(--gold-600) 100%);color:#060a12;padding:11px 22px;border-radius:10px;font-weight:700;font-size:.92rem;letter-spacing:-.01em;transition:all .2s ease;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 18px var(--gold-glow),0 0 1px 1px #e2b53c66}.btn-gold:hover{background:linear-gradient(135deg,#fae08f,#ecc451,#c99624);transform:translateY(-1px);box-shadow:0 6px 24px var(--gold-glow-strong),0 0 2px 1px #e2b53c99}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#1e3354,#16263f);color:var(--text-primary);padding:11px 22px;border-radius:10px;font-weight:600;font-size:.92rem;transition:all .2s ease;border:1px solid rgba(255,255,255,.12);box-shadow:0 4px 16px #0000004d}.btn-primary:hover{background:linear-gradient(135deg,#25406b,#1b3050);border-color:#e2b53c4d;transform:translateY(-1px)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#ffffff0a;color:var(--text-primary);padding:11px 22px;border-radius:10px;font-weight:600;font-size:.92rem;border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .2s ease}.btn-secondary:hover{background:#ffffff17;border-color:#ffffff38;transform:translateY(-1px)}.form-group{margin-bottom:22px}.form-label{display:block;font-size:.88rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.form-input,.form-select,.form-textarea{width:100%;padding:11px 16px;border-radius:10px;border:1px solid var(--border-glass);background:#080e19bf;color:var(--text-primary);outline:none;transition:all .2s ease;box-shadow:inset 0 2px 4px #0000004d}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--gold-500);background:#0b1221e6;box-shadow:0 0 0 3px #e2b53c33,0 0 16px #e2b53c26}.form-select option{background:#0e1729;color:#f8fafc}.form-helper{font-size:.8rem;color:var(--text-muted);margin-top:6px}.tabs-container{display:flex;gap:10px;border-bottom:1px solid var(--border-subtle);margin-bottom:28px;padding-bottom:2px}.tab-button{padding:11px 20px;font-size:.92rem;font-weight:600;color:var(--text-secondary);border-radius:8px 8px 0 0;border-bottom:2px solid transparent;transition:all .2s ease;position:relative}.tab-button:hover{color:var(--text-primary);background:#ffffff08}.tab-button.active{color:var(--gold-400);border-bottom-color:var(--gold-500);background:linear-gradient(180deg,#e2b53c14,#e2b53c03)}.tab-button.active:after{content:"";position:absolute;bottom:-2px;left:20%;width:60%;height:2px;background:var(--gold-400);box-shadow:0 0 10px var(--gold-400)}.auth-page-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-deep);background-image:radial-gradient(circle at 50% 30%,rgba(33,57,92,.5) 0%,transparent 60%),radial-gradient(circle at 80% 80%,rgba(226,181,60,.1) 0%,transparent 40%),radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:100% 100%,100% 100%,30px 30px;padding:24px}.auth-card{width:100%;max-width:450px;background:#0e1729d9;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid var(--border-gold);border-radius:20px;padding:44px 38px;box-shadow:0 24px 60px #0009,0 0 1px 1px #e2b53c33}.auth-header{text-align:center;margin-bottom:32px}.auth-brand-logo{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-heading);font-size:1.35rem;font-weight:700;color:var(--text-primary);margin-bottom:16px}.auth-title{font-size:1.45rem;color:var(--text-primary);font-weight:700}.auth-subtitle{font-size:.88rem;color:var(--text-secondary);margin-top:6px}.auth-footer{margin-top:28px;text-align:center;font-size:.88rem;color:var(--text-muted)}.auth-footer a{color:var(--gold-400);font-weight:600;transition:color .15s ease}.auth-footer a:hover{color:var(--gold-300);text-decoration:underline}.auth-alert-error{display:flex;align-items:flex-start;gap:12px;background:#ef44441f;border:1px solid rgba(239,68,68,.4);color:#fca5a5;padding:12px 16px;border-radius:10px;font-size:.88rem;line-height:1.5;margin-bottom:20px;box-shadow:0 4px 16px #ef444426;animation:fadeInAlert .2s ease-out}.auth-alert-success{display:flex;align-items:flex-start;gap:12px;background:#10b9811f;border:1px solid rgba(16,185,129,.4);color:#6ee7b7;padding:12px 16px;border-radius:10px;font-size:.88rem;line-height:1.5;margin-bottom:20px;box-shadow:0 4px 16px #10b98126;animation:fadeInAlert .2s ease-out}@keyframes fadeInAlert{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.auth-loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-deep);background-image:radial-gradient(circle at 50% 50%,rgba(33,57,92,.4) 0%,transparent 60%),radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:100% 100%,30px 30px}.brand-emblem-large{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,var(--gold-400) 0%,var(--gold-600) 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 0 28px var(--gold-glow)}.brand-emblem-inner-large{width:24px;height:24px;background:#060a12;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.auth-loading-text{margin-top:20px;display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;letter-spacing:.08em;color:#94a3b8}.spin-animation{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}


/* ==========================================================================
   Glowing Yellow/Gold Buttons & Integrations Hub Styles
   ========================================================================== */

/* Luminous Glowing Yellow/Gold Connect Button */
.btn-connect-gold,
button.bg-amber-500,
button[class*="bg-amber-500"],
.bg-amber-500 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  padding: 10px 18px !important;
  background: linear-gradient(135deg, #f7d57a 0%, #e2b53c 50%, #bc8a1c 100%) !important;
  color: #060a12 !important;
  font-family: var(--font-body, "Inter", sans-serif) !important;
  font-weight: 700 !important;
  font-size: 0.88rem !important;
  letter-spacing: -0.01em !important;
  border-radius: 9px !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  box-shadow: 0 0 16px rgba(226, 181, 60, 0.5), 0 2px 8px rgba(0, 0, 0, 0.35) !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
}

.btn-connect-gold:hover,
button.bg-amber-500:hover,
button[class*="bg-amber-500"]:hover,
.bg-amber-500:hover {
  background: linear-gradient(135deg, #fae08f 0%, #f3c958 50%, #d49f25 100%) !important;
  color: #060a12 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 0 24px rgba(226, 181, 60, 0.75), 0 4px 14px rgba(0, 0, 0, 0.45) !important;
}

.btn-connect-gold:active,
button.bg-amber-500:active {
  transform: translateY(0) !important;
}

/* Ensure icons inside the connect button are dark navy and crisp */
.btn-connect-gold svg,
button.bg-amber-500 svg {
  stroke: #060a12 !important;
  color: #060a12 !important;
  stroke-width: 2.5 !important;
}

/* Integrations layout & card utility fallbacks */
.p-6 { padding: 1.5rem !important; }
.max-w-7xl { max-width: 80rem !important; }
.mx-auto { margin-left: auto !important; margin-right: auto !important; }
.space-y-6 > * + * { margin-top: 1.5rem !important; }

.flex { display: flex !important; }
.flex-col { flex-direction: column !important; }
.items-center { align-items: center !important; }
.items-start { align-items: flex-start !important; }
.justify-between { justify-content: space-between !important; }
.justify-center { justify-content: center !important; }
.gap-1 { gap: 0.25rem !important; }
.gap-1\.5 { gap: 0.375rem !important; }
.gap-2 { gap: 0.5rem !important; }
.gap-3 { gap: 0.75rem !important; }
.gap-4 { gap: 1rem !important; }
.gap-6 { gap: 1.5rem !important; }

.grid { display: grid !important; }
.grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; }
@media (min-width: 768px) {
  .md\:flex-row { flex-direction: row !important; }
  .md\:items-center { align-items: center !important; }
  .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (min-width: 1024px) {
  .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}

/* Card & badge styling */
.bg-slate-900\/80,
.bg-slate-900 {
  background: rgba(14, 23, 41, 0.85) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
}

.border-slate-800 {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.border-slate-700\/60,
.border-slate-700 {
  border-color: rgba(255, 255, 255, 0.12) !important;
}

.rounded-xl { border-radius: 0.85rem !important; }
.rounded-lg { border-radius: 0.55rem !important; }
.rounded-full { border-radius: 9999px !important; }
.p-5 { padding: 1.25rem !important; }
.p-2\.5 { padding: 0.625rem !important; }
.px-4 { padding-left: 1rem !important; padding-right: 1rem !important; }
.py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
.px-3 { padding-left: 0.75rem !important; padding-right: 0.75rem !important; }
.py-1\.5 { padding-top: 0.375rem !important; padding-bottom: 0.375rem !important; }
.px-2\.5 { padding-left: 0.625rem !important; padding-right: 0.625rem !important; }
.py-0\.5 { padding-top: 0.125rem !important; padding-bottom: 0.125rem !important; }
.mt-0\.5 { margin-top: 0.125rem !important; }
.mt-1 { margin-top: 0.25rem !important; }
.mt-2 { margin-top: 0.5rem !important; }
.mt-3 { margin-top: 0.75rem !important; }
.mt-4 { margin-top: 1rem !important; }
.mt-6 { margin-top: 1.5rem !important; }
.pt-2 { padding-top: 0.5rem !important; }
.pt-4 { padding-top: 1rem !important; }
.pb-2 { padding-bottom: 0.5rem !important; }
.pb-6 { padding-bottom: 1.5rem !important; }
.border-b { border-bottom-width: 1px !important; border-bottom-style: solid !important; }
.border-t { border-top-width: 1px !important; border-top-style: solid !important; }
.border { border-width: 1px !important; border-style: solid !important; }

/* Colors & Typography */
.text-white { color: #ffffff !important; }
.text-slate-200 { color: #e2e8f0 !important; }
.text-slate-300 { color: #cbd5e1 !important; }
.text-slate-400 { color: #94a3b8 !important; }
.text-slate-900 { color: #0f172a !important; }
.text-slate-950 { color: #060a12 !important; }
.text-xs { font-size: 0.75rem !important; }
.text-sm { font-size: 0.875rem !important; }
.text-base { font-size: 1rem !important; }
.text-lg { font-size: 1.125rem !important; }
.text-2xl { font-size: 1.5rem !important; }
.font-bold { font-weight: 700 !important; }
.font-semibold { font-weight: 600 !important; }
.font-medium { font-weight: 500 !important; }
.tracking-tight { letter-spacing: -0.025em !important; }
.tracking-wider { letter-spacing: 0.05em !important; }
.uppercase { text-transform: uppercase !important; }
.line-clamp-2 {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.bg-slate-800\/80,
.bg-slate-800 {
  background: rgba(22, 38, 63, 0.7) !important;
}
.hover\:bg-slate-700:hover {
  background: rgba(33, 57, 92, 0.8) !important;
}

.bg-amber-400 {
  background: #f3c958 !important;
}
.hover\:bg-amber-300:hover {
  background: #fae08f !important;
}

.bg-amber-500\/10 {
  background: rgba(226, 181, 60, 0.12) !important;
}
.text-amber-400 {
  color: #f3c958 !important;
}
.border-amber-500\/20 {
  border-color: rgba(226, 181, 60, 0.3) !important;
}

.bg-emerald-500\/10 {
  background: rgba(52, 211, 153, 0.12) !important;
}
.text-emerald-400 {
  color: #34d399 !important;
}
.border-emerald-500\/20 {
  border-color: rgba(52, 211, 153, 0.3) !important;
}

.bg-blue-500\/10 {
  background: rgba(59, 130, 246, 0.12) !important;
}
.text-blue-300 {
  color: #93c5fd !important;
}
.text-blue-400 {
  color: #60a5fa !important;
}
.border-blue-500\/20 {
  border-color: rgba(59, 130, 246, 0.3) !important;
}

.bg-rose-500\/10 {
  background: rgba(244, 63, 94, 0.12) !important;
}
.bg-rose-500\/20 {
  background: rgba(244, 63, 94, 0.2) !important;
}
.hover\:bg-rose-500\/30:hover {
  background: rgba(244, 63, 94, 0.3) !important;
}
.text-rose-400 {
  color: #fb7185 !important;
}
.text-rose-300 {
  color: #fda4af !important;
}
.border-rose-500\/20 {
  border-color: rgba(244, 63, 94, 0.3) !important;
}

.bg-indigo-600 {
  background: #4f46e5 !important;
  color: #ffffff !important;
}
.hover\:bg-indigo-700:hover {
  background: #4338ca !important;
}

.overflow-x-auto { overflow-x: auto !important; }
.whitespace-nowrap { white-space: nowrap !important; }
.w-3\.5 { width: 0.875rem !important; }
.h-3\.5 { height: 0.875rem !important; }
.w-4 { width: 1rem !important; }
.h-4 { height: 1rem !important; }
.w-5 { width: 1.25rem !important; }
.h-5 { height: 1.25rem !important; }
.w-6 { width: 1.5rem !important; }
.h-6 { height: 1.5rem !important; }
.w-8 { width: 2rem !important; }
.h-8 { height: 2rem !important; }
.w-full { width: 100% !important; }