:root {
    --ceo-navy: #001f3f;
    --ceo-dark-blue: #002855;
    --ceo-blue: #003d7a;
    --ceo-light-blue: #0056b3;
    --ceo-accent-blue: #4a90e2;
    --ceo-green: #00c853;
    --ceo-red: #ff3737;
    --ceo-gold: #ffd700;
    --ceo-gray: #8b9dc3;
    --ceo-light-gray: #e8ecf1;
    --ceo-text: #ffffff;
    --ceo-text-secondary: #b8c5d6;
  }
  
  body {
    font-family: JetBrains Mono, IBM Plex Mono, Source Code Pro, Consolas, Monaco, monospace;
    background: var(--ceo-navy);
    color: var(--ceo-text);
    font-weight: 400;
    letter-spacing: -0.02em;
    font-feature-settings: "liga" 1, "calt" 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .mono {
    font-family: JetBrains Mono, IBM Plex Mono, Source Code Pro, monospace;
    font-variant-numeric: tabular-nums;
  }
  
  .bloomberg-text {
    font-family: JetBrains Mono, IBM Plex Mono, monospace;
    font-weight: 500;
    letter-spacing: 0.02em;
    text-rendering: optimizeLegibility;
  }
  
  .financial-dashboard {
    background: var(--ceo-navy);
    min-height: 100vh;
    font-family: JetBrains Mono, IBM Plex Mono, monospace;
  }
  
  .ceo-header {
    background: var(--ceo-dark-blue);
    border-bottom: 2px solid var(--ceo-accent-blue);
    padding: 1rem 2rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  }
  
  .metric-card {
    background: var(--ceo-dark-blue);
    border: 1px solid rgba(74, 144, 226, 0.3);
    border-radius: 4px;
    padding: 1.5rem;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
  }
  
  .metric-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(74, 144, 226, 0.2);
    border-color: var(--ceo-accent-blue);
  }
  
  .metric-card:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--ceo-accent-blue);
  }
  
  .trading-table {
    background: #002147;
    border: 1px solid rgba(74, 144, 226, 0.2);
    border-radius: 4px;
    overflow: hidden;
  }
  
  .trading-table thead {
    background: var(--ceo-blue);
  }
  
  .trading-table th {
    font-family: JetBrains Mono, IBM Plex Mono, monospace;
    padding: 0.75rem 1rem;
    text-transform: uppercase;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    color: var(--ceo-text);
    border-bottom: 2px solid var(--ceo-accent-blue);
  }
  
  .trading-table tbody tr {
    border-bottom: 1px solid rgba(74, 144, 226, 0.1);
    transition: background 0.2s ease;
  }
  
  .trading-table tbody tr:hover {
    background: rgba(74, 144, 226, 0.05);
  }
  
  .trading-table td {
    font-family: JetBrains Mono, IBM Plex Mono, monospace;
    padding: 0.75rem 1rem;
    font-size: 0.8rem;
    font-weight: 400;
    letter-spacing: 0.01em;
    font-variant-numeric: tabular-nums;
  }
  
  .status-online {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.25rem 0.75rem;
    background: rgba(0, 200, 83, 0.1);
    border: 1px solid var(--ceo-green);
    border-radius: 20px;
    color: var(--ceo-green);
    font-size: 0.75rem;
    font-weight: 500;
  }
  
  .status-online:before {
    content: "";
    width: 8px;
    height: 8px;
    background: var(--ceo-green);
    border-radius: 50%;
    animation: pulse 2s infinite;
  }
  
  @keyframes pulse {
    0%, 100% {
      opacity: 1;
    }
    50% {
      opacity: 0.5;
    }
  }
  
  .ceo-button {
    font-family: JetBrains Mono, IBM Plex Mono, monospace;
    background: var(--ceo-light-blue);
    border: 1px solid var(--ceo-accent-blue);
    color: #fff;
    padding: 0.5rem 1.5rem;
    border-radius: 4px;
    font-weight: 500;
    transition: all 0.3s ease;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.08em;
  }
  
  .ceo-button:hover {
    background: var(--ceo-accent-blue);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(74, 144, 226, 0.3);
  }
  
  .ceo-button-secondary {
    font-family: JetBrains Mono, IBM Plex Mono, monospace;
    background: transparent;
    border: 1px solid var(--ceo-accent-blue);
    color: var(--ceo-accent-blue);
    font-weight: 500;
    letter-spacing: 0.05em;
  }
  
  .ceo-button-secondary:hover {
    background: rgba(74, 144, 226, 0.1);
  }
  
  .value-display {
    font-family: JetBrains Mono, IBM Plex Mono, monospace;
    font-size: 1.875rem;
    font-weight: 600;
    color: var(--ceo-text);
    margin: 0.5rem 0;
    letter-spacing: 0.02em;
    font-variant-numeric: tabular-nums;
  }
  
  .value-positive {
    color: var(--ceo-green);
  }
  
  .value-negative {
    color: var(--ceo-red);
  }
  
  .chart-container {
    background: #002147;
    border: 1px solid rgba(74, 144, 226, 0.2);
    border-radius: 4px;
    padding: 1.5rem;
    position: relative;
  }
  
  .chart-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid rgba(74, 144, 226, 0.2);
  }
  
  .metrics-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1.5rem;
  }
  
  ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  
  ::-webkit-scrollbar-track {
    background: var(--ceo-navy);
  }
  
  ::-webkit-scrollbar-thumb {
    background: var(--ceo-accent-blue);
    border-radius: 4px;
  }
  
  ::-webkit-scrollbar-thumb:hover {
    background: var(--ceo-light-blue);
  }
  
  @keyframes slideIn {
    0% {
      opacity: 0;
      transform: translateY(20px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  .animate-slide-in {
    animation: slideIn 0.5s ease-out;
  }
  
  .market-ticker {
    background: var(--ceo-dark-blue);
    border-top: 1px solid var(--ceo-accent-blue);
    border-bottom: 1px solid var(--ceo-accent-blue);
    padding: 0.75rem 0;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
  }
  
  .ticker-content {
    display: inline-flex;
    gap: 2rem;
    animation: scroll 60s linear infinite;
  }
  
  @keyframes scroll {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-50%);
    }
  }
  
  .trading-panel {
    background: #001f3f;
    border: 1px solid rgba(74, 144, 226, 0.2);
    border-radius: 4px;
    overflow: hidden;
    height: fit-content;
  }
  
  .panel-header {
    background: var(--ceo-blue);
    padding: 0.75rem 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid var(--ceo-accent-blue);
  }
  
  .panel-title {
    font-family: JetBrains Mono, IBM Plex Mono, monospace;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #fff;
  }
  
  .panel-content {
    padding: 1rem;
  }
  
  *, :before, :after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
  }
  
  ::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
  }
  
  *, :before, :after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb;
  }
  
  :before, :after {
    --tw-content: "";
  }
  
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
  }
  
  body {
    margin: 0;
    line-height: inherit;
  }
  
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  
  a {
    color: inherit;
    text-decoration: inherit;
  }
  
  b, strong {
    font-weight: bolder;
  }
  
  code, kbd, samp, pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em;
  }
  
  small {
    font-size: 80%;
  }
  
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  
  sub {
    bottom: -0.25em;
  }
  
  sup {
    top: -0.5em;
  }
  
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  
  button, input, optgroup, select, textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
  }
  
  button, select {
    text-transform: none;
  }
  
  button, input:where([type=button]), input:where([type=reset]), input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
  }
  
  :-moz-focusring {
    outline: auto;
  }
  
  :-moz-ui-invalid {
    box-shadow: none;
  }
  
  progress {
    vertical-align: baseline;
  }
  
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  
  [type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
  }
  
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  
  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
  }
  
  summary {
    display: list-item;
  }
  
  blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
    margin: 0;
  }
  
  fieldset {
    margin: 0;
    padding: 0;
  }
  
  legend {
    padding: 0;
  }
  
  ol, ul, menu {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
  dialog {
    padding: 0;
  }
  
  textarea {
    resize: vertical;
  }
  
  input::-moz-placeholder, textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af;
  }
  
  input::placeholder, textarea::placeholder {
    opacity: 1;
    color: #9ca3af;
  }
  
  button, [role=button] {
    cursor: pointer;
  }
  
  :disabled {
    cursor: default;
  }
  
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  
  img, video {
    max-width: 100%;
    height: auto;
  }
  
  [hidden]:where(:not([hidden=until-found])) {
    display: none;
  }
  
  :root {
    --background: 240 10% 3.9%;
    --foreground: 0 0% 98%;
    --card: 240 10% 3.9%;
    --card-foreground: 0 0% 98%;
    --popover: 240 10% 3.9%;
    --popover-foreground: 0 0% 98%;
    --primary: 240 5.9% 10%;
    --primary-foreground: 0 0% 98%;
    --secondary: 240 3.7% 15.9%;
    --secondary-foreground: 0 0% 98%;
    --muted: 240 3.7% 15.9%;
    --muted-foreground: 240 5% 64.9%;
    --accent: 240 3.7% 15.9%;
    --accent-foreground: 0 0% 98%;
    --destructive: 0 62.8% 30.6%;
    --destructive-foreground: 0 0% 98%;
    --border: 240 3.7% 15.9%;
    --input: 240 3.7% 15.9%;
    --ring: 240 4.9% 83.9%;
    --radius: 0.75rem;
  }
  
  .dark {
    --background: 222.2 84% 4.9%;
    --foreground: 210 40% 98%;
    --card: 222.2 84% 4.9%;
    --card-foreground: 210 40% 98%;
    --popover: 222.2 84% 4.9%;
    --popover-foreground: 210 40% 98%;
    --primary: 210 40% 98%;
    --primary-foreground: 222.2 47.4% 11.2%;
    --secondary: 217.2 32.6% 17.5%;
    --secondary-foreground: 210 40% 98%;
    --muted: 217.2 32.6% 17.5%;
    --muted-foreground: 215 20.2% 65.1%;
    --accent: 217.2 32.6% 17.5%;
    --accent-foreground: 210 40% 98%;
    --destructive: 0 62.8% 30.6%;
    --destructive-foreground: 210 40% 98%;
    --border: 217.2 32.6% 17.5%;
    --input: 217.2 32.6% 17.5%;
    --ring: 212.7 26.8% 83.9%;
    --sidebar-background: 240 5.9% 10%;
    --sidebar-foreground: 240 4.8% 95.9%;
    --sidebar-primary: 224.3 76.3% 48%;
    --sidebar-primary-foreground: 0 0% 100%;
    --sidebar-accent: 240 3.7% 15.9%;
    --sidebar-accent-foreground: 240 4.8% 95.9%;
    --sidebar-border: 240 3.7% 15.9%;
    --sidebar-ring: 217.2 91.2% 59.8%;
  }
  
  * {
    border-color: hsl(var(--border));
  }
  
  body {
    background-color: hsl(var(--background));
    color: hsl(var(--foreground));
    background: linear-gradient(to bottom right, #1a1f2c, #221f26);
    min-height: 100vh;
  }
  
  .container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 2rem;
    padding-left: 2rem;
  }
  
  @media (min-width: 1400px) {
    .container {
      max-width: 1400px;
    }
  }
  
  .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;
  }
  
  .pointer-events-none {
    pointer-events: none;
  }
  
  .pointer-events-auto {
    pointer-events: auto;
  }
  
  .visible {
    visibility: visible;
  }
  
  .invisible {
    visibility: hidden;
  }
  
  .fixed {
    position: fixed;
  }
  
  .absolute {
    position: absolute;
  }
  
  .relative {
    position: relative;
  }
  
  .inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  
  .inset-x-0 {
    left: 0;
    right: 0;
  }
  
  .inset-y-0 {
    top: 0;
    bottom: 0;
  }
  
  .-bottom-12 {
    bottom: -3rem;
  }
  
  .-left-12 {
    left: -3rem;
  }
  
  .-left-2 {
    left: -0.5rem;
  }
  
  .-right-12 {
    right: -3rem;
  }
  
  .-top-12 {
    top: -3rem;
  }
  
  .-top-2 {
    top: -0.5rem;
  }
  
  .bottom-0 {
    bottom: 0;
  }
  
  .left-0 {
    left: 0;
  }
  
  .left-1 {
    left: 0.25rem;
  }
  
  .left-1\/2 {
    left: 50%;
  }
  
  .left-2 {
    left: 0.5rem;
  }
  
  .left-20 {
    left: 5rem;
  }
  
  .left-4 {
    left: 1rem;
  }
  
  .left-\[50\%\] {
    left: 50%;
  }
  
  .right-0 {
    right: 0;
  }
  
  .right-1 {
    right: 0.25rem;
  }
  
  .right-2 {
    right: 0.5rem;
  }
  
  .right-3 {
    right: 0.75rem;
  }
  
  .right-4 {
    right: 1rem;
  }
  
  .top-0 {
    top: 0;
  }
  
  .top-1\.5 {
    top: 0.375rem;
  }
  
  .top-1\/2 {
    top: 50%;
  }
  
  .top-2 {
    top: 0.5rem;
  }
  
  .top-3\.5 {
    top: 0.875rem;
  }
  
  .top-4 {
    top: 1rem;
  }
  
  .top-\[1px\] {
    top: 1px;
  }
  
  .top-\[50\%\] {
    top: 50%;
  }
  
  .top-\[60\%\] {
    top: 60%;
  }
  
  .top-full {
    top: 100%;
  }
  
  .z-10 {
    z-index: 10;
  }
  
  .z-20 {
    z-index: 20;
  }
  
  .z-50 {
    z-index: 50;
  }
  
  .z-\[100\] {
    z-index: 100;
  }
  
  .z-\[1\] {
    z-index: 1;
  }
  
  .col-span-1 {
    grid-column: span 1 / span 1;
  }
  
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  
  .-mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  
  .mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  
  .mx-3\.5 {
    margin-left: 0.875rem;
    margin-right: 0.875rem;
  }
  
  .mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  
  .my-0\.5 {
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
  }
  
  .my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  
  .my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  
  .my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
  
  .-ml-4 {
    margin-left: -1rem;
  }
  
  .-mt-4 {
    margin-top: -1rem;
  }
  
  .mb-1 {
    margin-bottom: 0.25rem;
  }
  
  .mb-2 {
    margin-bottom: 0.5rem;
  }
  
  .mb-3 {
    margin-bottom: 0.75rem;
  }
  
  .mb-4 {
    margin-bottom: 1rem;
  }
  
  .mb-5 {
    margin-bottom: 1.25rem;
  }
  
  .mb-6 {
    margin-bottom: 1.5rem;
  }
  
  .mb-8 {
    margin-bottom: 2rem;
  }
  
  .ml-1 {
    margin-left: 0.25rem;
  }
  
  .ml-2 {
    margin-left: 0.5rem;
  }
  
  .ml-4 {
    margin-left: 1rem;
  }
  
  .ml-7 {
    margin-left: 1.75rem;
  }
  
  .ml-auto {
    margin-left: auto;
  }
  
  .mr-1 {
    margin-right: 0.25rem;
  }
  
  .mr-2 {
    margin-right: 0.5rem;
  }
  
  .mt-0\.5 {
    margin-top: 0.125rem;
  }
  
  .mt-1 {
    margin-top: 0.25rem;
  }
  
  .mt-1\.5 {
    margin-top: 0.375rem;
  }
  
  .mt-2 {
    margin-top: 0.5rem;
  }
  
  .mt-24 {
    margin-top: 6rem;
  }
  
  .mt-3 {
    margin-top: 0.75rem;
  }
  
  .mt-4 {
    margin-top: 1rem;
  }
  
  .mt-6 {
    margin-top: 1.5rem;
  }
  
  .mt-8 {
    margin-top: 2rem;
  }
  
  .mt-auto {
    margin-top: auto;
  }
  
  .block {
    display: block;
  }
  
  .inline {
    display: inline;
  }
  
  .flex {
    display: flex;
  }
  
  .inline-flex {
    display: inline-flex;
  }
  
  .table {
    display: table;
  }
  
  .grid {
    display: grid;
  }
  
  .hidden {
    display: none;
  }
  
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  
  .aspect-video {
    aspect-ratio: 16 / 9;
  }
  
  .size-4 {
    width: 1rem;
    height: 1rem;
  }
  
  .h-0 {
    height: 0px;
  }
  
  .h-0\.5 {
    height: 0.125rem;
  }
  
  .h-1\.5 {
    height: 0.375rem;
  }
  
  .h-10 {
    height: 2.5rem;
  }
  
  .h-11 {
    height: 2.75rem;
  }
  
  .h-12 {
    height: 3rem;
  }
  
  .h-2 {
    height: 0.5rem;
  }
  
  .h-2\.5 {
    height: 0.625rem;
  }
  
  .h-20 {
    height: 5rem;
  }
  
  .h-3 {
    height: 0.75rem;
  }
  
  .h-3\.5 {
    height: 0.875rem;
  }
  
  .h-4 {
    height: 1rem;
  }
  
  .h-40 {
    height: 10rem;
  }
  
  .h-48 {
    height: 12rem;
  }
  
  .h-5 {
    height: 1.25rem;
  }
  
  .h-6 {
    height: 1.5rem;
  }
  
  .h-64 {
    height: 16rem;
  }
  
  .h-7 {
    height: 1.75rem;
  }
  
  .h-8 {
    height: 2rem;
  }
  
  .h-9 {
    height: 2.25rem;
  }
  
  .h-\[1px\] {
    height: 1px;
  }
  
  .h-\[var\(--radix-navigation-menu-viewport-height\)\] {
    height: var(--radix-navigation-menu-viewport-height);
  }
  
  .h-\[var\(--radix-select-trigger-height\)\] {
    height: var(--radix-select-trigger-height);
  }
  
  .h-auto {
    height: auto;
  }
  
  .h-full {
    height: 100%;
  }
  
  .h-px {
    height: 1px;
  }
  
  .h-svh {
    height: 100svh;
  }
  
  .max-h-80 {
    max-height: 20rem;
  }
  
  .max-h-96 {
    max-height: 24rem;
  }
  
  .max-h-\[300px\] {
    max-height: 300px;
  }
  
  .max-h-\[500px\] {
    max-height: 500px;
  }
  
  .max-h-screen {
    max-height: 100vh;
  }
  
  .min-h-0 {
    min-height: 0px;
  }
  
  .min-h-24 {
    min-height: 6rem;
  }
  
  .min-h-\[120px\] {
    min-height: 120px;
  }
  
  .min-h-\[300px\] {
    min-height: 300px;
  }
  
  .min-h-\[80px\] {
    min-height: 80px;
  }
  
  .min-h-screen {
    min-height: 100vh;
  }
  
  .min-h-svh {
    min-height: 100svh;
  }
  
  .w-0 {
    width: 0px;
  }
  
  .w-1 {
    width: 0.25rem;
  }
  
  .w-10 {
    width: 2.5rem;
  }
  
  .w-11 {
    width: 2.75rem;
  }
  
  .w-12 {
    width: 3rem;
  }
  
  .w-2 {
    width: 0.5rem;
  }
  
  .w-2\.5 {
    width: 0.625rem;
  }
  
  .w-20 {
    width: 5rem;
  }
  
  .w-3 {
    width: 0.75rem;
  }
  
  .w-3\.5 {
    width: 0.875rem;
  }
  
  .w-3\/4 {
    width: 75%;
  }
  
  .w-4 {
    width: 1rem;
  }
  
  .w-48 {
    width: 12rem;
  }
  
  .w-5 {
    width: 1.25rem;
  }
  
  .w-6 {
    width: 1.5rem;
  }
  
  .w-64 {
    width: 16rem;
  }
  
  .w-7 {
    width: 1.75rem;
  }
  
  .w-72 {
    width: 18rem;
  }
  
  .w-8 {
    width: 2rem;
  }
  
  .w-9 {
    width: 2.25rem;
  }
  
  .w-96 {
    width: 24rem;
  }
  
  .w-\[--sidebar-width\] {
    width: var(--sidebar-width);
  }
  
  .w-\[100px\] {
    width: 100px;
  }
  
  .w-\[1px\] {
    width: 1px;
  }
  
  .w-auto {
    width: auto;
  }
  
  .w-full {
    width: 100%;
  }
  
  .w-max {
    width: max-content;
  }
  
  .w-px {
    width: 1px;
  }
  
  .min-w-0 {
    min-width: 0px;
  }
  
  .min-w-20 {
    min-width: 5rem;
  }
  
  .min-w-5 {
    min-width: 1.25rem;
  }
  
  .min-w-\[12rem\] {
    min-width: 12rem;
  }
  
  .min-w-\[8rem\] {
    min-width: 8rem;
  }
  
  .min-w-\[var\(--radix-select-trigger-width\)\] {
    min-width: var(--radix-select-trigger-width);
  }
  
  .min-w-full {
    min-width: 100%;
  }
  
  .max-w-2xl {
    max-width: 42rem;
  }
  
  .max-w-4xl {
    max-width: 56rem;
  }
  
  .max-w-7xl {
    max-width: 80rem;
  }
  
  .max-w-\[--skeleton-width\] {
    max-width: var(--skeleton-width);
  }
  
  .max-w-lg {
    max-width: 32rem;
  }
  
  .max-w-max {
    max-width: max-content;
  }
  
  .max-w-xs {
    max-width: 20rem;
  }
  
  .flex-1 {
    flex: 1 1 0%;
  }
  
  .flex-shrink-0, .shrink-0 {
    flex-shrink: 0;
  }
  
  .flex-grow, .grow {
    flex-grow: 1;
  }
  
  .grow-0 {
    flex-grow: 0;
  }
  
  .basis-full {
    flex-basis: 100%;
  }
  
  .caption-bottom {
    caption-side: bottom;
  }
  
  .border-collapse {
    border-collapse: collapse;
  }
  
  .-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  
  .-translate-x-px {
    --tw-translate-x: -1px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  
  .-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  
  .translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  
  .translate-x-px {
    --tw-translate-x: 1px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  
  .translate-y-\[-50\%\] {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  
  .rotate-45 {
    --tw-rotate: 45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  
  .rotate-90 {
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  
  .transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  
  @keyframes ping {
    75%, 100% {
      transform: scale(2);
      opacity: 0;
    }
  }
  
  .animate-ping {
    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  }
  
  @keyframes pulse {
    50% {
      opacity: 0.5;
    }
  }
  
  .animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  }
  
  @keyframes spin {
    to {
      transform: rotate(360deg);
    }
  }
  
  .animate-spin {
    animation: spin 1s linear infinite;
  }
  
  .cursor-default {
    cursor: default;
  }
  
  .cursor-pointer {
    cursor: pointer;
  }
  
  .touch-none {
    touch-action: none;
  }
  
  .select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }
  
  .list-none {
    list-style-type: none;
  }
  
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  
  .flex-col {
    flex-direction: column;
  }
  
  .flex-wrap {
    flex-wrap: wrap;
  }
  
  .items-start {
    align-items: flex-start;
  }
  
  .items-center {
    align-items: center;
  }
  
  .justify-start {
    justify-content: flex-start;
  }
  
  .justify-end {
    justify-content: flex-end;
  }
  
  .justify-center {
    justify-content: center;
  }
  
  .justify-between {
    justify-content: space-between;
  }
  
  .gap-1 {
    gap: 0.25rem;
  }
  
  .gap-2 {
    gap: 0.5rem;
  }
  
  .gap-3 {
    gap: 0.75rem;
  }
  
  .gap-4 {
    gap: 1rem;
  }
  
  .gap-6 {
    gap: 1.5rem;
  }
  
  .space-x-1 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.25rem * var(--tw-space-x-reverse));
    margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
  }
  
  .space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
  }
  
  .space-y-1 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
  }
  
  .space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
  }
  
  .space-y-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
  }
  
  .space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
  }
  
  .space-y-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
  }
  
  .overflow-auto {
    overflow: auto;
  }
  
  .overflow-hidden {
    overflow: hidden;
  }
  
  .overflow-x-auto {
    overflow-x: auto;
  }
  
  .overflow-y-auto {
    overflow-y: auto;
  }
  
  .overflow-y-hidden {
    overflow-y: hidden;
  }
  
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  
  .whitespace-nowrap {
    white-space: nowrap;
  }
  
  .rounded {
    border-radius: 0.25rem;
  }
  
  .rounded-full {
    border-radius: 9999px;
  }
  
  .rounded-lg {
    border-radius: var(--radius);
  }
  
  .rounded-md {
    border-radius: calc(var(--radius) - 2px);
  }
  
  .rounded-sm {
    border-radius: calc(var(--radius) - 4px);
  }
  
  .rounded-xl {
    border-radius: 0.75rem;
  }
  
  .rounded-t-md {
    border-top-left-radius: calc(var(--radius) - 2px);
    border-top-right-radius: calc(var(--radius) - 2px);
  }
  
  .border {
    border-width: 1px;
  }
  
  .border-0 {
    border-width: 0px;
  }
  
  .border-b {
    border-bottom-width: 1px;
  }
  
  .border-l {
    border-left-width: 1px;
  }
  
  .border-r {
    border-right-width: 1px;
  }
  
  .border-t {
    border-top-width: 1px;
  }
  
  .border-dashed {
    border-style: dashed;
  }
  
  .border-transparent {
    border-color: transparent;
  }
  
  .border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity));
  }
  
  .border-input {
    border-color: hsl(var(--input));
  }
  
  .border-muted\/40 {
    border-color: hsl(var(--muted) / 0.4);
  }
  
  .border-primary {
    border-color: hsl(var(--primary));
  }
  
  .border-transparent {
    border-color: transparent;
  }
  
  .bg-accent {
    background-color: hsl(var(--accent));
  }
  
  .bg-background {
    background-color: hsl(var(--background));
  }
  
  .bg-black\/50 {
    background-color: rgba(0, 0, 0, 0.5);
  }
  
  .bg-border {
    background-color: hsl(var(--border));
  }
  
  .bg-card {
    background-color: hsl(var(--card));
  }
  
  .bg-destructive {
    background-color: hsl(var(--destructive));
  }
  
  .bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  }
  
  .bg-input {
    background-color: hsl(var(--input));
  }
  
  .bg-muted {
    background-color: hsl(var(--muted));
  }
  
  .bg-muted\/50 {
    background-color: hsl(var(--muted) / 0.5);
  }
  
  .bg-popover {
    background-color: hsl(var(--popover));
  }
  
  .bg-primary {
    background-color: hsl(var(--primary));
  }
  
  .bg-red-500\/20 {
    background-color: rgba(255, 55, 55, 0.2);
  }
  
  .bg-secondary {
    background-color: hsl(var(--secondary));
  }
  
  .bg-transparent {
    background-color: transparent;
  }
  
  .bg-green-500\/20 {
    background-color: rgba(0, 200, 83, 0.2);
  }
  
  .bg-opacity-50 {
    --tw-bg-opacity: 0.5;
  }
  
  .fill-current {
    fill: currentColor;
  }
  
  .p-0 {
    padding: 0px;
  }
  
  .p-1 {
    padding: 0.25rem;
  }
  
  .p-2 {
    padding: 0.5rem;
  }
  
  .p-4 {
    padding: 1rem;
  }
  
  .p-6 {
    padding: 1.5rem;
  }
  
  .px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  
  .px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  
  .px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  
  .px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  
  .px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  
  .px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  
  .py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  
  .py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  
  .py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  
  .py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  
  .py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  
  .py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  
  .pb-2 {
    padding-bottom: 0.5rem;
  }
  
  .pb-4 {
    padding-bottom: 1rem;
  }
  
  .pl-2 {
    padding-left: 0.5rem;
  }
  
  .pl-3 {
    padding-left: 0.75rem;
  }
  
  .pl-4 {
    padding-left: 1rem;
  }
  
  .pl-7 {
    padding-left: 1.75rem;
  }
  
  .pr-2 {
    padding-right: 0.5rem;
  }
  
  .pr-4 {
    padding-right: 1rem;
  }
  
  .pt-0 {
    padding-top: 0px;
  }
  
  .pt-1 {
    padding-top: 0.25rem;
  }
  
  .pt-2 {
    padding-top: 0.5rem;
  }
  
  .pt-4 {
    padding-top: 1rem;
  }
  
  .pt-6 {
    padding-top: 1.5rem;
  }
  
  .text-left {
    text-align: left;
  }
  
  .text-center {
    text-align: center;
  }
  
  .text-right {
    text-align: right;
  }
  
  .text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  
  .text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  
  .text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  
  .text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  
  .text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  
  .font-bold {
    font-weight: 700;
  }
  
  .font-medium {
    font-weight: 500;
  }
  
  .font-semibold {
    font-weight: 600;
  }
  
  .uppercase {
    text-transform: uppercase;
  }
  
  .leading-none {
    line-height: 1;
  }
  
  .leading-relaxed {
    line-height: 1.625;
  }
  
  .leading-tight {
    line-height: 1.25;
  }
  
  .tracking-wider {
    letter-spacing: 0.05em;
  }
  
  .text-accent-foreground {
    color: hsl(var(--accent-foreground));
  }
  
  .text-blue-300 {
    --tw-text-opacity: 1;
    color: rgb(147 197 253 / var(--tw-text-opacity));
  }
  
  .text-blue-400 {
    --tw-text-opacity: 1;
    color: rgb(96 165 250 / var(--tw-text-opacity));
  }
  
  .text-card-foreground {
    color: hsl(var(--card-foreground));
  }
  
  .text-destructive-foreground {
    color: hsl(var(--destructive-foreground));
  }
  
  .text-foreground {
    color: hsl(var(--foreground));
  }
  
  .text-gray-300 {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity));
  }
  
  .text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
  }
  
  .text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
  }
  
  .text-green-400 {
    --tw-text-opacity: 1;
    color: rgb(134 239 172 / var(--tw-text-opacity));
  }
  
  .text-muted-foreground {
    color: hsl(var(--muted-foreground));
  }
  
  .text-popover-foreground {
    color: hsl(var(--popover-foreground));
  }
  
  .text-primary {
    color: hsl(var(--primary));
  }
  
  .text-primary-foreground {
    color: hsl(var(--primary-foreground));
  }
  
  .text-red-400 {
    --tw-text-opacity: 1;
    color: rgb(248 113 113 / var(--tw-text-opacity));
  }
  
  .text-secondary-foreground {
    color: hsl(var(--secondary-foreground));
  }
  
  .text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  .text-yellow-400 {
    --tw-text-opacity: 1;
    color: rgb(250 204 21 / var(--tw-text-opacity));
  }
  
  .opacity-0 {
    opacity: 0;
  }
  
  .opacity-100 {
    opacity: 1;
  }
  
  .opacity-50 {
    opacity: 0.5;
  }
  
  .opacity-70 {
    opacity: 0.7;
  }
  
  .shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  
  .shadow-md {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  
  .shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  
  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  
  .outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
  
  .outline {
    outline-style: solid;
  }
  
  .ring {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }
  
  .ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }
  
  .ring-inset {
    --tw-ring-inset: inset;
  }
  
  .ring-transparent {
    --tw-ring-color: transparent;
  }
  
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
  
  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
  
  .filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
  
  .transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  
  .transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  
  .transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  
  .duration-100 {
    transition-duration: 100ms;
  }
  
  .duration-150 {
    transition-duration: 150ms;
  }
  
  .duration-200 {
    transition-duration: 200ms;
  }
  
  .duration-300 {
    transition-duration: 300ms;
  }
  
  .ease-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }
  
  .ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  .ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
  
  .hover\:border-accent:hover {
    border-color: hsl(var(--accent));
  }
  
  .hover\:bg-accent:hover {
    background-color: hsl(var(--accent));
  }
  
  .hover\:bg-accent\/80:hover {
    background-color: hsl(var(--accent) / 0.8);
  }
  
  .hover\:bg-accent\/90:hover {
    background-color: hsl(var(--accent) / 0.9);
  }
  
  .hover\:bg-destructive:hover {
    background-color: hsl(var(--destructive));
  }
  
  .hover\:bg-destructive\/90:hover {
    background-color: hsl(var(--destructive) / 0.9);
  }
  
  .hover\:bg-muted:hover {
    background-color: hsl(var(--muted));
  }
  
  .hover\:bg-muted\/50:hover {
    background-color: hsl(var(--muted) / 0.5);
  }
  
  .hover\:bg-primary\/90:hover {
    background-color: hsl(var(--primary) / 0.9);
  }
  
  .hover\:bg-secondary:hover {
    background-color: hsl(var(--secondary));
  }
  
  .hover\:bg-secondary\/80:hover {
    background-color: hsl(var(--secondary) / 0.8);
  }
  
  .hover\:text-accent-foreground:hover {
    color: hsl(var(--accent-foreground));
  }
  
  .hover\:text-blue-300:hover {
    --tw-text-opacity: 1;
    color: rgb(147 197 253 / var(--tw-text-opacity));
  }
  
  .hover\:text-destructive-foreground:hover {
    color: hsl(var(--destructive-foreground));
  }
  
  .hover\:text-muted-foreground:hover {
    color: hsl(var(--muted-foreground));
  }
  
  .hover\:text-primary:hover {
    color: hsl(var(--primary));
  }
  
  .hover\:text-primary-foreground:hover {
    color: hsl(var(--primary-foreground));
  }
  
  .hover\:text-secondary-foreground:hover {
    color: hsl(var(--secondary-foreground));
  }
  
  .hover\:underline:hover {
    text-decoration-line: underline;
  }
  
  .hover\:ring:hover {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }
  
  .focus\:border-accent:focus {
    border-color: hsl(var(--accent));
  }
  
  .focus\:bg-accent:focus {
    background-color: hsl(var(--accent));
  }
  
  .focus\:text-accent-foreground:focus {
    color: hsl(var(--accent-foreground));
  }
  
  .focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
  
  .focus\:ring:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }
  
  .focus\:ring-1:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }
  
  .focus\:ring-2:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }
  
  .focus\:ring-inset:focus {
    --tw-ring-inset: inset;
  }
  
  .focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px;
  }
  
  .focus\:ring-primary:focus {
    --tw-ring-color: hsl(var(--primary));
  }
  
  .focus\:ring-ring:focus {
    --tw-ring-color: hsl(var(--ring));
  }
  
  .focus-visible\:outline-none:focus-visible {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
  
  .focus-visible\:ring-2:focus-visible {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }
  
  .focus-visible\:ring-ring:focus-visible {
    --tw-ring-color: hsl(var(--ring));
  }
  
  .focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px;
  }
  
  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }
  
  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }
  
  .disabled\:opacity-50:disabled {
    opacity: 0.5;
  }
  
  .group:hover .group-hover\:translate-x-0 {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  
  .group:hover .group-hover\:rotate-90 {
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  
  .group:hover .group-hover\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  
  .group:hover .group-hover\:bg-accent {
    background-color: hsl(var(--accent));
  }
  
  .group:hover .group-hover\:text-accent-foreground {
    color: hsl(var(--accent-foreground));
  }
  
  .group:hover .group-hover\:opacity-100 {
    opacity: 1;
  }
  
  .group:focus .group-focus\:outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
  
  .group:focus .group-focus\:ring-4 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }
  
  .group:focus .group-focus\:ring-ring {
    --tw-ring-color: hsl(var(--ring));
  }
  
  .peer:checked ~ .peer-checked\:border-primary {
    border-color: hsl(var(--primary));
  }
  
  .peer:checked ~ .peer-checked\:bg-primary {
    background-color: hsl(var(--primary));
  }
  
  .peer:checked ~ .peer-checked\:text-primary-foreground {
    color: hsl(var(--primary-foreground));
  }
  
  .peer:focus ~ .peer-focus\:ring-2 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }
  
  .peer:focus ~ .peer-focus\:ring-ring {
    --tw-ring-color: hsl(var(--ring));
  }
  
  .data-\[active\=true\]\:bg-accent[data-active=true] {
    background-color: hsl(var(--accent));
  }
  
  .data-\[disabled\=true\]\:pointer-events-none[data-disabled=true], .data-\[disabled\]\:pointer-events-none[data-disabled] {
    pointer-events: none;
  }
  
  .data-\[state\=active\]\:border-b-primary[data-state=active] {
    border-bottom-color: hsl(var(--primary));
  }
  
  .data-\[state\=active\]\:bg-background[data-state=active] {
    background-color: hsl(var(--background));
  }
  
  .data-\[active\=true\]\:text-foreground[data-active=true] {
    color: hsl(var(--foreground));
  }
  
  .data-\[state\=active\]\:text-foreground[data-state=active] {
    color: hsl(var(--foreground));
  }
  
  .data-\[state\=checked\]\:bg-primary[data-state=checked] {
    background-color: hsl(var(--primary));
  }
  
  .data-\[state\=closed\]\:bg-accent[data-state=closed] {
    background-color: hsl(var(--accent));
  }
  
  .data-\[state\=on\]\:bg-accent[data-state=on], .data-\[state\=open\]\:bg-accent[data-state=open] {
    background-color: hsl(var(--accent));
  }
  
  .data-\[state\=open\]\:bg-accent\/50[data-state=open] {
    background-color: hsl(var(--accent) / 0.5);
  }
  
  .data-\[state\=open\]\:bg-secondary[data-state=open] {
    background-color: hsl(var(--secondary));
  }
  
  .data-\[state\=selected\]\:bg-muted[data-state=selected] {
    background-color: hsl(var(--muted));
  }
  
  .data-\[state\=unchecked\]\:bg-input[data-state=unchecked] {
    background-color: hsl(var(--input));
  }
  
  .data-\[active\=true\]\:font-medium[data-active=true] {
    font-weight: 500;
  }
  
  .data-\[selected\=true\]\:text-accent-foreground[data-selected=true] {
    color: hsl(var(--accent-foreground));
  }
  
  .data-\[state\=active\]\:text-foreground[data-state=active] {
    color: hsl(var(--foreground));
  }
  
  .data-\[state\=active\]\:text-white[data-state=active] {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  .data-\[state\=checked\]\:text-primary-foreground[data-state=checked] {
    color: hsl(var(--primary-foreground));
  }
  
  .data-\[state\=on\]\:text-accent-foreground[data-state=on], .data-\[state\=open\]\:text-accent-foreground[data-state=open] {
    color: hsl(var(--accent-foreground));
  }
  
  .data-\[state\=open\]\:text-muted-foreground[data-state=open] {
    color: hsl(var(--muted-foreground));
  }
  
  .data-\[disabled\=true\]\:opacity-50[data-disabled=true], .data-\[disabled\]\:opacity-50[data-disabled] {
    opacity: 0.5;
  }
  
  .data-\[state\=open\]\:opacity-100[data-state=open] {
    opacity: 1;
  }
  
  .data-\[state\=active\]\:shadow-sm[data-state=active] {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  
  .data-\[swipe\=move\]\:transition-none[data-swipe=move] {
    transition-property: none;
  }
  
  .data-\[state\=closed\]\:duration-300[data-state=closed] {
    transition-duration: 0.3s;
  }
  
  .data-\[state\=open\]\:duration-500[data-state=open] {
    transition-duration: 0.5s;
  }
  
  .data-\[motion\^\=from-\]\:animate-in[data-motion^=from-], .data-\[state\=open\]\:animate-in[data-state=open], .data-\[state\=visible\]\:animate-in[data-state=visible] {
    animation-name: enter;
    animation-duration: 0.15s;
    --tw-enter-opacity: initial;
    --tw-enter-scale: initial;
    --tw-enter-rotate: initial;
    --tw-enter-translate-x: initial;
    --tw-enter-translate-y: initial;
  }
  
  .data-\[motion\^\=to-\]\:animate-out[data-motion^=to-], .data-\[state\=closed\]\:animate-out[data-state=closed], .data-\[state\=hidden\]\:animate-out[data-state=hidden], .data-\[swipe\=end\]\:animate-out[data-swipe=end] {
    animation-name: exit;
    animation-duration: 0.15s;
    --tw-exit-opacity: initial;
    --tw-exit-scale: initial;
    --tw-exit-rotate: initial;
    --tw-exit-translate-x: initial;
    --tw-exit-translate-y: initial;
  }
  
  .data-\[motion\^\=from-\]\:fade-in[data-motion^=from-] {
    --tw-enter-opacity: 0;
  }
  
  .data-\[motion\^\=to-\]\:fade-out[data-motion^=to-], .data-\[state\=closed\]\:fade-out-0[data-state=closed] {
    --tw-exit-opacity: 0;
  }
  
  .data-\[state\=closed\]\:fade-out-80[data-state=closed] {
    --tw-exit-opacity: 0.8;
  }
  
  .data-\[state\=hidden\]\:fade-out[data-state=hidden] {
    --tw-exit-opacity: 0;
  }
  
  .data-\[state\=open\]\:fade-in-0[data-state=open], .data-\[state\=visible\]\:fade-in[data-state=visible] {
    --tw-enter-opacity: 0;
  }
  
  .data-\[state\=closed\]\:zoom-out-95[data-state=closed] {
    --tw-exit-scale: 0.95;
  }
  
  .data-\[state\=open\]\:zoom-in-90[data-state=open] {
    --tw-enter-scale: 0.9;
  }
  
  .data-\[state\=open\]\:zoom-in-95[data-state=open] {
    --tw-enter-scale: 0.95;
  }
  
  .data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end] {
    --tw-enter-translate-x: 13rem;
  }
  
  .data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start] {
    --tw-enter-translate-x: -13rem;
  }
  
  .data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end] {
    --tw-exit-translate-x: 13rem;
  }
  
  .data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start] {
    --tw-exit-translate-x: -13rem;
  }
  
  .data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom] {
    --tw-enter-translate-y: -0.5rem;
  }
  
  .data-\[side\=left\]\:slide-in-from-right-2[data-side=left] {
    --tw-enter-translate-x: 0.5rem;
  }
  
  .data-\[side\=right\]\:slide-in-from-left-2[data-side=right] {
    --tw-enter-translate-x: -0.5rem;
  }
  
  .data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top] {
    --tw-enter-translate-y: 0.5rem;
  }
  
  .data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed] {
    --tw-exit-translate-y: 100%;
  }
  
  .data-\[state\=closed\]\:slide-out-to-left[data-state=closed] {
    --tw-exit-translate-x: -100%;
  }
  
  .data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed] {
    --tw-exit-translate-x: -50%;
  }
  
  .data-\[state\=closed\]\:slide-out-to-right[data-state=closed], .data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed] {
    --tw-exit-translate-x: 100%;
  }
  
  .data-\[state\=closed\]\:slide-out-to-top[data-state=closed] {
    --tw-exit-translate-y: -100%;
  }
  
  .data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed] {
    --tw-exit-translate-y: -48%;
  }
  
  .data-\[state\=open\]\:slide-in-from-bottom[data-state=open] {
    --tw-enter-translate-y: 100%;
  }
  
  .data-\[state\=open\]\:slide-in-from-left[data-state=open] {
    --tw-enter-translate-x: -100%;
  }
  
  .data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open] {
    --tw-enter-translate-x: -50%;
  }
  
  .data-\[state\=open\]\:slide-in-from-right[data-state=open] {
    --tw-enter-translate-x: 100%;
  }
  
  .data-\[state\=open\]\:slide-in-from-top[data-state=open] {
    --tw-enter-translate-y: -100%;
  }
  
  .data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open] {
    --tw-enter-translate-y: -48%;
  }
  
  .data-\[state\=open\]\:slide-in-from-top-full[data-state=open] {
    --tw-enter-translate-y: -100%;
  }
  
  .data-\[state\=closed\]\:duration-300[data-state=closed] {
    animation-duration: 0.3s;
  }
  
  .data-\[state\=open\]\:duration-500[data-state=open] {
    animation-duration: 0.5s;
  }
  
  .data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]:after {
    content: var(--tw-content);
    left: 0;
  }
  
  .data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]:after {
    content: var(--tw-content);
    height: 0.25rem;
  }
  
  .data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]:after {
    content: var(--tw-content);
    width: 100%;
  }
  
  .data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]:after {
    content: var(--tw-content);
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  
  .data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]:after {
    content: var(--tw-content);
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  
  .group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\] {
    left: calc(var(--sidebar-width) * -1);
  }
  
  .group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\] {
    right: calc(var(--sidebar-width) * -1);
  }
  
  .group[data-side=left] .group-data-\[side\=left\]\:-right-4 {
    right: -1rem;
  }
  
  .group[data-side=right] .group-data-\[side\=right\]\:left-0 {
    left: 0;
  }
  
  .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:-mt-8 {
    margin-top: -2rem;
  }
  
  .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:hidden {
    display: none;
  }
  
  .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!size-8 {
    width: 2rem !important;
    height: 2rem !important;
  }
  
  .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\] {
    width: var(--sidebar-width-icon);
  }
  
  .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\] {
    width: calc(var(--sidebar-width-icon) + 1rem);
  }
  
  .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\)] {
    width: calc(var(--sidebar-width-icon) + 1rem + 2px);
  }
  
  .group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:w-0 {
    width: 0px;
  }
  
  .group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:translate-x-0 {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  
  .group[data-side=right] .group-data-\[side\=right\]\:rotate-180, .group[data-state=open] .group-data-\[state\=open\]\:rotate-180 {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  
  .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:overflow-hidden {
    overflow: hidden;
  }
  
  .group[data-variant=floating] .group-data-\[variant\=floating\]\:rounded-lg {
    border-radius: var(--radius);
  }
  
  .group[data-variant=floating] .group-data-\[variant\=floating\]\:border {
    border-width: 1px;
  }
  
  .group[data-side=left] .group-data-\[side\=left\]\:border-r {
    border-right-width: 1px;
  }
  
  .group[data-side=right] .group-data-\[side\=right\]\:border-l {
    border-left-width: 1px;
  }
  
  .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!p-0 {
    padding: 0 !important;
  }
  
  .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!p-2 {
    padding: 0.5rem !important;
  }
  
  .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:opacity-0 {
    opacity: 0;
  }
  
  .group[data-variant=floating] .group-data-\[variant\=floating\]\:shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  
  .group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:after\:left-full:after {
    content: var(--tw-content);
    left: 100%;
  }
  
  .peer\/menu-button[data-size=default]~.peer-data-\[size\=default\]\/menu-button\:top-1\.5 {
    top: 0.375rem;
  }
  
  .peer\/menu-button[data-size=lg]~.peer-data-\[size\=lg\]\/menu-button\:top-2\.5 {
    top: 0.625rem;
  }
  
  .peer\/menu-button[data-size=sm]~.peer-data-\[size\=sm\]\/menu-button\:top-1 {
    top: 0.25rem;
  }
  
  .peer[data-variant=inset]~.peer-data-\[variant\=inset\]\:min-h-\[calc\(100svh-theme\(spacing\.4\)\)\] {
    min-height: calc(100svh - 1rem);
  }
  
  @media (min-width: 640px) {
    .sm\:bottom-0 {
      bottom: 0;
    }
  
    .sm\:right-0 {
      right: 0;
    }
  
    .sm\:top-auto {
      top: auto;
    }
  
    .sm\:mt-0 {
      margin-top: 0;
    }
  
    .sm\:inline {
      display: inline;
    }
  
    .sm\:flex {
      display: flex;
    }
  
    .sm\:max-w-sm {
      max-width: 24rem;
    }
  
    .sm\:flex-row {
      flex-direction: row;
    }
  
    .sm\:flex-col {
      flex-direction: column;
    }
  
    .sm\:justify-end {
      justify-content: flex-end;
    }
  
    .sm\:gap-2\.5 {
      gap: 0.625rem;
    }
  
    .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(0.5rem * var(--tw-space-x-reverse));
      margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
    }
  
    .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(1rem * var(--tw-space-x-reverse));
      margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
    }
  
    .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(0px * var(--tw-space-y-reverse));
    }
  
    .sm\:rounded-lg {
      border-radius: var(--radius);
    }
  
    .sm\:text-left {
      text-align: left;
    }
  
    .data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open] {
      --tw-enter-translate-y: 100%;
    }
  }
  
  @media (min-width: 768px) {
    .md\:absolute {
      position: absolute;
    }
  
    .md\:block {
      display: block;
    }
  
    .md\:flex {
      display: flex;
    }
  
    .md\:hidden {
      display: none;
    }
  
    .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] {
      width: var(--radix-navigation-menu-viewport-width);
    }
  
    .md\:w-auto {
      width: auto;
    }
  
    .md\:max-w-\[420px\] {
      max-width: 420px;
    }
  
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  
    .md\:text-sm {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
  
    .md\:opacity-0 {
      opacity: 0;
    }
  
    .after\:md\:hidden:after {
      content: var(--tw-content);
      display: none;
    }
  
    .peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:m-2 {
      margin: 0.5rem;
    }
  
    .peer[data-state=collapsed][data-variant=inset]~.md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2 {
      margin-left: 0.5rem;
    }
  
    .peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:ml-0 {
      margin-left: 0;
    }
  
    .peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:rounded-xl {
      border-radius: 0.75rem;
    }
  
    .peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:shadow {
      --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
      --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
  }
  
  @media (min-width: 1024px) {
    .lg\:col-span-1 {
      grid-column: span 1 / span 1;
    }
  
    .lg\:col-span-3 {
      grid-column: span 3 / span 3;
    }
  
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  
    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  
    .lg\:text-base {
      font-size: 1rem;
      line-height: 1.5rem;
    }
  }
  
  .\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]) {
    background-color: hsl(var(--accent));
  }
  
  .first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child {
    border-top-left-radius: calc(var(--radius) - 2px);
    border-bottom-left-radius: calc(var(--radius) - 2px);
  }
  
  .last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child {
    border-top-right-radius: calc(var(--radius) - 2px);
    border-bottom-right-radius: calc(var(--radius) - 2px);
  }
  
  .\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50:has([aria-selected].day-outside) {
    background-color: hsl(var(--accent) / 0.5);
  }
  
  .\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end) {
    border-top-right-radius: calc(var(--radius) - 2px);
    border-bottom-right-radius: calc(var(--radius) - 2px);
  }
  
  .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
    padding-right: 0;
  }
  
  .\[\&\>button\]\:hidden > button {
    display: none;
  }
  
  .\[\&\>span\:last-child\]\:truncate > span:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  
  .\[\&\>span\]\:line-clamp-1 > span {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  
  .\[\&\>svg\+div\]\:translate-y-\[-3px\] > svg + div {
    --tw-translate-y: -3px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  
  .\[\&\>svg\]\:absolute > svg {
    position: absolute;
  }
  
  .\[\&\>svg\]\:left-4 > svg {
    left: 1rem;
  }
  
  .\[\&\>svg\]\:top-4 > svg {
    top: 1rem;
  }
  
  .\[\&\>svg\]\:size-3\.5 > svg {
    width: 0.875rem;
    height: 0.875rem;
  }
  
  .\[\&\>svg\]\:size-4 > svg {
    width: 1rem;
    height: 1rem;
  }
  
  .\[\&\>svg\]\:h-2\.5 > svg {
    height: 0.625rem;
  }
  
  .\[\&\>svg\]\:h-3 > svg {
    height: 0.75rem;
  }
  
  .\[\&\>svg\]\:w-2\.5 > svg {
    width: 0.625rem;
  }
  
  .\[\&\>svg\]\:w-3 > svg {
    width: 0.75rem;
  }
  
  .\[\&\>svg\]\:shrink-0 > svg {
    flex-shrink: 0;
  }
  
  .\[\&\>svg\]\:text-foreground > svg {
    color: hsl(var(--foreground));
  }
  
  .\[\&\>svg\]\:text-muted-foreground > svg {
    color: hsl(var(--muted-foreground));
  }
  
  .\[\&\>svg\~\*\]\:pl-7 > svg ~ * {
    padding-left: 1.75rem;
  }
  
  .\[\&\>tr\]\:last\:border-b-0:last-child > tr {
    border-bottom-width: 0px;
  }
  
  .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text {
    fill: hsl(var(--muted-foreground));
  }
  
  .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"] {
    stroke: hsl(var(--border) / 0.5);
  }
  
  .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor {
    stroke: hsl(var(--border));
  }
  
  .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"] {
    stroke: transparent;
  }
  
  .\[\&_\.recharts-layer\]\:outline-none .recharts-layer {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
  
  .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"] {
    stroke: hsl(var(--border));
  }
  
  .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector, .[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor {
    fill: hsl(var(--muted));
  }
  
  .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"] {
    stroke: hsl(var(--border));
  }
  
  .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"] {
    stroke: transparent;
  }
  
  .\[\&_\.recharts-sector\]\:outline-none .recharts-sector, .[\&_\.recharts-surface\]\:outline-none .recharts-surface {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
  
  .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  
  .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }
  
  .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  
  .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
    font-weight: 500;
  }
  
  .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] {
    color: hsl(var(--muted-foreground));
  }
  
  .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~ [cmdk-group] {
    padding-top: 0;
  }
  
  .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  
  .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
    height: 1.25rem;
  }
  
  .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
    width: 1.25rem;
  }
  
  .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
    height: 3rem;
  }
  
  .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  
  .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  
  .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
    height: 1.25rem;
  }
  
  .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
    width: 1.25rem;
  }
  
  .\[\&_p\]\:leading-relaxed p {
    line-height: 1.625;
  }
  
  .\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none;
  }
  
  .\[\&_svg\]\:size-4 svg {
    width: 1rem;
    height: 1rem;
  }
  
  .\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
  }
  
  .\[\&_tr\:last-child\]\:border-0 tr:last-child {
    border-width: 0px;
  }
  
  .\[\&_tr\]\:border-b tr {
    border-bottom-width: 1px;
  }
  
  [data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
    right: -0.5rem;
  }
  
  [data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
    cursor: e-resize;
  }
  
  [data-side=left] .\[\[data-side\=left\]_\&\]\:cursor-w-resize {
    cursor: w-resize;
  }
  
  [data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
    left: -0.5rem;
  }
  
  [data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
    cursor: w-resize;
  }
  
  [data-side=right] .\[\[data-side\=right\]_\&\]\:cursor-e-resize {
    cursor: e-resize;
  }
  
  @keyframes spin-slow {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
  }
  
  @keyframes scan {
    0% { transform: translateX(-50%) translateY(-100%); }
    100% { transform: translateX(-50%) translateY(100%); }
  }
  
  @keyframes scan-horizontal {
    0% { transform: translateY(-50%) translateX(-100%); }
    100% { transform: translateY(-50%) translateX(100%); }
  }
  
  @keyframes rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
  }
  
  .animate-spin-slow {
    animation: spin-slow 20s linear infinite;
  }
  
  .animate-scan {
    animation: scan 3s ease-in-out infinite;
  }
  
  .animate-scan-horizontal {
    animation: scan-horizontal 3s ease-in-out infinite;
  }
  
  .animate-rotate {
    animation: rotate 30s linear infinite;
    transform-origin: center;
  }
  
  :where(html[dir="ltr"]),:where([data-sonner-toaster][dir="ltr"]){--toast-icon-margin-start: -3px;--toast-icon-margin-end: 4px;--toast-svg-margin-start: -1px;--toast-svg-margin-end: 0px;--toast-button-margin-start: auto;--toast-button-margin-end: 0;--toast-close-button-start: 0;--toast-close-button-end: unset;--toast-close-button-transform: translate(-35%, -35%)}
  :where(html[dir="rtl"]),:where([data-sonner-toaster][dir="rtl"]){--toast-icon-margin-start: 4px;--toast-icon-margin-end: -3px;--toast-svg-margin-start: 0px;--toast-svg-margin-end: -1px;--toast-button-margin-start: 0;--toast-button-margin-end: auto;--toast-close-button-start: unset;--toast-close-button-end: 0;--toast-close-button-transform: translate(35%, -35%)}
  :where([data-sonner-toaster]){position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1: hsl(0, 0%, 99%);--gray2: hsl(0, 0%, 97.3%);--gray3: hsl(0, 0%, 95.1%);--gray4: hsl(0, 0%, 93%);--gray5: hsl(0, 0%, 90.9%);--gray6: hsl(0, 0%, 88.7%);--gray7: hsl(0, 0%, 85.8%);--gray8: hsl(0, 0%, 78%);--gray9: hsl(0, 0%, 56.1%);--gray10: hsl(0, 0%, 52.3%);--gray11: hsl(0, 0%, 43.5%);--gray12: hsl(0, 0%, 9%);--border-radius: 8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:none;z-index:999999999}
  :where([data-sonner-toaster][data-x-position="right"]){right:max(var(--offset),env(safe-area-inset-right))}
  :where([data-sonner-toaster][data-x-position="left"]){left:max(var(--offset),env(safe-area-inset-left))}
  :where([data-sonner-toaster][data-x-position="center"]){left:50%;transform:translate(-50%)}
  :where([data-sonner-toaster][data-y-position="top"]){top:max(var(--offset),env(safe-area-inset-top))}
  :where([data-sonner-toaster][data-y-position="bottom"]){bottom:max(var(--offset),env(safe-area-inset-bottom))}
  :where([data-sonner-toast]){--y: translateY(100%);--lift-amount: calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);filter:blur(0);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}
  :where([data-sonner-toast][data-styled="true"]){padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}
  :where([data-sonner-toast]:focus-visible){box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}
  :where([data-sonner-toast][data-y-position="top"]){top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}
  :where([data-sonner-toast][data-y-position="bottom"]){bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}
  :where([data-sonner-toast]) :where([data-description]){font-weight:400;line-height:1.4;color:inherit}
  :where([data-sonner-toast]) :where([data-title]){font-weight:500;line-height:1.5;color:inherit}
  :where([data-sonner-toast]) :where([data-icon]){display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}
  :where([data-sonner-toast][data-promise="true"]) :where([data-icon])>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}
  :where([data-sonner-toast]) :where([data-icon])>*{flex-shrink:0}
  :where([data-sonner-toast]) :where([data-icon]) svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}
  :where([data-sonner-toast]) :where([data-content]){display:flex;flex-direction:column;gap:2px}
  [data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;cursor:pointer;outline:none;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}
  :where([data-sonner-toast]) :where([data-button]):focus-visible{box-shadow:0 0 0 2px #0006}
  :where([data-sonner-toast]) :where([data-button]):first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}
  :where([data-sonner-toast]) :where([data-cancel]){color:var(--normal-text);background:rgba(0,0,0,.08)}
  :where([data-sonner-toast][data-theme="dark"]) :where([data-cancel]){background:rgba(255,255,255,.3)}
  :where([data-sonner-toast]) :where([data-close-button]){position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;background:var(--gray1);color:var(--gray12);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}
  :where([data-sonner-toast]) :where([data-close-button]):focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}
  :where([data-sonner-toast]) :where([data-disabled="true"]){cursor:not-allowed}
  :where([data-sonner-toast]):hover :where([data-close-button]):hover{background:var(--gray2);border-color:var(--gray5)}
  :where([data-sonner-toast][data-swiping="true"]):before{content:"";position:absolute;left:0;right:0;height:100%;z-index:-1}
  :where([data-sonner-toast][data-y-position="top"][data-swiping="true"]):before{bottom:50%;transform:scaleY(3) translateY(50%)}
  :where([data-sonner-toast][data-y-position="bottom"][data-swiping="true"]):before{top:50%;transform:scaleY(3) translateY(-50%)}
  :where([data-sonner-toast][data-swiping="false"][data-removed="true"]):before{content:"";position:absolute;inset:0;transform:scaleY(2)}
  :where([data-sonner-toast]):after{content:"";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}
  :where([data-sonner-toast][data-mounted="true"]){--y: translateY(0);opacity:1}
  :where([data-sonner-toast][data-expanded="false"][data-front="false"]){--scale: var(--toasts-before) * .05 + 1;--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}
  :where([data-sonner-toast])>*{transition:opacity .4s}
  :where([data-sonner-toast][data-expanded="false"][data-front="false"][data-styled="true"])>*{opacity:0}
  :where([data-sonner-toast][data-visible="false"]){opacity:0;pointer-events:none}
  :where([data-sonner-toast][data-mounted="true"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}
  :where([data-sonner-toast][data-removed="true"][data-front="true"][data-swipe-out="false"]){--y: translateY(calc(var(--lift) * -100%));opacity:0}
  :where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}
  :where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="false"]){--y: translateY(40%);opacity:0;transition:transform .5s,opacity .2s}
  :where([data-sonner-toast][data-removed="true"][data-front="false"]):before{height:calc(var(--initial-height) + 20%)}
  [data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount, 0px));transition:none}
  [data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation:swipe-out .2s ease-out forwards}
  @keyframes swipe-out{0%{transform:translateY(calc(var(--lift) * var(--offset) + var(--swipe-amount)));opacity:1}to{transform:translateY(calc(var(--lift) * var(--offset) + var(--swipe-amount) + var(--lift) * -100%));opacity:0}}
  @media (max-width: 600px){[data-sonner-toaster]{position:fixed;--mobile-offset: 16px;right:var(--mobile-offset);left:var(--mobile-offset);width:100%}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset)}[data-sonner-toaster][data-y-position=bottom]{bottom:20px}[data-sonner-toaster][data-y-position=top]{top:20px}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset);right:var(--mobile-offset);transform:none}}
  [data-sonner-toaster][data-theme=light]{--normal-bg: #fff;--normal-border: var(--gray4);--normal-text: var(--gray12);--success-bg: hsl(143, 85%, 96%);--success-border: hsl(145, 92%, 91%);--success-text: hsl(140, 100%, 27%);--info-bg: hsl(208, 100%, 97%);--info-border: hsl(221, 91%, 91%);--info-text: hsl(210, 92%, 45%);--warning-bg: hsl(49, 100%, 97%);--warning-border: hsl(49, 91%, 91%);--warning-text: hsl(31, 92%, 45%);--error-bg: hsl(359, 100%, 97%);--error-border: hsl(359, 100%, 94%);--error-text: hsl(360, 100%, 45%)}
  [data-sonner-toaster][data-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1)}
  [data-sonner-toaster][data-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg: #fff;--normal-border: var(--gray3);--normal-text: var(--gray12)}
  [data-sonner-toaster][data-theme=dark]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1);--success-bg: hsl(150, 100%, 6%);--success-border: hsl(147, 100%, 12%);--success-text: hsl(150, 86%, 65%);--info-bg: hsl(215, 100%, 6%);--info-border: hsl(223, 100%, 12%);--info-text: hsl(216, 87%, 65%);--warning-bg: hsl(64, 100%, 6%);--warning-border: hsl(60, 100%, 12%);--warning-text: hsl(46, 87%, 65%);--error-bg: hsl(358, 76%, 10%);--error-border: hsl(357, 89%, 16%);--error-text: hsl(358, 100%, 81%)}
  [data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}
  [data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}
  [data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}
  [data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}
  .sonner-loading-wrapper{--size: 16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}
  .sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}
  .sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}
  .sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}
  .sonner-loading-bar:nth-child(1){animation-delay:-1.2s;transform:rotate(0.0001deg) translate(146%)}
  .sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}
  .sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}
  .sonner-loading-bar:nth-child(4){animation-delay:-0.9s;transform:rotate(90deg) translate(146%)}
  .sonner-loading-bar:nth-child(5){animation-delay:-0.8s;transform:rotate(120deg) translate(146%)}
  .sonner-loading-bar:nth-child(6){animation-delay:-0.7s;transform:rotate(150deg) translate(146%)}
  .sonner-loading-bar:nth-child(7){animation-delay:-0.6s;transform:rotate(180deg) translate(146%)}
  .sonner-loading-bar:nth-child(8){animation-delay:-0.5s;transform:rotate(210deg) translate(146%)}
  .sonner-loading-bar:nth-child(9){animation-delay:-0.4s;transform:rotate(240deg) translate(146%)}
  .sonner-loading-bar:nth-child(10){animation-delay:-0.3s;transform:rotate(270deg) translate(146%)}
  .sonner-loading-bar:nth-child(11){animation-delay:-0.2s;transform:rotate(300deg) translate(146%)}
  .sonner-loading-bar:nth-child(12){animation-delay:-0.1s;transform:rotate(330deg) translate(146%)}
  @keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}
  @keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}
  @keyframes sonner-spin{0%{opacity:1}to{opacity:0.15}}
  @media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}
  .sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}
  .sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}
  
  /* Adaptive for mobiles, no horizontal scroll, everything stacks like goat poo */
  @media (max-width: 767px) {
    .ceo-header {
      padding: 1rem;
      flex-direction: column;
      align-items: flex-start;
    }
  
    .metrics-grid {
      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
      gap: 1rem;
    }
  
    .trading-table th, .trading-table td {
      padding: 0.5rem;
      font-size: 0.7rem;
    }
  
    .panel-content {
      padding: 0.5rem;
    }
  
    .market-ticker {
      padding: 0.5rem 0;
    }
  
    .ticker-content {
      gap: 1rem;
    }
  
    .financial-dashboard {
      padding: 0.5rem;
    }
  
    body {
      overflow-x: hidden;
    }
  }