@charset "UTF-8";/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.fixed\!{position:fixed!important}.relative{position:relative}.static{position:static}.z-50{z-index:50}.col-span-2{grid-column:span 2/span 2}.container{width:100%}.mx-auto{margin-inline:auto}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.block\!{display:block!important}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-full{height:100%}.max-h-\[90vh\]{max-height:90vh}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-1\/3{width:33.3333%}.w-2\/3{width:66.6667%}.w-full{width:100%}.max-w-none{max-width:none}.flex-1{flex:1}.flex-shrink,.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}.self-center{align-self:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-transparent{border-color:#0000}.border-t-transparent{border-top-color:#0000}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.fill-current{fill:currentColor}.text-center{text-align:center}.text-right{text-align:right}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[var\(--red-500\)\]{color:var(--red-500)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition\!{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events!important;transition-timing-function:var(--tw-ease,ease)!important;transition-duration:var(--tw-duration,0s)!important}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.focus\:border-transparent:focus{border-color:#0000}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:opacity-50:disabled{opacity:.5}:root{--primary-color:#2563eb;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--red-500:#ef4444;--green-500:#10b981}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}svg{vertical-align:middle;display:block}.h-4{height:1rem!important}.h-5{height:1.25rem!important}.h-6{height:1.5rem!important}.w-4{width:1rem!important}.w-5{width:1.25rem!important}.w-6{width:1.5rem!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dark{--gray-50:#111827;--gray-100:#1f2937;--gray-200:#374151;--gray-400:#6b7280;--gray-500:#9ca3af;--gray-600:#d1d5db;--gray-700:#e5e7eb;--gray-800:#f3f4f6;--gray-900:#f9fafb}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: hsl(6, 78%, 57%);
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);

  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);

  --toastify-container-width: fit-content;
  --toastify-toast-width: 320px;
  --toastify-toast-offset: 16px;
  --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
  --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
  --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
  --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
  --toastify-toast-background: #fff;
  --toastify-toast-padding: 14px;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-toast-bd-radius: 6px;
  --toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;

  /* Used only for colored theme */
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;

  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
  /* used to control the opacity of the progress trail */
  --toastify-color-progress-bgo: 0.2;
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  width: var(--toastify-container-width);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  flex-direction: column;
}

.Toastify__toast-container--top-left {
  top: var(--toastify-toast-top);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--top-center {
  top: var(--toastify-toast-top);
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
}
.Toastify__toast-container--top-right {
  top: var(--toastify-toast-top);
  right: var(--toastify-toast-right);
  align-items: end;
}
.Toastify__toast-container--bottom-left {
  bottom: var(--toastify-toast-bottom);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--bottom-center {
  bottom: var(--toastify-toast-bottom);
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
}
.Toastify__toast-container--bottom-right {
  bottom: var(--toastify-toast-bottom);
  right: var(--toastify-toast-right);
  align-items: end;
}

.Toastify__toast {
  --y: 0;
  position: relative;
  touch-action: none;
  width: var(--toastify-toast-width);
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: var(--toastify-toast-padding);
  border-radius: var(--toastify-toast-bd-radius);
  box-shadow: var(--toastify-toast-shadow);
  max-height: var(--toastify-toast-max-height);
  font-family: var(--toastify-font-family);
  /* webkit only issue #791 */
  z-index: 0;
  /* inner swag */
  display: flex;
  flex: 1 auto;
  align-items: center;
  word-break: break-word;
}

@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    width: 100vw;
    left: env(safe-area-inset-left);
    margin: 0;
  }
  .Toastify__toast-container--top-left,
  .Toastify__toast-container--top-center,
  .Toastify__toast-container--top-right {
    top: env(safe-area-inset-top);
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left,
  .Toastify__toast-container--bottom-center,
  .Toastify__toast-container--bottom-right {
    bottom: env(safe-area-inset-bottom);
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: env(safe-area-inset-right);
    left: initial;
  }
  .Toastify__toast {
    --toastify-toast-width: 100%;
    margin-bottom: 0;
    border-radius: 0;
  }
}

.Toastify__toast-container[data-stacked='true'] {
  width: var(--toastify-toast-width);
}

.Toastify__toast--stacked {
  position: absolute;
  width: 100%;
  transform: translate3d(0, var(--y), 0) scale(var(--s));
  transition: transform 0.3s;
}

.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,
.Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
  transition: opacity 0.1s;
}

.Toastify__toast--stacked[data-collapsed='false'] {
  overflow: visible;
}

.Toastify__toast--stacked[data-collapsed='true']:not(:last-child) > * {
  opacity: 0;
}

.Toastify__toast--stacked:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: calc(var(--g) * 1px);
  bottom: 100%;
}

.Toastify__toast--stacked[data-pos='top'] {
  top: 0;
}

.Toastify__toast--stacked[data-pos='bot'] {
  bottom: 0;
}

.Toastify__toast--stacked[data-pos='bot'].Toastify__toast--stacked:before {
  transform-origin: top;
}

.Toastify__toast--stacked[data-pos='top'].Toastify__toast--stacked:before {
  transform-origin: bottom;
}

.Toastify__toast--stacked:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  transform: scaleY(3);
  z-index: -1;
}

.Toastify__toast--rtl {
  direction: rtl;
}

.Toastify__toast--close-on-click {
  cursor: pointer;
}

.Toastify__toast-icon {
  margin-inline-end: 10px;
  width: 22px;
  flex-shrink: 0;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.5s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}

.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}

.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}

.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}

.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}

.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}

.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}

.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}

.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  position: absolute;
  top: 6px;
  right: 6px;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  z-index: 1;
}

.Toastify__toast--rtl .Toastify__close-button {
  left: 6px;
  right: unset;
}

.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}

.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}

.Toastify__close-button:hover,
.Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}

.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.7;
  transform-origin: left;
}

.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}

.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}

.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
  border-bottom-left-radius: initial;
}

.Toastify__progress-bar--wrp {
  position: absolute;
  overflow: hidden;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
  border-bottom-right-radius: var(--toastify-toast-bd-radius);
}

.Toastify__progress-bar--wrp[data-hidden='true'] {
  opacity: 0;
}

.Toastify__progress-bar--bg {
  opacity: var(--toastify-color-progress-bgo);
  width: 100%;
  height: 100%;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, var(--y), 0);
  }
}

@keyframes Toastify__bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, var(--y), 0);
  }
}

@keyframes Toastify__bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes Toastify__bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.Toastify__bounce-enter--top-left,
.Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}

.Toastify__bounce-enter--top-right,
.Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}

.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}

.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left,
.Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}

.Toastify__bounce-exit--top-right,
.Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}

.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}

.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}

@keyframes Toastify__flipOut {
  from {
    transform: translate3d(0, var(--y), 0) perspective(400px);
  }
  30% {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, var(--y), 0);
  }
}

@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, var(--y), 0);
  }
}

@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}

@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}

.Toastify__slide-enter--top-left,
.Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}

.Toastify__slide-enter--top-right,
.Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}

.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}

.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left,
.Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--top-right,
.Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
._privacyStatusBar_dyh6j_1 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 16px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  position: relative;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  min-width: 200px;
}

._privacySection_dyh6j_14 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
}

._privacyIndicator_dyh6j_21 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  border: 1px solid transparent;
  background: rgba(255, 255, 255, 0.05);
}
._privacyIndicator_dyh6j_21:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.2);
}
._privacyIndicator_dyh6j_21._clearnet_dyh6j_36 {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.2);
}
._privacyIndicator_dyh6j_21._clearnet_dyh6j_36 ._icon_dyh6j_40 {
  color: #f59e0b;
}
._privacyIndicator_dyh6j_21._privacy-active_dyh6j_43 {
  background: rgba(34, 197, 94, 0.1);
  border-color: rgba(34, 197, 94, 0.2);
}
._privacyIndicator_dyh6j_21._privacy-active_dyh6j_43 ._icon_dyh6j_40 {
  color: #22c55e;
}
._privacyIndicator_dyh6j_21._basic_dyh6j_50 ._icon_dyh6j_40 {
  color: #3b82f6;
}
._privacyIndicator_dyh6j_21._strong_dyh6j_53 ._icon_dyh6j_40 {
  color: #10b981;
}
._privacyIndicator_dyh6j_21._maximum_dyh6j_56 {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.15) 0%, rgba(147, 51, 234, 0.15) 100%);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
._privacyIndicator_dyh6j_21._maximum_dyh6j_56 ._icon_dyh6j_40 {
  color: #ef4444;
  filter: drop-shadow(0 0 6px rgba(239, 68, 68, 0.3));
}
._privacyIndicator_dyh6j_21._connecting_dyh6j_64 ._icon_dyh6j_40 {
  color: #f59e0b;
  animation: _pulse_dyh6j_1 2s ease-in-out infinite;
}

._icon_dyh6j_40 {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  transition: color 0.2s ease;
}

._privacyContent_dyh6j_76 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 80px;
}

._privacyLabel_dyh6j_83 {
  font-size: 10px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

._privacyValue_dyh6j_91 {
  font-size: 12px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
  white-space: nowrap;
}

._circuitCount_dyh6j_98 {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 2px 6px;
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 4px;
}

._circuitText_dyh6j_108 {
  font-size: 10px;
  font-weight: 500;
  color: #10b981;
}

._privacyMenu_dyh6j_114 {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 8px;
  background: rgba(30, 30, 30, 0.95);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 16px;
  z-index: 1000;
  min-width: 320px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
  animation: _slideDown_dyh6j_1 0.2s ease-out;
}

@keyframes _slideDown_dyh6j_1 {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._menuHeader_dyh6j_141 {
  display: flex;
  justify-content: between;
  align-items: center;
  margin-bottom: 16px;
}
._menuHeader_dyh6j_141 h3 {
  font-size: 14px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
  margin: 0;
}

._closeButton_dyh6j_154 {
  background: none;
  border: none;
  color: rgba(255, 255, 255, 0.6);
  font-size: 18px;
  cursor: pointer;
  padding: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: all 0.2s ease;
}
._closeButton_dyh6j_154:hover {
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.9);
}

._menuSection_dyh6j_174 {
  margin-bottom: 16px;
}
._menuSection_dyh6j_174:last-child {
  margin-bottom: 0;
}

._sectionTitle_dyh6j_181 {
  font-size: 12px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.7);
  margin: 0 0 8px 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

._torToggle_dyh6j_190 {
  display: flex;
  align-items: center;
  gap: 12px;
}

._toggleLabel_dyh6j_196 {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.9);
}

._toggleInput_dyh6j_205 {
  display: none;
}

._toggleSlider_dyh6j_209 {
  position: relative;
  width: 44px;
  height: 24px;
  background: rgba(100, 116, 139, 0.3);
  border-radius: 12px;
  transition: all 0.2s ease;
}
._toggleSlider_dyh6j_209::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  background: #64748b;
  border-radius: 50%;
  transition: all 0.2s ease;
}
._toggleInput_dyh6j_205:checked + ._toggleSlider_dyh6j_209 {
  background: rgba(16, 185, 129, 0.3);
}
._toggleInput_dyh6j_205:checked + ._toggleSlider_dyh6j_209::before {
  transform: translateX(20px);
  background: #10b981;
}

._toggleText_dyh6j_236 {
  font-weight: 500;
}

._privacyLevels_dyh6j_240 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._privacyLevel_dyh6j_240 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: left;
}
._privacyLevel_dyh6j_240:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.2);
}
._privacyLevel_dyh6j_240._active_dyh6j_262 {
  background: rgba(59, 130, 246, 0.15);
  border-color: rgba(59, 130, 246, 0.3);
}
._privacyLevel_dyh6j_240._active_dyh6j_262 ._levelIcon_dyh6j_266 {
  color: #3b82f6;
}

._levelIcon_dyh6j_266 {
  width: 16px;
  height: 16px;
  color: rgba(255, 255, 255, 0.6);
  transition: color 0.2s ease;
}

._levelContent_dyh6j_277 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
}

._levelLabel_dyh6j_284 {
  font-size: 13px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
}

._levelDesc_dyh6j_290 {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.6);
}

._torStatus_dyh6j_295 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 8px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px;
}

._statusRow_dyh6j_305 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 11px;
}
._statusRow_dyh6j_305 span:first-child {
  color: rgba(255, 255, 255, 0.6);
}

._statusValue_dyh6j_315 {
  font-weight: 500;
  color: rgba(255, 255, 255, 0.9);
}
._statusValue_dyh6j_315._connected_dyh6j_319 {
  color: #10b981;
}
._statusValue_dyh6j_315._disconnected_dyh6j_322 {
  color: #ef4444;
}

._onionAddresses_dyh6j_326 {
  margin-top: 8px;
}
._onionAddresses_dyh6j_326 h5 {
  font-size: 11px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.7);
  margin: 0 0 6px 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

._onionAddress_dyh6j_326 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 8px;
  padding: 6px 8px;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 4px;
}

._onionLabel_dyh6j_349 {
  font-size: 10px;
  font-weight: 500;
  color: #a78bfa;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

._onionUrl_dyh6j_357 {
  font-family: "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", monospace;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.8);
  background: rgba(0, 0, 0, 0.2);
  padding: 4px 6px;
  border-radius: 3px;
  word-break: break-all;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

._quickActions_dyh6j_368 {
  display: flex;
  gap: 8px;
}

._actionButton_dyh6j_373 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.2);
  border-radius: 6px;
  color: #60a5fa;
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  text-decoration: none;
}
._actionButton_dyh6j_373:hover {
  background: rgba(59, 130, 246, 0.2);
  border-color: rgba(59, 130, 246, 0.3);
  color: #3b82f6;
}

._actionIcon_dyh6j_394 {
  width: 12px;
  height: 12px;
}

._connectionQuality_dyh6j_399 {
  display: flex;
  align-items: center;
  gap: 3px;
  margin-left: 8px;
}

._dots_dyh6j_406 {
  display: flex;
  gap: 2px;
}

._dot_dyh6j_406 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(100, 116, 139, 0.3);
  transition: all 0.2s ease;
}
._dot_dyh6j_406._active_dyh6j_262 {
  background: #10b981;
  box-shadow: 0 0 6px rgba(16, 185, 129, 0.4);
}

._connectionQuality_dyh6j_399._good_dyh6j_423 ._dot_dyh6j_406._active_dyh6j_262 {
  background: #10b981;
}

._connectionQuality_dyh6j_399._poor_dyh6j_427 ._dot_dyh6j_406._active_dyh6j_262 {
  background: #ef4444;
}

@keyframes _pulse_dyh6j_1 {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
@media (max-width: 768px) {
  ._privacyMenu_dyh6j_114 {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100vw - 32px);
    max-width: 320px;
    margin-top: 0;
  }
  ._privacyStatusBar_dyh6j_1 {
    min-width: auto;
  }
  ._privacyContent_dyh6j_76 {
    min-width: 60px;
  }
}
._securityInfo_dyh6j_456 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._securityFeature_dyh6j_462 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  background: rgba(34, 197, 94, 0.05);
  border: 1px solid rgba(34, 197, 94, 0.15);
  border-radius: 8px;
  transition: all 0.2s ease;
}
._securityFeature_dyh6j_462:hover {
  background: rgba(34, 197, 94, 0.08);
  border-color: rgba(34, 197, 94, 0.25);
}

._featureIcon_dyh6j_477 {
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

._featureContent_dyh6j_487 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
}

._featureTitle_dyh6j_494 {
  font-size: 12px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
}

._featureDesc_dyh6j_500 {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.3;
}

._torExplanation_dyh6j_506 {
  margin-bottom: 12px;
  padding: 12px;
  background: rgba(139, 92, 246, 0.08);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 8px;
}

._explanationText_dyh6j_514 {
  font-size: 12px;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.8);
  margin: 0;
}
._explanationText_dyh6j_514 strong {
  color: #a78bfa;
  font-weight: 600;
}

._anonymous_dyh6j_525 {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.3);
}
._anonymous_dyh6j_525 ._icon_dyh6j_40 {
  color: #a78bfa;
}

._torActive_dyh6j_533 {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 8px;
  padding: 16px;
}

._anonymousStatus_dyh6j_540 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
._anonymousStatus_dyh6j_540 ._activeIcon_dyh6j_546 {
  width: 20px;
  height: 20px;
  color: #a78bfa;
  flex-shrink: 0;
}
._anonymousStatus_dyh6j_540 ._statusTitle_dyh6j_552 {
  display: block;
  font-weight: 600;
  color: #a78bfa;
  font-size: 14px;
}
._anonymousStatus_dyh6j_540 ._statusDesc_dyh6j_558 {
  display: block;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
  margin-top: 2px;
}

._onionInfo_dyh6j_565 {
  padding: 8px 12px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 6px;
}
._onionInfo_dyh6j_565 ._onionLabel_dyh6j_349 {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
  margin-right: 8px;
}
._onionInfo_dyh6j_565 ._onionAddress_dyh6j_326 {
  font-family: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
  font-size: 11px;
  color: #a78bfa;
  background: rgba(139, 92, 246, 0.1);
  padding: 4px 8px;
  border-radius: 4px;
  border: 1px solid rgba(139, 92, 246, 0.2);
}

._torAccess_dyh6j_585 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._torButton_dyh6j_591 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(139, 92, 246, 0.05));
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  width: 100%;
}
._torButton_dyh6j_591:hover {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(139, 92, 246, 0.08));
  border-color: rgba(139, 92, 246, 0.4);
  transform: translateY(-1px);
}
._torButton_dyh6j_591 ._buttonIcon_dyh6j_608 {
  width: 24px;
  height: 24px;
  color: #a78bfa;
  flex-shrink: 0;
}
._torButton_dyh6j_591 ._buttonTitle_dyh6j_614 {
  display: block;
  font-weight: 600;
  color: #a78bfa;
  font-size: 14px;
  text-align: left;
}
._torButton_dyh6j_591 ._buttonDesc_dyh6j_621 {
  display: block;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
  margin-top: 2px;
  text-align: left;
}
._torButton_dyh6j_591 ._externalIcon_dyh6j_628 {
  width: 16px;
  height: 16px;
  color: rgba(255, 255, 255, 0.5);
  margin-left: auto;
}

._torInstructions_dyh6j_635 {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.4;
}
._torInstructions_dyh6j_635 p {
  margin: 4px 0;
}
._torInstructions_dyh6j_635 a {
  color: #a78bfa;
  text-decoration: none;
}
._torInstructions_dyh6j_635 a:hover {
  text-decoration: underline;
}
._torInstructions_dyh6j_635 code {
  font-family: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
  font-size: 11px;
  color: #a78bfa;
  background: rgba(139, 92, 246, 0.1);
  padding: 2px 6px;
  border-radius: 3px;
  border: 1px solid rgba(139, 92, 246, 0.2);
}._globalTopBar_17k8e_1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.95), rgba(30, 41, 59, 0.95));
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(59, 130, 246, 0.2);
  z-index: 9999;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
._globalTopBar_17k8e_1 ._container_17k8e_13 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 20px;
  gap: 20px;
}
@media (max-width: 768px) {
  ._globalTopBar_17k8e_1 ._container_17k8e_13 {
    padding: 0 12px;
    gap: 12px;
  }
}
._globalTopBar_17k8e_1 ._brand_17k8e_29 {
  display: flex;
  align-items: center;
  min-width: 120px;
}
._globalTopBar_17k8e_1 ._brand_17k8e_29 ._brandText_17k8e_34 {
  font-size: 1.5rem;
  font-weight: 700;
  background: linear-gradient(135deg, #3b82f6, #8b5cf6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
@media (max-width: 480px) {
  ._globalTopBar_17k8e_1 ._brand_17k8e_29 {
    min-width: 80px;
  }
  ._globalTopBar_17k8e_1 ._brand_17k8e_29 ._brandText_17k8e_34 {
    font-size: 1.2rem;
  }
}
._globalTopBar_17k8e_1 ._searchSection_17k8e_50 {
  position: relative;
  flex: 1;
  max-width: 500px;
  margin: 0 20px;
}
@media (max-width: 768px) {
  ._globalTopBar_17k8e_1 ._searchSection_17k8e_50 {
    max-width: 300px;
    margin: 0 10px;
  }
}
@media (max-width: 480px) {
  ._globalTopBar_17k8e_1 ._searchSection_17k8e_50 {
    max-width: 200px;
    margin: 0 5px;
  }
}
._globalTopBar_17k8e_1 ._searchSection_17k8e_50 ._searchContainer_17k8e_68 {
  position: relative;
  display: flex;
  align-items: center;
  background: rgba(15, 23, 42, 0.6);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 12px;
  padding: 8px 12px;
  transition: all 0.3s ease;
}
._globalTopBar_17k8e_1 ._searchSection_17k8e_50 ._searchContainer_17k8e_68:focus-within {
  border-color: rgba(59, 130, 246, 0.6);
  background: rgba(15, 23, 42, 0.8);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
._globalTopBar_17k8e_1 ._searchSection_17k8e_50 ._searchContainer_17k8e_68 ._searchIcon_17k8e_83 {
  width: 18px;
  height: 18px;
  color: #64748b;
  margin-right: 8px;
  flex-shrink: 0;
}
._globalTopBar_17k8e_1 ._searchSection_17k8e_50 ._searchContainer_17k8e_68 ._searchInput_17k8e_90 {
  flex: 1;
  background: transparent;
  border: none;
  outline: none;
  color: #ffffff;
  font-size: 0.9rem;
  placeholder-color: #64748b;
}
._globalTopBar_17k8e_1 ._searchSection_17k8e_50 ._searchContainer_17k8e_68 ._searchInput_17k8e_90::-moz-placeholder {
  color: #64748b;
}
._globalTopBar_17k8e_1 ._searchSection_17k8e_50 ._searchContainer_17k8e_68 ._searchInput_17k8e_90::placeholder {
  color: #64748b;
}
@media (max-width: 480px) {
  ._globalTopBar_17k8e_1 ._searchSection_17k8e_50 ._searchContainer_17k8e_68 ._searchInput_17k8e_90 {
    font-size: 0.8rem;
  }
  ._globalTopBar_17k8e_1 ._searchSection_17k8e_50 ._searchContainer_17k8e_68 ._searchInput_17k8e_90::-moz-placeholder {
    font-size: 0.8rem;
  }
  ._globalTopBar_17k8e_1 ._searchSection_17k8e_50 ._searchContainer_17k8e_68 ._searchInput_17k8e_90::placeholder {
    font-size: 0.8rem;
  }
}
._globalTopBar_17k8e_1 ._searchSection_17k8e_50 ._searchContainer_17k8e_68 ._clearButton_17k8e_110 {
  background: none;
  border: none;
  padding: 4px;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease;
}
._globalTopBar_17k8e_1 ._searchSection_17k8e_50 ._searchContainer_17k8e_68 ._clearButton_17k8e_110:hover {
  background: rgba(100, 116, 139, 0.2);
}
._globalTopBar_17k8e_1 ._searchSection_17k8e_50 ._searchContainer_17k8e_68 ._clearButton_17k8e_110 ._clearIcon_17k8e_124 {
  width: 14px;
  height: 14px;
  color: #64748b;
}
._globalTopBar_17k8e_1 ._searchSection_17k8e_50 ._searchResults_17k8e_129 {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  background: rgba(15, 23, 42, 0.98);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 12px;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4);
  z-index: 10000;
  max-height: 400px;
  overflow-y: auto;
  animation: _slideDown_17k8e_1 0.2s ease-out;
}
._globalTopBar_17k8e_1 ._searchSection_17k8e_50 ._searchResults_17k8e_129 ._searchResult_17k8e_129 {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  border-bottom: 1px solid rgba(59, 130, 246, 0.1);
}
._globalTopBar_17k8e_1 ._searchSection_17k8e_50 ._searchResults_17k8e_129 ._searchResult_17k8e_129:last-child {
  border-bottom: none;
}
._globalTopBar_17k8e_1 ._searchSection_17k8e_50 ._searchResults_17k8e_129 ._searchResult_17k8e_129:hover {
  background: rgba(59, 130, 246, 0.1);
}
._globalTopBar_17k8e_1 ._searchSection_17k8e_50 ._searchResults_17k8e_129 ._searchResult_17k8e_129 ._resultIcon_17k8e_158 {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 8px;
  margin-right: 12px;
  font-size: 16px;
}
._globalTopBar_17k8e_1 ._searchSection_17k8e_50 ._searchResults_17k8e_129 ._searchResult_17k8e_129 ._resultContent_17k8e_169 {
  flex: 1;
  min-width: 0;
}
._globalTopBar_17k8e_1 ._searchSection_17k8e_50 ._searchResults_17k8e_129 ._searchResult_17k8e_129 ._resultContent_17k8e_169 ._resultTitle_17k8e_173 {
  font-size: 0.9rem;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._globalTopBar_17k8e_1 ._searchSection_17k8e_50 ._searchResults_17k8e_129 ._searchResult_17k8e_129 ._resultContent_17k8e_169 ._resultSubtitle_17k8e_182 {
  font-size: 0.8rem;
  color: #94a3b8;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._globalTopBar_17k8e_1 ._searchSection_17k8e_50 ._searchResults_17k8e_129 ._searchResult_17k8e_129._clickable_17k8e_189 {
  cursor: pointer;
}
._globalTopBar_17k8e_1 ._searchSection_17k8e_50 ._searchResults_17k8e_129 ._searchResult_17k8e_129._clickable_17k8e_189:hover {
  background: rgba(59, 130, 246, 0.2);
  transform: translateX(4px);
}
._globalTopBar_17k8e_1 ._searchSection_17k8e_50 ._searchResults_17k8e_129 ._searchResult_17k8e_129._clickable_17k8e_189:hover ._resultArrow_17k8e_196 {
  opacity: 1;
  transform: translateX(4px);
}
._globalTopBar_17k8e_1 ._searchSection_17k8e_50 ._searchResults_17k8e_129 ._searchResult_17k8e_129 ._resultArrow_17k8e_196 {
  color: #6366f1;
  font-size: 1.25rem;
  opacity: 0.7;
  transition: all 0.2s ease;
  margin-left: 8px;
}
._globalTopBar_17k8e_1 ._miningSection_17k8e_207,
._globalTopBar_17k8e_1 ._balanceSection_17k8e_208,
._globalTopBar_17k8e_1 ._rewardsSection_17k8e_209 {
  flex: 1;
  display: flex;
  justify-content: center;
}
@media (max-width: 768px) {
  ._globalTopBar_17k8e_1 ._miningSection_17k8e_207,
  ._globalTopBar_17k8e_1 ._balanceSection_17k8e_208,
  ._globalTopBar_17k8e_1 ._rewardsSection_17k8e_209 {
    flex: 0 1 auto;
  }
}
._globalTopBar_17k8e_1 ._statusItem_17k8e_221 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: rgba(15, 23, 42, 0.6);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 8px;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  transition: all 0.3s ease;
}
._globalTopBar_17k8e_1 ._statusItem_17k8e_221:hover {
  background: rgba(15, 23, 42, 0.8);
  border-color: rgba(59, 130, 246, 0.5);
  transform: translateY(-1px);
}
@media (max-width: 480px) {
  ._globalTopBar_17k8e_1 ._statusItem_17k8e_221 {
    padding: 6px 8px;
    gap: 6px;
  }
}
._globalTopBar_17k8e_1 ._statusItem_17k8e_221 ._icon_17k8e_243 {
  width: 18px;
  height: 18px;
  color: #3b82f6;
  flex-shrink: 0;
}
@media (max-width: 480px) {
  ._globalTopBar_17k8e_1 ._statusItem_17k8e_221 ._icon_17k8e_243 {
    width: 16px;
    height: 16px;
  }
}
._globalTopBar_17k8e_1 ._statusItem_17k8e_221 ._statusContent_17k8e_255 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
._globalTopBar_17k8e_1 ._statusItem_17k8e_221 ._statusContent_17k8e_255 ._label_17k8e_261 {
  font-size: 0.7rem;
  color: #94a3b8;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
@media (max-width: 480px) {
  ._globalTopBar_17k8e_1 ._statusItem_17k8e_221 ._statusContent_17k8e_255 ._label_17k8e_261 {
    font-size: 0.65rem;
  }
}
._globalTopBar_17k8e_1 ._statusItem_17k8e_221 ._statusContent_17k8e_255 ._statusValue_17k8e_273 {
  display: flex;
  align-items: center;
  gap: 6px;
}
._globalTopBar_17k8e_1 ._statusItem_17k8e_221 ._statusContent_17k8e_255 ._statusValue_17k8e_273 ._value_17k8e_278 {
  font-size: 0.9rem;
  font-weight: 600;
  color: #ffffff;
  white-space: nowrap;
}
@media (max-width: 480px) {
  ._globalTopBar_17k8e_1 ._statusItem_17k8e_221 ._statusContent_17k8e_255 ._statusValue_17k8e_273 ._value_17k8e_278 {
    font-size: 0.8rem;
  }
}
._globalTopBar_17k8e_1 ._statusItem_17k8e_221 ._statusContent_17k8e_255 ._statusValue_17k8e_273 ._statusDot_17k8e_289 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}
._globalTopBar_17k8e_1 ._statusItem_17k8e_221 ._statusContent_17k8e_255 ._statusValue_17k8e_273 ._statusDot_17k8e_289._active_17k8e_295 {
  background: #10b981;
  box-shadow: 0 0 8px rgba(16, 185, 129, 0.6);
  animation: _pulse_17k8e_1 2s infinite;
}
._globalTopBar_17k8e_1 ._statusItem_17k8e_221 ._statusContent_17k8e_255 ._statusValue_17k8e_273 ._statusDot_17k8e_289._inactive_17k8e_300 {
  background: #ef4444;
  opacity: 0.7;
}
._globalTopBar_17k8e_1 ._rewardsSection_17k8e_209 ._statusItem_17k8e_221 {
  border-color: rgba(16, 185, 129, 0.4);
  background: rgba(6, 78, 59, 0.4);
}
._globalTopBar_17k8e_1 ._rewardsSection_17k8e_209 ._statusItem_17k8e_221:hover {
  border-color: rgba(16, 185, 129, 0.6);
  background: rgba(6, 78, 59, 0.6);
}
._globalTopBar_17k8e_1 ._rewardsSection_17k8e_209 ._statusItem_17k8e_221 ._statusContent_17k8e_255 ._statusValue_17k8e_273 ._value_17k8e_278 {
  color: #10b981;
}
._globalTopBar_17k8e_1 ._connectionSection_17k8e_315 {
  display: flex;
  align-items: center;
  min-width: 80px;
  justify-content: flex-end;
}
._globalTopBar_17k8e_1 ._connectionSection_17k8e_315 ._connectionStatus_17k8e_321 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 6px;
  background: rgba(15, 23, 42, 0.6);
  border: 1px solid rgba(100, 116, 139, 0.3);
}
@media (max-width: 480px) {
  ._globalTopBar_17k8e_1 ._connectionSection_17k8e_315 ._connectionStatus_17k8e_321 {
    padding: 4px 8px;
    gap: 4px;
  }
}
._globalTopBar_17k8e_1 ._connectionSection_17k8e_315 ._connectionStatus_17k8e_321 ._connectionIcon_17k8e_336 {
  width: 14px;
  height: 14px;
  transition: color 0.3s ease;
}
._globalTopBar_17k8e_1 ._connectionSection_17k8e_315 ._connectionStatus_17k8e_321 ._connectionIcon_17k8e_336._connected_17k8e_341 {
  color: #10b981;
}
._globalTopBar_17k8e_1 ._connectionSection_17k8e_315 ._connectionStatus_17k8e_321 ._connectionIcon_17k8e_336._disconnected_17k8e_344 {
  color: #ef4444;
}
@media (max-width: 480px) {
  ._globalTopBar_17k8e_1 ._connectionSection_17k8e_315 ._connectionStatus_17k8e_321 ._connectionIcon_17k8e_336 {
    width: 12px;
    height: 12px;
  }
}
._globalTopBar_17k8e_1 ._connectionSection_17k8e_315 ._connectionStatus_17k8e_321 ._connectionText_17k8e_353 {
  font-size: 0.75rem;
  font-weight: 500;
  transition: color 0.3s ease;
}
._globalTopBar_17k8e_1 ._connectionSection_17k8e_315 ._connectionStatus_17k8e_321 ._connectionText_17k8e_353._connected_17k8e_341 {
  color: #10b981;
}
._globalTopBar_17k8e_1 ._connectionSection_17k8e_315 ._connectionStatus_17k8e_321 ._connectionText_17k8e_353._disconnected_17k8e_344 {
  color: #ef4444;
}
@media (max-width: 480px) {
  ._globalTopBar_17k8e_1 ._connectionSection_17k8e_315 ._connectionStatus_17k8e_321 ._connectionText_17k8e_353 {
    font-size: 0.7rem;
  }
}
._globalTopBar_17k8e_1 ._userSection_17k8e_369 {
  position: relative;
  display: flex;
  align-items: center;
  min-width: 80px;
  justify-content: flex-end;
}
._globalTopBar_17k8e_1 ._userSection_17k8e_369 ._userButton_17k8e_376 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: rgba(15, 23, 42, 0.6);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
}
._globalTopBar_17k8e_1 ._userSection_17k8e_369 ._userButton_17k8e_376:hover {
  background: rgba(15, 23, 42, 0.8);
  border-color: rgba(59, 130, 246, 0.5);
  transform: translateY(-1px);
}
._globalTopBar_17k8e_1 ._userSection_17k8e_369 ._userButton_17k8e_376 ._userIcon_17k8e_392 {
  width: 16px;
  height: 16px;
  color: #3b82f6;
}
._globalTopBar_17k8e_1 ._userSection_17k8e_369 ._userButton_17k8e_376 ._userInitial_17k8e_397 {
  font-size: 0.9rem;
  font-weight: 600;
  color: #ffffff;
}
._globalTopBar_17k8e_1 ._userSection_17k8e_369 ._userMenu_17k8e_402 {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  background: rgba(15, 23, 42, 0.95);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 8px;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  min-width: 120px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  z-index: 10000;
}
._globalTopBar_17k8e_1 ._userSection_17k8e_369 ._userMenu_17k8e_402 ._logoutButton_17k8e_414 {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 12px 16px;
  background: none;
  border: none;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 0.9rem;
  font-weight: 500;
}
._globalTopBar_17k8e_1 ._userSection_17k8e_369 ._userMenu_17k8e_402 ._logoutButton_17k8e_414:hover {
  background: rgba(239, 68, 68, 0.1);
  color: #ef4444;
}
._globalTopBar_17k8e_1 ._userSection_17k8e_369 ._userMenu_17k8e_402 ._logoutButton_17k8e_414 ._logoutIcon_17k8e_432 {
  width: 16px;
  height: 16px;
}
@keyframes _pulse_17k8e_1 {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.8;
    transform: scale(1.1);
  }
}
@keyframes _slideDown_17k8e_1 {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 640px) {
  ._globalTopBar_17k8e_1 {
    height: 50px;
  }
  ._globalTopBar_17k8e_1 ._rewardsSection_17k8e_209 {
    display: none;
  }
}
@media (max-width: 480px) {
  ._globalTopBar_17k8e_1 {
    height: 45px;
  }
  ._globalTopBar_17k8e_1 ._miningSection_17k8e_207 ._statusItem_17k8e_221 ._statusContent_17k8e_255 ._label_17k8e_261,
  ._globalTopBar_17k8e_1 ._balanceSection_17k8e_208 ._statusItem_17k8e_221 ._statusContent_17k8e_255 ._label_17k8e_261 {
    display: none;
  }
}._sidebar_107dh_1 {
  width: 20rem;
  height: 100vh;
  background: linear-gradient(180deg, #0a0a0a 0%, #1a1a1a 50%, #0f0f0f 100%);
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
._sidebar_107dh_1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 20% 20%, rgba(0, 255, 136, 0.1) 0%, transparent 50%), radial-gradient(circle at 80% 80%, rgba(59, 130, 246, 0.1) 0%, transparent 50%);
  pointer-events: none;
  z-index: 0;
}

._sidebarHeader_107dh_23 {
  padding: 2rem 1.5rem 1rem;
  position: relative;
  z-index: 2;
}

._logo_107dh_29 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  cursor: pointer;
  padding: 0.75rem;
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
._logo_107dh_29:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(0, 255, 136, 0.3);
  box-shadow: 0 8px 32px rgba(0, 255, 136, 0.2);
}

._logoIcon_107dh_47 {
  width: 2rem;
  height: 2rem;
  color: #00ff88;
  filter: drop-shadow(0 0 8px rgba(0, 255, 136, 0.5));
}

._logoText_107dh_54 {
  display: flex;
  flex-direction: column;
  line-height: 1;
}

._logoTitle_107dh_60 {
  font-size: 1.25rem;
  font-weight: 700;
  background: linear-gradient(135deg, #00ff88 0%, #ffffff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

._logoSubtitle_107dh_69 {
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 500;
  margin-top: 0.125rem;
}

._nav_107dh_76 {
  flex: 1;
  padding: 0 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  position: relative;
  z-index: 2;
  overflow-y: auto;
}
._nav_107dh_76::-webkit-scrollbar {
  width: 4px;
}
._nav_107dh_76::-webkit-scrollbar-track {
  background: transparent;
}
._nav_107dh_76::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 2px;
}

._menuItem_107dh_97 {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  border-radius: 1rem;
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  overflow: hidden;
}
._menuItem_107dh_97::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--item-gradient);
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 0;
}
._menuItem_107dh_97:hover {
  transform: translateX(4px);
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.2);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
._menuItem_107dh_97:hover::before {
  opacity: 0.1;
}
._menuItem_107dh_97:hover ._iconGlow_107dh_133 {
  opacity: 1;
  transform: scale(1);
}
._menuItem_107dh_97:hover ._hoverEffect_107dh_137 {
  opacity: 1;
  transform: translateX(100%);
}
._menuItem_107dh_97:hover ._menuLabel_107dh_141 {
  color: #ffffff;
}
._menuItem_107dh_97:hover ._menuDescription_107dh_144 {
  color: rgba(255, 255, 255, 0.8);
}
._menuItem_107dh_97._active_107dh_147 {
  background: rgba(255, 255, 255, 0.1);
  border-color: var(--item-color);
  box-shadow: 0 0 24px rgba(var(--item-color), 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
._menuItem_107dh_97._active_107dh_147::before {
  opacity: 0.15;
}
._menuItem_107dh_97._active_107dh_147 ._iconContainer_107dh_155 {
  transform: scale(1.1);
}
._menuItem_107dh_97._active_107dh_147 ._icon_107dh_133 {
  color: var(--item-color);
  filter: drop-shadow(0 0 8px var(--item-color));
}
._menuItem_107dh_97._active_107dh_147 ._menuLabel_107dh_141 {
  color: #ffffff;
  font-weight: 600;
}
._menuItem_107dh_97._active_107dh_147 ._menuDescription_107dh_144 {
  color: var(--item-color);
}
._menuItem_107dh_97._active_107dh_147 ._activeIndicator_107dh_169 {
  opacity: 1;
}

._iconContainer_107dh_155 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.75rem;
  background: rgba(255, 255, 255, 0.1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 2;
}

._icon_107dh_133 {
  width: 1.5rem;
  height: 1.5rem;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 3;
  position: relative;
}

._iconGlow_107dh_133 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: radial-gradient(circle, var(--item-color) 0%, transparent 70%);
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.8);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1;
}

._menuContent_107dh_208 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  z-index: 2;
  position: relative;
}

._menuLabel_107dh_141 {
  font-size: 0.95rem;
  font-weight: 500;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  line-height: 1.2;
}

._menuDescription_107dh_144 {
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.5);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  line-height: 1.2;
}

._activeIndicator_107dh_169 {
  position: absolute;
  top: 50%;
  right: 1rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: var(--item-color);
  transform: translateY(-50%);
  opacity: 0;
  z-index: 3;
  box-shadow: 0 0 12px var(--item-color);
}

._hoverEffect_107dh_137 {
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.1) 50%, transparent 100%);
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1;
}

._sidebarFooter_107dh_257 {
  padding: 1.5rem;
  position: relative;
  z-index: 2;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

._versionInfo_107dh_264 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.75rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

._versionIcon_107dh_274 {
  width: 1.25rem;
  height: 1.25rem;
  color: #f59e0b;
  filter: drop-shadow(0 0 6px rgba(245, 158, 11, 0.5));
}

._versionLabel_107dh_281 {
  font-size: 0.875rem;
  font-weight: 600;
  color: #ffffff;
  line-height: 1;
}

._versionSubtext_107dh_288 {
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1;
  margin-top: 0.125rem;
}

@media (max-width: 768px) {
  ._sidebar_107dh_1 {
    width: 16rem;
  }
  ._menuItem_107dh_97 {
    padding: 0.875rem;
    gap: 0.875rem;
  }
  ._iconContainer_107dh_155 {
    width: 2.25rem;
    height: 2.25rem;
  }
  ._icon_107dh_133 {
    width: 1.25rem;
    height: 1.25rem;
  }
  ._menuLabel_107dh_141 {
    font-size: 0.875rem;
  }
  ._menuDescription_107dh_144 {
    font-size: 0.7rem;
  }
}
._dark_107dh_318 ._sidebar_107dh_1 {
  background: linear-gradient(180deg, #000000 0%, #111111 50%, #0a0a0a 100%);
  border-right-color: rgba(255, 255, 255, 0.15);
}

@keyframes _pulse_107dh_1 {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
@keyframes _glow_107dh_1 {
  0%, 100% {
    filter: drop-shadow(0 0 8px var(--item-color));
  }
  50% {
    filter: drop-shadow(0 0 16px var(--item-color));
  }
}
._menuItem_107dh_97._active_107dh_147 ._icon_107dh_133 {
  animation: _glow_107dh_1 2s ease-in-out infinite;
}
._menuItem_107dh_97._active_107dh_147 ._activeIndicator_107dh_169 {
  animation: _pulse_107dh_1 2s ease-in-out infinite;
}

._collapseButton_107dh_346 {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 0.5rem;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
  transition: all 0.3s ease;
  flex-shrink: 0;
}
._collapseButton_107dh_346:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.4);
  color: white;
}
._collapseButton_107dh_346 svg {
  width: 1rem;
  height: 1rem;
}

._sidebarHeader_107dh_23 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

._sidebar_107dh_1._collapsed_107dh_377 {
  width: 80px;
}
._sidebar_107dh_1._collapsed_107dh_377 ._sidebarHeader_107dh_23 {
  padding: 1.5rem 0.75rem 1rem;
  flex-direction: column;
  gap: 0.5rem;
}
._sidebar_107dh_1._collapsed_107dh_377 ._menuItem_107dh_97 {
  justify-content: center;
  padding: 1rem 0.75rem;
}
._sidebar_107dh_1._collapsed_107dh_377 ._menuItem_107dh_97 ._activeIndicator_107dh_169 {
  right: 0.5rem;
}
._sidebar_107dh_1._collapsed_107dh_377 ._nav_107dh_76 {
  padding: 0 0.5rem;
}
._sidebar_107dh_1._collapsed_107dh_377 ._sidebarFooter_107dh_257 {
  padding: 1rem 0.75rem;
}
._sidebar_107dh_1._collapsed_107dh_377 ._versionInfo_107dh_264 {
  justify-content: center;
}
._sidebar_107dh_1._collapsed_107dh_377 ._collapseButton_107dh_346 {
  width: 1.5rem;
  height: 1.5rem;
}
._sidebar_107dh_1._collapsed_107dh_377 ._collapseButton_107dh_346 svg {
  width: 0.875rem;
  height: 0.875rem;
}._sidebar_19vs4_1 {
  width: 18rem;
  height: 100vh;
  background: linear-gradient(180deg, #0f0f0f 0%, #1a1a1a 50%, #0a0a0a 100%);
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
._sidebar_19vs4_1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 80% 20%, rgba(255, 71, 87, 0.1) 0%, transparent 50%), radial-gradient(circle at 20% 80%, rgba(83, 82, 237, 0.1) 0%, transparent 50%);
  pointer-events: none;
  z-index: 0;
}

._header_19vs4_23 {
  padding: 2rem 1.5rem 1.5rem;
  position: relative;
  z-index: 2;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

._headerIcon_19vs4_30 {
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
  box-shadow: 0 8px 24px rgba(243, 156, 18, 0.3);
}
._headerIcon_19vs4_30 svg {
  width: 1.5rem;
  height: 1.5rem;
  color: #ffffff;
  filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.5));
}

._headerText_19vs4_48 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

._title_19vs4_54 {
  font-size: 1.25rem;
  font-weight: 700;
  background: linear-gradient(135deg, #ffffff 0%, #f39c12 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0;
  line-height: 1.2;
}

._subtitle_19vs4_65 {
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

._actionsList_19vs4_73 {
  flex: 1;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  position: relative;
  z-index: 2;
  overflow-y: auto;
}
._actionsList_19vs4_73::-webkit-scrollbar {
  width: 4px;
}
._actionsList_19vs4_73::-webkit-scrollbar-track {
  background: transparent;
}
._actionsList_19vs4_73::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 2px;
}

._actionButton_19vs4_94 {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  padding: 1rem;
  border-radius: 0.875rem;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
  width: 100%;
  text-align: left;
}
._actionButton_19vs4_94::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--action-gradient);
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 0;
}
._actionButton_19vs4_94:hover {
  transform: translateX(-3px);
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.2);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
._actionButton_19vs4_94:hover::before {
  opacity: 0.12;
}
._actionButton_19vs4_94:hover ._iconGlow_19vs4_131 {
  opacity: 1;
  transform: scale(1);
}
._actionButton_19vs4_94:hover ._hoverEffect_19vs4_135 {
  opacity: 1;
  transform: translateX(100%);
}
._actionButton_19vs4_94:hover ._actionLabel_19vs4_139 {
  color: #ffffff;
}
._actionButton_19vs4_94:hover ._actionDescription_19vs4_142 {
  color: rgba(255, 255, 255, 0.8);
}
._actionButton_19vs4_94:hover ._actionArrow_19vs4_145 {
  color: var(--action-color);
  transform: translateX(3px);
}
._actionButton_19vs4_94:active {
  transform: translateX(-2px) scale(0.98);
}

._actionIcon_19vs4_153 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.625rem;
  background: rgba(255, 255, 255, 0.1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 2;
}
._actionIcon_19vs4_153 svg {
  width: 1.25rem;
  height: 1.25rem;
  color: rgba(255, 255, 255, 0.8);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 3;
  position: relative;
}

._iconGlow_19vs4_131 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: radial-gradient(circle, var(--action-color) 0%, transparent 70%);
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.8);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1;
}

._actionContent_19vs4_188 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  z-index: 2;
  position: relative;
}

._actionLabel_19vs4_139 {
  font-size: 0.875rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  line-height: 1.2;
}

._actionDescription_19vs4_142 {
  font-size: 0.7rem;
  color: rgba(255, 255, 255, 0.5);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  line-height: 1.2;
}

._actionArrow_19vs4_145 {
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.4);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 2;
  font-weight: 600;
}

._hoverEffect_19vs4_135 {
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.1) 50%, transparent 100%);
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1;
}

._footer_19vs4_232 {
  padding: 1.5rem;
  position: relative;
  z-index: 2;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

._statusIndicator_19vs4_239 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.75rem;
  background: rgba(46, 204, 113, 0.1);
  border: 1px solid rgba(46, 204, 113, 0.2);
}

._statusDot_19vs4_249 {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #2ecc71;
  box-shadow: 0 0 12px rgba(46, 204, 113, 0.6);
  animation: _pulse_19vs4_1 2s ease-in-out infinite;
}

._statusText_19vs4_258 {
  font-size: 0.75rem;
  color: #2ecc71;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}

@media (max-width: 768px) {
  ._sidebar_19vs4_1 {
    width: 16rem;
  }
  ._actionButton_19vs4_94 {
    padding: 0.875rem;
    gap: 0.75rem;
  }
  ._actionIcon_19vs4_153 {
    width: 2rem;
    height: 2rem;
  }
  ._actionIcon_19vs4_153 svg {
    width: 1.125rem;
    height: 1.125rem;
  }
  ._actionLabel_19vs4_139 {
    font-size: 0.8rem;
  }
  ._actionDescription_19vs4_142 {
    font-size: 0.65rem;
  }
}
@keyframes _pulse_19vs4_1 {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.7;
    transform: scale(1.1);
  }
}
@keyframes _glow_19vs4_1 {
  0%, 100% {
    box-shadow: 0 0 12px var(--action-color);
  }
  50% {
    box-shadow: 0 0 20px var(--action-color);
  }
}
._actionButton_19vs4_94:hover ._actionIcon_19vs4_153 svg {
  color: var(--action-color);
  filter: drop-shadow(0 0 8px var(--action-color));
}
._actionButton_19vs4_94:hover ._statusDot_19vs4_249 {
  animation: _glow_19vs4_1 1.5s ease-in-out infinite;
}

._dark_19vs4_315 ._sidebar_19vs4_1 {
  background: linear-gradient(180deg, #000000 0%, #111111 50%, #000000 100%);
  border-left-color: rgba(255, 255, 255, 0.15);
}._dock_1kf63_1 {
  position: fixed;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--gray-50);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border-radius: 9999px;
  padding: 0.5rem;
  display: flex;
  gap: 0.5rem;
  z-index: 50;
}
._dock_1kf63_1 ._item_1kf63_14 {
  padding: 0.5rem;
  border-radius: 0.5rem;
  transition: background-color 0.2s, transform 0.2s;
}
._dock_1kf63_1 ._item_1kf63_14:hover {
  background-color: var(--gray-100);
  transform: scale(1.1);
}
._dock_1kf63_1 ._item_1kf63_14 svg {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--gray-600);
}

._dark_1kf63_29 ._dock_1kf63_1 {
  background-color: var(--gray-800);
}
._dark_1kf63_29 ._dock_1kf63_1 ._item_1kf63_14:hover {
  background-color: var(--gray-700);
}
._dark_1kf63_29 ._dock_1kf63_1 ._item_1kf63_14 svg {
  color: var(--gray-300);
}

@keyframes _dockFadeIn_1kf63_1 {
  from {
    transform: translate(-50%, 100px);
    opacity: 0;
  }
  to {
    transform: translateX(-50%);
    opacity: 1;
  }
}
._dock_1kf63_1 {
  animation: _dockFadeIn_1kf63_1 0.5s ease-out forwards;
}._layout_1lvch_1 {
  min-height: 100vh;
  background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);
  animation: _fadeIn_1lvch_1 0.5s;
}
._layout_1lvch_1 ._mainLayout_1lvch_6 {
  display: flex;
  position: fixed;
  top: 60px;
  left: 0;
  right: 0;
  bottom: 0;
}
@media (max-width: 640px) {
  ._layout_1lvch_1 ._mainLayout_1lvch_6 {
    top: 50px;
  }
}
@media (max-width: 480px) {
  ._layout_1lvch_1 ._mainLayout_1lvch_6 {
    top: 45px;
  }
}
._layout_1lvch_1 ._main_1lvch_6 {
  flex: 1;
  padding: 0;
  overflow: auto;
  background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);
}
._layout_1lvch_1 ._main_1lvch_6 ._content_1lvch_30 {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

._dark_1lvch_37 ._layout_1lvch_1 {
  background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);
}._container_1ekx8_1 {
  min-height: 100vh;
  height: 100%;
  background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);
  color: #ffffff;
  padding: 0;
  margin: 0;
  width: 100%;
  position: relative;
  overflow-x: hidden;
}

._loading_1ekx8_13 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 60vh;
}
._loading_1ekx8_13 ._loadingIcon_1ekx8_20 {
  width: 3rem;
  height: 3rem;
  color: #00ff88;
  animation: _pulse_1ekx8_1 2s infinite;
  margin-bottom: 1rem;
}
._loading_1ekx8_13 p {
  color: #888;
  font-size: 1.1rem;
}

@keyframes _pulse_1ekx8_1 {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
._header_1ekx8_40 {
  background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 2rem;
  width: 100%;
}
._header_1ekx8_40 ._headerContent_1ekx8_46 {
  width: 100%;
  padding: 0 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 2rem;
}
._header_1ekx8_40 ._headerTitle_1ekx8_55 {
  display: flex;
  align-items: center;
  gap: 1rem;
}
._header_1ekx8_40 ._headerTitle_1ekx8_55 ._titleIcon_1ekx8_60 {
  width: 2.5rem;
  height: 2.5rem;
  color: #00ff88;
}
._header_1ekx8_40 ._headerTitle_1ekx8_55 h1 {
  font-size: 2.5rem;
  font-weight: 700;
  background: linear-gradient(135deg, #00ff88 0%, #00ccff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin: 0;
}
._header_1ekx8_40 ._headerStats_1ekx8_74 {
  display: flex;
  gap: 2rem;
}
._header_1ekx8_40 ._headerStats_1ekx8_74 ._statItem_1ekx8_78 {
  text-align: center;
}
._header_1ekx8_40 ._headerStats_1ekx8_74 ._statItem_1ekx8_78 ._statValue_1ekx8_81 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #00ff88;
  margin: 0;
}
._header_1ekx8_40 ._headerStats_1ekx8_74 ._statItem_1ekx8_78 ._statLabel_1ekx8_87 {
  font-size: 0.875rem;
  color: #888;
  margin: 0;
}

._explorerSection_1ekx8_93 {
  margin: 2rem 0;
  padding: 0 2rem;
}

._explorerContent_1ekx8_98 {
  max-width: 800px;
  margin: 0 auto;
  padding: 2rem;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, rgba(139, 92, 246, 0.1) 100%);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
  text-align: center;
}

._explorerTitle_1ekx8_108 {
  font-size: 1.875rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

._explorerSubtitle_1ekx8_117 {
  font-size: 1.125rem;
  color: #9ca3af;
  margin-bottom: 1.5rem;
}

._searchContainer_1ekx8_123 {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem;
}

._searchIcon_1ekx8_130 {
  position: absolute;
  left: 1rem;
  width: 1.5rem;
  height: 1.5rem;
  color: #6b7280;
  pointer-events: none;
}

._searchInput_1ekx8_139 {
  flex: 1;
  padding: 1rem 1rem 1rem 3rem;
  background: rgba(17, 24, 39, 0.8);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  color: #ffffff;
  font-size: 1rem;
  transition: all 0.3s ease;
}
._searchInput_1ekx8_139::-moz-placeholder {
  color: #6b7280;
}
._searchInput_1ekx8_139::placeholder {
  color: #6b7280;
}
._searchInput_1ekx8_139:focus {
  outline: none;
  border-color: #3b82f6;
  background: rgba(17, 24, 39, 0.95);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

._searchButton_1ekx8_159 {
  margin-left: 0.75rem;
  padding: 1rem 2rem;
  background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
  color: white;
  border: none;
  border-radius: 0.75rem;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.3s ease;
}
._searchButton_1ekx8_159:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(59, 130, 246, 0.3);
}
._searchButton_1ekx8_159:active {
  transform: translateY(0);
}

._quickLinks_1ekx8_179 {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}

._quickLink_1ekx8_179 {
  padding: 0.75rem 1.5rem;
  background: rgba(17, 24, 39, 0.6);
  border: 1px solid rgba(59, 130, 246, 0.2);
  border-radius: 0.5rem;
  color: #60a5fa;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
}
._quickLink_1ekx8_179:hover {
  background: rgba(59, 130, 246, 0.2);
  border-color: #3b82f6;
  transform: translateY(-2px);
}

._tabNavigation_1ekx8_202 {
  background: #1a1a1a;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 0 2rem;
  width: 100%;
}
._tabNavigation_1ekx8_202 ._tabList_1ekx8_208 {
  width: 100%;
  display: flex;
  gap: 0;
}
._tabNavigation_1ekx8_202 ._tabList_1ekx8_208 ._tabButton_1ekx8_213 {
  padding: 1rem 1.5rem;
  background: none;
  border: none;
  color: #888;
  cursor: pointer;
  transition: all 0.3s ease;
  border-bottom: 2px solid transparent;
  font-weight: 500;
}
._tabNavigation_1ekx8_202 ._tabList_1ekx8_208 ._tabButton_1ekx8_213:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.05);
}
._tabNavigation_1ekx8_202 ._tabList_1ekx8_208 ._tabButton_1ekx8_213._active_1ekx8_227 {
  color: #00ff88;
  border-bottom-color: #00ff88;
  background: rgba(0, 255, 136, 0.1);
}

._content_1ekx8_233 {
  width: 100%;
  padding: 2rem;
  background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);
}

._metricsGrid_1ekx8_239 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-bottom: 2rem;
}

._metricCard_1ekx8_246 {
  background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);
  border: 1px solid #333;
  border-radius: 12px;
  padding: 1.5rem;
  transition: all 0.3s ease;
}
._metricCard_1ekx8_246:hover {
  border-color: #00ff88;
  box-shadow: 0 0 20px rgba(0, 255, 136, 0.2);
  transform: translateY(-2px);
}
._metricCard_1ekx8_246 ._metricHeader_1ekx8_258 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
._metricCard_1ekx8_246 ._metricHeader_1ekx8_258 ._metricTitle_1ekx8_264 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
._metricCard_1ekx8_246 ._metricHeader_1ekx8_258 ._metricTitle_1ekx8_264 ._metricIcon_1ekx8_269 {
  width: 1.5rem;
  height: 1.5rem;
  color: #00ff88;
}
._metricCard_1ekx8_246 ._metricHeader_1ekx8_258 ._metricTitle_1ekx8_264 h3 {
  font-size: 1.1rem;
  font-weight: 600;
  color: #fff;
  margin: 0;
}
._metricCard_1ekx8_246 ._metricHeader_1ekx8_258 ._metricStatus_1ekx8_280 {
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 600;
}
._metricCard_1ekx8_246 ._metricHeader_1ekx8_258 ._metricStatus_1ekx8_280._healthy_1ekx8_286 {
  background: rgba(0, 255, 136, 0.2);
  color: #00ff88;
}
._metricCard_1ekx8_246 ._metricHeader_1ekx8_258 ._metricStatus_1ekx8_280._warning_1ekx8_290 {
  background: rgba(255, 165, 0, 0.2);
  color: #ffa500;
}
._metricCard_1ekx8_246 ._metricHeader_1ekx8_258 ._metricStatus_1ekx8_280._critical_1ekx8_294 {
  background: rgba(255, 0, 0, 0.2);
  color: #ff0000;
}
._metricCard_1ekx8_246 ._metricValue_1ekx8_298 {
  font-size: 2rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 0.5rem;
}
._metricCard_1ekx8_246 ._metricLabel_1ekx8_304 {
  font-size: 0.875rem;
  color: #888;
  margin-bottom: 1rem;
}
._metricCard_1ekx8_246 ._metricProgress_1ekx8_309 ._progressBar_1ekx8_309 {
  width: 100%;
  height: 8px;
  background: #333;
  border-radius: 4px;
  overflow: hidden;
}
._metricCard_1ekx8_246 ._metricProgress_1ekx8_309 ._progressBar_1ekx8_309 ._progressFill_1ekx8_316 {
  height: 100%;
  background: linear-gradient(90deg, #00ff88 0%, #00ccff 100%);
  border-radius: 4px;
  transition: width 0.3s ease;
}
._metricCard_1ekx8_246 ._metricProgress_1ekx8_309 ._progressLabel_1ekx8_322 {
  display: flex;
  justify-content: space-between;
  margin-top: 0.5rem;
  font-size: 0.75rem;
  color: #888;
}

._chartSection_1ekx8_330 {
  background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);
  border: 1px solid #333;
  border-radius: 12px;
  padding: 2rem;
  margin-bottom: 2rem;
}
._chartSection_1ekx8_330 ._chartHeader_1ekx8_337 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
._chartSection_1ekx8_330 ._chartHeader_1ekx8_337 ._chartIcon_1ekx8_343 {
  width: 1.5rem;
  height: 1.5rem;
  color: #00ff88;
}
._chartSection_1ekx8_330 ._chartHeader_1ekx8_337 h3 {
  font-size: 1.25rem;
  font-weight: 600;
  color: #fff;
  margin: 0;
}
._chartSection_1ekx8_330 ._chartContainer_1ekx8_354 {
  height: 350px;
  width: 100%;
}

._dataTable_1ekx8_359 {
  background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);
  border: 1px solid #333;
  border-radius: 12px;
  overflow: hidden;
}
._dataTable_1ekx8_359 ._tableHeader_1ekx8_365 {
  padding: 1.5rem 2rem;
  border-bottom: 1px solid #333;
}
._dataTable_1ekx8_359 ._tableHeader_1ekx8_365 h3 {
  font-size: 1.25rem;
  font-weight: 600;
  color: #fff;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
._dataTable_1ekx8_359 ._tableHeader_1ekx8_365 h3 ._tableIcon_1ekx8_378 {
  width: 1.5rem;
  height: 1.5rem;
  color: #00ff88;
}
._dataTable_1ekx8_359 ._tableContent_1ekx8_383 {
  overflow-x: auto;
}
._dataTable_1ekx8_359 ._tableContent_1ekx8_383 table {
  width: 100%;
  border-collapse: collapse;
}
._dataTable_1ekx8_359 ._tableContent_1ekx8_383 table thead {
  background: rgba(0, 255, 136, 0.1);
}
._dataTable_1ekx8_359 ._tableContent_1ekx8_383 table thead th {
  padding: 1rem;
  text-align: left;
  font-weight: 600;
  color: #00ff88;
  font-size: 0.875rem;
  border-bottom: 1px solid #333;
}
._dataTable_1ekx8_359 ._tableContent_1ekx8_383 table tbody tr {
  border-bottom: 1px solid #333;
  transition: background 0.2s ease;
}
._dataTable_1ekx8_359 ._tableContent_1ekx8_383 table tbody tr:hover {
  background: rgba(255, 255, 255, 0.05);
}
._dataTable_1ekx8_359 ._tableContent_1ekx8_383 table tbody tr td {
  padding: 1rem;
  color: #fff;
  font-size: 0.875rem;
}
._dataTable_1ekx8_359 ._tableContent_1ekx8_383 table tbody tr td._status_1ekx8_413 ._statusBadge_1ekx8_413 {
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 600;
}
._dataTable_1ekx8_359 ._tableContent_1ekx8_383 table tbody tr td._status_1ekx8_413 ._statusBadge_1ekx8_413._active_1ekx8_227 {
  background: rgba(0, 255, 136, 0.2);
  color: #00ff88;
}
._dataTable_1ekx8_359 ._tableContent_1ekx8_383 table tbody tr td._status_1ekx8_413 ._statusBadge_1ekx8_413._inactive_1ekx8_423 {
  background: rgba(255, 0, 0, 0.2);
  color: #ff0000;
}

._featureGrid_1ekx8_428 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1rem;
  margin-top: 1.5rem;
}
._featureGrid_1ekx8_428 ._featureItem_1ekx8_434 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(0, 255, 136, 0.1);
  border: 1px solid rgba(0, 255, 136, 0.3);
  border-radius: 8px;
}
._featureGrid_1ekx8_428 ._featureItem_1ekx8_434 ._featureIcon_1ekx8_443 {
  width: 1.25rem;
  height: 1.25rem;
  color: #00ff88;
  flex-shrink: 0;
}
._featureGrid_1ekx8_428 ._featureItem_1ekx8_434 span {
  font-size: 0.875rem;
  color: #fff;
  font-weight: 500;
}

@media (max-width: 768px) {
  ._header_1ekx8_40 ._headerContent_1ekx8_46 {
    flex-direction: column;
    text-align: center;
  }
  ._header_1ekx8_40 ._headerStats_1ekx8_74 {
    width: 100%;
    justify-content: center;
  }
  ._tabNavigation_1ekx8_202 ._tabList_1ekx8_208 {
    overflow-x: auto;
  }
  ._tabNavigation_1ekx8_202 ._tabList_1ekx8_208 ._tabButton_1ekx8_213 {
    white-space: nowrap;
  }
  ._content_1ekx8_233 {
    padding: 1rem;
  }
  ._metricsGrid_1ekx8_239 {
    grid-template-columns: 1fr;
  }
}
._performanceBanner_1ekx8_477 {
  background: linear-gradient(135deg, #1e40af 0%, #7c3aed 50%, #dc2626 100%);
  padding: 2rem;
  margin: 0;
  position: relative;
  overflow: hidden;
}
._performanceBanner_1ekx8_477::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 1;
}
._performanceBanner_1ekx8_477 ._bannerContent_1ekx8_494 {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}
._performanceBanner_1ekx8_477 ._bannerTitle_1ekx8_501 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 2rem;
}
._performanceBanner_1ekx8_477 ._bannerTitle_1ekx8_501 ._bannerIcon_1ekx8_508 {
  width: 3rem;
  height: 3rem;
  color: #fbbf24;
  animation: _pulse_1ekx8_1 2s infinite;
}
._performanceBanner_1ekx8_477 ._bannerTitle_1ekx8_501 h2 {
  font-size: 2.5rem;
  font-weight: 700;
  color: #ffffff;
  margin: 0;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
._performanceBanner_1ekx8_477 ._bannerStats_1ekx8_521 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 2rem;
  margin-bottom: 2rem;
}
._performanceBanner_1ekx8_477 ._bannerStat_1ekx8_521 {
  text-align: center;
}
._performanceBanner_1ekx8_477 ._bannerStat_1ekx8_521 ._bannerStatValue_1ekx8_530 {
  font-size: 3rem;
  font-weight: 900;
  color: #fbbf24;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  margin-bottom: 0.5rem;
  line-height: 1;
}
._performanceBanner_1ekx8_477 ._bannerStat_1ekx8_521 ._bannerStatLabel_1ekx8_538 {
  font-size: 1.125rem;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 0.25rem;
}
._performanceBanner_1ekx8_477 ._bannerStat_1ekx8_521 ._bannerStatDesc_1ekx8_544 {
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.8);
  font-style: italic;
}
._performanceBanner_1ekx8_477 ._bannerBadges_1ekx8_549 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
}
._performanceBanner_1ekx8_477 ._bannerBadges_1ekx8_549 ._badge_1ekx8_555 {
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 25px;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}
._performanceBanner_1ekx8_477 ._bannerBadges_1ekx8_549 ._badge_1ekx8_555:hover {
  background: rgba(255, 255, 255, 0.3);
  transform: translateY(-2px);
}

@media (max-width: 768px) {
  ._performanceBanner_1ekx8_477 {
    padding: 1.5rem;
  }
  ._performanceBanner_1ekx8_477 ._bannerTitle_1ekx8_501 {
    flex-direction: column;
  }
  ._performanceBanner_1ekx8_477 ._bannerTitle_1ekx8_501 h2 {
    font-size: 2rem;
  }
  ._performanceBanner_1ekx8_477 ._bannerTitle_1ekx8_501 ._bannerIcon_1ekx8_508 {
    width: 2.5rem;
    height: 2.5rem;
  }
  ._performanceBanner_1ekx8_477 ._bannerStats_1ekx8_521 {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
  }
  ._performanceBanner_1ekx8_477 ._bannerStat_1ekx8_521 ._bannerStatValue_1ekx8_530 {
    font-size: 2rem;
  }
  ._performanceBanner_1ekx8_477 ._bannerBadges_1ekx8_549 {
    gap: 0.5rem;
  }
  ._performanceBanner_1ekx8_477 ._bannerBadges_1ekx8_549 ._badge_1ekx8_555 {
    font-size: 0.75rem;
    padding: 0.375rem 0.75rem;
  }
}/* Cyberpunk CSS Reset and Variables */
:root {
  --neon-blue: #00f5ff;
  --neon-pink: #ff006e;
  --neon-green: #39ff14;
  --electric-purple: #8b00ff;
  --dark-bg: #0a0a0a;
  --card-bg: rgba(10, 10, 10, 0.8);
  --glass-bg: rgba(255, 255, 255, 0.05);
  --border-glow: rgba(0, 245, 255, 0.3);
}

._mainWrapper_1dwhy_13 {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Rajdhani", sans-serif;
  background: var(--dark-bg);
  color: #ffffff;
  overflow-x: hidden;
  line-height: 1.6;
  width: 100%;
  min-height: 100vh;
}

._container_1dwhy_26 {
  width: 100%;
  min-height: 150vh; /* Increased to ensure enough scrollable space for the full access wallet component */
}
._container_1dwhy_26._dark_1dwhy_30 {
  background: var(--dark-bg);
}

/* Video Background */
._videoBackground_1dwhy_35 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  -o-object-fit: cover;
     object-fit: cover;
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.7), rgba(0, 245, 255, 0.1), rgba(255, 0, 110, 0.1));
}

._videoOverlay_1dwhy_46 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.7), rgba(0, 245, 255, 0.1), rgba(255, 0, 110, 0.1));
  z-index: -1;
}

/* Navigation */
._navbar_1dwhy_57 {
  position: fixed;
  top: 0;
  width: 100%;
  padding: 1rem 0;
  background: linear-gradient(135deg, #000000 0%, #050505 20%, #0f0f0f 40%, #050505 60%, #000000 100%);
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  border-bottom: 1px solid rgba(218, 165, 32, 0.4);
  z-index: 1000;
  transition: all 0.3s ease;
  height: 120px;
  box-shadow: 0 2px 30px rgba(218, 165, 32, 0.2), 0 0 20px rgba(0, 0, 0, 0.7);
}

._navContainer_1dwhy_71 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1400px;
  margin: 0 auto;
  width: 100%;
  padding: 0 2rem;
}

._logoContainer_1dwhy_81 {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-shrink: 0;
}

._logoImage_1dwhy_88 {
  height: 70px;
  width: 70px;
  -o-object-fit: contain;
     object-fit: contain;
  filter: drop-shadow(0 0 15px rgba(218, 165, 32, 0.6)) drop-shadow(0 0 5px rgba(0, 0, 0, 0.8));
  transition: all 0.3s ease;
  border-radius: 8px;
}
._logoImage_1dwhy_88:hover {
  filter: drop-shadow(0 0 25px rgba(218, 165, 32, 0.9)) drop-shadow(0 0 10px rgba(255, 215, 0, 0.5)) drop-shadow(0 0 5px rgba(0, 0, 0, 0.8));
  transform: scale(1.08);
}

._logoText_1dwhy_101 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

._logo_1dwhy_81 {
  font-family: "Orbitron", monospace;
  font-size: 1.2rem;
  font-weight: 900;
  color: #DAA520; /* Gold color to match logo */
  text-shadow: 0 0 20px rgba(218, 165, 32, 0.8);
  text-decoration: none;
  letter-spacing: 1px;
  margin-bottom: 0.1rem;
  line-height: 1.2;
  transition: all 0.3s ease;
  white-space: nowrap;
}
._logo_1dwhy_81:hover {
  color: #FFD700;
  text-shadow: 0 0 25px rgba(255, 215, 0, 0.9);
}

._tagline_1dwhy_125 {
  font-family: "Rajdhani", sans-serif;
  font-size: 0.65rem;
  font-weight: 500;
  color: #87CEEB; /* Light blue to complement the logo */
  text-shadow: 0 0 10px rgba(135, 206, 235, 0.6);
  letter-spacing: 0.5px;
  text-transform: uppercase;
  opacity: 0.9;
  line-height: 1;
  white-space: nowrap;
}

._nav_1dwhy_57 {
  display: flex;
  list-style: none;
  gap: 1rem;
  align-items: center;
}

/* Killer Cyberpunk Menu Buttons */
._navButton_1dwhy_146 {
  position: relative;
  display: inline-block;
  padding: 0.6rem 1rem;
  background: linear-gradient(45deg, rgba(0, 245, 255, 0.1) 0%, rgba(255, 0, 110, 0.1) 50%, rgba(57, 255, 20, 0.1) 100%);
  border: 2px solid transparent;
  border-radius: 20px;
  color: #ffffff;
  text-decoration: none;
  font-family: "Orbitron", monospace;
  font-weight: 700;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  cursor: pointer;
  box-shadow: 0 0 20px rgba(0, 245, 255, 0.2), inset 0 0 20px rgba(0, 0, 0, 0.3);
  animation: _button-pulse_1dwhy_1 3s infinite ease-in-out;
  /* Different colors for each button */
}
._navButton_1dwhy_146::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(0, 245, 255, 0.3), rgba(255, 0, 110, 0.3), rgba(57, 255, 20, 0.3), transparent);
  transition: left 0.6s ease;
  z-index: 1;
}
._navButton_1dwhy_146::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(45deg, var(--neon-blue), var(--neon-pink), var(--neon-green));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  opacity: 0;
  transform: translateY(-100%);
  transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  z-index: 2;
  font-weight: 900;
}
._navButton_1dwhy_146:hover {
  border-color: var(--neon-blue);
  box-shadow: 0 0 40px rgba(0, 245, 255, 0.6), 0 0 60px rgba(255, 0, 110, 0.4), 0 0 80px rgba(57, 255, 20, 0.2), inset 0 0 40px rgba(0, 245, 255, 0.1);
  transform: translateY(-3px) scale(1.05);
  background: linear-gradient(45deg, rgba(0, 245, 255, 0.2) 0%, rgba(255, 0, 110, 0.2) 50%, rgba(57, 255, 20, 0.2) 100%);
}
._navButton_1dwhy_146:hover::before {
  left: 100%;
}
._navButton_1dwhy_146:hover::after {
  opacity: 1;
  transform: translateY(0);
}
._navButton_1dwhy_146:hover ._navButtonText_1dwhy_211 {
  opacity: 0;
  transform: translateY(100%);
}
._navButton_1dwhy_146:hover ._navButtonGlow_1dwhy_215 {
  opacity: 1;
  transform: scale(1.2);
}
._navButton_1dwhy_146:active {
  transform: translateY(-1px) scale(1.02);
  box-shadow: 0 0 20px rgba(0, 245, 255, 0.8), inset 0 0 20px rgba(0, 245, 255, 0.3);
}
._navButton_1dwhy_146:nth-child(1) {
  border-color: rgba(0, 245, 255, 0.3);
}
._navButton_1dwhy_146:nth-child(1):hover {
  border-color: var(--neon-blue);
}
._navButton_1dwhy_146:nth-child(2) {
  border-color: rgba(255, 0, 110, 0.3);
}
._navButton_1dwhy_146:nth-child(2):hover {
  border-color: var(--neon-pink);
  box-shadow: 0 0 40px rgba(255, 0, 110, 0.6), 0 0 60px rgba(0, 245, 255, 0.4), inset 0 0 40px rgba(255, 0, 110, 0.1);
}
._navButton_1dwhy_146:nth-child(3) {
  border-color: rgba(57, 255, 20, 0.3);
}
._navButton_1dwhy_146:nth-child(3):hover {
  border-color: var(--neon-green);
  box-shadow: 0 0 40px rgba(57, 255, 20, 0.6), 0 0 60px rgba(255, 0, 110, 0.4), inset 0 0 40px rgba(57, 255, 20, 0.1);
}
._navButton_1dwhy_146:nth-child(4) {
  border-color: rgba(139, 0, 255, 0.3);
}
._navButton_1dwhy_146:nth-child(4):hover {
  border-color: var(--electric-purple);
  box-shadow: 0 0 40px rgba(139, 0, 255, 0.6), 0 0 60px rgba(0, 245, 255, 0.4), inset 0 0 40px rgba(139, 0, 255, 0.1);
}
._navButton_1dwhy_146:nth-child(5) {
  border-color: rgba(255, 215, 0, 0.3);
}
._navButton_1dwhy_146:nth-child(5):hover {
  border-color: #FFD700;
  box-shadow: 0 0 40px rgba(255, 215, 0, 0.6), 0 0 60px rgba(255, 0, 110, 0.4), inset 0 0 40px rgba(255, 215, 0, 0.1);
}

._navButtonText_1dwhy_211 {
  position: relative;
  z-index: 3;
  transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._navButtonGlow_1dwhy_215 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  background: radial-gradient(circle, var(--neon-blue) 0%, transparent 70%);
  border-radius: 50%;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.4s ease;
  z-index: 0;
}

/* Mini Countdown in Navigation */
._miniCountdown_1dwhy_282 {
  background: linear-gradient(45deg, var(--electric-purple), var(--neon-pink));
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-family: "Orbitron", monospace;
  font-size: 0.9rem;
  font-weight: 700;
  animation: _pulse-glow_1dwhy_1 2s infinite;
  min-width: 200px; /* Fixed width to prevent jumping */
  text-align: center;
}

._miniTimerContainer_1dwhy_294 {
  display: flex;
  gap: 0.3rem;
  align-items: center;
  justify-content: center;
}

._miniTimerUnit_1dwhy_301 {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 24px; /* Fixed width for each unit */
}

._miniTimerValue_1dwhy_308 {
  font-size: 1rem;
  font-weight: 900;
  width: 24px; /* Fixed width to prevent shifting */
  text-align: center;
  display: inline-block;
}

._miniTimerLabel_1dwhy_316 {
  font-size: 0.7rem;
  opacity: 0.8;
}

._miniTimerSeparator_1dwhy_321 {
  margin: 0 0.1rem;
  opacity: 0.8;
  font-weight: 900;
}

/* Hero Section */
._hero_1dwhy_328 {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  padding: 180px 2rem 2rem; /* Increased padding for better spacing */
  position: relative;
  padding-top: 180px; /* Ensure content has proper headroom from navbar */
}

._bannerOverlay_1dwhy_339 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(255, 20, 147, 0.1) 0%, rgba(0, 191, 255, 0.1) 100%);
  z-index: 1;
}

._heroContent_1dwhy_349 {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 3rem; /* Add more space from navbar */
  text-align: left; /* Align content to the left */
}
._heroContent_1dwhy_349 h1 {
  font-family: "Orbitron", monospace;
  font-size: 3.2rem;
  font-weight: 900;
  margin-bottom: 2rem;
  background: linear-gradient(45deg, var(--neon-blue), var(--neon-pink));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: _glitch_1dwhy_1 3s infinite;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 1.1;
  color: var(--neon-blue); /* Fallback for browsers that don't support background-clip */
  text-shadow: 0 0 30px var(--neon-blue);
  white-space: nowrap;
  /* Ensure text is visible on all browsers */
}
@supports not (-webkit-background-clip: text) {
  ._heroContent_1dwhy_349 h1 {
    background: none;
    color: var(--neon-blue);
    text-shadow: 0 0 30px var(--neon-blue);
  }
}
@media (max-width: 768px) {
  ._heroContent_1dwhy_349 h1 {
    font-size: 2.2rem;
    margin-bottom: 1.5rem;
    white-space: normal;
  }
}
@media (max-width: 480px) {
  ._heroContent_1dwhy_349 h1 {
    font-size: 1.8rem;
  }
}
._heroContent_1dwhy_349 p {
  font-size: 1.5rem;
  color: #cccccc;
  margin-bottom: 3rem;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6;
}
@media (max-width: 768px) {
  ._heroContent_1dwhy_349 p {
    font-size: 1.2rem;
    margin-bottom: 2rem;
  }
}

@keyframes _glitch_1dwhy_1 {
  0%, 100% {
    transform: translateX(0);
  }
  10% {
    transform: translateX(-2px) skew(-1deg);
  }
  20% {
    transform: translateX(2px) skew(1deg);
  }
  30% {
    transform: translateX(-1px) skew(-0.5deg);
  }
  40% {
    transform: translateX(1px) skew(0.5deg);
  }
  50% {
    transform: translateX(-0.5px) skew(-0.2deg);
  }
}
._ctaButton_1dwhy_430 {
  display: inline-block;
  padding: 1rem 2rem;
  background: linear-gradient(45deg, var(--neon-blue), var(--electric-purple));
  color: white;
  text-decoration: none;
  font-weight: 700;
  font-size: 1.2rem;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 0 20px rgba(0, 245, 255, 0.3);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 2rem 0;
}
._ctaButton_1dwhy_430:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 30px rgba(0, 245, 255, 0.5);
}

/* Newsletter Signup Styles */
._newsletterSignup_1dwhy_453 {
  background: var(--glass-bg);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border: 1px solid var(--border-glow);
  border-radius: 16px;
  padding: 2rem;
  margin: 2rem 0;
  text-align: center;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 0 30px rgba(0, 245, 255, 0.2);
}

._newsletterTitle_1dwhy_467 {
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--neon-blue);
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 1px;
}

._newsletterDescription_1dwhy_476 {
  color: #cccccc;
  margin-bottom: 1.5rem;
  font-size: 1rem;
  line-height: 1.4;
}

._newsletterForm_1dwhy_483 {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
@media (max-width: 600px) {
  ._newsletterForm_1dwhy_483 {
    flex-direction: column;
  }
}

._newsletterInput_1dwhy_494 {
  flex: 1;
  padding: 1rem;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid var(--border-glow);
  border-radius: 8px;
  color: white;
  font-size: 1rem;
  outline: none;
  transition: all 0.3s ease;
}
._newsletterInput_1dwhy_494::-moz-placeholder {
  color: #888;
}
._newsletterInput_1dwhy_494::placeholder {
  color: #888;
}
._newsletterInput_1dwhy_494:focus {
  border-color: var(--neon-blue);
  box-shadow: 0 0 10px rgba(0, 245, 255, 0.3);
}
._newsletterInput_1dwhy_494:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

._newsletterButton_1dwhy_517 {
  padding: 1rem 1.5rem;
  background: linear-gradient(45deg, var(--neon-blue), var(--electric-purple));
  color: white;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 0 20px rgba(0, 245, 255, 0.3);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  min-width: 120px;
}
._newsletterButton_1dwhy_517:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 0 30px rgba(0, 245, 255, 0.5);
}
._newsletterButton_1dwhy_517:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

._newsletterFeatures_1dwhy_542 {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
}
@media (max-width: 600px) {
  ._newsletterFeatures_1dwhy_542 {
    flex-direction: column;
    gap: 0.8rem;
  }
}
._newsletterFeatures_1dwhy_542 span {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--neon-green);
  font-size: 0.9rem;
  font-weight: 500;
}
._newsletterFeatures_1dwhy_542 span i {
  font-size: 1rem;
}

/* Metrics */
._metrics_1dwhy_566 {
  display: flex;
  justify-content: center;
  gap: 3rem;
  margin: 3rem 0;
  flex-wrap: wrap;
}

._metric_1dwhy_566 {
  text-align: center;
}
._metric_1dwhy_566 ._value_1dwhy_577 {
  font-family: "Orbitron", monospace;
  font-size: 2.5rem;
  font-weight: 900;
  color: var(--neon-blue);
  margin-bottom: 0.5rem;
  text-shadow: 0 0 20px var(--neon-blue);
}
._metric_1dwhy_566 ._label_1dwhy_585 {
  color: #cccccc;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
}

/* Wicked Countdown Timer */
._wickedCountdown_1dwhy_594 {
  margin: 3rem 0;
}

._wickedTitle_1dwhy_598 {
  text-align: center;
  margin-bottom: 3rem;
}
._wickedTitle_1dwhy_598 h2 {
  font-family: "Orbitron", monospace;
  font-size: 2.5rem;
  font-weight: 900;
  color: var(--neon-blue);
  text-shadow: 0 0 30px var(--neon-blue);
  margin-bottom: 1rem;
  text-transform: uppercase;
  letter-spacing: 3px;
}

._wickedUnderline_1dwhy_613 {
  width: 100px;
  height: 4px;
  background: linear-gradient(45deg, var(--neon-blue), var(--electric-purple));
  margin: 0 auto;
  border-radius: 2px;
  box-shadow: 0 0 20px var(--neon-blue);
}

._wickedTimerContainer_1dwhy_622 {
  display: flex;
  justify-content: center;
  gap: 2rem;
  margin-top: 2rem;
  flex-wrap: wrap;
}

._wickedTimerBox_1dwhy_630 {
  position: relative;
  background: var(--glass-bg);
  border: 2px solid var(--border-glow);
  border-radius: 15px;
  padding: 2rem 1.5rem;
  min-width: 120px;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  transition: all 0.3s ease;
  text-align: center;
  overflow: hidden; /* Contain the gradient effect within the box */
}
._wickedTimerBox_1dwhy_630:hover {
  border-color: var(--neon-blue);
  box-shadow: 0 10px 30px rgba(0, 245, 255, 0.3);
  transform: translateY(-5px);
}
._wickedTimerBox_1dwhy_630::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(0, 245, 255, 0.1), transparent);
  transition: left 0.5s ease;
}
._wickedTimerBox_1dwhy_630:hover::before {
  left: 100%;
}

._wickedTimerValue_1dwhy_661 {
  position: relative;
  display: block;
  margin-bottom: 1rem;
}

._wickedDigit_1dwhy_667 {
  font-family: "Orbitron", monospace;
  font-size: 3rem;
  font-weight: 900;
  color: var(--neon-blue);
  text-shadow: 0 0 20px var(--neon-blue);
  display: block;
}

._wickedReflection_1dwhy_676 {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  font-family: "Orbitron", monospace;
  font-size: 3rem;
  font-weight: 900;
  color: var(--neon-blue);
  opacity: 0.2;
  transform: scaleY(-0.5);
  filter: blur(1px);
}

._wickedTimerLabel_1dwhy_690 {
  font-family: "Orbitron", monospace;
  color: var(--neon-pink);
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
}

._wickedAlphaBanner_1dwhy_699 {
  text-align: center;
  margin-top: 2rem;
  padding: 1.5rem;
  background: rgba(255, 20, 147, 0.1);
  border: 1px solid rgba(255, 20, 147, 0.3);
  border-radius: 10px;
}
._wickedAlphaBanner_1dwhy_699 p {
  color: #cccccc;
  font-size: 0.9rem;
  margin-top: 0.5rem;
}

._wickedAlphaBadge_1dwhy_713 {
  display: inline-block;
  padding: 0.5rem 1rem;
  background: linear-gradient(45deg, var(--neon-pink), var(--electric-purple));
  color: white;
  font-weight: bold;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 20px;
  margin-bottom: 0.5rem;
}

/* Features Section */
._features_1dwhy_727 {
  padding: 100px 2rem;
  max-width: 1200px;
  margin: 0 auto;
}

._contentWrapper_1dwhy_733 {
  max-width: 1200px;
  margin: 0 auto;
}
._contentWrapper_1dwhy_733 h2 {
  font-family: "Orbitron", monospace;
  font-size: 3rem;
  text-align: center;
  margin-bottom: 3rem;
  color: var(--neon-blue);
  text-shadow: 0 0 20px var(--neon-blue);
  text-transform: uppercase;
  letter-spacing: 2px;
}

._featureGrid_1dwhy_748 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 2rem;
  margin-top: 3rem;
}

._feature_1dwhy_727 {
  background: var(--glass-bg);
  border: 1px solid var(--border-glow);
  border-radius: 15px;
  padding: 2rem;
  transition: all 0.3s ease;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  position: relative;
  overflow: hidden;
  text-align: center;
}
._feature_1dwhy_727::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(0, 245, 255, 0.1), transparent);
  transition: left 0.5s ease;
}
._feature_1dwhy_727:hover::before {
  left: 100%;
}
._feature_1dwhy_727:hover {
  transform: translateY(-10px);
  border-color: var(--neon-blue);
  box-shadow: 0 20px 40px rgba(0, 245, 255, 0.2);
}
._feature_1dwhy_727 ._icon_1dwhy_784 {
  width: 60px;
  height: 60px;
  margin: 0 auto 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(45deg, var(--neon-blue), var(--electric-purple));
  border-radius: 50%;
  font-size: 1.5rem;
}
._feature_1dwhy_727 ._icon_1dwhy_784 i {
  color: white;
  font-size: 3rem;
  color: var(--neon-blue);
  text-shadow: 0 0 20px var(--neon-blue);
}
._feature_1dwhy_727 h3 {
  font-family: "Orbitron", monospace;
  font-size: 1.5rem;
  font-weight: bold;
  color: var(--neon-pink);
  margin-bottom: 1rem;
  text-transform: uppercase;
  letter-spacing: 1px;
}
._feature_1dwhy_727 p {
  color: #cccccc;
  line-height: 1.6;
  font-size: 0.95rem;
}

/* Login Section - Force position with margin-top instead */
._loginSection_1dwhy_817 {
  position: relative;
  float: right;
  margin-top: 200px; /* Push down from top */
  margin-right: 2rem;
  margin-bottom: 8rem; /* Increased bottom margin to ensure lion image is fully visible at 100% zoom */
  width: 500px;
  max-width: calc(100vw - 4rem);
  background: var(--glass-bg);
  border: 1px solid var(--border-glow);
  border-radius: 20px;
  padding: 1.5rem;
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
  z-index: 1001;
  height: auto;
  max-height: none;
  overflow: visible;
  pointer-events: auto;
}

._card_1dwhy_838 {
  background: transparent;
  border: none;
  padding: 0;
}
._card_1dwhy_838 h2 {
  font-family: "Orbitron", monospace;
  font-size: 1.8rem;
  font-weight: 900;
  color: var(--neon-blue);
  text-align: center;
  margin-bottom: 2rem;
  text-shadow: 0 0 20px var(--neon-blue);
  text-transform: uppercase;
  letter-spacing: 1px;
}

._loginModeButtons_1dwhy_855 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.8rem;
  margin-bottom: 1.5rem;
  max-height: 400px;
  overflow-y: auto;
  /* Custom scrollbar */
}
._loginModeButtons_1dwhy_855::-webkit-scrollbar {
  width: 6px;
}
._loginModeButtons_1dwhy_855::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
}
._loginModeButtons_1dwhy_855::-webkit-scrollbar-thumb {
  background: var(--neon-blue);
  border-radius: 3px;
}
._loginModeButtons_1dwhy_855::-webkit-scrollbar-thumb:hover {
  background: var(--electric-purple);
}

._modeButton_1dwhy_879 {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.5rem;
  background: var(--glass-bg);
  border: 1px solid var(--border-glow);
  border-radius: 10px;
  color: #ffffff;
  text-decoration: none;
  font-weight: 600;
  font-size: 1rem;
  transition: all 0.3s ease;
  cursor: pointer;
  /* OAuth buttons styling */
  /* Wallet buttons styling */
}
._modeButton_1dwhy_879:hover {
  border-color: var(--neon-blue);
  box-shadow: 0 10px 20px rgba(0, 245, 255, 0.2);
  transform: translateY(-2px);
}
._modeButton_1dwhy_879._active_1dwhy_901 {
  background: linear-gradient(45deg, var(--neon-blue), var(--electric-purple));
  border-color: var(--neon-blue);
  box-shadow: 0 5px 15px rgba(0, 245, 255, 0.3);
}
._modeButton_1dwhy_879 i {
  font-size: 1.5rem;
  color: var(--neon-blue);
}
._modeButton_1dwhy_879._oauthButton_1dwhy_910 {
  border-color: var(--neon-green);
}
._modeButton_1dwhy_879._oauthButton_1dwhy_910:hover {
  border-color: var(--neon-green);
  box-shadow: 0 10px 20px rgba(57, 255, 20, 0.2);
}
._modeButton_1dwhy_879._oauthButton_1dwhy_910 i {
  color: var(--neon-green);
}
._modeButton_1dwhy_879:nth-child(2), ._modeButton_1dwhy_879:nth-child(3) {
  border-color: var(--electric-purple);
}
._modeButton_1dwhy_879:nth-child(2):hover, ._modeButton_1dwhy_879:nth-child(3):hover {
  border-color: var(--electric-purple);
  box-shadow: 0 10px 20px rgba(139, 0, 255, 0.2);
}
._modeButton_1dwhy_879:nth-child(2) i, ._modeButton_1dwhy_879:nth-child(3) i {
  color: var(--electric-purple);
}

._traditionalLogin_1dwhy_931 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._input_1dwhy_937 {
  width: 100%;
  padding: 1rem;
  margin-bottom: 1rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid var(--border-glow);
  border-radius: 8px;
  color: #ffffff;
  font-size: 1rem;
  transition: all 0.3s ease;
}
._input_1dwhy_937::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
._input_1dwhy_937::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
._input_1dwhy_937:focus {
  outline: none;
  border-color: var(--neon-blue);
  box-shadow: 0 0 10px rgba(0, 245, 255, 0.3);
  background: rgba(255, 255, 255, 0.15);
}

._loginButton_1dwhy_958 {
  width: 100%;
  padding: 1rem;
  background: linear-gradient(45deg, var(--neon-blue), var(--electric-purple));
  border: none;
  border-radius: 8px;
  color: white;
  font-weight: 700;
  font-size: 1.1rem;
  cursor: pointer;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 1px;
}
._loginButton_1dwhy_958:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(0, 245, 255, 0.3);
}
._loginButton_1dwhy_958:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

._walletAuthContainer_1dwhy_982 {
  margin: 1rem 0;
}

._registerText_1dwhy_986 {
  text-align: center;
  margin-top: 1rem;
  color: #cccccc;
  font-size: 0.9rem;
}

._registerLink_1dwhy_993 {
  color: var(--neon-pink);
  text-decoration: none;
  font-weight: 600;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 0.9rem;
}
._registerLink_1dwhy_993:hover {
  color: var(--electric-purple);
  text-shadow: 0 0 5px rgba(0, 191, 255, 0.5);
}

._cyberpunkLionContainer_1dwhy_1007 {
  margin-top: 2rem;
  text-align: center;
  width: 100%;
}

._cyberpunkLionImage_1dwhy_1013 {
  width: 100%;
  max-width: 280px;
  height: auto;
  border-radius: 15px;
  filter: drop-shadow(0 0 20px rgba(0, 245, 255, 0.4)) drop-shadow(0 0 10px rgba(255, 0, 110, 0.3));
  transition: all 0.3s ease;
  border: 1px solid rgba(0, 245, 255, 0.3);
}
._cyberpunkLionImage_1dwhy_1013:hover {
  filter: drop-shadow(0 0 30px rgba(0, 245, 255, 0.6)) drop-shadow(0 0 15px rgba(255, 0, 110, 0.5));
  transform: scale(1.02);
}

/* Footer */
._footer_1dwhy_1028 {
  background: rgba(0, 0, 0, 0.5);
  border-top: 1px solid var(--border-glow);
  padding: 3rem 2rem 2rem;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

._links_1dwhy_1035 {
  display: flex;
  justify-content: center;
  gap: 2rem;
  margin-bottom: 2rem;
  flex-wrap: wrap;
}
._links_1dwhy_1035 a {
  color: #cccccc;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease;
}
._links_1dwhy_1035 a:hover {
  color: var(--neon-pink);
  text-shadow: 0 0 10px var(--neon-pink);
}

._copyright_1dwhy_1053 {
  text-align: center;
  color: #888;
  font-size: 0.9rem;
}

/* Stats Section */
._statsGrid_1dwhy_1060 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 2rem;
  margin: 3rem 0;
}

._statItem_1dwhy_1067 {
  text-align: center;
  padding: 2rem;
  background: var(--glass-bg);
  border-radius: 10px;
  border: 1px solid var(--border-glow);
}

._statNumber_1dwhy_1075 {
  font-family: "Orbitron", monospace;
  font-size: 2.5rem;
  font-weight: 900;
  color: var(--neon-blue);
  text-shadow: 0 0 20px var(--neon-blue);
}

._statLabel_1dwhy_1083 {
  color: #cccccc;
  margin-top: 0.5rem;
  font-weight: 500;
}

/* Enhanced Particles Animation */
._particles_1dwhy_1090 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 2; /* Above background but below most content */
  overflow: hidden;
}

._particle_1dwhy_1090 {
  position: absolute;
  animation: _float_1dwhy_1 6s infinite linear;
  z-index: 3;
  will-change: transform, opacity;
}

/* Different particle types */
._particleDot_1dwhy_1109 {
  border-radius: 50%;
  animation: _floatDot_1dwhy_1 8s infinite linear;
}

._particleStar_1dwhy_1114 {
  border-radius: 50%;
  animation: _floatStar_1dwhy_1 10s infinite linear;
}

._particleGlow_1dwhy_1119 {
  border-radius: 50%;
  animation: _floatGlow_1dwhy_1 7s infinite linear;
  filter: blur(0.5px);
}

._particleTrail_1dwhy_1125 {
  border-radius: 50px;
  animation: _floatTrail_1dwhy_1 6s infinite linear;
}

/* Enhanced float animations */
@keyframes _floatDot_1dwhy_1 {
  0% {
    transform: translateY(100vh) translateX(0) scale(0);
    opacity: 0;
  }
  10% {
    opacity: 1;
    transform: translateY(90vh) translateX(20px) scale(1);
  }
  50% {
    transform: translateY(50vh) translateX(50px) scale(1.2);
  }
  90% {
    opacity: 1;
    transform: translateY(10vh) translateX(80px) scale(0.8);
  }
  100% {
    transform: translateY(-50px) translateX(100px) scale(0);
    opacity: 0;
  }
}
@keyframes _floatStar_1dwhy_1 {
  0% {
    transform: translateY(100vh) translateX(0) rotate(0deg) scale(0);
    opacity: 0;
  }
  10% {
    opacity: 1;
    transform: translateY(90vh) translateX(-20px) rotate(36deg) scale(1);
  }
  25% {
    transform: translateY(75vh) translateX(30px) rotate(90deg) scale(1.3);
  }
  50% {
    transform: translateY(50vh) translateX(-40px) rotate(180deg) scale(1.1);
  }
  75% {
    transform: translateY(25vh) translateX(60px) rotate(270deg) scale(1.2);
  }
  90% {
    opacity: 1;
    transform: translateY(10vh) translateX(-30px) rotate(324deg) scale(0.9);
  }
  100% {
    transform: translateY(-50px) translateX(50px) rotate(360deg) scale(0);
    opacity: 0;
  }
}
@keyframes _floatGlow_1dwhy_1 {
  0% {
    transform: translateY(100vh) translateX(0) scale(0);
    opacity: 0;
  }
  15% {
    opacity: 0.8;
    transform: translateY(85vh) translateX(-30px) scale(1);
  }
  30% {
    transform: translateY(70vh) translateX(40px) scale(1.5);
  }
  50% {
    transform: translateY(50vh) translateX(-20px) scale(1.8);
    opacity: 0.6;
  }
  70% {
    transform: translateY(30vh) translateX(50px) scale(1.3);
  }
  85% {
    opacity: 0.4;
    transform: translateY(15vh) translateX(-40px) scale(1.1);
  }
  100% {
    transform: translateY(-50px) translateX(30px) scale(0);
    opacity: 0;
  }
}
@keyframes _floatTrail_1dwhy_1 {
  0% {
    transform: translateY(100vh) translateX(0) scaleY(0);
    opacity: 0;
  }
  10% {
    opacity: 1;
    transform: translateY(90vh) translateX(15px) scaleY(1);
  }
  50% {
    transform: translateY(50vh) translateX(35px) scaleY(1.2);
  }
  90% {
    opacity: 0.7;
    transform: translateY(10vh) translateX(60px) scaleY(0.8);
  }
  100% {
    transform: translateY(-50px) translateX(80px) scaleY(0);
    opacity: 0;
  }
}
/* Rotation animations */
@keyframes _spinCW_1dwhy_1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes _spinCCW_1dwhy_1 {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
/* Legacy float animation for backwards compatibility */
@keyframes _float_1dwhy_1 {
  0% {
    transform: translateY(100vh) translateX(0);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: translateY(-100px) translateX(100px);
    opacity: 0;
  }
}
@keyframes _slideIn_1dwhy_1 {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes _pulse-glow_1dwhy_1 {
  0%, 100% {
    box-shadow: 0 0 10px rgba(255, 0, 110, 0.5);
  }
  50% {
    box-shadow: 0 0 20px rgba(255, 0, 110, 0.8);
  }
}
/* Killer button animations */
@keyframes _button-pulse_1dwhy_1 {
  0%, 100% {
    box-shadow: 0 0 20px rgba(0, 245, 255, 0.2), inset 0 0 20px rgba(0, 0, 0, 0.3);
  }
  50% {
    box-shadow: 0 0 30px rgba(0, 245, 255, 0.4), 0 0 40px rgba(255, 0, 110, 0.2), inset 0 0 30px rgba(0, 0, 0, 0.2);
  }
}
@keyframes _rainbow-border_1dwhy_1 {
  0% {
    border-color: var(--neon-blue);
  }
  25% {
    border-color: var(--neon-pink);
  }
  50% {
    border-color: var(--neon-green);
  }
  75% {
    border-color: var(--electric-purple);
  }
  100% {
    border-color: var(--neon-blue);
  }
}
@keyframes _lightning-effect_1dwhy_1 {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes _matrix-rain_1dwhy_1 {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 0% 100%;
  }
}
/* Desktop specific fixes */
@media (min-width: 1201px) {
  ._loginSection_1dwhy_817 {
    position: fixed;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%);
    width: 500px;
    max-width: 500px;
    z-index: 50;
  }
  ._hero_1dwhy_328 {
    margin-right: 540px; /* Account for login section width */
  }
  /* Ensure cards don't get blocked by login */
  ._features_1dwhy_727 {
    margin-right: 540px;
  }
}
/* Responsive Design */
@media (max-width: 1200px) {
  ._loginSection_1dwhy_817 {
    position: relative;
    right: auto;
    top: auto;
    transform: none;
    width: 100%;
    max-width: 500px;
    margin: 2rem auto;
    max-height: none;
    z-index: 10; /* Lower z-index for mobile */
  }
  ._hero_1dwhy_328 {
    padding-top: 280px;
    margin-right: 0;
  }
  ._features_1dwhy_727 {
    margin-right: 0; /* No margin on mobile */
  }
}
@media (max-width: 768px) {
  ._navbar_1dwhy_57 {
    padding: 0.5rem 0;
    min-height: 120px;
  }
  ._navContainer_1dwhy_71 {
    flex-direction: column;
    gap: 1rem;
    padding: 0 1rem;
    align-items: center;
  }
  ._logoContainer_1dwhy_81 {
    gap: 0.8rem;
    align-items: center;
  }
  ._logoImage_1dwhy_88 {
    height: 50px;
    width: 50px;
  }
  ._logo_1dwhy_81 {
    font-size: 1rem;
  }
  ._tagline_1dwhy_125 {
    font-size: 0.6rem;
  }
  ._nav_1dwhy_57 {
    gap: 0.8rem;
    font-size: 0.9rem;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
  }
  ._navButton_1dwhy_146 {
    padding: 0.6rem 1rem;
    font-size: 0.8rem;
    border-radius: 20px;
  }
  ._navButton_1dwhy_146:hover {
    transform: translateY(-2px) scale(1.03);
  }
  ._miniCountdown_1dwhy_282 {
    order: -1;
    margin-bottom: 0.5rem;
    padding: 0.3rem 0.8rem;
    font-size: 0.8rem;
    min-width: 180px; /* Smaller fixed width for mobile */
  }
  ._hero_1dwhy_328 {
    padding-top: 140px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  ._heroContent_1dwhy_349 {
    margin-top: 1rem;
  }
  ._heroContent_1dwhy_349 h1 {
    font-size: 2.5rem;
    letter-spacing: 1px;
  }
  ._heroContent_1dwhy_349 p {
    font-size: 1.1rem;
  }
  ._metrics_1dwhy_566 {
    gap: 1.5rem;
    flex-direction: column;
    align-items: center;
  }
  ._metric_1dwhy_566 ._value_1dwhy_577 {
    font-size: 2rem;
  }
  ._wickedTimerContainer_1dwhy_622 {
    gap: 1rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  ._wickedTimerBox_1dwhy_630 {
    min-width: 100px;
    padding: 1.5rem 1rem;
  }
  ._wickedDigit_1dwhy_667 {
    font-size: 2rem;
  }
  ._wickedReflection_1dwhy_676 {
    font-size: 2rem;
  }
  ._featureGrid_1dwhy_748 {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  ._loginModeButtons_1dwhy_855 {
    grid-template-columns: 1fr;
    max-height: 350px;
  }
  ._modeButton_1dwhy_879 {
    padding: 0.8rem 1rem;
    font-size: 0.9rem;
  }
  ._modeButton_1dwhy_879 i {
    font-size: 1.2rem;
  }
  ._loginSection_1dwhy_817 {
    position: static;
    transform: none;
    margin: 2rem auto;
    width: calc(100% - 2rem);
    max-width: 500px;
    top: auto; /* Reset top positioning for mobile */
  }
  ._links_1dwhy_1035 {
    gap: 1rem;
    font-size: 0.9rem;
    flex-direction: column;
    text-align: center;
  }
  ._statsGrid_1dwhy_1060 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  ._hero_1dwhy_328 {
    padding: 4rem 1rem 2rem;
  }
  ._heroContent_1dwhy_349 h1 {
    font-size: 2rem;
  }
  ._metrics_1dwhy_566 {
    flex-direction: column;
    align-items: center;
    gap: 1rem;
  }
  ._wickedCountdown_1dwhy_594 {
    padding: 2rem 1rem;
  }
  ._wickedTitle_1dwhy_598 h2 {
    font-size: 1.8rem;
  }
  ._card_1dwhy_838 {
    padding: 2rem 1.5rem;
  }
  ._features_1dwhy_727 {
    padding: 50px 1rem;
  }
}/* Add this to the top of your existing Login.module.scss file */
/* Page Wrapper to center content */
._pageWrapper_1wkce_3 {
  display: flex;
  justify-content: center;
  width: 100%;
  min-height: 100vh;
  overflow-x: hidden;
}

/* Launch Countdown Container */
._launchCountdownContainer_1wkce_12 {
  width: 100%;
  max-width: 700px;
  background-color: #1e1e2f;
  border-radius: 10px;
  padding: 2.5rem 1.5rem;
  margin: 2rem 0;
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
  /* Stars background */
  /* Mountains at the bottom */
}
._launchCountdownContainer_1wkce_12::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.15) 1px, transparent 1px);
  background-size: 30px 30px;
  z-index: 0;
}
._launchCountdownContainer_1wkce_12::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100px;
  background: linear-gradient(135deg, #311b3b 0%, #311b3b 10%, transparent 10%, transparent 20%, #2b1a33 20%, #2b1a33 30%, transparent 30%, transparent 40%, #261830 40%, #261830 50%, transparent 50%, transparent 60%, #20152b 60%, #20152b 70%, transparent 70%, transparent 80%, #1a1126 80%, #1a1126 90%, transparent 90%, transparent 100%);
  z-index: 0;
}

/* Title styling */
._launchingTitle_1wkce_48 {
  position: relative;
  font-size: 1.8rem;
  text-transform: uppercase;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: 3px;
  margin-bottom: 2.5rem;
  text-align: center;
  z-index: 2;
}
._launchingTitle_1wkce_48::after {
  content: "";
  position: absolute;
  width: 80px;
  height: 2px;
  background: linear-gradient(to right, #ff8cba, #ff4973);
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
}

/* Countdown boxes container */
._countdownBoxes_1wkce_71 {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 0 auto;
  z-index: 2;
  padding: 0 0.5rem;
}
@media (min-width: 768px) {
  ._countdownBoxes_1wkce_71 {
    gap: 2rem;
  }
}

/* Individual countdown box */
._countdownBox_1wkce_71 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Countdown value display */
._countdownValue_1wkce_94 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  background-color: #2c2c44;
  border-radius: 6px;
  color: #ff4973;
  font-size: 2rem;
  font-weight: 700;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  position: relative;
  overflow: hidden;
  /* Divider dot decoration */
}
@media (min-width: 768px) {
  ._countdownValue_1wkce_94 {
    width: 100px;
    height: 100px;
    font-size: 3.5rem;
  }
}
._countdownValue_1wkce_94::before, ._countdownValue_1wkce_94::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: #1e1e2f;
  border-radius: 50%;
}
._countdownValue_1wkce_94::before {
  left: -4px;
  top: 50%;
  transform: translateY(-50%);
}
._countdownValue_1wkce_94::after {
  right: -4px;
  top: 50%;
  transform: translateY(-50%);
}

/* Countdown label styling */
._countdownLabel_1wkce_137 {
  margin-top: 0.75rem;
  color: #8c8ca1;
  font-size: 0.65rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 500;
}
@media (min-width: 768px) {
  ._countdownLabel_1wkce_137 {
    font-size: 0.8rem;
  }
}

/* Alpha banner styling */
._alphaBanner_1wkce_152 {
  position: relative;
  margin-top: 2.5rem;
  padding: 1rem;
  background: rgba(255, 73, 115, 0.1);
  border-radius: 8px;
  border-left: 3px solid #ff4973;
  z-index: 2;
}
._alphaBanner_1wkce_152 p {
  margin: 0;
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.8);
}

/* Alpha badge styling */
._alphaBadge_1wkce_168 {
  display: inline-block;
  background: #ff4973;
  color: white;
  font-weight: bold;
  padding: 0.2rem 0.6rem;
  border-radius: 4px;
  font-size: 0.7rem;
  letter-spacing: 1px;
  margin-bottom: 0.5rem;
}

/* Social icons container */
._socialIcons_1wkce_181 {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-top: 2rem;
  position: relative;
  z-index: 2;
}

/* Individual social icon */
._socialIcon_1wkce_181 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.6);
  transition: all 0.3s ease;
}
._socialIcon_1wkce_181:hover {
  background-color: #ff4973;
  color: white;
  transform: translateY(-3px);
}
._socialIcon_1wkce_181 svg {
  width: 18px;
  height: 18px;
}

/* Styles for CTA text in login card */
._ctaText_1wkce_213 {
  margin-top: 1.5rem;
  text-align: center;
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.9rem;
}

._ctaLink_1wkce_220 {
  color: #00ffaa;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.2s ease;
}
._ctaLink_1wkce_220:hover {
  text-decoration: underline;
  color: #00ffee;
}

/* Media queries for mobile responsiveness */
@media (max-width: 768px) {
  ._launchCountdownContainer_1wkce_12 {
    padding: 1.5rem 0.75rem;
  }
  ._launchingTitle_1wkce_48 {
    font-size: 1.3rem;
    letter-spacing: 2px;
    margin-bottom: 2rem;
  }
  ._countdownBoxes_1wkce_71 {
    gap: 0.5rem;
  }
  ._countdownValue_1wkce_94 {
    width: 50px;
    height: 50px;
    font-size: 1.5rem;
  }
  ._countdownLabel_1wkce_137 {
    font-size: 0.6rem;
    letter-spacing: 1px;
  }
  ._alphaBanner_1wkce_152 {
    padding: 0.75rem;
  }
  ._alphaBanner_1wkce_152 p {
    font-size: 0.8rem;
  }
  ._socialIcons_1wkce_181 {
    margin-top: 1.5rem;
  }
  ._socialIcon_1wkce_181 {
    width: 36px;
    height: 36px;
  }
  ._socialIcon_1wkce_181 svg {
    width: 16px;
    height: 16px;
  }
}
._mainWrapper_1wkce_271 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background-color: var(--gray-50);
}

._container_1wkce_280 {
  width: 100%;
  max-width: 1400px;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: var(--gray-50);
  overflow-x: hidden;
  align-items: center;
  margin: 0 auto;
}

._contentWrapper_1wkce_292 {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

._header_1wkce_303 {
  width: 100%;
  background-color: var(--gray-50);
  display: flex;
  justify-content: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  position: sticky;
  top: 0;
  z-index: 100;
  padding: 1rem 0;
}
._header_1wkce_303 ._headerInner_1wkce_314 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
._header_1wkce_303 ._logo_1wkce_320 {
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--primary-color);
}
._header_1wkce_303 ._logo_1wkce_320 img {
  height: 80px;
  margin-right: 0.75rem;
}
._header_1wkce_303 ._nav_1wkce_331 {
  display: flex;
  gap: 1.5rem;
}
._header_1wkce_303 ._nav_1wkce_331 a {
  color: var(--gray-700);
  text-decoration: none;
  transition: color 0.2s;
  font-weight: 500;
}
._header_1wkce_303 ._nav_1wkce_331 a:hover {
  color: var(--primary-color);
}

._hero_1wkce_345 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: linear-gradient(135deg, var(--primary-color) 0%, #1e40af 100%);
  color: white;
  padding: 0 0 4rem;
  position: relative;
}
._hero_1wkce_345 ._bannerImage_1wkce_355 {
  width: 100%;
  height: auto;
  max-height: 600px;
  height: auto;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
._hero_1wkce_345 ._heroContent_1wkce_363 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 3rem 1rem;
  position: relative;
  z-index: 2;
}
._hero_1wkce_345 h1 {
  font-size: 2.5rem;
  font-weight: 800;
  margin-bottom: 1rem;
  line-height: 1.2;
}
._hero_1wkce_345 p {
  font-size: 1.25rem;
  max-width: 800px;
  margin: 0 auto 2rem;
}
._hero_1wkce_345 ._metrics_1wkce_383 {
  display: flex;
  gap: 2rem;
  margin-top: 2rem;
  flex-wrap: wrap;
  justify-content: center;
}
._hero_1wkce_345 ._metrics_1wkce_383 ._metric_1wkce_383 {
  text-align: center;
}
._hero_1wkce_345 ._metrics_1wkce_383 ._metric_1wkce_383 ._value_1wkce_393 {
  font-size: 2.5rem;
  font-weight: 700;
}
._hero_1wkce_345 ._metrics_1wkce_383 ._metric_1wkce_383 ._label_1wkce_397 {
  font-size: 1rem;
  opacity: 0.8;
}
._hero_1wkce_345 ._heroImage_1wkce_401 {
  width: 100%;
  max-width: 800px;
  margin-top: 2rem;
  border-radius: 10px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

._features_1wkce_409 {
  width: 100%;
  padding: 5rem 0;
  background-color: white;
}
._features_1wkce_409 h2 {
  text-align: center;
  font-size: 2rem;
  margin-bottom: 3rem;
  color: var(--gray-900);
}
._features_1wkce_409 ._featureGrid_1wkce_420 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 2rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  ._features_1wkce_409 ._featureGrid_1wkce_420 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  ._features_1wkce_409 ._featureGrid_1wkce_420 {
    grid-template-columns: repeat(3, 1fr);
  }
}
._features_1wkce_409 ._featureGrid_1wkce_420 ._feature_1wkce_409 {
  background-color: var(--gray-50);
  border-radius: 0.75rem;
  padding: 1.5rem;
  transition: transform 0.2s, box-shadow 0.2s;
}
._features_1wkce_409 ._featureGrid_1wkce_420 ._feature_1wkce_409:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
._features_1wkce_409 ._featureGrid_1wkce_420 ._feature_1wkce_409 ._icon_1wkce_446 {
  width: 3rem;
  height: 3rem;
  background-color: var(--primary-color);
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}
._features_1wkce_409 ._featureGrid_1wkce_420 ._feature_1wkce_409 ._icon_1wkce_446 svg {
  width: 1.5rem;
  height: 1.5rem;
}
._features_1wkce_409 ._featureGrid_1wkce_420 ._feature_1wkce_409 h3 {
  font-size: 1.25rem;
  margin-bottom: 0.75rem;
  color: var(--gray-900);
}
._features_1wkce_409 ._featureGrid_1wkce_420 ._feature_1wkce_409 p {
  color: var(--gray-600);
  font-size: 0.975rem;
  line-height: 1.5;
}
._features_1wkce_409 ._featureImage_1wkce_471 {
  width: 100%;
  max-width: 600px;
  margin: 3rem auto 0;
  display: block;
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

._loginSection_1wkce_480 ._loginSection_1wkce_480 {
  width: 100vw;
  height: 100vh;
  display: grid;
  place-items: center;
  background: linear-gradient(45deg, #0f0f1a, #1a1a2f);
  position: relative;
  overflow: hidden;
}
._loginSection_1wkce_480 ._loginSection_1wkce_480::before {
  content: "";
  position: absolute;
  width: 150%;
  height: 150%;
  background: linear-gradient(#00ff88 0%, #00ffee 25%, transparent 50%);
  animation: _rotate_1wkce_1 20s linear infinite;
  opacity: 0.05;
}
@keyframes _rotate_1wkce_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
._loginSection_1wkce_480 ._loginSection_1wkce_480 {
  width: 100vw;
  height: 100vh;
  display: grid;
  place-items: center;
  background: linear-gradient(45deg, #0f0f1a, #1a1a2f);
  position: relative;
  overflow: hidden;
}
._loginSection_1wkce_480 ._loginSection_1wkce_480::before {
  content: "";
  position: absolute;
  width: 150%;
  height: 150%;
  background: linear-gradient(#00ff88 0%, #00ffee 25%, transparent 50%);
  animation: _rotate_1wkce_1 20s linear infinite;
  opacity: 0.05;
}
@keyframes _rotate_1wkce_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
._loginSection_1wkce_480 ._card_1wkce_532 {
  border-radius: 0.75rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._card_1wkce_532 {
  position: relative;
  background: rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 3rem 2.5rem;
  width: 100%;
  max-width: 400px;
  transform-style: preserve-3d;
  perspective: 1000px;
  box-shadow: 0 25px 45px rgba(0, 0, 0, 0.2), 0 0 100px rgba(0, 255, 170, 0.1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._card_1wkce_532:hover {
  transform: translateY(-10px) rotateX(5deg) rotateY(5deg);
  box-shadow: 0 35px 60px rgba(0, 0, 0, 0.4), 0 0 150px rgba(0, 255, 170, 0.2);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._card_1wkce_532::after {
  content: "";
  position: absolute;
  inset: -2px;
  background: linear-gradient(45deg, transparent 40%, #00ffaa 50%, transparent 60%);
  background-size: 200% 200%;
  animation: _holographic_1wkce_1 3s linear infinite;
  border-radius: 22px;
  z-index: -1;
  opacity: 0.5;
}
@keyframes _holographic_1wkce_1 {
  0% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}
._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 {
  height: 100vh;
  display: grid;
  place-items: center;
  background: linear-gradient(45deg, #0f0f1a, #1a1a2f);
  position: relative;
  overflow: hidden;
}
._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 ._card_1wkce_532 {
  position: relative;
  background: rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 3rem 2.5rem;
  width: 100%;
  max-width: 400px;
  transform-style: preserve-3d;
  perspective: 1000px;
  box-shadow: 0 25px 45px rgba(0, 0, 0, 0.2), 0 0 100px rgba(0, 255, 170, 0.1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 ._card_1wkce_532:hover {
  transform: translateY(-10px) rotateX(5deg) rotateY(5deg);
  box-shadow: 0 35px 60px rgba(0, 0, 0, 0.4), 0 0 150px rgba(0, 255, 170, 0.2);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 ._card_1wkce_532::after {
  content: "";
  position: absolute;
  inset: -2px;
  background: linear-gradient(45deg, transparent 40%, #00ffaa 50%, transparent 60%);
  background-size: 200% 200%;
  animation: _holographic_1wkce_1 3s linear infinite;
  border-radius: 22px;
  z-index: -1;
  opacity: 0.5;
}
@keyframes _holographic_1wkce_1 {
  0% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}
._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 ._card_1wkce_532 {
  position: relative;
  background: rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 3rem 2.5rem;
  width: 100%;
  max-width: 400px;
  transform-style: preserve-3d;
  perspective: 1000px;
  box-shadow: 0 25px 45px rgba(0, 0, 0, 0.2), 0 0 100px rgba(0, 255, 170, 0.1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 ._card_1wkce_532:hover {
  transform: translateY(-10px) rotateX(5deg) rotateY(5deg);
  box-shadow: 0 35px 60px rgba(0, 0, 0, 0.4), 0 0 150px rgba(0, 255, 170, 0.2);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 ._card_1wkce_532::after {
  content: "";
  position: absolute;
  inset: -2px;
  background: linear-gradient(45deg, transparent 40%, #00ffaa 50%, transparent 60%);
  background-size: 200% 200%;
  animation: _holographic_1wkce_1 3s linear infinite;
  border-radius: 22px;
  z-index: -1;
  opacity: 0.5;
}
@keyframes _holographic_1wkce_1 {
  0% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}
._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 ._card_1wkce_532 {
  position: relative;
  background: rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 3rem 2.5rem;
  width: 100%;
  max-width: 400px;
  transform-style: preserve-3d;
  perspective: 1000px;
  box-shadow: 0 25px 45px rgba(0, 0, 0, 0.2), 0 0 100px rgba(0, 255, 170, 0.1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 ._card_1wkce_532:hover {
  transform: translateY(-10px) rotateX(5deg) rotateY(5deg);
  box-shadow: 0 35px 60px rgba(0, 0, 0, 0.4), 0 0 150px rgba(0, 255, 170, 0.2);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 ._card_1wkce_532::after {
  content: "";
  position: absolute;
  inset: -2px;
  background: linear-gradient(45deg, transparent 40%, #00ffaa 50%, transparent 60%);
  background-size: 200% 200%;
  animation: _holographic_1wkce_1 3s linear infinite;
  border-radius: 22px;
  z-index: -1;
  opacity: 0.5;
}
@keyframes _holographic_1wkce_1 {
  0% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}
._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 ._card_1wkce_532 {
  position: relative;
  background: rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 3rem 2.5rem;
  width: 100%;
  max-width: 400px;
  transform-style: preserve-3d;
  perspective: 1000px;
  box-shadow: 0 25px 45px rgba(0, 0, 0, 0.2), 0 0 100px rgba(0, 255, 170, 0.1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 ._card_1wkce_532:hover {
  transform: translateY(-10px) rotateX(5deg) rotateY(5deg);
  box-shadow: 0 35px 60px rgba(0, 0, 0, 0.4), 0 0 150px rgba(0, 255, 170, 0.2);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 ._card_1wkce_532::after {
  content: "";
  position: absolute;
  inset: -2px;
  background: linear-gradient(45deg, transparent 40%, #00ffaa 50%, transparent 60%);
  background-size: 200% 200%;
  animation: _holographic_1wkce_1 3s linear infinite;
  border-radius: 22px;
  z-index: -1;
  opacity: 0.5;
}
@keyframes _holographic_1wkce_1 {
  0% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}
._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 ._card_1wkce_532 {
  position: relative;
  background: rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 3rem 2.5rem;
  width: 100%;
  max-width: 400px;
  transform-style: preserve-3d;
  perspective: 1000px;
  box-shadow: 0 25px 45px rgba(0, 0, 0, 0.2), 0 0 100px rgba(0, 255, 170, 0.1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 ._card_1wkce_532:hover {
  transform: translateY(-10px) rotateX(5deg) rotateY(5deg);
  box-shadow: 0 35px 60px rgba(0, 0, 0, 0.4), 0 0 150px rgba(0, 255, 170, 0.2);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 ._card_1wkce_532::after {
  content: "";
  position: absolute;
  inset: -2px;
  background: linear-gradient(45deg, transparent 40%, #00ffaa 50%, transparent 60%);
  background-size: 200% 200%;
  animation: _holographic_1wkce_1 3s linear infinite;
  border-radius: 22px;
  z-index: -1;
  opacity: 0.5;
}
@keyframes _holographic_1wkce_1 {
  0% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}
._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 ._card_1wkce_532 {
  position: relative;
  background: rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 3rem 2.5rem;
  width: 100%;
  max-width: 400px;
  transform-style: preserve-3d;
  perspective: 1000px;
  box-shadow: 0 25px 45px rgba(0, 0, 0, 0.2), 0 0 100px rgba(0, 255, 170, 0.1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 ._card_1wkce_532:hover {
  transform: translateY(-10px) rotateX(5deg) rotateY(5deg);
  box-shadow: 0 35px 60px rgba(0, 0, 0, 0.4), 0 0 150px rgba(0, 255, 170, 0.2);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 ._card_1wkce_532::after {
  content: "";
  position: absolute;
  inset: -2px;
  background: linear-gradient(45deg, transparent 40%, #00ffaa 50%, transparent 60%);
  background-size: 200% 200%;
  animation: _holographic_1wkce_1 3s linear infinite;
  border-radius: 22px;
  z-index: -1;
  opacity: 0.5;
}
@keyframes _holographic_1wkce_1 {
  0% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}
._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 ._card_1wkce_532 {
  position: relative;
  background: rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 3rem 2.5rem;
  width: 100%;
  max-width: 400px;
  transform-style: preserve-3d;
  perspective: 1000px;
  box-shadow: 0 25px 45px rgba(0, 0, 0, 0.2), 0 0 100px rgba(0, 255, 170, 0.1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 ._card_1wkce_532:hover {
  transform: translateY(-10px) rotateX(5deg) rotateY(5deg);
  box-shadow: 0 35px 60px rgba(0, 0, 0, 0.4), 0 0 150px rgba(0, 255, 170, 0.2);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 ._card_1wkce_532::after {
  content: "";
  position: absolute;
  inset: -2px;
  background: linear-gradient(45deg, transparent 40%, #00ffaa 50%, transparent 60%);
  background-size: 200% 200%;
  animation: _holographic_1wkce_1 3s linear infinite;
  border-radius: 22px;
  z-index: -1;
  opacity: 0.5;
}
@keyframes _holographic_1wkce_1 {
  0% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}
._loginSection_1wkce_480 ._card_1wkce_532 ._card_1wkce_532 {
  position: relative;
  background: rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 3rem 2.5rem;
  width: 100%;
  max-width: 400px;
  transform-style: preserve-3d;
  perspective: 1000px;
  box-shadow: 0 25px 45px rgba(0, 0, 0, 0.2), 0 0 100px rgba(0, 255, 170, 0.1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._card_1wkce_532:hover {
  transform: translateY(-10px) rotateX(5deg) rotateY(5deg);
  box-shadow: 0 35px 60px rgba(0, 0, 0, 0.4), 0 0 150px rgba(0, 255, 170, 0.2);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._card_1wkce_532::after {
  content: "";
  position: absolute;
  inset: -2px;
  background: linear-gradient(45deg, transparent 40%, #00ffaa 50%, transparent 60%);
  background-size: 200% 200%;
  animation: _holographic_1wkce_1 3s linear infinite;
  border-radius: 22px;
  z-index: -1;
  opacity: 0.5;
}
@keyframes _holographic_1wkce_1 {
  0% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}
._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480::before {
  content: "";
  position: absolute;
  width: 150%;
  height: 150%;
  background: linear-gradient(#00ff88 0%, #00ffee 25%, transparent 50%);
  animation: _rotate_1wkce_1 20s linear infinite;
  opacity: 0.05;
}
@keyframes _rotate_1wkce_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 {
  width: 100vw;
  height: 100vh;
  display: grid;
  place-items: center;
  background: linear-gradient(45deg, #0f0f1a, #1a1a2f);
  position: relative;
  overflow: hidden;
}
._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480::before {
  content: "";
  position: absolute;
  width: 150%;
  height: 150%;
  background: linear-gradient(#00ff88 0%, #00ffee 25%, transparent 50%);
  animation: _rotate_1wkce_1 20s linear infinite;
  opacity: 0.05;
}
@keyframes _rotate_1wkce_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 {
  width: 100vw;
  height: 100vh;
  display: grid;
  place-items: center;
  background: linear-gradient(45deg, #0f0f1a, #1a1a2f);
  position: relative;
  overflow: hidden;
}
._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480::before {
  content: "";
  position: absolute;
  width: 150%;
  height: 150%;
  background: linear-gradient(#00ff88 0%, #00ffee 25%, transparent 50%);
  animation: _rotate_1wkce_1 20s linear infinite;
  opacity: 0.05;
}
@keyframes _rotate_1wkce_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 {
  width: 100vw;
  height: 100vh;
  display: grid;
  place-items: center;
  background: linear-gradient(45deg, #0f0f1a, #1a1a2f);
  position: relative;
  overflow: hidden;
}
._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480::before {
  content: "";
  position: absolute;
  width: 150%;
  height: 150%;
  background: linear-gradient(#00ff88 0%, #00ffee 25%, transparent 50%);
  animation: _rotate_1wkce_1 20s linear infinite;
  opacity: 0.05;
}
@keyframes _rotate_1wkce_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
._loginSection_1wkce_480 ._card_1wkce_532 h2 {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
  text-align: center;
  color: var(--gray-900);
}
._loginSection_1wkce_480 ._card_1wkce_532 h2 ._loginSection_1wkce_480 {
  width: 100vw;
  height: 100vh;
  display: grid;
  place-items: center;
  background: linear-gradient(45deg, #0f0f1a, #1a1a2f);
  position: relative;
  overflow: hidden;
}
._loginSection_1wkce_480 ._card_1wkce_532 h2 ._loginSection_1wkce_480::before {
  content: "";
  position: absolute;
  width: 150%;
  height: 150%;
  background: linear-gradient(#00ff88 0%, #00ffee 25%, transparent 50%);
  animation: _rotate_1wkce_1 20s linear infinite;
  opacity: 0.05;
}
@keyframes _rotate_1wkce_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
._loginSection_1wkce_480 ._card_1wkce_532 h2 ._loginSection_1wkce_480 {
  width: 100vw;
  height: 100vh;
  display: grid;
  place-items: center;
  background: linear-gradient(45deg, #0f0f1a, #1a1a2f);
  position: relative;
  overflow: hidden;
}
._loginSection_1wkce_480 ._card_1wkce_532 h2 ._loginSection_1wkce_480::before {
  content: "";
  position: absolute;
  width: 150%;
  height: 150%;
  background: linear-gradient(#00ff88 0%, #00ffee 25%, transparent 50%);
  animation: _rotate_1wkce_1 20s linear infinite;
  opacity: 0.05;
}
@keyframes _rotate_1wkce_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
._loginSection_1wkce_480 ._card_1wkce_532 h2 ._loginSection_1wkce_480 {
  width: 100vw;
  height: 100vh;
  display: grid;
  place-items: center;
  background: linear-gradient(45deg, #0f0f1a, #1a1a2f);
  position: relative;
  overflow: hidden;
}
._loginSection_1wkce_480 ._card_1wkce_532 h2 ._loginSection_1wkce_480::before {
  content: "";
  position: absolute;
  width: 150%;
  height: 150%;
  background: linear-gradient(#00ff88 0%, #00ffee 25%, transparent 50%);
  animation: _rotate_1wkce_1 20s linear infinite;
  opacity: 0.05;
}
@keyframes _rotate_1wkce_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
._loginSection_1wkce_480 ._card_1wkce_532 h2 ._loginSection_1wkce_480 {
  width: 100vw;
  height: 100vh;
  display: grid;
  place-items: center;
  background: linear-gradient(45deg, #0f0f1a, #1a1a2f);
  position: relative;
  overflow: hidden;
}
._loginSection_1wkce_480 ._card_1wkce_532 h2 ._loginSection_1wkce_480::before {
  content: "";
  position: absolute;
  width: 150%;
  height: 150%;
  background: linear-gradient(#00ff88 0%, #00ffee 25%, transparent 50%);
  animation: _rotate_1wkce_1 20s linear infinite;
  opacity: 0.05;
}
@keyframes _rotate_1wkce_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
._loginSection_1wkce_480 ._card_1wkce_532 h2 ._loginSection_1wkce_480 {
  width: 100vw;
  height: 100vh;
  display: grid;
  place-items: center;
  background: linear-gradient(45deg, #0f0f1a, #1a1a2f);
  position: relative;
  overflow: hidden;
}
._loginSection_1wkce_480 ._card_1wkce_532 h2 ._loginSection_1wkce_480::before {
  content: "";
  position: absolute;
  width: 150%;
  height: 150%;
  background: linear-gradient(#00ff88 0%, #00ffee 25%, transparent 50%);
  animation: _rotate_1wkce_1 20s linear infinite;
  opacity: 0.05;
}
@keyframes _rotate_1wkce_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
._loginSection_1wkce_480 ._card_1wkce_532 h2 ._loginSection_1wkce_480 {
  width: 100vw;
  height: 100vh;
  display: grid;
  place-items: center;
  background: linear-gradient(45deg, #0f0f1a, #1a1a2f);
  position: relative;
  overflow: hidden;
}
._loginSection_1wkce_480 ._card_1wkce_532 h2 ._loginSection_1wkce_480::before {
  content: "";
  position: absolute;
  width: 150%;
  height: 150%;
  background: linear-gradient(#00ff88 0%, #00ffee 25%, transparent 50%);
  animation: _rotate_1wkce_1 20s linear infinite;
  opacity: 0.05;
}
@keyframes _rotate_1wkce_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 {
  width: 100vw;
  height: 100vh;
  display: grid;
  place-items: center;
  background: linear-gradient(45deg, #0f0f1a, #1a1a2f);
  position: relative;
  overflow: hidden;
}
._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480::before {
  content: "";
  position: absolute;
  width: 150%;
  height: 150%;
  background: linear-gradient(#00ff88 0%, #00ffee 25%, transparent 50%);
  animation: _rotate_1wkce_1 20s linear infinite;
  opacity: 0.05;
}
@keyframes _rotate_1wkce_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
._loginSection_1wkce_480 ._card_1wkce_532 ._input_1wkce_1161 ._input_1wkce_1161 {
  position: relative;
  width: 100%;
  padding: 1.2rem;
  margin-bottom: 2rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  color: #fff;
  font-size: 1rem;
  transition: all 0.3s ease;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._input_1wkce_1161 ._input_1wkce_1161:focus {
  background: rgba(255, 255, 255, 0.1);
  border-color: #00ffaa;
  box-shadow: 0 0 20px rgba(0, 255, 170, 0.2);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._input_1wkce_1161 ._input_1wkce_1161::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._input_1wkce_1161 ._input_1wkce_1161::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._input_1wkce_1161 ._input_1wkce_1161 {
  position: relative;
  width: 100%;
  padding: 1.2rem;
  margin-bottom: 2rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  color: #fff;
  font-size: 1rem;
  transition: all 0.3s ease;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._input_1wkce_1161 ._input_1wkce_1161:focus {
  background: rgba(255, 255, 255, 0.1);
  border-color: #00ffaa;
  box-shadow: 0 0 20px rgba(0, 255, 170, 0.2);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._input_1wkce_1161 ._input_1wkce_1161::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._input_1wkce_1161 ._input_1wkce_1161::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._input_1wkce_1161:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.2);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._input_1wkce_1161:focus ._input_1wkce_1161 {
  position: relative;
  width: 100%;
  padding: 1.2rem;
  margin-bottom: 2rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  color: #fff;
  font-size: 1rem;
  transition: all 0.3s ease;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._input_1wkce_1161:focus ._input_1wkce_1161:focus {
  background: rgba(255, 255, 255, 0.1);
  border-color: #00ffaa;
  box-shadow: 0 0 20px rgba(0, 255, 170, 0.2);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._input_1wkce_1161:focus ._input_1wkce_1161::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._input_1wkce_1161:focus ._input_1wkce_1161::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._input_1wkce_1161:focus ._input_1wkce_1161 {
  position: relative;
  width: 100%;
  padding: 1.2rem;
  margin-bottom: 2rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  color: #fff;
  font-size: 1rem;
  transition: all 0.3s ease;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._input_1wkce_1161:focus ._input_1wkce_1161:focus {
  background: rgba(255, 255, 255, 0.1);
  border-color: #00ffaa;
  box-shadow: 0 0 20px rgba(0, 255, 170, 0.2);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._input_1wkce_1161:focus ._input_1wkce_1161::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._input_1wkce_1161:focus ._input_1wkce_1161::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._input_1wkce_1161:focus ._input_1wkce_1161 {
  position: relative;
  width: 100%;
  padding: 1.2rem;
  margin-bottom: 2rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  color: #fff;
  font-size: 1rem;
  transition: all 0.3s ease;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._input_1wkce_1161:focus ._input_1wkce_1161:focus {
  background: rgba(255, 255, 255, 0.1);
  border-color: #00ffaa;
  box-shadow: 0 0 20px rgba(0, 255, 170, 0.2);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._input_1wkce_1161:focus ._input_1wkce_1161::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._input_1wkce_1161:focus ._input_1wkce_1161::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._input_1wkce_1161 ._input_1wkce_1161 {
  position: relative;
  width: 100%;
  padding: 1.2rem;
  margin-bottom: 2rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  color: #fff;
  font-size: 1rem;
  transition: all 0.3s ease;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._input_1wkce_1161 ._input_1wkce_1161:focus {
  background: rgba(255, 255, 255, 0.1);
  border-color: #00ffaa;
  box-shadow: 0 0 20px rgba(0, 255, 170, 0.2);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._input_1wkce_1161 ._input_1wkce_1161::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._input_1wkce_1161 ._input_1wkce_1161::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._button_1wkce_1291 ._button_1wkce_1291 {
  width: 100%;
  padding: 1.2rem;
  background: linear-gradient(45deg, #00ffaa, #00ffee);
  color: #0f0f1a;
  border: none;
  border-radius: 10px;
  font-weight: 700;
  font-size: 1rem;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 1px;
}
._loginSection_1wkce_480 ._card_1wkce_532 ._button_1wkce_1291 ._button_1wkce_1291:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(0, 255, 170, 0.3);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._button_1wkce_1291 ._button_1wkce_1291::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: 0.5s;
}
._loginSection_1wkce_480 ._card_1wkce_532 ._button_1wkce_1291 ._button_1wkce_1291:hover::before {
  left: 100%;
}
._loginSection_1wkce_480 ._card_1wkce_532 ._button_1wkce_1291 ._button_1wkce_1291 {
  width: 100%;
  padding: 1.2rem;
  background: linear-gradient(45deg, #00ffaa, #00ffee);
  color: #0f0f1a;
  border: none;
  border-radius: 10px;
  font-weight: 700;
  font-size: 1rem;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 1px;
}
._loginSection_1wkce_480 ._card_1wkce_532 ._button_1wkce_1291 ._button_1wkce_1291:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(0, 255, 170, 0.3);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._button_1wkce_1291 ._button_1wkce_1291::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: 0.5s;
}
._loginSection_1wkce_480 ._card_1wkce_532 ._button_1wkce_1291 ._button_1wkce_1291:hover::before {
  left: 100%;
}
._loginSection_1wkce_480 ._card_1wkce_532 ._button_1wkce_1291:hover {
  filter: brightness(0.9);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._button_1wkce_1291:hover ._button_1wkce_1291 {
  width: 100%;
  padding: 1.2rem;
  background: linear-gradient(45deg, #00ffaa, #00ffee);
  color: #0f0f1a;
  border: none;
  border-radius: 10px;
  font-weight: 700;
  font-size: 1rem;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 1px;
}
._loginSection_1wkce_480 ._card_1wkce_532 ._button_1wkce_1291:hover ._button_1wkce_1291:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(0, 255, 170, 0.3);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._button_1wkce_1291:hover ._button_1wkce_1291::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: 0.5s;
}
._loginSection_1wkce_480 ._card_1wkce_532 ._button_1wkce_1291:hover ._button_1wkce_1291:hover::before {
  left: 100%;
}
._loginSection_1wkce_480 ._card_1wkce_532 ._button_1wkce_1291:hover ._button_1wkce_1291 {
  width: 100%;
  padding: 1.2rem;
  background: linear-gradient(45deg, #00ffaa, #00ffee);
  color: #0f0f1a;
  border: none;
  border-radius: 10px;
  font-weight: 700;
  font-size: 1rem;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 1px;
}
._loginSection_1wkce_480 ._card_1wkce_532 ._button_1wkce_1291:hover ._button_1wkce_1291:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(0, 255, 170, 0.3);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._button_1wkce_1291:hover ._button_1wkce_1291::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: 0.5s;
}
._loginSection_1wkce_480 ._card_1wkce_532 ._button_1wkce_1291:hover ._button_1wkce_1291:hover::before {
  left: 100%;
}
._loginSection_1wkce_480 ._card_1wkce_532 ._button_1wkce_1291 ._button_1wkce_1291 {
  width: 100%;
  padding: 1.2rem;
  background: linear-gradient(45deg, #00ffaa, #00ffee);
  color: #0f0f1a;
  border: none;
  border-radius: 10px;
  font-weight: 700;
  font-size: 1rem;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 1px;
}
._loginSection_1wkce_480 ._card_1wkce_532 ._button_1wkce_1291 ._button_1wkce_1291:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(0, 255, 170, 0.3);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._button_1wkce_1291 ._button_1wkce_1291::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: 0.5s;
}
._loginSection_1wkce_480 ._card_1wkce_532 ._button_1wkce_1291 ._button_1wkce_1291:hover::before {
  left: 100%;
}
._loginSection_1wkce_480 ._card_1wkce_532 ._button_1wkce_1291:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.4);
}
._loginSection_1wkce_480 ._card_1wkce_532 ._button_1wkce_1291:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

._footer_1wkce_1468 {
  width: 100%;
  background-color: var(--gray-800);
  color: var(--gray-300);
  padding: 2rem 0;
  text-align: center;
}
._footer_1wkce_1468 ._links_1wkce_1475 {
  display: flex;
  justify-content: center;
  gap: 2rem;
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
}
._footer_1wkce_1468 ._links_1wkce_1475 a {
  color: var(--gray-300);
  text-decoration: none;
  transition: color 0.2s;
}
._footer_1wkce_1468 ._links_1wkce_1475 a:hover {
  color: white;
}
._footer_1wkce_1468 ._copyright_1wkce_1490 {
  font-size: 0.875rem;
  opacity: 0.8;
}
._footer_1wkce_1468 ._footerLogo_1wkce_1494 {
  max-width: 150px;
  margin: 0 auto 1.5rem;
  filter: brightness(0) invert(1);
  opacity: 0.8;
}

._dark_1wkce_1501 ._container_1wkce_280 {
  background-color: var(--gray-900);
}
._dark_1wkce_1501 ._header_1wkce_303 {
  background-color: var(--gray-800);
}
._dark_1wkce_1501 ._header_1wkce_303 ._nav_1wkce_331 a {
  color: var(--gray-300);
}
._dark_1wkce_1501 ._features_1wkce_409 {
  background-color: var(--gray-800);
}
._dark_1wkce_1501 ._features_1wkce_409 h2 {
  color: var(--gray-200);
}
._dark_1wkce_1501 ._features_1wkce_409 ._featureGrid_1wkce_420 ._feature_1wkce_409 {
  background-color: var(--gray-700);
}
._dark_1wkce_1501 ._features_1wkce_409 ._featureGrid_1wkce_420 ._feature_1wkce_409 h3 {
  color: var(--gray-200);
}
._dark_1wkce_1501 ._features_1wkce_409 ._featureGrid_1wkce_420 ._feature_1wkce_409 p {
  color: var(--gray-400);
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._loginSection_1wkce_480 {
  width: 100vw;
  height: 100vh;
  display: grid;
  place-items: center;
  background: linear-gradient(45deg, #0f0f1a, #1a1a2f);
  position: relative;
  overflow: hidden;
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._loginSection_1wkce_480::before {
  content: "";
  position: absolute;
  width: 150%;
  height: 150%;
  background: linear-gradient(#00ff88 0%, #00ffee 25%, transparent 50%);
  animation: _rotate_1wkce_1 20s linear infinite;
  opacity: 0.05;
}
@keyframes _rotate_1wkce_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._loginSection_1wkce_480 {
  width: 100vw;
  height: 100vh;
  display: grid;
  place-items: center;
  background: linear-gradient(45deg, #0f0f1a, #1a1a2f);
  position: relative;
  overflow: hidden;
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._loginSection_1wkce_480::before {
  content: "";
  position: absolute;
  width: 150%;
  height: 150%;
  background: linear-gradient(#00ff88 0%, #00ffee 25%, transparent 50%);
  animation: _rotate_1wkce_1 20s linear infinite;
  opacity: 0.05;
}
@keyframes _rotate_1wkce_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._card_1wkce_532 {
  position: relative;
  background: rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 3rem 2.5rem;
  width: 100%;
  max-width: 400px;
  transform-style: preserve-3d;
  perspective: 1000px;
  box-shadow: 0 25px 45px rgba(0, 0, 0, 0.2), 0 0 100px rgba(0, 255, 170, 0.1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._card_1wkce_532:hover {
  transform: translateY(-10px) rotateX(5deg) rotateY(5deg);
  box-shadow: 0 35px 60px rgba(0, 0, 0, 0.4), 0 0 150px rgba(0, 255, 170, 0.2);
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._card_1wkce_532::after {
  content: "";
  position: absolute;
  inset: -2px;
  background: linear-gradient(45deg, transparent 40%, #00ffaa 50%, transparent 60%);
  background-size: 200% 200%;
  animation: _holographic_1wkce_1 3s linear infinite;
  border-radius: 22px;
  z-index: -1;
  opacity: 0.5;
}
@keyframes _holographic_1wkce_1 {
  0% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 {
  height: 100vh;
  display: grid;
  place-items: center;
  background: linear-gradient(45deg, #0f0f1a, #1a1a2f);
  position: relative;
  overflow: hidden;
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 ._card_1wkce_532 {
  position: relative;
  background: rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 3rem 2.5rem;
  width: 100%;
  max-width: 400px;
  transform-style: preserve-3d;
  perspective: 1000px;
  box-shadow: 0 25px 45px rgba(0, 0, 0, 0.2), 0 0 100px rgba(0, 255, 170, 0.1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 ._card_1wkce_532:hover {
  transform: translateY(-10px) rotateX(5deg) rotateY(5deg);
  box-shadow: 0 35px 60px rgba(0, 0, 0, 0.4), 0 0 150px rgba(0, 255, 170, 0.2);
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 ._card_1wkce_532::after {
  content: "";
  position: absolute;
  inset: -2px;
  background: linear-gradient(45deg, transparent 40%, #00ffaa 50%, transparent 60%);
  background-size: 200% 200%;
  animation: _holographic_1wkce_1 3s linear infinite;
  border-radius: 22px;
  z-index: -1;
  opacity: 0.5;
}
@keyframes _holographic_1wkce_1 {
  0% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 ._card_1wkce_532 {
  position: relative;
  background: rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 3rem 2.5rem;
  width: 100%;
  max-width: 400px;
  transform-style: preserve-3d;
  perspective: 1000px;
  box-shadow: 0 25px 45px rgba(0, 0, 0, 0.2), 0 0 100px rgba(0, 255, 170, 0.1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 ._card_1wkce_532:hover {
  transform: translateY(-10px) rotateX(5deg) rotateY(5deg);
  box-shadow: 0 35px 60px rgba(0, 0, 0, 0.4), 0 0 150px rgba(0, 255, 170, 0.2);
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 ._card_1wkce_532::after {
  content: "";
  position: absolute;
  inset: -2px;
  background: linear-gradient(45deg, transparent 40%, #00ffaa 50%, transparent 60%);
  background-size: 200% 200%;
  animation: _holographic_1wkce_1 3s linear infinite;
  border-radius: 22px;
  z-index: -1;
  opacity: 0.5;
}
@keyframes _holographic_1wkce_1 {
  0% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 ._card_1wkce_532 {
  position: relative;
  background: rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 3rem 2.5rem;
  width: 100%;
  max-width: 400px;
  transform-style: preserve-3d;
  perspective: 1000px;
  box-shadow: 0 25px 45px rgba(0, 0, 0, 0.2), 0 0 100px rgba(0, 255, 170, 0.1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 ._card_1wkce_532:hover {
  transform: translateY(-10px) rotateX(5deg) rotateY(5deg);
  box-shadow: 0 35px 60px rgba(0, 0, 0, 0.4), 0 0 150px rgba(0, 255, 170, 0.2);
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 ._card_1wkce_532::after {
  content: "";
  position: absolute;
  inset: -2px;
  background: linear-gradient(45deg, transparent 40%, #00ffaa 50%, transparent 60%);
  background-size: 200% 200%;
  animation: _holographic_1wkce_1 3s linear infinite;
  border-radius: 22px;
  z-index: -1;
  opacity: 0.5;
}
@keyframes _holographic_1wkce_1 {
  0% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 ._card_1wkce_532 {
  position: relative;
  background: rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 3rem 2.5rem;
  width: 100%;
  max-width: 400px;
  transform-style: preserve-3d;
  perspective: 1000px;
  box-shadow: 0 25px 45px rgba(0, 0, 0, 0.2), 0 0 100px rgba(0, 255, 170, 0.1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 ._card_1wkce_532:hover {
  transform: translateY(-10px) rotateX(5deg) rotateY(5deg);
  box-shadow: 0 35px 60px rgba(0, 0, 0, 0.4), 0 0 150px rgba(0, 255, 170, 0.2);
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 ._card_1wkce_532::after {
  content: "";
  position: absolute;
  inset: -2px;
  background: linear-gradient(45deg, transparent 40%, #00ffaa 50%, transparent 60%);
  background-size: 200% 200%;
  animation: _holographic_1wkce_1 3s linear infinite;
  border-radius: 22px;
  z-index: -1;
  opacity: 0.5;
}
@keyframes _holographic_1wkce_1 {
  0% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 ._card_1wkce_532 {
  position: relative;
  background: rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 3rem 2.5rem;
  width: 100%;
  max-width: 400px;
  transform-style: preserve-3d;
  perspective: 1000px;
  box-shadow: 0 25px 45px rgba(0, 0, 0, 0.2), 0 0 100px rgba(0, 255, 170, 0.1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 ._card_1wkce_532:hover {
  transform: translateY(-10px) rotateX(5deg) rotateY(5deg);
  box-shadow: 0 35px 60px rgba(0, 0, 0, 0.4), 0 0 150px rgba(0, 255, 170, 0.2);
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 ._card_1wkce_532::after {
  content: "";
  position: absolute;
  inset: -2px;
  background: linear-gradient(45deg, transparent 40%, #00ffaa 50%, transparent 60%);
  background-size: 200% 200%;
  animation: _holographic_1wkce_1 3s linear infinite;
  border-radius: 22px;
  z-index: -1;
  opacity: 0.5;
}
@keyframes _holographic_1wkce_1 {
  0% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 ._card_1wkce_532 {
  position: relative;
  background: rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 3rem 2.5rem;
  width: 100%;
  max-width: 400px;
  transform-style: preserve-3d;
  perspective: 1000px;
  box-shadow: 0 25px 45px rgba(0, 0, 0, 0.2), 0 0 100px rgba(0, 255, 170, 0.1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 ._card_1wkce_532:hover {
  transform: translateY(-10px) rotateX(5deg) rotateY(5deg);
  box-shadow: 0 35px 60px rgba(0, 0, 0, 0.4), 0 0 150px rgba(0, 255, 170, 0.2);
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 ._card_1wkce_532::after {
  content: "";
  position: absolute;
  inset: -2px;
  background: linear-gradient(45deg, transparent 40%, #00ffaa 50%, transparent 60%);
  background-size: 200% 200%;
  animation: _holographic_1wkce_1 3s linear infinite;
  border-radius: 22px;
  z-index: -1;
  opacity: 0.5;
}
@keyframes _holographic_1wkce_1 {
  0% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 ._card_1wkce_532 {
  position: relative;
  background: rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 3rem 2.5rem;
  width: 100%;
  max-width: 400px;
  transform-style: preserve-3d;
  perspective: 1000px;
  box-shadow: 0 25px 45px rgba(0, 0, 0, 0.2), 0 0 100px rgba(0, 255, 170, 0.1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 ._card_1wkce_532:hover {
  transform: translateY(-10px) rotateX(5deg) rotateY(5deg);
  box-shadow: 0 35px 60px rgba(0, 0, 0, 0.4), 0 0 150px rgba(0, 255, 170, 0.2);
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 ._card_1wkce_532::after {
  content: "";
  position: absolute;
  inset: -2px;
  background: linear-gradient(45deg, transparent 40%, #00ffaa 50%, transparent 60%);
  background-size: 200% 200%;
  animation: _holographic_1wkce_1 3s linear infinite;
  border-radius: 22px;
  z-index: -1;
  opacity: 0.5;
}
@keyframes _holographic_1wkce_1 {
  0% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._card_1wkce_532 {
  position: relative;
  background: rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 3rem 2.5rem;
  width: 100%;
  max-width: 400px;
  transform-style: preserve-3d;
  perspective: 1000px;
  box-shadow: 0 25px 45px rgba(0, 0, 0, 0.2), 0 0 100px rgba(0, 255, 170, 0.1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._card_1wkce_532:hover {
  transform: translateY(-10px) rotateX(5deg) rotateY(5deg);
  box-shadow: 0 35px 60px rgba(0, 0, 0, 0.4), 0 0 150px rgba(0, 255, 170, 0.2);
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._card_1wkce_532::after {
  content: "";
  position: absolute;
  inset: -2px;
  background: linear-gradient(45deg, transparent 40%, #00ffaa 50%, transparent 60%);
  background-size: 200% 200%;
  animation: _holographic_1wkce_1 3s linear infinite;
  border-radius: 22px;
  z-index: -1;
  opacity: 0.5;
}
@keyframes _holographic_1wkce_1 {
  0% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480::before {
  content: "";
  position: absolute;
  width: 150%;
  height: 150%;
  background: linear-gradient(#00ff88 0%, #00ffee 25%, transparent 50%);
  animation: _rotate_1wkce_1 20s linear infinite;
  opacity: 0.05;
}
@keyframes _rotate_1wkce_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 {
  width: 100vw;
  height: 100vh;
  display: grid;
  place-items: center;
  background: linear-gradient(45deg, #0f0f1a, #1a1a2f);
  position: relative;
  overflow: hidden;
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480::before {
  content: "";
  position: absolute;
  width: 150%;
  height: 150%;
  background: linear-gradient(#00ff88 0%, #00ffee 25%, transparent 50%);
  animation: _rotate_1wkce_1 20s linear infinite;
  opacity: 0.05;
}
@keyframes _rotate_1wkce_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 h2 {
  color: var(--gray-200);
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 h2 ._loginSection_1wkce_480 {
  width: 100vw;
  height: 100vh;
  display: grid;
  place-items: center;
  background: linear-gradient(45deg, #0f0f1a, #1a1a2f);
  position: relative;
  overflow: hidden;
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 h2 ._loginSection_1wkce_480::before {
  content: "";
  position: absolute;
  width: 150%;
  height: 150%;
  background: linear-gradient(#00ff88 0%, #00ffee 25%, transparent 50%);
  animation: _rotate_1wkce_1 20s linear infinite;
  opacity: 0.05;
}
@keyframes _rotate_1wkce_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 h2 ._loginSection_1wkce_480 {
  width: 100vw;
  height: 100vh;
  display: grid;
  place-items: center;
  background: linear-gradient(45deg, #0f0f1a, #1a1a2f);
  position: relative;
  overflow: hidden;
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 h2 ._loginSection_1wkce_480::before {
  content: "";
  position: absolute;
  width: 150%;
  height: 150%;
  background: linear-gradient(#00ff88 0%, #00ffee 25%, transparent 50%);
  animation: _rotate_1wkce_1 20s linear infinite;
  opacity: 0.05;
}
@keyframes _rotate_1wkce_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480 {
  width: 100vw;
  height: 100vh;
  display: grid;
  place-items: center;
  background: linear-gradient(45deg, #0f0f1a, #1a1a2f);
  position: relative;
  overflow: hidden;
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._loginSection_1wkce_480::before {
  content: "";
  position: absolute;
  width: 150%;
  height: 150%;
  background: linear-gradient(#00ff88 0%, #00ffee 25%, transparent 50%);
  animation: _rotate_1wkce_1 20s linear infinite;
  opacity: 0.05;
}
@keyframes _rotate_1wkce_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._input_1wkce_1161 {
  background-color: var(--gray-700);
  border-color: var(--gray-600);
  color: var(--gray-200);
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._input_1wkce_1161 ._input_1wkce_1161 {
  position: relative;
  width: 100%;
  padding: 1.2rem;
  margin-bottom: 2rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  color: #fff;
  font-size: 1rem;
  transition: all 0.3s ease;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._input_1wkce_1161 ._input_1wkce_1161:focus {
  background: rgba(255, 255, 255, 0.1);
  border-color: #00ffaa;
  box-shadow: 0 0 20px rgba(0, 255, 170, 0.2);
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._input_1wkce_1161 ._input_1wkce_1161::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._input_1wkce_1161 ._input_1wkce_1161::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._input_1wkce_1161 ._input_1wkce_1161 {
  position: relative;
  width: 100%;
  padding: 1.2rem;
  margin-bottom: 2rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  color: #fff;
  font-size: 1rem;
  transition: all 0.3s ease;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._input_1wkce_1161 ._input_1wkce_1161:focus {
  background: rgba(255, 255, 255, 0.1);
  border-color: #00ffaa;
  box-shadow: 0 0 20px rgba(0, 255, 170, 0.2);
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._input_1wkce_1161 ._input_1wkce_1161::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._input_1wkce_1161 ._input_1wkce_1161::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._input_1wkce_1161 ._input_1wkce_1161 {
  position: relative;
  width: 100%;
  padding: 1.2rem;
  margin-bottom: 2rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  color: #fff;
  font-size: 1rem;
  transition: all 0.3s ease;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._input_1wkce_1161 ._input_1wkce_1161:focus {
  background: rgba(255, 255, 255, 0.1);
  border-color: #00ffaa;
  box-shadow: 0 0 20px rgba(0, 255, 170, 0.2);
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._input_1wkce_1161 ._input_1wkce_1161::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._input_1wkce_1161 ._input_1wkce_1161::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._input_1wkce_1161 ._input_1wkce_1161 {
  position: relative;
  width: 100%;
  padding: 1.2rem;
  margin-bottom: 2rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  color: #fff;
  font-size: 1rem;
  transition: all 0.3s ease;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._input_1wkce_1161 ._input_1wkce_1161:focus {
  background: rgba(255, 255, 255, 0.1);
  border-color: #00ffaa;
  box-shadow: 0 0 20px rgba(0, 255, 170, 0.2);
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._input_1wkce_1161 ._input_1wkce_1161::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._input_1wkce_1161 ._input_1wkce_1161::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._input_1wkce_1161 {
  position: relative;
  width: 100%;
  padding: 1.2rem;
  margin-bottom: 2rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  color: #fff;
  font-size: 1rem;
  transition: all 0.3s ease;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._input_1wkce_1161:focus {
  background: rgba(255, 255, 255, 0.1);
  border-color: #00ffaa;
  box-shadow: 0 0 20px rgba(0, 255, 170, 0.2);
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._input_1wkce_1161::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
._dark_1wkce_1501 ._loginSection_1wkce_480 ._card_1wkce_532 ._input_1wkce_1161::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

@media (max-width: 768px) {
  ._header_1wkce_303 ._nav_1wkce_331 {
    gap: 0.75rem;
  }
  ._header_1wkce_303 ._logo_1wkce_320 img {
    height: 32px;
  }
  ._hero_1wkce_345 h1 {
    font-size: 2rem;
  }
  ._hero_1wkce_345 p {
    font-size: 1.1rem;
  }
  ._hero_1wkce_345 ._metrics_1wkce_383 {
    gap: 1rem;
  }
  ._hero_1wkce_345 ._metrics_1wkce_383 ._metric_1wkce_383 ._value_1wkce_393 {
    font-size: 1.8rem;
  }
}
/* Enhanced banner and logo styles */
._bannerImage_1wkce_355 {
  width: 100%;
  height: auto;
  max-height: 600px !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
}

._header_1wkce_303 ._logo_1wkce_320 img {
  height: 80px !important;
  margin-right: 0;
}

@media (max-width: 768px) {
  ._header_1wkce_303 ._logo_1wkce_320 img {
    height: 60px !important;
  }
  ._bannerImage_1wkce_355 {
    max-height: 400px !important;
  }
}
/* Enhanced banner styling for full visibility */
._bannerContainer_1wkce_2197 {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

._bannerImage_1wkce_355 {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: contain !important;
     object-fit: contain !important;
  max-height: none !important;
}

/* Creative and visually appealing menu styling */
._header_1wkce_303 {
  padding: 1rem 0;
  background: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  position: sticky;
  top: 0;
  z-index: 1000;
}

._nav_1wkce_331 {
  gap: 0 !important;
}

._nav_1wkce_331 a {
  position: relative;
  padding: 0.75rem 1.25rem;
  font-weight: 600 !important;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-size: 0.9rem;
  transition: all 0.3s ease;
  background: transparent;
  border-radius: 6px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

._nav_1wkce_331 a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 3px;
  background: var(--primary-color);
  transition: width 0.3s ease;
}

._nav_1wkce_331 a:hover:before {
  width: 80%;
}

._nav_1wkce_331 a:hover {
  color: var(--primary-color);
  transform: translateY(-2px);
}

._navSpecial_1wkce_2267 {
  background: var(--primary-color) !important;
  color: white !important;
  padding: 0.75rem 1.5rem !important;
  border-radius: 24px !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease !important;
}

._navSpecial_1wkce_2267:hover {
  background: var(--primary-color) !important;
  color: white !important;
  transform: translateY(-2px) scale(1.05) !important;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15) !important;
}

._navSpecial_1wkce_2267:before {
  display: none;
}

._navGlow_1wkce_2287 {
  position: relative;
  overflow: hidden;
}

._navGlow_1wkce_2287:after {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  background: linear-gradient(to bottom, rgba(229, 172, 142, 0), rgba(255, 255, 255, 0.5) 50%, rgba(229, 172, 142, 0));
  transform: rotateZ(60deg) translate(-5em, 7.5em);
  opacity: 0;
  transition: opacity 0.5s;
}

._navGlow_1wkce_2287:hover:after {
  animation: _sheen_1wkce_1 1s forwards;
}

@keyframes _sheen_1wkce_1 {
  0% {
    opacity: 0;
    transform: rotateZ(60deg) translate(-5em, 7.5em);
  }
  100% {
    opacity: 1;
    transform: rotateZ(60deg) translate(1em, -9em);
  }
}
/* Animation for the card */
._card_1wkce_532 {
  animation: _fadeIn_1wkce_1 0.5s ease-in;
}
._card_1wkce_532 ._card_1wkce_532 {
  position: relative;
  background: rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 3rem 2.5rem;
  width: 100%;
  max-width: 400px;
  transform-style: preserve-3d;
  perspective: 1000px;
  box-shadow: 0 25px 45px rgba(0, 0, 0, 0.2), 0 0 100px rgba(0, 255, 170, 0.1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
._card_1wkce_532 ._card_1wkce_532:hover {
  transform: translateY(-10px) rotateX(5deg) rotateY(5deg);
  box-shadow: 0 35px 60px rgba(0, 0, 0, 0.4), 0 0 150px rgba(0, 255, 170, 0.2);
}
._card_1wkce_532 ._card_1wkce_532::after {
  content: "";
  position: absolute;
  inset: -2px;
  background: linear-gradient(45deg, transparent 40%, #00ffaa 50%, transparent 60%);
  background-size: 200% 200%;
  animation: _holographic_1wkce_1 3s linear infinite;
  border-radius: 22px;
  z-index: -1;
  opacity: 0.5;
}
@keyframes _holographic_1wkce_1 {
  0% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}
._card_1wkce_532 ._card_1wkce_532 {
  position: relative;
  background: rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 3rem 2.5rem;
  width: 100%;
  max-width: 400px;
  transform-style: preserve-3d;
  perspective: 1000px;
  box-shadow: 0 25px 45px rgba(0, 0, 0, 0.2), 0 0 100px rgba(0, 255, 170, 0.1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
._card_1wkce_532 ._card_1wkce_532:hover {
  transform: translateY(-10px) rotateX(5deg) rotateY(5deg);
  box-shadow: 0 35px 60px rgba(0, 0, 0, 0.4), 0 0 150px rgba(0, 255, 170, 0.2);
}
._card_1wkce_532 ._card_1wkce_532::after {
  content: "";
  position: absolute;
  inset: -2px;
  background: linear-gradient(45deg, transparent 40%, #00ffaa 50%, transparent 60%);
  background-size: 200% 200%;
  animation: _holographic_1wkce_1 3s linear infinite;
  border-radius: 22px;
  z-index: -1;
  opacity: 0.5;
}
@keyframes _holographic_1wkce_1 {
  0% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}

._card_1wkce_532 {
  position: relative;
  background: rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 3rem 2.5rem;
  width: 100%;
  max-width: 400px;
  transform-style: preserve-3d;
  perspective: 1000px;
  box-shadow: 0 25px 45px rgba(0, 0, 0, 0.2), 0 0 100px rgba(0, 255, 170, 0.1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

._card_1wkce_532:hover {
  transform: translateY(-10px) rotateX(5deg) rotateY(5deg);
  box-shadow: 0 35px 60px rgba(0, 0, 0, 0.4), 0 0 150px rgba(0, 255, 170, 0.2);
}

._card_1wkce_532::after {
  content: "";
  position: absolute;
  inset: -2px;
  background: linear-gradient(45deg, transparent 40%, #00ffaa 50%, transparent 60%);
  background-size: 200% 200%;
  animation: _holographic_1wkce_1 3s linear infinite;
  border-radius: 22px;
  z-index: -1;
  opacity: 0.5;
}

@keyframes _holographic_1wkce_1 {
  0% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}
@keyframes _fadeIn_1wkce_1 {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Enhanced dark theme styles */
._dark_1wkce_1501 ._container_1wkce_280 {
  background: linear-gradient(135deg, #121212 0%, #1a1a1a 100%);
}

._dark_1wkce_1501 ._card_1wkce_532 {
  border: 1px solid #333;
}
._dark_1wkce_1501 ._card_1wkce_532 ._card_1wkce_532 {
  position: relative;
  background: rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 3rem 2.5rem;
  width: 100%;
  max-width: 400px;
  transform-style: preserve-3d;
  perspective: 1000px;
  box-shadow: 0 25px 45px rgba(0, 0, 0, 0.2), 0 0 100px rgba(0, 255, 170, 0.1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
._dark_1wkce_1501 ._card_1wkce_532 ._card_1wkce_532:hover {
  transform: translateY(-10px) rotateX(5deg) rotateY(5deg);
  box-shadow: 0 35px 60px rgba(0, 0, 0, 0.4), 0 0 150px rgba(0, 255, 170, 0.2);
}
._dark_1wkce_1501 ._card_1wkce_532 ._card_1wkce_532::after {
  content: "";
  position: absolute;
  inset: -2px;
  background: linear-gradient(45deg, transparent 40%, #00ffaa 50%, transparent 60%);
  background-size: 200% 200%;
  animation: _holographic_1wkce_1 3s linear infinite;
  border-radius: 22px;
  z-index: -1;
  opacity: 0.5;
}
@keyframes _holographic_1wkce_1 {
  0% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}
._dark_1wkce_1501 ._card_1wkce_532 ._card_1wkce_532 {
  position: relative;
  background: rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 3rem 2.5rem;
  width: 100%;
  max-width: 400px;
  transform-style: preserve-3d;
  perspective: 1000px;
  box-shadow: 0 25px 45px rgba(0, 0, 0, 0.2), 0 0 100px rgba(0, 255, 170, 0.1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
._dark_1wkce_1501 ._card_1wkce_532 ._card_1wkce_532:hover {
  transform: translateY(-10px) rotateX(5deg) rotateY(5deg);
  box-shadow: 0 35px 60px rgba(0, 0, 0, 0.4), 0 0 150px rgba(0, 255, 170, 0.2);
}
._dark_1wkce_1501 ._card_1wkce_532 ._card_1wkce_532::after {
  content: "";
  position: absolute;
  inset: -2px;
  background: linear-gradient(45deg, transparent 40%, #00ffaa 50%, transparent 60%);
  background-size: 200% 200%;
  animation: _holographic_1wkce_1 3s linear infinite;
  border-radius: 22px;
  z-index: -1;
  opacity: 0.5;
}
@keyframes _holographic_1wkce_1 {
  0% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}

._card_1wkce_532 {
  position: relative;
  background: rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 3rem 2.5rem;
  width: 100%;
  max-width: 400px;
  transform-style: preserve-3d;
  perspective: 1000px;
  box-shadow: 0 25px 45px rgba(0, 0, 0, 0.2), 0 0 100px rgba(0, 255, 170, 0.1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

._card_1wkce_532:hover {
  transform: translateY(-10px) rotateX(5deg) rotateY(5deg);
  box-shadow: 0 35px 60px rgba(0, 0, 0, 0.4), 0 0 150px rgba(0, 255, 170, 0.2);
}

._card_1wkce_532::after {
  content: "";
  position: absolute;
  inset: -2px;
  background: linear-gradient(45deg, transparent 40%, #00ffaa 50%, transparent 60%);
  background-size: 200% 200%;
  animation: _holographic_1wkce_1 3s linear infinite;
  border-radius: 22px;
  z-index: -1;
  opacity: 0.5;
}

@keyframes _holographic_1wkce_1 {
  0% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}
._dark_1wkce_1501 ._input_1wkce_1161 {
  background-color: #2a2a2a;
  color: #fff;
}
._dark_1wkce_1501 ._input_1wkce_1161 ._input_1wkce_1161 {
  position: relative;
  width: 100%;
  padding: 1.2rem;
  margin-bottom: 2rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  color: #fff;
  font-size: 1rem;
  transition: all 0.3s ease;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
._dark_1wkce_1501 ._input_1wkce_1161 ._input_1wkce_1161:focus {
  background: rgba(255, 255, 255, 0.1);
  border-color: #00ffaa;
  box-shadow: 0 0 20px rgba(0, 255, 170, 0.2);
}
._dark_1wkce_1501 ._input_1wkce_1161 ._input_1wkce_1161::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
._dark_1wkce_1501 ._input_1wkce_1161 ._input_1wkce_1161::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
._dark_1wkce_1501 ._input_1wkce_1161 ._input_1wkce_1161 {
  position: relative;
  width: 100%;
  padding: 1.2rem;
  margin-bottom: 2rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  color: #fff;
  font-size: 1rem;
  transition: all 0.3s ease;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
._dark_1wkce_1501 ._input_1wkce_1161 ._input_1wkce_1161:focus {
  background: rgba(255, 255, 255, 0.1);
  border-color: #00ffaa;
  box-shadow: 0 0 20px rgba(0, 255, 170, 0.2);
}
._dark_1wkce_1501 ._input_1wkce_1161 ._input_1wkce_1161::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
._dark_1wkce_1501 ._input_1wkce_1161 ._input_1wkce_1161::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
._dark_1wkce_1501 ._input_1wkce_1161 ._input_1wkce_1161 {
  position: relative;
  width: 100%;
  padding: 1.2rem;
  margin-bottom: 2rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  color: #fff;
  font-size: 1rem;
  transition: all 0.3s ease;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
._dark_1wkce_1501 ._input_1wkce_1161 ._input_1wkce_1161:focus {
  background: rgba(255, 255, 255, 0.1);
  border-color: #00ffaa;
  box-shadow: 0 0 20px rgba(0, 255, 170, 0.2);
}
._dark_1wkce_1501 ._input_1wkce_1161 ._input_1wkce_1161::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
._dark_1wkce_1501 ._input_1wkce_1161 ._input_1wkce_1161::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

._input_1wkce_1161 {
  position: relative;
  width: 100%;
  padding: 1.2rem;
  margin-bottom: 2rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  color: #fff;
  font-size: 1rem;
  transition: all 0.3s ease;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}

._input_1wkce_1161:focus {
  background: rgba(255, 255, 255, 0.1);
  border-color: #00ffaa;
  box-shadow: 0 0 20px rgba(0, 255, 170, 0.2);
}

._input_1wkce_1161::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}

._input_1wkce_1161::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

._dark_1wkce_1501 ._button_1wkce_1291 ._button_1wkce_1291 {
  width: 100%;
  padding: 1.2rem;
  background: linear-gradient(45deg, #00ffaa, #00ffee);
  color: #0f0f1a;
  border: none;
  border-radius: 10px;
  font-weight: 700;
  font-size: 1rem;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 1px;
}
._dark_1wkce_1501 ._button_1wkce_1291 ._button_1wkce_1291:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(0, 255, 170, 0.3);
}
._dark_1wkce_1501 ._button_1wkce_1291 ._button_1wkce_1291::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: 0.5s;
}
._dark_1wkce_1501 ._button_1wkce_1291 ._button_1wkce_1291:hover::before {
  left: 100%;
}

._button_1wkce_1291 {
  width: 100%;
  padding: 1.2rem;
  background: linear-gradient(45deg, #00ffaa, #00ffee);
  color: #0f0f1a;
  border: none;
  border-radius: 10px;
  font-weight: 700;
  font-size: 1rem;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 1px;
}

._button_1wkce_1291:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(0, 255, 170, 0.3);
}

._button_1wkce_1291::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: 0.5s;
}

._button_1wkce_1291:hover::before {
  left: 100%;
}

/* Corrected dark theme styles */
._container_1wkce_280._dark_1wkce_1501 {
  background: linear-gradient(135deg, #121212 0%, #1a1a1a 100%);
}

._particle_1wkce_2739 {
  position: absolute;
  border-radius: 50%;
  background: rgba(0, 255, 170, 0.5);
  pointer-events: none;
  z-index: -1;
}

._particle_1wkce_2739:nth-child(1) {
  top: 20%;
  left: 20%;
  width: 80px;
  height: 80px;
  filter: blur(15px);
  animation: _float1_1wkce_1 6s ease-in-out infinite;
}

._particle_1wkce_2739:nth-child(2) {
  top: 60%;
  left: 80%;
  width: 50px;
  height: 50px;
  filter: blur(10px);
  animation: _float2_1wkce_1 8s ease-in-out infinite;
}

._particle_1wkce_2739:nth-child(3) {
  top: 80%;
  left: 10%;
  width: 40px;
  height: 40px;
  filter: blur(8px);
  animation: _float3_1wkce_1 7s ease-in-out infinite;
}

@keyframes _float1_1wkce_1 {
  0%, 100% {
    transform: translateY(0) translateX(0);
  }
  50% {
    transform: translateY(-20px) translateX(10px);
  }
}
@keyframes _float2_1wkce_1 {
  0%, 100% {
    transform: translateY(0) translateX(0);
  }
  50% {
    transform: translateY(20px) translateX(-10px);
  }
}
@keyframes _float3_1wkce_1 {
  0%, 100% {
    transform: translateY(0) translateX(0);
  }
  50% {
    transform: translateY(-15px) translateX(-15px);
  }
}
/* Enhanced Hero Banner Styles */
._hero_1wkce_345 {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%) !important;
  padding-bottom: 6rem !important;
}
._hero_1wkce_345::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at 20% 30%, rgba(2, 249, 255, 0.2) 0%, transparent 20%), radial-gradient(circle at 80% 20%, rgba(237, 160, 255, 0.2) 0%, transparent 20%), radial-gradient(circle at 50% 50%, rgba(255, 222, 137, 0.05) 0%, transparent 100%);
  z-index: 1;
}
._hero_1wkce_345::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  height: 60px;
  background: linear-gradient(to bottom, transparent, rgba(15, 12, 41, 0.8));
  z-index: 2;
}
._hero_1wkce_345 ._bannerImage_1wkce_355 {
  position: relative;
  z-index: 0;
  width: 100%;
  height: auto;
  max-height: 600px !important;
  -o-object-fit: cover;
     object-fit: cover;
  filter: brightness(0.85) contrast(1.1);
  transition: all 1.5s ease-in-out;
  animation: _subtlePulse_1wkce_1 8s infinite alternate ease-in-out;
}
._hero_1wkce_345 ._bannerOverlay_1wkce_2836 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/images/grid-pattern.png"), linear-gradient(135deg, rgba(15, 12, 41, 0.7) 0%, rgba(48, 43, 99, 0.5) 50%, rgba(36, 36, 62, 0.7) 100%);
  background-size: 500px 500px, cover;
  mix-blend-mode: overlay;
  z-index: 1;
  animation: _gridMove_1wkce_1 60s infinite linear;
}
._hero_1wkce_345 ._heroContent_1wkce_363 {
  position: relative;
  z-index: 3;
}
._hero_1wkce_345 ._heroContent_1wkce_363 h1 {
  text-shadow: 0 0 30px rgba(23, 18, 48, 0.8);
  position: relative;
  animation: _glowText_1wkce_1 4s infinite alternate ease-in-out;
  font-size: 3rem !important;
}
._hero_1wkce_345 ._heroContent_1wkce_363 h1::after {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  color: transparent;
  filter: blur(15px);
  opacity: 0.8;
}
._hero_1wkce_345 ._heroContent_1wkce_363 p {
  max-width: 600px !important;
  margin: 0 auto 2.5rem !important;
  line-height: 1.6 !important;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  font-size: 1.35rem !important;
  opacity: 0.9;
}
._hero_1wkce_345 ._metrics_1wkce_383 {
  margin-top: 3rem !important;
  gap: 3rem !important;
  position: relative;
  z-index: 3;
}
._hero_1wkce_345 ._metrics_1wkce_383 ._metric_1wkce_383 {
  position: relative;
  padding: 1.5rem;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 15px;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1), 0 0 50px rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease;
  min-width: 180px;
}
._hero_1wkce_345 ._metrics_1wkce_383 ._metric_1wkce_383:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2), 0 0 70px rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.2);
}
._hero_1wkce_345 ._metrics_1wkce_383 ._metric_1wkce_383 ._value_1wkce_393 {
  font-size: 3rem !important;
  font-weight: 800 !important;
  background: linear-gradient(135deg, #fff 0%, #b3e0ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 0.5rem;
}
._hero_1wkce_345 ._metrics_1wkce_383 ._metric_1wkce_383 ._label_1wkce_397 {
  font-size: 1.1rem !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px;
}
._hero_1wkce_345 ._heroImage_1wkce_401 {
  position: relative;
  z-index: 3;
  border-radius: 20px !important;
  box-shadow: 0 20px 80px rgba(0, 0, 0, 0.4) !important;
  transform: perspective(1200px) rotateX(10deg);
  transition: all 0.5s ease;
  border: 1px solid rgba(255, 255, 255, 0.1);
  overflow: hidden;
}
._hero_1wkce_345 ._heroImage_1wkce_401:hover {
  transform: perspective(1200px) rotateX(0deg);
  box-shadow: 0 30px 100px rgba(0, 0, 0, 0.5) !important;
}
._hero_1wkce_345 ._heroImage_1wkce_401::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, transparent 100%);
  z-index: 1;
}
._hero_1wkce_345 ._ctaButton_1wkce_2935 {
  position: relative;
  display: inline-block;
  padding: 1rem 2.5rem !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
  font-size: 1.1rem !important;
  letter-spacing: 1px;
  text-transform: uppercase;
  background: linear-gradient(135deg, #5e72e4 0%, #825ee4 100%) !important;
  color: white !important;
  border: none;
  box-shadow: 0 10px 20px rgba(94, 114, 228, 0.3), 0 0 0 1px rgba(94, 114, 228, 0.1) !important;
  overflow: hidden;
  transition: all 0.3s ease !important;
  text-decoration: none;
  z-index: 3;
}
._hero_1wkce_345 ._ctaButton_1wkce_2935:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 30px rgba(94, 114, 228, 0.4), 0 0 0 2px rgba(94, 114, 228, 0.2) !important;
}
._hero_1wkce_345 ._ctaButton_1wkce_2935::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: 0.5s;
}
._hero_1wkce_345 ._ctaButton_1wkce_2935:hover::before {
  left: 100%;
}
._hero_1wkce_345 ._floatingElements_1wkce_2970 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 2;
}
._hero_1wkce_345 ._floatingElement_1wkce_2970 {
  position: absolute;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.7) 0%, transparent 70%);
  filter: blur(5px);
  opacity: 0.5;
  animation: _float_1wkce_2970 20s infinite ease-in-out;
}

/* Animations */
@keyframes _subtlePulse_1wkce_1 {
  0% {
    transform: scale(1);
    filter: brightness(0.85) contrast(1.1);
  }
  100% {
    transform: scale(1.05);
    filter: brightness(0.9) contrast(1.15);
  }
}
@keyframes _glowText_1wkce_1 {
  0% {
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.2), 0 0 20px rgba(125, 94, 255, 0.2);
  }
  100% {
    text-shadow: 0 0 15px rgba(255, 255, 255, 0.3), 0 0 30px rgba(125, 94, 255, 0.4);
  }
}
@keyframes _float_1wkce_2970 {
  0%, 100% {
    transform: translateY(0) translateX(0);
  }
  25% {
    transform: translateY(-20px) translateX(10px);
  }
  50% {
    transform: translateY(0) translateX(20px);
  }
  75% {
    transform: translateY(20px) translateX(10px);
  }
}
@keyframes _gridMove_1wkce_1 {
  0% {
    background-position: 0 0, 0 0;
  }
  100% {
    background-position: 1000px 1000px, 0 0;
  }
}
/* Header enhancements */
._header_1wkce_303 {
  background: rgba(25, 22, 45, 0.85) !important;
  -webkit-backdrop-filter: blur(10px) !important;
          backdrop-filter: blur(10px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2) !important;
}
._header_1wkce_303 ._logo_1wkce_320 {
  position: relative;
  display: flex;
  align-items: center;
}
._header_1wkce_303 ._logo_1wkce_320 span {
  background: linear-gradient(135deg, #fff 0%, #b3e0ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 800 !important;
  letter-spacing: 0.5px;
}
._header_1wkce_303 ._logo_1wkce_320 img {
  position: relative;
  animation: _logoGlow_1wkce_1 3s infinite alternate ease-in-out;
  filter: drop-shadow(0 0 5px rgba(125, 94, 255, 0.5));
}
._header_1wkce_303 ._nav_1wkce_331 a {
  position: relative;
  margin: 0 0.5rem;
  padding: 0.5rem 1rem;
  color: rgba(255, 255, 255, 0.8) !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
  border-radius: 8px;
}
._header_1wkce_303 ._nav_1wkce_331 a:hover {
  color: white !important;
  background: rgba(255, 255, 255, 0.1);
}
._header_1wkce_303 ._nav_1wkce_331 a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.8), transparent);
  transition: width 0.3s ease;
}
._header_1wkce_303 ._nav_1wkce_331 a:hover::after {
  width: 80%;
}
._header_1wkce_303 ._nav_1wkce_331 a:last-child {
  background: linear-gradient(135deg, #5e72e4 0%, #825ee4 100%);
  color: white !important;
  padding: 0.5rem 1.2rem;
  border-radius: 20px;
  box-shadow: 0 4px 10px rgba(94, 114, 228, 0.3);
}
._header_1wkce_303 ._nav_1wkce_331 a:last-child:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 15px rgba(94, 114, 228, 0.4);
}
._header_1wkce_303 ._nav_1wkce_331 a:last-child::after {
  display: none;
}

@keyframes _logoGlow_1wkce_1 {
  0% {
    filter: drop-shadow(0 0 5px rgba(125, 94, 255, 0.3));
  }
  100% {
    filter: drop-shadow(0 0 10px rgba(125, 94, 255, 0.6));
  }
}
/* Add these to fix the layout centering issues */
/* Make all container elements take full width */
._container_1wkce_280, ._header_1wkce_303, ._hero_1wkce_345, ._features_1wkce_409, ._loginSection_1wkce_480, ._footer_1wkce_1468 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Fix for the header inner structure */
._header_1wkce_303 {
  background: rgba(25, 22, 45, 0.85);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
  width: 100%;
  display: flex;
  justify-content: center;
}

._header_1wkce_303 ._headerInner_1wkce_314 {
  width: 100%;
  max-width: 1200px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1rem;
}

/* Fix for the content wrappers */
._contentWrapper_1wkce_292 {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}

/* Fix for hero content */
._hero_1wkce_345 ._heroContent_1wkce_363 {
  width: 100%;
  max-width: 1200px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Fix for the login section */
._loginSection_1wkce_480 ._contentWrapper_1wkce_292 {
  display: flex;
  justify-content: center;
  width: 100%;
}

/* Fix for the card - ensure it's centered */
._card_1wkce_532 {
  margin: 0 auto;
}

/* Add these styles to your Login.module.scss */
/* Fix for white area on right side */
._mainWrapper_1wkce_271 {
  display: flex;
  width: 100%;
  min-height: 100vh;
  max-width: 100vw;
  overflow-x: hidden;
  background-color: #0c0c14; /* Match dark background color */
}

/* Ensure container doesn't overflow */
._container_1wkce_280 {
  width: 100%;
  max-width: 100vw;
  overflow-x: hidden;
}

/* Mini countdown in header */
._miniCountdown_1wkce_3181 {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  z-index: 10;
  background: rgba(0, 0, 0, 0.4);
  padding: 4px 12px;
  border-radius: 20px;
  box-shadow: 0 0 20px rgba(0, 255, 170, 0.1);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

._miniLabel_1wkce_3195 {
  font-size: 10px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.7);
  letter-spacing: 1px;
  text-transform: uppercase;
}

._miniTimerContainer_1wkce_3203 {
  display: flex;
  align-items: center;
  gap: 2px;
}

._miniTimerUnit_1wkce_3209 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

._miniTimerValue_1wkce_3215 {
  font-size: 12px;
  font-weight: 700;
  color: #ff4973;
  min-width: 16px;
  text-align: center;
}

._miniTimerLabel_1wkce_3223 {
  font-size: 8px;
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
}

._miniTimerSeparator_1wkce_3229 {
  color: rgba(255, 255, 255, 0.3);
  font-size: 12px;
  font-weight: 700;
  margin-top: -6px;
  padding: 0 1px;
}

/* Adjust header to accommodate mini countdown */
._headerInner_1wkce_314 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}

._logo_1wkce_320 {
  flex: 1;
}

._nav_1wkce_331 {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}

/* Wicked cool countdown styles */
._wickedCountdown_1wkce_3259 {
  width: 100%;
  max-width: 800px;
  background-color: #14142b;
  border-radius: 12px;
  padding: 3rem 2rem;
  margin: 3rem 0;
  position: relative;
  overflow: hidden;
  box-shadow: 0 20px 80px rgba(0, 0, 0, 0.7);
  /* Star field background */
  /* Animated nebula background */
}
._wickedCountdown_1wkce_3259::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(1px 1px at 10% 10%, rgba(255, 255, 255, 0.1) 50%, transparent 100%), radial-gradient(1px 1px at 20% 20%, rgba(255, 255, 255, 0.13) 50%, transparent 100%), radial-gradient(1px 1px at 30% 30%, rgba(255, 255, 255, 0.1) 50%, transparent 100%), radial-gradient(1px 1px at 40% 40%, rgba(255, 255, 255, 0.1) 50%, transparent 100%), radial-gradient(2px 2px at 50% 50%, rgba(255, 255, 255, 0.12) 50%, transparent 100%), radial-gradient(2px 2px at 60% 60%, rgba(255, 255, 255, 0.12) 50%, transparent 100%), radial-gradient(2px 2px at 70% 70%, rgba(255, 255, 255, 0.1) 50%, transparent 100%), radial-gradient(2px 2px at 80% 80%, rgba(255, 255, 255, 0.1) 50%, transparent 100%), radial-gradient(2px 2px at 90% 90%, rgba(255, 255, 255, 0.13) 50%, transparent 100%);
  z-index: 0;
}
._wickedCountdown_1wkce_3259::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(ellipse at 10% 90%, rgba(28, 17, 49, 0.7) 0%, transparent 70%), radial-gradient(ellipse at 90% 10%, rgba(41, 13, 38, 0.7) 0%, transparent 70%);
  z-index: 0;
  animation: _nebulaShift_1wkce_1 15s ease-in-out infinite alternate;
}

._wickedTitle_1wkce_3294 {
  position: relative;
  text-align: center;
  margin-bottom: 3.5rem;
  z-index: 5;
}
._wickedTitle_1wkce_3294 h2 {
  font-size: 2.2rem;
  font-weight: 800;
  color: white;
  text-transform: uppercase;
  letter-spacing: 4px;
  margin: 0;
  background: linear-gradient(to right, #ffffff, #d9bbff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 10px rgba(217, 187, 255, 0.3));
}

._wickedUnderline_1wkce_3313 {
  width: 180px;
  height: 3px;
  background: linear-gradient(to right, #ff2d75, #fb5b69, #ff2d75);
  margin: 1rem auto 0;
  position: relative;
  border-radius: 3px;
}
._wickedUnderline_1wkce_3313::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.8), transparent);
  filter: blur(4px);
  animation: _glowPulse_1wkce_1 3s ease-in-out infinite;
}
._wickedUnderline_1wkce_3313::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background: #ff2d75;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 15px #ff2d75;
  animation: _pulseDot_1wkce_1 3s ease-in-out infinite;
}

._wickedTimerContainer_1wkce_3346 {
  display: flex;
  justify-content: center;
  gap: 2rem;
  position: relative;
  z-index: 5;
}
@media (max-width: 768px) {
  ._wickedTimerContainer_1wkce_3346 {
    gap: 1rem;
  }
}

._wickedTimerBox_1wkce_3359 {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

._wickedTimerValue_1wkce_3366 {
  position: relative;
  perspective: 1000px;
}

._wickedDigit_1wkce_3371 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  background-color: #1e1c33;
  border-radius: 8px;
  color: #ff427a;
  font-size: 4.5rem;
  font-weight: 700;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5), inset 0 1px 1px rgba(255, 255, 255, 0.1);
  position: relative;
  animation: _digitPulse_1wkce_1 1s ease-in-out infinite alternate;
  text-shadow: 0 0 15px rgba(255, 66, 122, 0.6);
  /* Glitch effect */
}
._wickedDigit_1wkce_3371::before, ._wickedDigit_1wkce_3371::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1e1c33;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  z-index: -1;
}
._wickedDigit_1wkce_3371::before {
  color: #ff99cc;
  clip-path: polygon(0 0, 100% 0, 100% 45%, 0 45%);
  transform: translate(-1px, 0);
  animation: _glitchEffect_1wkce_1 4s infinite linear alternate-reverse;
}
._wickedDigit_1wkce_3371::after {
  color: #00ffcc;
  clip-path: polygon(0 55%, 100% 55%, 100% 100%, 0 100%);
  transform: translate(1px, 0);
  animation: _glitchEffect_1wkce_1 3s infinite linear alternate-reverse;
}
@media (max-width: 768px) {
  ._wickedDigit_1wkce_3371 {
    width: 80px;
    height: 80px;
    font-size: 3rem;
  }
}

._wickedReflection_1wkce_3422 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 60px;
  font-size: 4.5rem;
  font-weight: 700;
  color: #ff427a;
  position: absolute;
  bottom: -55px;
  left: 0;
  transform: rotateX(180deg) scaleY(0.3);
  opacity: 0.2;
  filter: blur(2px);
  transform-origin: top;
  perspective: 500px;
}
@media (max-width: 768px) {
  ._wickedReflection_1wkce_3422 {
    width: 80px;
    height: 40px;
    font-size: 3rem;
    bottom: -35px;
  }
}

._wickedTimerLabel_1wkce_3449 {
  margin-top: 80px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.9rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 500;
  position: relative;
  /* Bottom line */
}
._wickedTimerLabel_1wkce_3449::after {
  content: "";
  position: absolute;
  width: 40px;
  height: 2px;
  background: rgba(255, 66, 122, 0.3);
  left: 50%;
  bottom: -8px;
  transform: translateX(-50%);
}
@media (max-width: 768px) {
  ._wickedTimerLabel_1wkce_3449 {
    margin-top: 50px;
    font-size: 0.7rem;
  }
}

._wickedAlphaBanner_1wkce_3476 {
  position: relative;
  margin-top: 5rem;
  padding: 1.2rem;
  background: rgba(26, 22, 49, 0.6);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  border-radius: 8px;
  border-left: 3px solid #ff427a;
  z-index: 5;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
._wickedAlphaBanner_1wkce_3476 p {
  margin: 0;
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.8);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

._wickedAlphaBadge_1wkce_3494 {
  display: inline-block;
  background: linear-gradient(to right, #ff427a, #fb5b69);
  color: white;
  font-weight: bold;
  padding: 0.3rem 0.8rem;
  border-radius: 4px;
  font-size: 0.8rem;
  letter-spacing: 1px;
  margin-bottom: 0.7rem;
  box-shadow: 0 4px 10px rgba(255, 66, 122, 0.3);
  position: relative;
  /* Glowing effect */
}
._wickedAlphaBadge_1wkce_3494::before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  background: linear-gradient(to right, #ff427a, #fb5b69);
  z-index: -1;
  border-radius: 6px;
  filter: blur(8px);
  opacity: 0.4;
  animation: _badgeGlow_1wkce_1 2s ease-in-out infinite alternate;
}

._wickedSocialIcons_1wkce_3523 {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-top: 2.5rem;
  position: relative;
  z-index: 5;
}

._wickedSocialIcon_1wkce_3523 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: rgba(14, 13, 26, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.6);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
._wickedSocialIcon_1wkce_3523::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, #ff427a, #8544f8);
  opacity: 0;
  transition: opacity 0.3s;
}
._wickedSocialIcon_1wkce_3523 svg {
  width: 18px;
  height: 18px;
  position: relative;
  z-index: 2;
  transition: transform 0.3s;
}
._wickedSocialIcon_1wkce_3523:hover {
  transform: translateY(-5px);
  color: white;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}
._wickedSocialIcon_1wkce_3523:hover::before {
  opacity: 1;
}
._wickedSocialIcon_1wkce_3523:hover svg {
  transform: scale(1.2);
}

/* Animations */
@keyframes _nebulaShift_1wkce_1 {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 100% 100%;
  }
}
@keyframes _glowPulse_1wkce_1 {
  0%, 100% {
    opacity: 0.3;
  }
  50% {
    opacity: 0.7;
  }
}
@keyframes _pulseDot_1wkce_1 {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.8;
  }
  50% {
    transform: translate(-50%, -50%) scale(1.3);
    opacity: 1;
  }
}
@keyframes _digitPulse_1wkce_1 {
  0% {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5), inset 0 1px 1px rgba(255, 255, 255, 0.1);
  }
  100% {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5), inset 0 1px 1px rgba(255, 255, 255, 0.1), 0 0 30px rgba(255, 66, 122, 0.3);
  }
}
@keyframes _glitchEffect_1wkce_1 {
  0%, 95%, 100% {
    opacity: 0;
  }
  96%, 99% {
    opacity: 0.15;
    transform: translate(1px, 0);
  }
  97%, 98% {
    opacity: 0.15;
    transform: translate(-1px, 0);
  }
}
@keyframes _badgeGlow_1wkce_1 {
  0% {
    opacity: 0.2;
    filter: blur(8px);
  }
  100% {
    opacity: 0.5;
    filter: blur(12px);
  }
}
/* Media queries for better mobile responsiveness */
@media (max-width: 768px) {
  ._wickedCountdown_1wkce_3259 {
    padding: 2rem 1rem;
  }
  ._wickedTitle_1wkce_3294 h2 {
    font-size: 1.8rem;
    letter-spacing: 3px;
  }
  ._wickedTimerContainer_1wkce_3346 {
    flex-wrap: wrap;
    gap: 1.5rem 1rem;
  }
  ._wickedTimerBox_1wkce_3359 {
    width: calc(50% - 1rem);
  }
  ._wickedTimerLabel_1wkce_3449 {
    margin-top: 40px;
  }
  ._wickedAlphaBanner_1wkce_3476 {
    margin-top: 4rem;
    padding: 1rem;
  }
  ._wickedAlphaBanner_1wkce_3476 p {
    font-size: 0.85rem;
  }
  ._headerInner_1wkce_314 {
    flex-wrap: wrap;
  }
  ._miniCountdown_1wkce_3181 {
    order: 3;
    width: 100%;
    margin-top: 0.5rem;
    justify-content: center;
  }
  ._logo_1wkce_320 {
    order: 1;
  }
  ._nav_1wkce_331 {
    order: 2;
  }
}
/* Reset default styles */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  margin: 0;
  width: 100%;
  overflow-x: hidden;
}

._mainWrapper_1wkce_271 {
  display: flex;
  justify-content: center;
  width: 100%;
  min-height: 100vh;
  max-width: 100vw;
  overflow-x: hidden;
  background-color: #0c0c14;
}

._container_1wkce_280 {
  width: 100%;
  max-width: 100vw;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-x: hidden;
}

._authModeToggle_1wkce_3707 {
  display: flex;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  padding: 4px;
  margin-bottom: 2rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

._modeButton_1wkce_3716 {
  flex: 1;
  padding: 0.75rem 1rem;
  background: transparent;
  color: rgba(255, 255, 255, 0.7);
  border: none;
  border-radius: 8px;
  font-size: 0.9rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
}
._modeButton_1wkce_3716._active_1wkce_3728 {
  background: linear-gradient(45deg, #00ff88, #00ffaa);
  color: #0f0f1a;
  font-weight: 600;
  box-shadow: 0 4px 12px rgba(0, 255, 136, 0.3);
}
._modeButton_1wkce_3716:hover:not(._active_1wkce_3728) {
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.9);
}

._walletAuthContainer_1wkce_3739 {
  width: 100%;
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}

._frontpageSearchContainer_1wkce_3747 {
  width: 100%;
  max-width: 900px;
  margin: 3rem auto 2rem;
  padding: 0 1rem;
}
@media (max-width: 768px) {
  ._frontpageSearchContainer_1wkce_3747 {
    margin: 2rem auto 1.5rem;
    padding: 0 0.5rem;
  }
}

._walletPreview_1wkce_3760 {
  margin-top: 1.5rem;
  padding: 1.5rem;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  animation: _slideIn_1wkce_1 0.3s ease-out;
}

._walletOptions_1wkce_3769 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1rem;
}

._walletOption_1wkce_3769 {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease;
}
._walletOption_1wkce_3769:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: var(--accent-color);
  transform: translateX(5px);
}

._walletIcon_1wkce_3792 {
  font-size: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
}

._walletDetails_1wkce_3801 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

._walletName_1wkce_3807 {
  font-weight: 600;
  font-size: 1.1rem;
  color: rgba(255, 255, 255, 0.9);
}

._walletDesc_1wkce_3813 {
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.6);
}

._walletHint_1wkce_3818 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--accent-color);
  font-size: 0.9rem;
  margin: 0;
}
._walletHint_1wkce_3818 i {
  opacity: 0.8;
}

@keyframes _slideIn_1wkce_1 {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}._mixingProgressContainer_3a353_1 {
  margin: 16px 0;
  padding: 16px;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1) 0%, rgba(124, 58, 237, 0.1) 100%);
  border-radius: 12px;
  border: 1px solid rgba(139, 92, 246, 0.2);
}

._mixingProgressBar_3a353_9 {
  width: 100%;
  height: 8px;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 8px;
}

._mixingProgressFill_3a353_18 {
  height: 100%;
  background: linear-gradient(90deg, #8b5cf6 0%, #7c3aed 100%);
  border-radius: 4px;
  transition: width 0.3s ease;
  animation: _shimmer_3a353_1 1.5s infinite;
}

._mixingProgressText_3a353_26 {
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: #8b5cf6;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

@keyframes _shimmer_3a353_1 {
  0% {
    background-position: -200px 0;
  }
  100% {
    background-position: 200px 0;
  }
}
._headerActions_3a353_45 {
  display: flex;
  align-items: center;
  gap: 12px;
}

._addressBookToggle_3a353_51 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
  color: white;
  border: none;
  border-radius: 12px;
  font-weight: 600;
  font-size: 13px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.3);
}
._addressBookToggle_3a353_51:hover {
  background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);
  box-shadow: 0 6px 20px rgba(139, 92, 246, 0.5);
  transform: translateY(-1px);
}
._addressBookToggle_3a353_51 ._buttonIcon_3a353_71 {
  width: 16px;
  height: 16px;
}

._multiSendButton_3a353_76 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  color: white;
  border: none;
  border-radius: 12px;
  font-weight: 600;
  font-size: 13px;
  cursor: pointer;
  transition: all 0.3s ease;
  animation: _pulse_3a353_1 2s infinite;
  box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
}
._multiSendButton_3a353_76:hover {
  background: linear-gradient(135deg, #d97706 0%, #b45309 100%);
  box-shadow: 0 6px 20px rgba(245, 158, 11, 0.5);
  transform: translateY(-1px);
  animation: none;
}
._multiSendButton_3a353_76 ._buttonIcon_3a353_71 {
  width: 16px;
  height: 16px;
}

@keyframes _pulse_3a353_1 {
  0%, 100% {
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3), 0 0 0 0 rgba(245, 158, 11, 0.7);
  }
  50% {
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3), 0 0 0 8px rgba(245, 158, 11, 0);
  }
}
._walletContainer_3a353_111 {
  min-height: 100vh;
  background: linear-gradient(135deg, #0f0f0f 0%, #1a1a1a 100%);
  color: #ffffff;
  padding: 0;
}

._loadingContainer_3a353_118 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 60vh;
}
._loadingContainer_3a353_118 ._loadingSpinner_3a353_125 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
._loadingContainer_3a353_118 ._loadingSpinner_3a353_125 ._spinIcon_3a353_131 {
  width: 3rem;
  height: 3rem;
  color: #00ff88;
  animation: _spin_3a353_131 1s linear infinite;
}
._loadingContainer_3a353_118 ._loadingSpinner_3a353_125 p {
  color: #888;
  font-size: 1.1rem;
}

._errorContainer_3a353_142 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 60vh;
  gap: 1rem;
}
._errorContainer_3a353_142 ._errorIcon_3a353_150 {
  width: 4rem;
  height: 4rem;
  color: #ff4444;
}
._errorContainer_3a353_142 h2 {
  color: #ff4444;
  margin: 0;
}
._errorContainer_3a353_142 p {
  color: #888;
  text-align: center;
  margin: 0;
}
._errorContainer_3a353_142 ._retryButton_3a353_164 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: #00ff88;
  color: #000;
  border: none;
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
._errorContainer_3a353_142 ._retryButton_3a353_164:hover {
  background: #00cc6a;
  transform: translateY(-1px);
}
._errorContainer_3a353_142 ._retryButton_3a353_164 ._buttonIcon_3a353_71 {
  width: 1.25rem;
  height: 1.25rem;
}
._errorContainer_3a353_142 ._errorActions_3a353_185 {
  display: flex;
  gap: 1rem;
  margin-top: 1rem;
}
._errorContainer_3a353_142 ._loginButton_3a353_190 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: #0066ff;
  color: #fff;
  border: none;
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
._errorContainer_3a353_142 ._loginButton_3a353_190:hover {
  background: #0052cc;
  transform: translateY(-1px);
}
._errorContainer_3a353_142 ._loginButton_3a353_190 ._buttonIcon_3a353_71 {
  width: 1.25rem;
  height: 1.25rem;
}

._loadingIcon_3a353_212 {
  width: 3rem;
  height: 3rem;
  color: #00ff88;
}

._spinning_3a353_218 {
  animation: _spin_3a353_131 1s linear infinite;
}

@keyframes _spin_3a353_131 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
._walletHeader_3a353_230 {
  background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);
  border-bottom: 1px solid #333;
  padding: 2rem;
}
._walletHeader_3a353_230 ._headerTop_3a353_235 {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
._walletHeader_3a353_230 ._title_3a353_245 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  color: #00ff88;
}
._walletHeader_3a353_230 ._title_3a353_245 ._titleIcon_3a353_254 {
  width: 2rem;
  height: 2rem;
}
._walletHeader_3a353_230 ._addressBookToggle_3a353_51 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(0, 255, 136, 0.1);
  color: #00ff88;
  border: 1px solid #00ff88;
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
._walletHeader_3a353_230 ._addressBookToggle_3a353_51:hover {
  background: rgba(0, 255, 136, 0.2);
  transform: translateY(-1px);
}
._walletHeader_3a353_230 ._addressBookToggle_3a353_51 ._buttonIcon_3a353_71 {
  width: 1.25rem;
  height: 1.25rem;
}
._walletHeader_3a353_230 ._walletAddress_3a353_279 {
  max-width: 1400px;
  margin: 0 auto;
}
._walletHeader_3a353_230 ._walletAddress_3a353_279 ._addressLabel_3a353_283 {
  display: block;
  color: #888;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
._walletHeader_3a353_230 ._walletAddress_3a353_279 ._addressRow_3a353_289 {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
._walletHeader_3a353_230 ._walletAddress_3a353_279 ._addressRow_3a353_289 ._address_3a353_51 {
  font-family: "JetBrains Mono", monospace;
  font-size: 1rem;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.05);
  padding: 0.5rem 1rem;
  border-radius: 6px;
  border: 1px solid #333;
}
._walletHeader_3a353_230 ._walletAddress_3a353_279 ._addressRow_3a353_289 ._copyButton_3a353_304,
._walletHeader_3a353_230 ._walletAddress_3a353_279 ._addressRow_3a353_289 ._qrButton_3a353_305,
._walletHeader_3a353_230 ._walletAddress_3a353_279 ._addressRow_3a353_289 ._explorerButton_3a353_306 {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.05);
  color: #888;
  border: 1px solid #333;
  padding: 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
}
._walletHeader_3a353_230 ._walletAddress_3a353_279 ._addressRow_3a353_289 ._copyButton_3a353_304 ._buttonIcon_3a353_71,
._walletHeader_3a353_230 ._walletAddress_3a353_279 ._addressRow_3a353_289 ._qrButton_3a353_305 ._buttonIcon_3a353_71,
._walletHeader_3a353_230 ._walletAddress_3a353_279 ._addressRow_3a353_289 ._explorerButton_3a353_306 ._buttonIcon_3a353_71 {
  width: 1.25rem;
  height: 1.25rem;
}
._walletHeader_3a353_230 ._walletAddress_3a353_279 ._addressRow_3a353_289 ._copyButton_3a353_304:hover,
._walletHeader_3a353_230 ._walletAddress_3a353_279 ._addressRow_3a353_289 ._qrButton_3a353_305:hover,
._walletHeader_3a353_230 ._walletAddress_3a353_279 ._addressRow_3a353_289 ._explorerButton_3a353_306:hover {
  color: #00ff88;
  border-color: #00ff88;
  background: rgba(0, 255, 136, 0.1);
}

._walletContent_3a353_332 {
  max-width: 1400px;
  margin: 0 auto;
  padding: 2rem;
  display: flex;
  gap: 2rem;
}
@media (max-width: 1200px) {
  ._walletContent_3a353_332 {
    flex-direction: column;
    gap: 1rem;
  }
}

._addressBookSidebar_3a353_346 {
  width: 320px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid #333;
  border-radius: 12px;
  padding: 1.5rem;
  height: -moz-fit-content;
  height: fit-content;
}
@media (max-width: 1200px) {
  ._addressBookSidebar_3a353_346 {
    width: 100%;
  }
}
._addressBookSidebar_3a353_346 ._sidebarHeader_3a353_359 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}
._addressBookSidebar_3a353_346 ._sidebarHeader_3a353_359 h3 {
  margin: 0;
  color: #00ff88;
  font-size: 1.25rem;
}
._addressBookSidebar_3a353_346 ._sidebarHeader_3a353_359 ._closeButton_3a353_370 {
  background: none;
  border: none;
  color: #888;
  font-size: 1.5rem;
  cursor: pointer;
  transition: color 0.2s ease;
}
._addressBookSidebar_3a353_346 ._sidebarHeader_3a353_359 ._closeButton_3a353_370:hover {
  color: #ff4444;
}
._addressBookSidebar_3a353_346 ._contactsList_3a353_381 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._addressBookSidebar_3a353_346 ._contactCard_3a353_386 {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid #444;
  border-radius: 8px;
  transition: all 0.2s ease;
}
._addressBookSidebar_3a353_346 ._contactCard_3a353_386:hover {
  border-color: #00ff88;
  transform: translateY(-1px);
}
._addressBookSidebar_3a353_346 ._contactCard_3a353_386 ._contactAvatar_3a353_400 {
  width: 3rem;
  height: 3rem;
  background: #00ff88;
  color: #000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1.25rem;
}
._addressBookSidebar_3a353_346 ._contactCard_3a353_386 ._contactInfo_3a353_412 {
  flex: 1;
}
._addressBookSidebar_3a353_346 ._contactCard_3a353_386 ._contactInfo_3a353_412 ._contactName_3a353_415 {
  display: block;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 0.25rem;
}
._addressBookSidebar_3a353_346 ._contactCard_3a353_386 ._contactInfo_3a353_412 ._contactAddress_3a353_421 {
  display: block;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.8rem;
  color: #888;
}
._addressBookSidebar_3a353_346 ._contactCard_3a353_386 ._selectContactButton_3a353_427 {
  background: #00ff88;
  color: #000;
  border: none;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  font-weight: 600;
  font-size: 0.85rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
._addressBookSidebar_3a353_346 ._contactCard_3a353_386 ._selectContactButton_3a353_427:hover {
  background: #00cc6a;
  transform: translateY(-1px);
}

._mainDashboard_3a353_443 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

._balanceOverview_3a353_450 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-bottom: 2rem;
}

._balanceCard_3a353_457,
._assetsCard_3a353_458,
._portfolioCard_3a353_459 {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid #333;
  border-radius: 12px;
  padding: 1.5rem;
  transition: all 0.2s ease;
}
._balanceCard_3a353_457:hover,
._assetsCard_3a353_458:hover,
._portfolioCard_3a353_459:hover {
  border-color: #00ff88;
  transform: translateY(-2px);
}

._balanceCard_3a353_457 ._balanceHeader_3a353_473 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
._balanceCard_3a353_457 ._balanceHeader_3a353_473 h2 {
  margin: 0;
  font-size: 1.25rem;
  color: #888;
}
._balanceCard_3a353_457 ._balanceHeader_3a353_473 ._headerActions_3a353_45 {
  display: flex;
  align-items: center;
  gap: 1rem;
}
._balanceCard_3a353_457 ._balanceHeader_3a353_473 ._websocketStatus_3a353_489,
._balanceCard_3a353_457 ._balanceHeader_3a353_473 ._sseStatus_3a353_490 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0.75rem;
  border-radius: 1rem;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid #333;
  cursor: help;
  transition: all 0.2s ease;
}
._balanceCard_3a353_457 ._balanceHeader_3a353_473 ._websocketStatus_3a353_489:hover,
._balanceCard_3a353_457 ._balanceHeader_3a353_473 ._sseStatus_3a353_490:hover {
  background: rgba(0, 0, 0, 0.5);
  border-color: #00ff88;
}
._balanceCard_3a353_457 ._balanceHeader_3a353_473 ._websocketStatus_3a353_489 ._statusDot_3a353_506,
._balanceCard_3a353_457 ._balanceHeader_3a353_473 ._sseStatus_3a353_490 ._statusDot_3a353_506 {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
}
._balanceCard_3a353_457 ._balanceHeader_3a353_473 ._websocketStatus_3a353_489 ._statusDot_3a353_506._connected_3a353_512,
._balanceCard_3a353_457 ._balanceHeader_3a353_473 ._sseStatus_3a353_490 ._statusDot_3a353_506._connected_3a353_512 {
  background: #00ff88;
  box-shadow: 0 0 4px #00ff88;
  animation: _pulse_3a353_1 2s ease-in-out infinite;
}
._balanceCard_3a353_457 ._balanceHeader_3a353_473 ._websocketStatus_3a353_489 ._statusDot_3a353_506._disconnected_3a353_518,
._balanceCard_3a353_457 ._balanceHeader_3a353_473 ._sseStatus_3a353_490 ._statusDot_3a353_506._disconnected_3a353_518 {
  background: #ff4444;
}
._balanceCard_3a353_457 ._balanceHeader_3a353_473 ._websocketStatus_3a353_489 ._statusText_3a353_522,
._balanceCard_3a353_457 ._balanceHeader_3a353_473 ._sseStatus_3a353_490 ._statusText_3a353_522 {
  font-size: 0.8rem;
  color: #888;
  white-space: nowrap;
}
._balanceCard_3a353_457 ._balanceHeader_3a353_473 ._websocketStatus_3a353_489 ._lastUpdateTime_3a353_528,
._balanceCard_3a353_457 ._balanceHeader_3a353_473 ._sseStatus_3a353_490 ._lastUpdateTime_3a353_528 {
  font-size: 0.7rem;
  color: #666;
  opacity: 0.8;
  white-space: nowrap;
}
._balanceCard_3a353_457 ._balanceHeader_3a353_473 ._refreshButton_3a353_535 {
  background: none;
  border: 1px solid #333;
  color: #888;
  padding: 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
}
._balanceCard_3a353_457 ._balanceHeader_3a353_473 ._refreshButton_3a353_535 ._buttonIcon_3a353_71 {
  width: 1.25rem;
  height: 1.25rem;
}
._balanceCard_3a353_457 ._balanceHeader_3a353_473 ._refreshButton_3a353_535:hover {
  color: #00ff88;
  border-color: #00ff88;
}
._balanceCard_3a353_457 ._balanceAmount_3a353_552 {
  font-size: 2.5rem;
  font-weight: 700;
  color: #00ff88;
  margin-bottom: 0.5rem;
}
._balanceCard_3a353_457 ._balanceUsd_3a353_558 {
  color: #888;
  font-size: 1.1rem;
}

._assetsCard_3a353_458 h3 {
  margin: 0 0 1rem 0;
  color: #888;
  font-size: 1.25rem;
}
._assetsCard_3a353_458 ._assetsAmount_3a353_568 {
  font-size: 2rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 1rem;
}
._assetsCard_3a353_458 ._assetsBreakdown_3a353_574 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
._assetsCard_3a353_458 ._assetItem_3a353_579 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 6px;
}
._assetsCard_3a353_458 ._assetItem_3a353_579 span:first-child {
  color: #888;
}
._assetsCard_3a353_458 ._assetItem_3a353_579 span:last-child {
  color: #ffffff;
  font-weight: 600;
}

._portfolioCard_3a353_459 h3 {
  margin: 0 0 1rem 0;
  color: #888;
  font-size: 1.25rem;
}
._portfolioCard_3a353_459 ._portfolioValue_3a353_600 {
  font-size: 2rem;
  font-weight: 700;
  color: #00ff88;
  margin-bottom: 1rem;
}
._portfolioCard_3a353_459 ._priceInfo_3a353_606 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 6px;
}
._portfolioCard_3a353_459 ._priceInfo_3a353_606 ._priceLabel_3a353_615 {
  color: #888;
  font-size: 0.875rem;
}
._portfolioCard_3a353_459 ._priceInfo_3a353_606 ._priceValue_3a353_619 {
  font-weight: 700;
  color: #00ff88;
  font-size: 1.125rem;
}
._portfolioCard_3a353_459 ._priceInfo_3a353_606 ._priceChange_3a353_624 {
  font-size: 0.875rem;
  font-weight: 600;
}
._portfolioCard_3a353_459 ._priceInfo_3a353_606 ._priceChange_3a353_624._positive_3a353_628 {
  color: #00ff88;
}
._portfolioCard_3a353_459 ._priceInfo_3a353_606 ._priceChange_3a353_624._negative_3a353_631 {
  color: #ff4444;
}
._portfolioCard_3a353_459 ._tokenList_3a353_634 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
._portfolioCard_3a353_459 ._tokenItem_3a353_639 {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.75rem;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 6px;
}
._portfolioCard_3a353_459 ._tokenItem_3a353_639 ._tokenIcon_3a353_647 {
  width: 1.5rem;
  height: 1.5rem;
  color: #00ff88;
}
._portfolioCard_3a353_459 ._tokenItem_3a353_639 span:nth-child(2) {
  flex: 1;
  font-weight: 600;
  color: #ffffff;
}
._portfolioCard_3a353_459 ._tokenItem_3a353_639 span:nth-child(3) {
  color: #888;
  font-family: "JetBrains Mono", monospace;
}
._portfolioCard_3a353_459 ._tokenItem_3a353_639 ._tokenValue_3a353_661 {
  color: #00ff88;
  font-weight: 600;
  margin-left: auto;
}

._tabNavigation_3a353_667 {
  display: flex;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid #333;
  border-radius: 12px;
  padding: 0.5rem;
  gap: 0.5rem;
}

._tabButton_3a353_676 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: none;
  border: none;
  color: #888;
  padding: 1rem;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
._tabButton_3a353_676 ._tabIcon_3a353_691 {
  width: 1.25rem;
  height: 1.25rem;
}
._tabButton_3a353_676:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.05);
}
._tabButton_3a353_676._active_3a353_699 {
  color: #000;
  background: #00ff88;
}

._tabContent_3a353_704 {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid #333;
  border-radius: 12px;
  padding: 2rem;
  min-height: 500px;
}

._overviewTab_3a353_712 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 2rem;
}
@media (max-width: 900px) {
  ._overviewTab_3a353_712 {
    grid-template-columns: 1fr;
  }
}

._transferCard_3a353_723,
._stakingCard_3a353_724 {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid #444;
  border-radius: 12px;
  padding: 1.5rem;
}
._transferCard_3a353_723 h3,
._stakingCard_3a353_724 h3 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0 0 1.5rem 0;
  color: #00ff88;
  font-size: 1.25rem;
}
._transferCard_3a353_723 h3 ._cardIcon_3a353_739,
._stakingCard_3a353_724 h3 ._cardIcon_3a353_739 {
  width: 1.5rem;
  height: 1.5rem;
}

._transferForm_3a353_745,
._stakingForm_3a353_746 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

._inputGroup_3a353_752 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  position: relative;
}
._inputGroup_3a353_752 label {
  color: #888;
  font-weight: 600;
  font-size: 0.9rem;
}
._inputGroup_3a353_752 ._textInput_3a353_763,
._inputGroup_3a353_752 ._numberInput_3a353_764 {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid #333;
  border-radius: 8px;
  padding: 1rem;
  color: #ffffff;
  font-size: 1rem;
  transition: all 0.2s ease;
}
._inputGroup_3a353_752 ._textInput_3a353_763:focus,
._inputGroup_3a353_752 ._numberInput_3a353_764:focus {
  outline: none;
  border-color: #00ff88;
  background: rgba(0, 255, 136, 0.05);
}
._inputGroup_3a353_752 ._textInput_3a353_763::-moz-placeholder, ._inputGroup_3a353_752 ._numberInput_3a353_764::-moz-placeholder {
  color: #555;
}
._inputGroup_3a353_752 ._textInput_3a353_763::placeholder,
._inputGroup_3a353_752 ._numberInput_3a353_764::placeholder {
  color: #555;
}
._inputGroup_3a353_752 ._maxButton_3a353_783 {
  position: absolute;
  right: 0.5rem;
  top: 2rem;
  background: #00ff88;
  color: #000;
  border: none;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  font-weight: 700;
  font-size: 0.8rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
._inputGroup_3a353_752 ._maxButton_3a353_783:hover {
  background: #00cc6a;
}

._percentageSlider_3a353_801 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
._percentageSlider_3a353_801 ._slider_3a353_806 {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background: #333;
  outline: none;
  cursor: pointer;
}
._percentageSlider_3a353_801 ._slider_3a353_806::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #00ff88;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0, 255, 136, 0.4);
}
._percentageSlider_3a353_801 ._slider_3a353_806::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #00ff88;
  cursor: pointer;
  border: none;
  box-shadow: 0 2px 8px rgba(0, 255, 136, 0.4);
}
._percentageSlider_3a353_801 ._sliderLabels_3a353_832 {
  display: flex;
  justify-content: space-between;
  color: #888;
  font-size: 0.8rem;
}

._transferButton_3a353_839,
._stakeButton_3a353_840,
._unstakeButton_3a353_841 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: #00ff88;
  color: #000;
  border: none;
  padding: 1rem 2rem;
  border-radius: 8px;
  font-weight: 700;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
._transferButton_3a353_839 ._buttonIcon_3a353_71,
._transferButton_3a353_839 ._spinIcon_3a353_131,
._stakeButton_3a353_840 ._buttonIcon_3a353_71,
._stakeButton_3a353_840 ._spinIcon_3a353_131,
._unstakeButton_3a353_841 ._buttonIcon_3a353_71,
._unstakeButton_3a353_841 ._spinIcon_3a353_131 {
  width: 1.25rem;
  height: 1.25rem;
}
._transferButton_3a353_839:hover:not(:disabled),
._stakeButton_3a353_840:hover:not(:disabled),
._unstakeButton_3a353_841:hover:not(:disabled) {
  background: #00cc6a;
  transform: translateY(-1px);
}
._transferButton_3a353_839:disabled,
._stakeButton_3a353_840:disabled,
._unstakeButton_3a353_841:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}

._unstakeButton_3a353_841 {
  background: #ff6b35;
}
._unstakeButton_3a353_841:hover:not(:disabled) {
  background: #e55a2b;
}

._stakingStats_3a353_886 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

._statItem_3a353_893 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 8px;
}
._statItem_3a353_893 span:first-child {
  color: #888;
  font-weight: 600;
}
._statItem_3a353_893 span:last-child {
  color: #00ff88;
  font-weight: 700;
}

._stakingButtons_3a353_910 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

@keyframes _spin_3a353_131 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes _pulse_3a353_1 {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
@media (max-width: 768px) {
  ._walletContainer_3a353_111 {
    padding: 0;
  }
  ._walletHeader_3a353_230 {
    padding: 1rem;
  }
  ._walletHeader_3a353_230 ._headerTop_3a353_235 {
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
  }
  ._walletHeader_3a353_230 ._title_3a353_245 {
    justify-content: center;
    font-size: 1.5rem;
  }
  ._walletHeader_3a353_230 ._addressRow_3a353_289 {
    justify-content: center;
  }
  ._walletHeader_3a353_230 ._addressRow_3a353_289 ._address_3a353_51 {
    text-align: center;
    flex: 1;
  }
  ._walletContent_3a353_332 {
    padding: 1rem;
  }
  ._balanceOverview_3a353_450 {
    grid-template-columns: 1fr;
  }
  ._overviewTab_3a353_712 {
    grid-template-columns: 1fr;
  }
  ._stakingButtons_3a353_910 {
    grid-template-columns: 1fr;
  }
  ._addressBookSidebar_3a353_346 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background: #1a1a1a;
    border: none;
    border-radius: 0;
    padding: 2rem;
  }
}
@keyframes _spin_3a353_131 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes _pulse_3a353_1 {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.7;
    transform: scale(1.1);
  }
}
._mixingSection_3a353_998 {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1) 0%, rgba(124, 58, 237, 0.05) 100%);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 12px;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

._mixingToggle_3a353_1007 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}

._mixingLabel_3a353_1014 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #e5e7eb;
  font-weight: 600;
  cursor: pointer;
  font-size: 0.95rem;
}

._mixingCheckbox_3a353_1024 {
  width: 18px;
  height: 18px;
  accent-color: #8b5cf6;
  cursor: pointer;
}

._mixingBadge_3a353_1031 {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  color: white;
  padding: 0.25rem 0.5rem;
  border-radius: 6px;
  font-size: 0.75rem;
  font-weight: 700;
  margin-left: 0.5rem;
}

._mixingOptionsButton_3a353_1041 {
  background: rgba(139, 92, 246, 0.2);
  color: #8b5cf6;
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 6px;
  padding: 0.5rem 1rem;
  font-size: 0.8rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
._mixingOptionsButton_3a353_1041:hover {
  background: rgba(139, 92, 246, 0.3);
  border-color: rgba(139, 92, 246, 0.6);
}

._mixingPreview_3a353_1056 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  margin-bottom: 1rem;
}

._privacyIndicator_3a353_1066 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._privacyLabel_3a353_1072 {
  color: #9ca3af;
  font-size: 0.85rem;
}

._privacyScore_3a353_1077 {
  font-weight: 700;
  font-size: 0.9rem;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
}
._privacyScore_3a353_1077._high_3a353_1083 {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  color: white;
}
._privacyScore_3a353_1077._medium_3a353_1087 {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  color: white;
}
._privacyScore_3a353_1077._low_3a353_1091 {
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
  color: white;
}

._mixingFeeInfo_3a353_1096 {
  color: #fbbf24;
  font-size: 0.85rem;
  font-weight: 600;
}

._mixingOptions_3a353_1041 {
  animation: _slideDown_3a353_1 0.3s ease-out;
}

._mixingModeSelect_3a353_1106 {
  margin-bottom: 1rem;
}
._mixingModeSelect_3a353_1106 label {
  display: block;
  color: #e5e7eb;
  font-weight: 600;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}

._mixingSelect_3a353_1117 {
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 8px;
  padding: 0.75rem;
  color: #e5e7eb;
  font-size: 0.9rem;
  cursor: pointer;
}
._mixingSelect_3a353_1117:focus {
  outline: none;
  border-color: #8b5cf6;
  background: rgba(139, 92, 246, 0.1);
}
._mixingSelect_3a353_1117 option {
  background: #1f2937;
  color: #e5e7eb;
}

._mixingDurationSlider_3a353_1137 {
  margin-bottom: 1rem;
}
._mixingDurationSlider_3a353_1137 label {
  display: block;
  color: #e5e7eb;
  font-weight: 600;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}

._durationSlider_3a353_1148 {
  width: 100%;
  height: 6px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 3px;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}
._durationSlider_3a353_1148::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 20px;
  height: 20px;
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(139, 92, 246, 0.4);
}
._durationSlider_3a353_1148::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
  border-radius: 50%;
  cursor: pointer;
  border: none;
  box-shadow: 0 2px 8px rgba(139, 92, 246, 0.4);
}

._durationLabels_3a353_1176 {
  display: flex;
  justify-content: space-between;
  margin-top: 0.5rem;
  color: #9ca3af;
  font-size: 0.75rem;
}

._mixingFeatures_3a353_1184 {
  margin-bottom: 1rem;
}

._featureItem_3a353_1188 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0;
  color: #e5e7eb;
  font-size: 0.85rem;
}

._featureIcon_3a353_1197 {
  font-size: 1rem;
  width: 20px;
  text-align: center;
}

._premiumFeatures_3a353_1203 {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(139, 92, 246, 0.3);
}
._premiumFeatures_3a353_1203 ._featureItem_3a353_1188 {
  position: relative;
}
._premiumFeatures_3a353_1203 ._featureItem_3a353_1188:has(._premiumBadge_3a353_1211) {
  opacity: 0.7;
}
._premiumFeatures_3a353_1203 ._featureItem_3a353_1188:has(._activeBadge_3a353_1214) {
  opacity: 1;
}

._premiumBadge_3a353_1211 {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  color: white;
  padding: 0.15rem 0.4rem;
  border-radius: 4px;
  font-size: 0.65rem;
  font-weight: 700;
  margin-left: auto;
}

._activeBadge_3a353_1214 {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  color: white;
  padding: 0.15rem 0.4rem;
  border-radius: 4px;
  font-size: 0.65rem;
  font-weight: 700;
  margin-left: auto;
}

._premiumUpsell_3a353_1238 {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.1) 0%, rgba(217, 119, 6, 0.05) 100%);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 8px;
  padding: 1rem;
  text-align: center;
}

._upsellContent_3a353_1246 p {
  color: #e5e7eb;
  margin-bottom: 0.75rem;
  font-size: 0.85rem;
}

._premiumButton_3a353_1252 {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  color: white;
  border: none;
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  font-weight: 700;
  font-size: 0.9rem;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  justify-content: center;
}
._premiumButton_3a353_1252:hover:not(:disabled) {
  background: linear-gradient(135deg, #d97706 0%, #b45309 100%);
  box-shadow: 0 6px 20px rgba(245, 158, 11, 0.4);
  transform: translateY(-1px);
}
._premiumButton_3a353_1252:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}
._premiumButton_3a353_1252 ._spinIcon_3a353_131 {
  width: 16px;
  height: 16px;
  animation: _spin_3a353_131 1s linear infinite;
}

._premiumActive_3a353_1284 {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.1) 0%, rgba(5, 150, 105, 0.05) 100%);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 8px;
  padding: 1rem;
  text-align: center;
}

._premiumActiveContent_3a353_1292 p {
  color: #10b981;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
  font-weight: 600;
}

._premiumBenefits_3a353_1299 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
}
._premiumBenefits_3a353_1299 span {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  color: white;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 600;
}

@keyframes _slideDown_3a353_1 {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._tokensTab_3a353_1324 {
  padding: 24px;
}

._tokensHeader_3a353_1328 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
._tokensHeader_3a353_1328 h2 {
  font-size: 1.5rem;
  font-weight: 700;
  background: linear-gradient(135deg, #00ff88 0%, #00d4ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0;
}

._importTokenButton_3a353_1343 {
  display: flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, #00ff88 0%, #00d4ff 100%);
  border: none;
  border-radius: 12px;
  padding: 12px 20px;
  color: #000;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
._importTokenButton_3a353_1343 svg {
  width: 20px;
  height: 20px;
}
._importTokenButton_3a353_1343:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(0, 255, 136, 0.3);
}

._tokensList_3a353_1365 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._tokenItem_3a353_639 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 20px;
  transition: all 0.2s ease;
}
._tokenItem_3a353_639:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(0, 255, 136, 0.3);
}

._tokenInfo_3a353_1386 {
  display: flex;
  align-items: center;
  gap: 16px;
}
._tokenInfo_3a353_1386 ._tokenIcon_3a353_647 {
  width: 48px;
  height: 48px;
  color: #00ff88;
  background: rgba(0, 255, 136, 0.1);
  border-radius: 50%;
  padding: 12px;
}
._tokenInfo_3a353_1386 div h3 {
  margin: 0 0 4px 0;
  font-size: 1.1rem;
  color: #fff;
}
._tokenInfo_3a353_1386 div span {
  color: #888;
  font-size: 0.9rem;
}
._tokenInfo_3a353_1386 div ._contractAddress_3a353_1408 {
  display: block;
  font-family: monospace;
  font-size: 0.75rem;
  color: #666;
  margin-top: 2px;
}

._tokenBalance_3a353_1416 {
  text-align: right;
}
._tokenBalance_3a353_1416 ._amount_3a353_1419 {
  display: block;
  font-size: 1.2rem;
  font-weight: 600;
  color: #00ff88;
  margin-bottom: 4px;
}
._tokenBalance_3a353_1416 ._value_3a353_1426 {
  color: #888;
  font-size: 0.9rem;
}

._emptyTokens_3a353_1431 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  text-align: center;
  background: rgba(255, 255, 255, 0.02);
  border: 2px dashed rgba(255, 255, 255, 0.1);
  border-radius: 16px;
}
._emptyTokens_3a353_1431 svg {
  width: 64px;
  height: 64px;
  color: #444;
  margin-bottom: 16px;
}
._emptyTokens_3a353_1431 h3 {
  margin: 0 0 8px 0;
  color: #ccc;
  font-size: 1.2rem;
}
._emptyTokens_3a353_1431 p {
  margin: 0 0 24px 0;
  color: #888;
  max-width: 300px;
}
._emptyTokens_3a353_1431 button {
  background: linear-gradient(135deg, #00ff88 0%, #00d4ff 100%);
  border: none;
  border-radius: 12px;
  padding: 12px 24px;
  color: #000;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
._emptyTokens_3a353_1431 button:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(0, 255, 136, 0.3);
}

._multisigTab_3a353_1473 {
  padding: 24px;
}

._bitcoinTab_3a353_1477 {
  padding: 24px;
  background: linear-gradient(135deg, rgba(255, 133, 27, 0.05) 0%, rgba(255, 165, 0, 0.05) 100%);
  border-radius: 16px;
  margin: 16px 0;
}

._bitcoinHeader_3a353_1484 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
._bitcoinHeader_3a353_1484 h2 {
  margin: 0;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 600;
}

._bitcoinStatus_3a353_1497 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._bitcoinStatus_3a353_1497 span {
  font-size: 0.9rem;
  color: #ccc;
}

._statusDot_3a353_506 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
._statusDot_3a353_506._connected_3a353_512 {
  background: #10b981;
  box-shadow: 0 0 10px rgba(16, 185, 129, 0.4);
}
._statusDot_3a353_506._disconnected_3a353_518 {
  background: #ef4444;
  box-shadow: 0 0 10px rgba(239, 68, 68, 0.4);
}

._bitcoinSetup_3a353_1521 {
  margin-bottom: 32px;
}

._setupCard_3a353_1525 {
  background: rgba(255, 255, 255, 0.03);
  border-radius: 16px;
  padding: 32px;
  text-align: center;
  border: 1px solid rgba(255, 165, 0, 0.2);
}
._setupCard_3a353_1525 h3 {
  margin: 0 0 16px 0;
  color: #ffa500;
  font-size: 1.3rem;
  font-weight: 600;
}
._setupCard_3a353_1525 p {
  margin: 0 0 32px 0;
  color: #ccc;
  line-height: 1.6;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

._setupFeatures_3a353_1547 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 24px;
  margin-bottom: 32px;
}

._setupFeature_3a353_1547 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  text-align: left;
}
._setupFeature_3a353_1547 h4 {
  margin: 0 0 8px 0;
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
}
._setupFeature_3a353_1547 p {
  margin: 0;
  color: #aaa;
  font-size: 0.9rem;
  line-height: 1.4;
}

._featureItem_3a353_1188 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  text-align: left;
}
._featureItem_3a353_1188 h4 {
  margin: 0 0 8px 0;
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
}
._featureItem_3a353_1188 p {
  margin: 0;
  color: #aaa;
  font-size: 0.9rem;
  line-height: 1.4;
}

._featureIcon_3a353_1197 {
  width: 20px;
  height: 20px;
  color: #ffa500;
  flex-shrink: 0;
  margin-top: 2px;
}

._enableBridgeButton_3a353_1600 {
  background: linear-gradient(135deg, #ffa500 0%, #ff8c00 100%);
  border: none;
  border-radius: 12px;
  padding: 16px 32px;
  color: #000;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
._enableBridgeButton_3a353_1600:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(255, 165, 0, 0.3);
}
._enableBridgeButton_3a353_1600:active {
  transform: translateY(0);
}

._bitcoinDashboard_3a353_1619 {
  margin-top: 32px;
}

._bridgeBalances_3a353_1623 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  margin-bottom: 32px;
}

._balanceCard_3a353_457 {
  background: rgba(255, 255, 255, 0.03);
  border-radius: 12px;
  padding: 24px;
  border: 1px solid rgba(255, 165, 0, 0.1);
}
._balanceCard_3a353_457 h3 {
  margin: 0 0 16px 0;
  color: #ffa500;
  font-size: 1rem;
  font-weight: 600;
}

._balanceAmount_3a353_552 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 8px;
}

._balanceUsd_3a353_558 {
  font-size: 0.9rem;
  color: #aaa;
}

._portfolioBreakdown_3a353_1655 {
  display: flex;
  gap: 16px;
  font-size: 0.85rem;
  color: #ccc;
  margin-top: 8px;
}
._portfolioBreakdown_3a353_1655 span {
  padding: 4px 8px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 6px;
}

._swapCard_3a353_1668 {
  background: rgba(255, 255, 255, 0.03);
  border-radius: 16px;
  padding: 24px;
  border: 1px solid rgba(255, 165, 0, 0.1);
  margin-bottom: 24px;
}

._swapInterface_3a353_1676 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._swapDirection_3a353_1682 {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media (max-width: 768px) {
  ._swapDirection_3a353_1682 {
    flex-direction: column;
    gap: 12px;
  }
}

._swapInput_3a353_1694 {
  flex: 1;
}
._swapInput_3a353_1694 label {
  display: block;
  margin-bottom: 8px;
  color: #ccc;
  font-size: 0.9rem;
  font-weight: 500;
}
._swapInput_3a353_1694 input {
  width: 100%;
  padding: 12px 16px;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 165, 0, 0.3);
  border-radius: 8px;
  color: #fff;
  font-size: 1rem;
  transition: all 0.2s ease;
}
._swapInput_3a353_1694 input:focus {
  outline: none;
  border-color: #ffa500;
  background: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 0 2px rgba(255, 165, 0, 0.2);
}
._swapInput_3a353_1694 input::-moz-placeholder {
  color: #888;
}
._swapInput_3a353_1694 input::placeholder {
  color: #888;
}

._assetSelect_3a353_1724 {
  padding: 10px 14px;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 165, 0, 0.3);
  border-radius: 8px;
  color: #fff;
  font-size: 0.95rem;
  margin-top: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
}
._assetSelect_3a353_1724:focus {
  outline: none;
  border-color: #ffa500;
  background: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 0 2px rgba(255, 165, 0, 0.2);
}
._assetSelect_3a353_1724:hover {
  border-color: rgba(255, 165, 0, 0.5);
}
._assetSelect_3a353_1724 option {
  background: #1a1a1a;
  color: #fff;
  padding: 8px;
}

._swapArrow_3a353_1750 {
  padding: 10px;
  background: rgba(255, 165, 0, 0.1);
  border: 1px solid rgba(255, 165, 0, 0.3);
  border-radius: 50%;
  color: #ffa500;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}
._swapArrow_3a353_1750 svg {
  width: 16px;
  height: 16px;
}
._swapArrow_3a353_1750:hover {
  background: rgba(255, 165, 0, 0.2);
  transform: rotate(180deg);
  border-color: #ffa500;
}

._rateInfo_3a353_1774 {
  font-size: 0.85rem;
  color: #aaa;
  text-align: center;
  margin-top: 8px;
}

._executeSwapButton_3a353_1781 {
  width: 100%;
  max-width: 200px;
  margin: 0 auto;
  padding: 10px 20px;
  background: linear-gradient(135deg, #ffa500 0%, #ff8c00 100%);
  border: none;
  border-radius: 8px;
  color: #000000;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
._executeSwapButton_3a353_1781 ._buttonIcon_3a353_71 {
  width: 16px;
  height: 16px;
}
._executeSwapButton_3a353_1781 ._spinIcon_3a353_131 {
  width: 16px;
  height: 16px;
  animation: _spin_3a353_131 1s linear infinite;
}
._executeSwapButton_3a353_1781:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 4px 15px rgba(255, 165, 0, 0.3);
  background: linear-gradient(135deg, #ff8c00 0%, #ff7700 100%);
}
._executeSwapButton_3a353_1781:active:not(:disabled) {
  transform: translateY(0);
}
._executeSwapButton_3a353_1781:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background: linear-gradient(135deg, rgba(255, 165, 0, 0.5) 0%, rgba(255, 140, 0, 0.5) 100%);
}

._invoiceForm_3a353_1822 {
  background: rgba(255, 255, 255, 0.03);
  border-radius: 16px;
  padding: 24px;
  border: 1px solid rgba(255, 165, 0, 0.1);
}

._inputGroup_3a353_752 {
  margin-bottom: 16px;
}
._inputGroup_3a353_752 label {
  display: block;
  margin-bottom: 8px;
  color: #ccc;
  font-size: 0.9rem;
  font-weight: 500;
}
._inputGroup_3a353_752 input, ._inputGroup_3a353_752 textarea {
  width: 100%;
  padding: 12px 16px;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 165, 0, 0.3);
  border-radius: 8px;
  color: #fff;
  font-size: 1rem;
  resize: vertical;
  transition: all 0.2s ease;
}
._inputGroup_3a353_752 input:focus, ._inputGroup_3a353_752 textarea:focus {
  outline: none;
  border-color: #ffa500;
  background: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 0 2px rgba(255, 165, 0, 0.2);
}
._inputGroup_3a353_752 input::-moz-placeholder, ._inputGroup_3a353_752 textarea::-moz-placeholder {
  color: #888;
}
._inputGroup_3a353_752 input::placeholder, ._inputGroup_3a353_752 textarea::placeholder {
  color: #888;
}
._inputGroup_3a353_752 input:hover, ._inputGroup_3a353_752 textarea:hover {
  border-color: rgba(255, 165, 0, 0.5);
}
._inputGroup_3a353_752 textarea {
  min-height: 100px;
  font-family: inherit;
}

._swapCard_3a353_1668 h3,
._invoiceForm_3a353_1822 h3 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 20px 0;
  color: #ffa500;
  font-size: 1.1rem;
  font-weight: 600;
}
._swapCard_3a353_1668 h3 svg,
._invoiceForm_3a353_1822 h3 svg {
  width: 18px;
  height: 18px;
}

._crossChainSwap_3a353_1883 {
  background: rgba(255, 255, 255, 0.03);
  border-radius: 16px;
  padding: 24px;
  border: 1px solid rgba(255, 165, 0, 0.1);
  margin-bottom: 24px;
}
._crossChainSwap_3a353_1883 h3 {
  margin: 0 0 20px 0;
  color: #ffa500;
  font-size: 1.2rem;
  font-weight: 600;
}

._swapFrom_3a353_1897, ._swapTo_3a353_1897 {
  flex: 1;
}
._swapFrom_3a353_1897 label, ._swapTo_3a353_1897 label {
  display: block;
  margin-bottom: 8px;
  color: #ccc;
  font-size: 0.9rem;
  font-weight: 500;
}

._swapDivider_3a353_1908 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 10px;
}

._swapIcon_3a353_1915 {
  width: 20px;
  height: 20px;
  color: #ffa500;
  cursor: pointer;
  transition: transform 0.3s ease;
}
._swapIcon_3a353_1915:hover {
  transform: rotate(180deg);
}

._tokenSelect_3a353_1926 {
  margin-top: 8px;
}
._tokenSelect_3a353_1926 span {
  display: block;
  color: #ffa500;
  font-weight: 600;
  font-size: 0.9rem;
}

._tokenBalance_3a353_1416, ._tokenRate_3a353_1936 {
  font-size: 0.8rem;
  color: #aaa;
  margin-top: 4px;
}

._swapMethods_3a353_1942 {
  margin: 20px 0;
}
._swapMethods_3a353_1942 label {
  display: block;
  margin-bottom: 12px;
  color: #ccc;
  font-size: 0.9rem;
  font-weight: 500;
}

._methodOptions_3a353_1953 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._methodOption_3a353_1953 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 165, 0, 0.2);
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
}
._methodOption_3a353_1953:hover {
  background: rgba(255, 165, 0, 0.1);
  border-color: rgba(255, 165, 0, 0.4);
}
._methodOption_3a353_1953 input[type=radio] {
  margin: 0;
  accent-color: #ffa500;
}
._methodOption_3a353_1953 span {
  color: #ccc;
  font-size: 0.9rem;
}

._lightningSection_3a353_1983 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 32px;
}
@media (max-width: 768px) {
  ._lightningSection_3a353_1983 {
    grid-template-columns: 1fr;
  }
}

._actionCard_3a353_1995 {
  background: rgba(255, 255, 255, 0.03);
  border-radius: 16px;
  padding: 24px;
  border: 1px solid rgba(255, 165, 0, 0.1);
}
._actionCard_3a353_1995 h3 {
  margin: 0 0 20px 0;
  color: #ffa500;
  font-size: 1.1rem;
  font-weight: 600;
}

._invoiceGroup_3a353_2008, ._paymentGroup_3a353_2008 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._invoiceGroup_3a353_2008 label, ._paymentGroup_3a353_2008 label {
  color: #ccc;
  font-size: 0.9rem;
  font-weight: 500;
}

._invoiceInput_3a353_2019 {
  width: 100%;
  padding: 12px 16px;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 165, 0, 0.3);
  border-radius: 8px;
  color: #fff;
  font-size: 1rem;
  transition: all 0.2s ease;
}
._invoiceInput_3a353_2019:focus {
  outline: none;
  border-color: #ffa500;
  background: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 0 2px rgba(255, 165, 0, 0.2);
}
._invoiceInput_3a353_2019::-moz-placeholder {
  color: #888;
}
._invoiceInput_3a353_2019::placeholder {
  color: #888;
}

._invoiceTextarea_3a353_2039 {
  width: 100%;
  padding: 12px 16px;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 165, 0, 0.3);
  border-radius: 8px;
  color: #fff;
  font-size: 0.9rem;
  font-family: monospace;
  resize: vertical;
  transition: all 0.2s ease;
}
._invoiceTextarea_3a353_2039:focus {
  outline: none;
  border-color: #ffa500;
  background: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 0 2px rgba(255, 165, 0, 0.2);
}
._invoiceTextarea_3a353_2039::-moz-placeholder {
  color: #888;
}
._invoiceTextarea_3a353_2039::placeholder {
  color: #888;
}

._createInvoiceButton_3a353_2061, ._payInvoiceButton_3a353_2061 {
  padding: 12px 20px;
  background: linear-gradient(135deg, #ffa500 0%, #ff8c00 100%);
  border: none;
  border-radius: 8px;
  color: #000;
  font-weight: 600;
  font-size: 0.9rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
._createInvoiceButton_3a353_2061:hover:not(:disabled), ._payInvoiceButton_3a353_2061:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 4px 15px rgba(255, 165, 0, 0.3);
  background: linear-gradient(135deg, #ff8c00 0%, #ff7700 100%);
}
._createInvoiceButton_3a353_2061:disabled, ._payInvoiceButton_3a353_2061:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background: linear-gradient(135deg, rgba(255, 165, 0, 0.5) 0%, rgba(255, 140, 0, 0.5) 100%);
}

._paymentForm_3a353_2083 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._swapType_3a353_2089 {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
}
._swapType_3a353_2089 button {
  flex: 1;
  padding: 8px 12px;
  background: rgba(255, 165, 0, 0.1);
  border: 1px solid rgba(255, 165, 0, 0.3);
  border-radius: 6px;
  color: #ccc;
  font-size: 0.9rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
._swapType_3a353_2089 button._active_3a353_699 {
  background: rgba(255, 165, 0, 0.2);
  border-color: #ffa500;
  color: #ffa500;
}
._swapType_3a353_2089 button:hover {
  background: rgba(255, 165, 0, 0.15);
  border-color: rgba(255, 165, 0, 0.5);
}

._outputAmount_3a353_2115 {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 165, 0, 0.2);
  border-radius: 8px;
  padding: 12px 16px;
  color: #fff;
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
._outputAmount_3a353_2115 ._amount_3a353_1419 {
  font-weight: 600;
  color: #ffa500;
}
._outputAmount_3a353_2115 ._label_3a353_2130 {
  color: #aaa;
  font-size: 0.9rem;
}

._invoiceOutput_3a353_2135 {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 165, 0, 0.3);
  border-radius: 8px;
  padding: 16px;
  margin-top: 16px;
  word-break: break-all;
  font-family: monospace;
  font-size: 0.85rem;
  color: #ccc;
  max-height: 150px;
  overflow-y: auto;
}

._swapForm_3a353_2149 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

._swapRow_3a353_2155 {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media (max-width: 768px) {
  ._swapRow_3a353_2155 {
    flex-direction: column;
    gap: 12px;
  }
}

._inputWithSelect_3a353_2167 {
  display: flex;
  gap: 8px;
  align-items: center;
}
._inputWithSelect_3a353_2167 input {
  flex: 1;
}
._inputWithSelect_3a353_2167 select {
  min-width: 80px;
}

._numberInput_3a353_764 {
  width: 100%;
  padding: 12px 16px;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 165, 0, 0.3);
  border-radius: 8px;
  color: #fff;
  font-size: 1rem;
  transition: all 0.2s ease;
}
._numberInput_3a353_764:focus {
  outline: none;
  border-color: #ffa500;
  background: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 0 2px rgba(255, 165, 0, 0.2);
}
._numberInput_3a353_764::-moz-placeholder {
  color: #888;
}
._numberInput_3a353_764::placeholder {
  color: #888;
}
._numberInput_3a353_764:hover {
  border-color: rgba(255, 165, 0, 0.5);
}
._numberInput_3a353_764[readonly] {
  background: rgba(255, 255, 255, 0.03);
  cursor: not-allowed;
}
._numberInput_3a353_764[readonly]:hover {
  border-color: rgba(255, 165, 0, 0.3);
}

._balanceInfo_3a353_2209 {
  font-size: 0.8rem;
  color: #aaa;
  margin-top: 4px;
}

._swapButton_3a353_2215 {
  padding: 8px;
  background: rgba(255, 165, 0, 0.1);
  border: 1px solid rgba(255, 165, 0, 0.3);
  border-radius: 50%;
  color: #ffa500;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  width: 40px;
  height: 40px;
  font-size: 18px;
  font-weight: bold;
}
._swapButton_3a353_2215:hover {
  background: rgba(255, 165, 0, 0.2);
  transform: rotate(180deg);
  border-color: #ffa500;
}

._swapOptions_3a353_2239 {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 165, 0, 0.1);
  border-radius: 8px;
  padding: 16px;
}
._swapOptions_3a353_2239 > label {
  display: block;
  margin-bottom: 12px;
  color: #ccc;
  font-size: 0.9rem;
  font-weight: 500;
}

._methodSelect_3a353_2253 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._methodSelect_3a353_2253 label {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #ccc;
  font-size: 0.9rem;
  cursor: pointer;
  padding: 8px;
  border-radius: 6px;
  transition: all 0.2s ease;
}
._methodSelect_3a353_2253 label:hover {
  background: rgba(255, 165, 0, 0.05);
}
._methodSelect_3a353_2253 label input[type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255, 165, 0, 0.5);
  border-radius: 50%;
  margin: 0;
  position: relative;
  cursor: pointer;
}
._methodSelect_3a353_2253 label input[type=radio]:checked {
  border-color: #ffa500;
}
._methodSelect_3a353_2253 label input[type=radio]:checked::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ffa500;
}

._cardIcon_3a353_739 {
  width: 18px;
  height: 18px;
  color: #ffa500;
  flex-shrink: 0;
}

._lightningTools_3a353_2303 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 32px;
}
@media (max-width: 768px) {
  ._lightningTools_3a353_2303 {
    grid-template-columns: 1fr;
  }
}

._invoiceCard_3a353_2315 {
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 165, 0, 0.3);
  border-radius: 16px;
  padding: 24px;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
._invoiceCard_3a353_2315 h3 {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 20px;
  font-weight: 600;
  color: #ffa500;
  margin-bottom: 20px;
}

._invoiceResult_3a353_2332 {
  margin-top: 16px;
  padding: 16px;
  background: rgba(255, 165, 0, 0.05);
  border: 1px solid rgba(255, 165, 0, 0.2);
  border-radius: 12px;
}
._invoiceResult_3a353_2332 label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #ffa500;
  margin-bottom: 8px;
}

._invoiceTextarea_3a353_2039 {
  width: 100%;
  padding: 12px 16px;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 165, 0, 0.3);
  border-radius: 8px;
  color: #ffffff;
  font-family: "Courier New", monospace;
  font-size: 13px;
  min-height: 80px;
  resize: vertical;
  transition: all 0.2s ease;
}
._invoiceTextarea_3a353_2039:focus {
  outline: none;
  border-color: #ffa500;
  background: rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 0 3px rgba(255, 165, 0, 0.1);
}
._invoiceTextarea_3a353_2039:hover {
  border-color: rgba(255, 165, 0, 0.5);
}
._invoiceTextarea_3a353_2039::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
._invoiceTextarea_3a353_2039::placeholder {
  color: rgba(255, 255, 255, 0.4);
}

._paymentForm_3a353_2083 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._payInvoiceButton_3a353_2061 {
  width: 100%;
  padding: 14px 24px;
  background: linear-gradient(135deg, #ffa500 0%, #ff8c00 100%);
  color: #000000;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
._payInvoiceButton_3a353_2061:hover:not(:disabled) {
  background: linear-gradient(135deg, #ff8c00 0%, #ff7700 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255, 165, 0, 0.3);
}
._payInvoiceButton_3a353_2061:active:not(:disabled) {
  transform: translateY(0);
}
._payInvoiceButton_3a353_2061:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background: linear-gradient(135deg, rgba(255, 165, 0, 0.4) 0%, rgba(255, 140, 0, 0.4) 100%);
}

._addressInfo_3a353_2409 {
  margin-top: 8px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
  font-family: "Courier New", monospace;
}

._networkStatus_3a353_2416 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._networkStatus_3a353_2416 ._statusItem_3a353_2421 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
._networkStatus_3a353_2416 ._statusItem_3a353_2421:last-child {
  border-bottom: none;
}
._networkStatus_3a353_2416 ._statusItem_3a353_2421 ._statusLabel_3a353_2431 {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.6);
}
._networkStatus_3a353_2416 ._statusItem_3a353_2421 ._statusValue_3a353_2435 {
  font-size: 13px;
  color: #ffa500;
  font-weight: 500;
}

._bitcoinActions_3a353_2441 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 32px;
}

._actionCard_3a353_1995 {
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 165, 0, 0.2);
  border-radius: 16px;
  padding: 24px;
}
._actionCard_3a353_1995 h3 {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 18px;
  font-weight: 600;
  color: #ffa500;
  margin-bottom: 20px;
}

._sendForm_3a353_2464 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
._sendForm_3a353_2464 ._maxButton_3a353_783 {
  padding: 8px 16px;
  background: rgba(255, 165, 0, 0.2);
  border: 1px solid rgba(255, 165, 0, 0.4);
  border-radius: 6px;
  color: #ffa500;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
._sendForm_3a353_2464 ._maxButton_3a353_783:hover {
  background: rgba(255, 165, 0, 0.3);
  border-color: #ffa500;
}

._selectInput_3a353_2485 {
  width: 100%;
  padding: 12px 16px;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 165, 0, 0.3);
  border-radius: 8px;
  color: #ffffff;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
}
._selectInput_3a353_2485:focus {
  outline: none;
  border-color: #ffa500;
  box-shadow: 0 0 0 3px rgba(255, 165, 0, 0.1);
}
._selectInput_3a353_2485 option {
  background: #1a1a1a;
  color: #ffffff;
}

._receiveSection_3a353_2506 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

._addressDisplay_3a353_2512 label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 8px;
}

._addressBox_3a353_2520 {
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 165, 0, 0.3);
  border-radius: 8px;
  padding: 12px 16px;
}
._addressBox_3a353_2520 ._address_3a353_51 {
  flex: 1;
  font-family: "Courier New", monospace;
  font-size: 13px;
  color: #ffffff;
  word-break: break-all;
}

._qrSection_3a353_2537 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

._qrPlaceholder_3a353_2544 {
  width: 200px;
  height: 200px;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 165, 0, 0.3);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
._qrPlaceholder_3a353_2544 ._qrIcon_3a353_2556 {
  width: 48px;
  height: 48px;
  color: rgba(255, 165, 0, 0.5);
}
._qrPlaceholder_3a353_2544 span {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
}

._generateQrButton_3a353_2566 {
  padding: 10px 20px;
  background: rgba(255, 165, 0, 0.2);
  border: 1px solid rgba(255, 165, 0, 0.4);
  border-radius: 8px;
  color: #ffa500;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
._generateQrButton_3a353_2566:hover {
  background: rgba(255, 165, 0, 0.3);
  border-color: #ffa500;
}

._newAddressButton_3a353_2582 {
  width: 100%;
  padding: 12px 24px;
  background: transparent;
  border: 1px solid rgba(255, 165, 0, 0.4);
  border-radius: 8px;
  color: #ffa500;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
._newAddressButton_3a353_2582:hover {
  background: rgba(255, 165, 0, 0.1);
  border-color: #ffa500;
}

._transactionSection_3a353_2603 {
  margin-top: 32px;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 165, 0, 0.2);
  border-radius: 16px;
  padding: 24px;
}
._transactionSection_3a353_2603 h3 {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 18px;
  font-weight: 600;
  color: #ffa500;
  margin-bottom: 20px;
}

._transactionFilters_3a353_2620 {
  display: flex;
  gap: 8px;
  margin-bottom: 20px;
}

._filterButton_3a353_2626 {
  padding: 8px 16px;
  background: transparent;
  border: 1px solid rgba(255, 165, 0, 0.3);
  border-radius: 6px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
}
._filterButton_3a353_2626:hover {
  border-color: rgba(255, 165, 0, 0.5);
  color: rgba(255, 255, 255, 0.8);
}
._filterButton_3a353_2626._active_3a353_699 {
  background: rgba(255, 165, 0, 0.2);
  border-color: #ffa500;
  color: #ffa500;
}

._transactionItem_3a353_2646 {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  margin-bottom: 12px;
  transition: all 0.2s ease;
}
._transactionItem_3a353_2646:hover {
  background: rgba(0, 0, 0, 0.3);
  border-color: rgba(255, 165, 0, 0.3);
}
._transactionItem_3a353_2646:last-child {
  margin-bottom: 0;
}

._txIcon_3a353_2665 {
  width: 40px;
  height: 40px;
  background: rgba(255, 165, 0, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
._txIcon_3a353_2665 svg {
  width: 20px;
  height: 20px;
}
._txIcon_3a353_2665 ._sentIcon_3a353_2678 {
  color: #ff6b6b;
}
._txIcon_3a353_2665 ._receivedIcon_3a353_2681 {
  color: #51cf66;
}

._txDetails_3a353_2685 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._txMain_3a353_2692 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._txMain_3a353_2692 ._txType_3a353_2697 {
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
}
._txMain_3a353_2692 ._txAmount_3a353_2702 {
  font-size: 14px;
  font-weight: 600;
  color: #ffa500;
}

._txMeta_3a353_2708 {
  display: flex;
  gap: 16px;
}
._txMeta_3a353_2708 ._txId_3a353_2712 {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
  font-family: "Courier New", monospace;
}
._txMeta_3a353_2708 ._txStatus_3a353_2717 {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
}

._txTime_3a353_2722 {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
}

._advancedFeatures_3a353_2727 {
  margin-top: 32px;
}
._advancedFeatures_3a353_2727 h3 {
  font-size: 20px;
  font-weight: 600;
  color: #ffa500;
  margin-bottom: 24px;
}

._featureGrid_3a353_2737 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

._featureCard_3a353_2743 {
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 165, 0, 0.2);
  border-radius: 12px;
  padding: 20px;
  text-align: center;
}
._featureCard_3a353_2743 ._featureIcon_3a353_1197 {
  width: 48px;
  height: 48px;
  color: #ffa500;
  margin-bottom: 16px;
}
._featureCard_3a353_2743 h4 {
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 8px;
}
._featureCard_3a353_2743 p {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 16px;
  line-height: 1.5;
}

._featureButton_3a353_2769 {
  padding: 10px 20px;
  background: rgba(255, 165, 0, 0.2);
  border: 1px solid rgba(255, 165, 0, 0.4);
  border-radius: 6px;
  color: #ffa500;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
._featureButton_3a353_2769:hover:not(:disabled) {
  background: rgba(255, 165, 0, 0.3);
  border-color: #ffa500;
}
._featureButton_3a353_2769:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._infoMessage_3a353_2789 {
  background: rgba(255, 165, 0, 0.1);
  border: 1px solid rgba(255, 165, 0, 0.3);
  border-radius: 8px;
  padding: 16px;
  margin-top: 24px;
}
._infoMessage_3a353_2789 p {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.6;
  margin: 0;
}

._sendButton_3a353_2803 {
  width: 100%;
  padding: 14px 24px;
  background: linear-gradient(135deg, #ffa500 0%, #ff8c00 100%);
  color: #000000;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
._sendButton_3a353_2803:hover:not(:disabled) {
  background: linear-gradient(135deg, #ff8c00 0%, #ff7700 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255, 165, 0, 0.3);
}
._sendButton_3a353_2803:active:not(:disabled) {
  transform: translateY(0);
}
._sendButton_3a353_2803:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background: linear-gradient(135deg, rgba(255, 165, 0, 0.4) 0%, rgba(255, 140, 0, 0.4) 100%);
}
._sendButton_3a353_2803 ._spinIcon_3a353_131 {
  animation: _spin_3a353_131 1s linear infinite;
}._contactManager_1b4re_1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

._overlay_1b4re_14 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.75);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  animation: _fadeIn_1b4re_1 0.3s ease-out;
}

._modal_1b4re_25 {
  position: relative;
  width: 100%;
  max-width: 900px;
  max-height: 90vh;
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5), 0 0 100px rgba(139, 69, 19, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  overflow: hidden;
  animation: _slideInUp_1b4re_1 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
}

._header_1b4re_39 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 25px 30px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.02) 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

._headerLeft_1b4re_49 {
  display: flex;
  align-items: center;
  gap: 15px;
}
._headerLeft_1b4re_49 h2 {
  margin: 0;
  color: #ffffff;
  font-size: 24px;
  font-weight: 700;
  background: linear-gradient(135deg, #ff6b35 0%, #f7931e 50%, #ffcc02 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-shadow: 0 0 30px rgba(255, 107, 53, 0.3);
}

._headerIcon_1b4re_66 {
  width: 32px;
  height: 32px;
  color: #ff6b35;
  filter: drop-shadow(0 0 10px rgba(255, 107, 53, 0.4));
}

._syncStatus_1b4re_73 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

._syncDot_1b4re_83 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  transition: all 0.3s ease;
}
._syncDot_1b4re_83._synced_1b4re_89 {
  background: #10b981;
  box-shadow: 0 0 10px rgba(16, 185, 129, 0.6);
}
._syncDot_1b4re_83._syncing_1b4re_93 {
  background: #f59e0b;
  box-shadow: 0 0 10px rgba(245, 158, 11, 0.6);
  animation: _pulse_1b4re_1 1.5s infinite;
}

._syncText_1b4re_99 {
  color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
  font-weight: 500;
}

._networkInfo_1b4re_105 {
  display: flex;
  align-items: center;
  gap: 4px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 11px;
}

._networkIcon_1b4re_113 {
  width: 12px;
  height: 12px;
}

._headerRight_1b4re_118 {
  display: flex;
  align-items: center;
  gap: 12px;
}

._syncButton_1b4re_124, ._addButton_1b4re_124, ._closeButton_1b4re_124 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 16px;
  border: none;
  border-radius: 12px;
  font-weight: 600;
  font-size: 13px;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
._syncButton_1b4re_124::before, ._addButton_1b4re_124::before, ._closeButton_1b4re_124::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s ease;
}
._syncButton_1b4re_124:hover::before, ._addButton_1b4re_124:hover::before, ._closeButton_1b4re_124:hover::before {
  left: 100%;
}

._syncButton_1b4re_124 {
  background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);
  color: white;
  border: 1px solid rgba(59, 130, 246, 0.3);
}
._syncButton_1b4re_124:hover {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  box-shadow: 0 5px 15px rgba(59, 130, 246, 0.4);
  transform: translateY(-1px);
}
._syncButton_1b4re_124:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

._addButton_1b4re_124 {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  color: white;
  border: 1px solid rgba(16, 185, 129, 0.3);
}
._addButton_1b4re_124:hover {
  background: linear-gradient(135deg, #059669 0%, #047857 100%);
  box-shadow: 0 5px 15px rgba(16, 185, 129, 0.4);
  transform: translateY(-1px);
}

._closeButton_1b4re_124 {
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
  color: white;
  border: 1px solid rgba(239, 68, 68, 0.3);
  padding: 10px;
}
._closeButton_1b4re_124:hover {
  background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
  box-shadow: 0 5px 15px rgba(239, 68, 68, 0.4);
  transform: translateY(-1px);
}

._buttonIcon_1b4re_191 {
  width: 16px;
  height: 16px;
}

._spinning_1b4re_196 {
  animation: _spin_1b4re_196 1s linear infinite;
}

._searchContainer_1b4re_200 {
  position: relative;
  margin: 20px 30px;
}

._searchInput_1b4re_205 {
  width: 100%;
  padding: 16px 50px 16px 50px;
  background: rgba(255, 255, 255, 0.05);
  border: 2px solid rgba(255, 255, 255, 0.1);
  border-radius: 15px;
  color: white;
  font-size: 16px;
  transition: all 0.3s ease;
}
._searchInput_1b4re_205::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
._searchInput_1b4re_205::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
._searchInput_1b4re_205:focus {
  outline: none;
  border-color: #ff6b35;
  box-shadow: 0 0 0 3px rgba(255, 107, 53, 0.1);
  background: rgba(255, 255, 255, 0.08);
}

._searchIcon_1b4re_225 {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  color: rgba(255, 255, 255, 0.5);
}

._clearSearchButton_1b4re_235 {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  border-radius: 8px;
  transition: all 0.2s ease;
}
._clearSearchButton_1b4re_235:hover {
  background: rgba(255, 255, 255, 0.1);
}

._clearIcon_1b4re_251 {
  width: 16px;
  height: 16px;
  color: rgba(255, 255, 255, 0.6);
}

._selectionActions_1b4re_257 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 30px 20px;
  padding: 15px 20px;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.1) 0%, rgba(5, 150, 105, 0.1) 100%);
  border: 1px solid rgba(16, 185, 129, 0.2);
  border-radius: 12px;
  animation: _slideIn_1b4re_1 0.3s ease-out;
}

._selectedCount_1b4re_269 {
  color: #10b981;
  font-weight: 600;
  font-size: 14px;
}

._actionButtons_1b4re_275 {
  display: flex;
  gap: 10px;
}

._sendButton_1b4re_280 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
  color: white;
  border: none;
  border-radius: 10px;
  font-weight: 600;
  font-size: 13px;
  cursor: pointer;
  transition: all 0.3s ease;
}
._sendButton_1b4re_280:hover {
  background: linear-gradient(135deg, #f7931e 0%, #ffcc02 100%);
  box-shadow: 0 5px 15px rgba(255, 107, 53, 0.4);
  transform: translateY(-1px);
}

._clearButton_1b4re_300 {
  padding: 8px 16px;
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 10px;
  font-weight: 500;
  font-size: 13px;
  cursor: pointer;
  transition: all 0.3s ease;
}
._clearButton_1b4re_300:hover {
  background: rgba(255, 255, 255, 0.15);
  color: white;
}

._sendToAllContainer_1b4re_316 {
  margin: 0 30px 20px;
}

._sendToAllButton_1b4re_320 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 16px;
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
  color: white;
  border: none;
  border-radius: 12px;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease;
}
._sendToAllButton_1b4re_320:hover {
  background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);
  box-shadow: 0 8px 25px rgba(139, 92, 246, 0.4);
  transform: translateY(-2px);
}

._tabNav_1b4re_342 {
  display: flex;
  margin: 0 30px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  padding: 4px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

._tabButton_1b4re_351 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 16px;
  background: none;
  border: none;
  border-radius: 8px;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease;
}
._tabButton_1b4re_351:hover {
  color: rgba(255, 255, 255, 0.8);
  background: rgba(255, 255, 255, 0.05);
}
._tabButton_1b4re_351._active_1b4re_371 {
  background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
  color: white;
  box-shadow: 0 4px 12px rgba(255, 107, 53, 0.3);
}

._tabIcon_1b4re_377 {
  width: 16px;
  height: 16px;
}

._content_1b4re_382 {
  flex: 1;
  overflow-y: auto;
  padding: 20px 30px 30px;
  max-height: 400px;
  /* Custom scrollbar */
}
._content_1b4re_382::-webkit-scrollbar {
  width: 8px;
}
._content_1b4re_382::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 4px;
}
._content_1b4re_382::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
  border-radius: 4px;
}
._content_1b4re_382::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(135deg, #f7931e 0%, #ffcc02 100%);
}

._emptyState_1b4re_404 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  text-align: center;
}

._emptyIcon_1b4re_413 {
  width: 64px;
  height: 64px;
  color: rgba(255, 255, 255, 0.3);
  margin-bottom: 16px;
}

._emptyState_1b4re_404 p {
  color: rgba(255, 255, 255, 0.6);
  font-size: 16px;
  margin-bottom: 20px;
}

._emptyActionButton_1b4re_426 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 12px 20px;
  background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
  color: white;
  border: none;
  border-radius: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
._emptyActionButton_1b4re_426:hover {
  background: linear-gradient(135deg, #f7931e 0%, #ffcc02 100%);
  box-shadow: 0 5px 15px rgba(255, 107, 53, 0.4);
  transform: translateY(-1px);
}

._loadingState_1b4re_445 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
}

._loadingIcon_1b4re_453 {
  width: 32px;
  height: 32px;
  color: #ff6b35;
  margin-bottom: 16px;
  animation: _spin_1b4re_196 1s linear infinite;
}

._loadingState_1b4re_445 p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
}

._contactsList_1b4re_466 {
  display: grid;
  gap: 12px;
}

._contactCard_1b4re_471 {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.04) 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
._contactCard_1b4re_471::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 107, 53, 0.1), transparent);
  transition: left 0.5s ease;
}
._contactCard_1b4re_471:hover {
  border-color: rgba(255, 107, 53, 0.3);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.06) 100%);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}
._contactCard_1b4re_471:hover::before {
  left: 100%;
}
._contactCard_1b4re_471._selected_1b4re_269 {
  border-color: #ff6b35;
  background: linear-gradient(135deg, rgba(255, 107, 53, 0.15) 0%, rgba(247, 147, 30, 0.1) 100%);
  box-shadow: 0 0 0 2px rgba(255, 107, 53, 0.2);
}

._contactAvatar_1b4re_509 {
  position: relative;
  width: 48px;
  height: 48px;
  background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 700;
  font-size: 18px;
  box-shadow: 0 4px 12px rgba(255, 107, 53, 0.3);
}

._favoriteIcon_1b4re_524 {
  position: absolute;
  top: -4px;
  right: -4px;
  width: 16px;
  height: 16px;
  color: #fbbf24;
  filter: drop-shadow(0 0 6px rgba(251, 191, 36, 0.6));
}

._contactInfo_1b4re_534 {
  flex: 1;
  min-width: 0;
}

._contactHeader_1b4re_539 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
}

._contactName_1b4re_546 {
  margin: 0;
  color: white;
  font-size: 16px;
  font-weight: 600;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

._contactActions_1b4re_556 {
  display: flex;
  gap: 4px;
  opacity: 0;
  transition: opacity 0.3s ease;
}
._contactCard_1b4re_471:hover ._contactActions_1b4re_556 {
  opacity: 1;
}

._favoriteButton_1b4re_566, ._editButton_1b4re_566, ._deleteButton_1b4re_566 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  background: rgba(255, 255, 255, 0.1);
}
._favoriteButton_1b4re_566:hover, ._editButton_1b4re_566:hover, ._deleteButton_1b4re_566:hover {
  background: rgba(255, 255, 255, 0.2);
  transform: scale(1.1);
}

._favoriteButton_1b4re_566 ._favoriteIconActive_1b4re_583 {
  width: 16px;
  height: 16px;
  color: #fbbf24;
}
._favoriteButton_1b4re_566 ._favoriteIconInactive_1b4re_588 {
  width: 16px;
  height: 16px;
  color: rgba(255, 255, 255, 0.5);
}

._editButton_1b4re_566 ._buttonIcon_1b4re_191 {
  width: 14px;
  height: 14px;
  color: #3b82f6;
}

._deleteButton_1b4re_566 ._buttonIcon_1b4re_191 {
  width: 14px;
  height: 14px;
  color: #ef4444;
}

._contactAddress_1b4re_606 {
  margin: 0 0 8px 0;
  color: rgba(255, 255, 255, 0.7);
  font-size: 13px;
  font-family: "Courier New", monospace;
}

._contactDescription_1b4re_613 {
  margin: 0 0 8px 0;
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  line-height: 1.4;
}

._contactTags_1b4re_620 {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

._tag_1b4re_626 {
  padding: 4px 8px;
  background: rgba(255, 107, 53, 0.2);
  color: #ff6b35;
  border: 1px solid rgba(255, 107, 53, 0.3);
  border-radius: 8px;
  font-size: 11px;
  font-weight: 500;
}

._selectCheckbox_1b4re_636 {
  width: 24px;
  height: 24px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
._contactCard_1b4re_471._selected_1b4re_269 ._selectCheckbox_1b4re_636 {
  background: #ff6b35;
  border-color: #ff6b35;
}

._checkIcon_1b4re_651 {
  width: 14px;
  height: 14px;
  color: white;
}

._groupsList_1b4re_657 {
  display: grid;
  gap: 12px;
}

._groupCard_1b4re_662 {
  padding: 20px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.04) 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  transition: all 0.3s ease;
}
._groupCard_1b4re_662:hover {
  border-color: rgba(255, 107, 53, 0.3);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.06) 100%);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

._groupHeader_1b4re_676 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
}

._groupIcon_1b4re_683 {
  width: 20px;
  height: 20px;
  color: #8b5cf6;
}

._groupName_1b4re_689 {
  margin: 0;
  color: white;
  font-size: 16px;
  font-weight: 600;
  flex: 1;
}

._groupCount_1b4re_697 {
  color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
  background: rgba(255, 255, 255, 0.1);
  padding: 4px 8px;
  border-radius: 8px;
}

._groupDescription_1b4re_705 {
  margin: 0;
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  line-height: 1.4;
}

._formOverlay_1b4re_712 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1100;
  animation: _fadeIn_1b4re_1 0.3s ease-out;
}

._formModal_1b4re_727 {
  width: 100%;
  max-width: 500px;
  max-height: 80vh;
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5);
  overflow: hidden;
  animation: _slideInUp_1b4re_1 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

._formHeader_1b4re_739 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 25px 30px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.02) 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
._formHeader_1b4re_739 h3 {
  margin: 0;
  color: white;
  font-size: 20px;
  font-weight: 600;
}

._formCloseButton_1b4re_754 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: rgba(255, 255, 255, 0.1);
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
}
._formCloseButton_1b4re_754:hover {
  background: rgba(255, 255, 255, 0.2);
  transform: scale(1.1);
}
._formCloseButton_1b4re_754 ._buttonIcon_1b4re_191 {
  width: 16px;
  height: 16px;
  color: white;
}

._formContent_1b4re_776 {
  padding: 30px;
  max-height: 50vh;
  overflow-y: auto;
}

._formGroup_1b4re_782 {
  margin-bottom: 24px;
}
._formGroup_1b4re_782 label {
  display: block;
  margin-bottom: 8px;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 500;
  font-size: 14px;
}

._formInput_1b4re_793, ._formTextarea_1b4re_793 {
  width: 100%;
  padding: 12px 16px;
  background: rgba(255, 255, 255, 0.05);
  border: 2px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  color: white;
  font-size: 14px;
  transition: all 0.3s ease;
}
._formInput_1b4re_793::-moz-placeholder, ._formTextarea_1b4re_793::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
._formInput_1b4re_793::placeholder, ._formTextarea_1b4re_793::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
._formInput_1b4re_793:focus, ._formTextarea_1b4re_793:focus {
  outline: none;
  border-color: #ff6b35;
  box-shadow: 0 0 0 3px rgba(255, 107, 53, 0.1);
  background: rgba(255, 255, 255, 0.08);
}

._formTextarea_1b4re_793 {
  resize: vertical;
  min-height: 80px;
}

._tagsContainer_1b4re_818 {
  border: 2px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.05);
  padding: 12px;
  transition: all 0.3s ease;
}
._tagsContainer_1b4re_818:focus-within {
  border-color: #ff6b35;
  box-shadow: 0 0 0 3px rgba(255, 107, 53, 0.1);
}

._tagsList_1b4re_830 {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}

._tagItem_1b4re_837 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  background: rgba(255, 107, 53, 0.2);
  color: #ff6b35;
  border: 1px solid rgba(255, 107, 53, 0.3);
  border-radius: 8px;
  font-size: 12px;
  font-weight: 500;
}

._removeTagButton_1b4re_850 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  background: none;
  border: none;
  cursor: pointer;
  border-radius: 50%;
  transition: all 0.2s ease;
}
._removeTagButton_1b4re_850:hover {
  background: rgba(255, 255, 255, 0.2);
}

._removeTagIcon_1b4re_866 {
  width: 10px;
  height: 10px;
  color: #ff6b35;
}

._addTagContainer_1b4re_872 {
  display: flex;
  gap: 8px;
  align-items: center;
}

._tagInput_1b4re_878 {
  flex: 1;
  padding: 6px 10px;
  background: none;
  border: none;
  color: white;
  font-size: 12px;
}
._tagInput_1b4re_878::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
._tagInput_1b4re_878::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
._tagInput_1b4re_878:focus {
  outline: none;
}

._addTagButton_1b4re_893 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: rgba(255, 107, 53, 0.2);
  border: 1px solid rgba(255, 107, 53, 0.3);
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
}
._addTagButton_1b4re_893:hover {
  background: rgba(255, 107, 53, 0.3);
}
._addTagButton_1b4re_893 ._buttonIcon_1b4re_191 {
  width: 12px;
  height: 12px;
  color: #ff6b35;
}

._checkboxLabel_1b4re_914 {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
._checkboxLabel_1b4re_914 ._checkbox_1b4re_914 {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 18px;
  height: 18px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.05);
  cursor: pointer;
  transition: all 0.3s ease;
}
._checkboxLabel_1b4re_914 ._checkbox_1b4re_914:checked {
  background: #ff6b35;
  border-color: #ff6b35;
}

._checkboxText_1b4re_935 {
  display: flex;
  align-items: center;
  gap: 6px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
}

._checkboxIcon_1b4re_943 {
  width: 16px;
  height: 16px;
  color: #fbbf24;
}

._formActions_1b4re_949 {
  display: flex;
  gap: 12px;
  padding: 25px 30px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.01) 100%);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

._cancelButton_1b4re_957 {
  flex: 1;
  padding: 12px 20px;
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
._cancelButton_1b4re_957:hover {
  background: rgba(255, 255, 255, 0.15);
  color: white;
}

._saveButton_1b4re_973 {
  flex: 1;
  padding: 12px 20px;
  background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
  color: white;
  border: none;
  border-radius: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
._saveButton_1b4re_973:hover:not(:disabled) {
  background: linear-gradient(135deg, #f7931e 0%, #ffcc02 100%);
  box-shadow: 0 5px 15px rgba(255, 107, 53, 0.4);
  transform: translateY(-1px);
}
._saveButton_1b4re_973:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}

@keyframes _fadeIn_1b4re_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _slideInUp_1b4re_1 {
  from {
    opacity: 0;
    transform: translateY(30px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _slideIn_1b4re_1 {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes _spin_1b4re_196 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes _pulse_1b4re_1 {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.7;
    transform: scale(1.1);
  }
}
@media (max-width: 768px) {
  ._modal_1b4re_25 {
    margin: 10px;
    max-height: 95vh;
  }
  ._header_1b4re_39 {
    padding: 20px;
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
  }
  ._headerRight_1b4re_118 {
    align-self: stretch;
    justify-content: space-between;
  }
  ._searchContainer_1b4re_200 {
    margin: 15px 20px;
  }
  ._content_1b4re_382 {
    padding: 15px 20px 20px;
  }
  ._selectionActions_1b4re_257 {
    margin: 0 20px 15px;
    flex-direction: column;
    gap: 10px;
    align-items: stretch;
  }
  ._actionButtons_1b4re_275 {
    justify-content: center;
  }
  ._sendToAllContainer_1b4re_316 {
    margin: 0 20px 15px;
  }
  ._tabNav_1b4re_342 {
    margin: 0 20px;
  }
  ._contactCard_1b4re_471 {
    padding: 16px;
  }
  ._contactActions_1b4re_556 {
    opacity: 1;
  }
}._multiSendTransaction_1w0vk_1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

._overlay_1w0vk_14 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  animation: _fadeIn_1w0vk_1 0.3s ease-out;
}

._modal_1w0vk_25 {
  position: relative;
  width: 100%;
  max-width: 800px;
  max-height: 90vh;
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #334155 100%);
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.6), 0 0 100px rgba(34, 197, 94, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  overflow: hidden;
  animation: _slideInUp_1w0vk_1 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  display: flex;
  flex-direction: column;
}

._header_1w0vk_41 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 25px 30px;
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.1) 0%, rgba(16, 185, 129, 0.05) 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

._headerLeft_1w0vk_51 {
  display: flex;
  align-items: center;
  gap: 15px;
}
._headerLeft_1w0vk_51 h2 {
  margin: 0 0 4px 0;
  color: #ffffff;
  font-size: 24px;
  font-weight: 700;
  background: linear-gradient(135deg, #22c55e 0%, #10b981 50%, #059669 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-shadow: 0 0 30px rgba(34, 197, 94, 0.3);
}

._headerSubtitle_1w0vk_68 {
  margin: 0;
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  font-weight: 500;
}

._headerIcon_1w0vk_75 {
  width: 32px;
  height: 32px;
  color: #22c55e;
  filter: drop-shadow(0 0 10px rgba(34, 197, 94, 0.4));
}

._closeButton_1w0vk_82 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
  border: none;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
}
._closeButton_1w0vk_82:hover {
  background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
  box-shadow: 0 5px 15px rgba(239, 68, 68, 0.4);
  transform: translateY(-1px);
}

._buttonIcon_1w0vk_100 {
  width: 18px;
  height: 18px;
  color: white;
}

._sendModeContainer_1w0vk_106 {
  padding: 20px 30px 0;
}

._sendModeToggle_1w0vk_110 {
  display: flex;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  padding: 4px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

._modeButton_1w0vk_118 {
  flex: 1;
  padding: 12px 16px;
  background: none;
  border: none;
  border-radius: 8px;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease;
}
._modeButton_1w0vk_118:hover {
  color: rgba(255, 255, 255, 0.8);
  background: rgba(255, 255, 255, 0.05);
}
._modeButton_1w0vk_118._active_1w0vk_134 {
  background: linear-gradient(135deg, #22c55e 0%, #10b981 100%);
  color: white;
  box-shadow: 0 4px 12px rgba(34, 197, 94, 0.3);
}

._equalAmountContainer_1w0vk_140 {
  padding: 20px 30px;
}

._equalAmountGroup_1w0vk_144 label {
  display: block;
  margin-bottom: 8px;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 600;
  font-size: 14px;
}

._equalAmountInput_1w0vk_152 {
  display: flex;
  gap: 12px;
  align-items: center;
}

._amountInput_1w0vk_158 {
  flex: 1;
  padding: 14px 18px;
  background: rgba(255, 255, 255, 0.05);
  border: 2px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  color: white;
  font-size: 16px;
  font-weight: 600;
  transition: all 0.3s ease;
}
._amountInput_1w0vk_158::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
._amountInput_1w0vk_158::placeholder {
  color: rgba(255, 255, 255, 0.4);
}
._amountInput_1w0vk_158:focus {
  outline: none;
  border-color: #22c55e;
  box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.1);
  background: rgba(255, 255, 255, 0.08);
}

._applyButton_1w0vk_179 {
  padding: 14px 20px;
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
  color: white;
  border: none;
  border-radius: 12px;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
}
._applyButton_1w0vk_179:hover:not(:disabled) {
  background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%);
  box-shadow: 0 5px 15px rgba(59, 130, 246, 0.4);
  transform: translateY(-1px);
}
._applyButton_1w0vk_179:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}

._recipientsList_1w0vk_202 {
  flex: 1;
  overflow-y: auto;
  padding: 0 30px;
  /* Custom scrollbar */
}
._recipientsList_1w0vk_202::-webkit-scrollbar {
  width: 8px;
}
._recipientsList_1w0vk_202::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 4px;
}
._recipientsList_1w0vk_202::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, #22c55e 0%, #10b981 100%);
  border-radius: 4px;
}
._recipientsList_1w0vk_202::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
}

._recipientsHeader_1w0vk_223 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
._recipientsHeader_1w0vk_223 h3 {
  margin: 0;
  color: white;
  font-size: 18px;
  font-weight: 600;
}

._recipientCount_1w0vk_236 {
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  font-weight: 500;
  background: rgba(255, 255, 255, 0.1);
  padding: 6px 12px;
  border-radius: 8px;
}

._recipients_1w0vk_202 {
  display: grid;
  gap: 16px;
  margin-bottom: 20px;
}

._recipientCard_1w0vk_251 {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.04) 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 20px;
  transition: all 0.3s ease;
}
._recipientCard_1w0vk_251:hover {
  border-color: rgba(34, 197, 94, 0.3);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.06) 100%);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

._recipientInfo_1w0vk_265 {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}

._recipientAvatar_1w0vk_272 {
  width: 48px;
  height: 48px;
  background: linear-gradient(135deg, #22c55e 0%, #10b981 100%);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 700;
  font-size: 18px;
  box-shadow: 0 4px 12px rgba(34, 197, 94, 0.3);
}

._recipientDetails_1w0vk_286 {
  flex: 1;
  min-width: 0;
}

._recipientName_1w0vk_291 {
  margin: 0 0 4px 0;
  color: white;
  font-size: 16px;
  font-weight: 600;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

._recipientAddress_1w0vk_301 {
  margin: 0 0 8px 0;
  color: rgba(255, 255, 255, 0.7);
  font-size: 13px;
  font-family: "Courier New", monospace;
}

._recipientTags_1w0vk_308 {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

._tag_1w0vk_314 {
  padding: 3px 8px;
  background: rgba(34, 197, 94, 0.2);
  color: #22c55e;
  border: 1px solid rgba(34, 197, 94, 0.3);
  border-radius: 6px;
  font-size: 11px;
  font-weight: 500;
}

._tagMore_1w0vk_324 {
  padding: 3px 6px;
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.6);
  border-radius: 6px;
  font-size: 11px;
}

._recipientInputs_1w0vk_332 {
  display: grid;
  gap: 16px;
  grid-template-columns: 1fr 1fr;
}

._amountGroup_1w0vk_338 label, ._memoGroup_1w0vk_338 label {
  display: block;
  margin-bottom: 6px;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 500;
  font-size: 13px;
}

._memoInput_1w0vk_346 {
  width: 100%;
  padding: 12px 14px;
  background: rgba(255, 255, 255, 0.05);
  border: 2px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  color: white;
  font-size: 14px;
  transition: all 0.3s ease;
}
._memoInput_1w0vk_346::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
._memoInput_1w0vk_346::placeholder {
  color: rgba(255, 255, 255, 0.4);
}
._memoInput_1w0vk_346:focus {
  outline: none;
  border-color: #22c55e;
  box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.1);
  background: rgba(255, 255, 255, 0.08);
}

._amountDisplay_1w0vk_366 label {
  display: block;
  margin-bottom: 6px;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 500;
  font-size: 13px;
}

._equalAmountDisplay_1w0vk_374 {
  padding: 12px 14px;
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.1) 0%, rgba(16, 185, 129, 0.05) 100%);
  border: 2px solid rgba(34, 197, 94, 0.2);
  border-radius: 10px;
  color: #22c55e;
  font-size: 14px;
  font-weight: 600;
}

._transactionSummary_1w0vk_384 {
  margin: 20px 30px;
  padding: 20px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.02) 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
}

._summaryHeader_1w0vk_392 {
  margin-bottom: 16px;
}
._summaryHeader_1w0vk_392 h3 {
  margin: 0;
  color: white;
  font-size: 18px;
  font-weight: 600;
}

._summaryDetails_1w0vk_402 {
  display: grid;
  gap: 12px;
}

._summaryRow_1w0vk_407 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
}
._summaryRow_1w0vk_407._totalRow_1w0vk_415 {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: 12px;
  margin-top: 8px;
  font-weight: 600;
}

._summaryValue_1w0vk_422 {
  color: white;
  font-weight: 600;
  font-family: "Courier New", monospace;
}
._summaryValue_1w0vk_422._insufficient_1w0vk_427 {
  color: #ef4444;
}

._totalValue_1w0vk_431 {
  color: #22c55e;
  font-weight: 700;
  font-size: 16px;
  font-family: "Courier New", monospace;
}

._insufficientWarning_1w0vk_438 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.1) 0%, rgba(220, 38, 38, 0.05) 100%);
  border: 1px solid rgba(239, 68, 68, 0.2);
  border-radius: 10px;
  color: #ef4444;
  font-size: 13px;
  font-weight: 500;
  margin-top: 8px;
}

._warningIcon_1w0vk_452 {
  width: 16px;
  height: 16px;
  color: #ef4444;
}

._actionButtons_1w0vk_458 {
  display: flex;
  gap: 16px;
  padding: 25px 30px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.01) 100%);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

._cancelButton_1w0vk_466 {
  flex: 1;
  padding: 14px 20px;
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 12px;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease;
}
._cancelButton_1w0vk_466:hover {
  background: rgba(255, 255, 255, 0.15);
  color: white;
  transform: translateY(-1px);
}

._sendButton_1w0vk_484 {
  flex: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 20px;
  background: linear-gradient(135deg, #22c55e 0%, #10b981 100%);
  color: white;
  border: none;
  border-radius: 12px;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease;
}
._sendButton_1w0vk_484:hover:not(:disabled) {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  box-shadow: 0 8px 25px rgba(34, 197, 94, 0.4);
  transform: translateY(-2px);
}
._sendButton_1w0vk_484:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

._spinningIcon_1w0vk_511 {
  width: 16px;
  height: 16px;
  animation: _spin_1w0vk_511 1s linear infinite;
}

._resultsContainer_1w0vk_517 {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 20px 30px 0;
}

._resultsHeader_1w0vk_524 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
._resultsHeader_1w0vk_524 h3 {
  margin: 0;
  color: white;
  font-size: 20px;
  font-weight: 600;
}

._resultsStats_1w0vk_537 {
  display: flex;
  gap: 16px;
  align-items: center;
}

._successCount_1w0vk_543, ._failedCount_1w0vk_543, ._processingCount_1w0vk_543 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
}

._successCount_1w0vk_543 {
  background: rgba(34, 197, 94, 0.1);
  color: #22c55e;
  border: 1px solid rgba(34, 197, 94, 0.2);
}

._failedCount_1w0vk_543 {
  background: rgba(239, 68, 68, 0.1);
  color: #ef4444;
  border: 1px solid rgba(239, 68, 68, 0.2);
}

._processingCount_1w0vk_543 {
  background: rgba(245, 158, 11, 0.1);
  color: #f59e0b;
  border: 1px solid rgba(245, 158, 11, 0.2);
}

._successIcon_1w0vk_571, ._failedIcon_1w0vk_571, ._processingIcon_1w0vk_571 {
  width: 14px;
  height: 14px;
}

._processingIcon_1w0vk_571 {
  animation: _spin_1w0vk_511 1s linear infinite;
}

._resultsList_1w0vk_580 {
  flex: 1;
  overflow-y: auto;
  display: grid;
  gap: 12px;
  margin-bottom: 20px;
  /* Custom scrollbar */
}
._resultsList_1w0vk_580::-webkit-scrollbar {
  width: 8px;
}
._resultsList_1w0vk_580::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 4px;
}
._resultsList_1w0vk_580::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, #22c55e 0%, #10b981 100%);
  border-radius: 4px;
}

._resultCard_1w0vk_600 {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 20px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease;
}
._resultCard_1w0vk_600._success_1w0vk_543 {
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.1) 0%, rgba(16, 185, 129, 0.05) 100%);
  border-color: rgba(34, 197, 94, 0.2);
}
._resultCard_1w0vk_600._failed_1w0vk_543 {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.1) 0%, rgba(220, 38, 38, 0.05) 100%);
  border-color: rgba(239, 68, 68, 0.2);
}
._resultCard_1w0vk_600._pending_1w0vk_617 {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.1) 0%, rgba(217, 119, 6, 0.05) 100%);
  border-color: rgba(245, 158, 11, 0.2);
}

._resultStatus_1w0vk_622 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
}
._success_1w0vk_543 ._resultStatus_1w0vk_622 {
  background: rgba(34, 197, 94, 0.2);
}
._failed_1w0vk_543 ._resultStatus_1w0vk_622 {
  background: rgba(239, 68, 68, 0.2);
}
._pending_1w0vk_617 ._resultStatus_1w0vk_622 {
  background: rgba(245, 158, 11, 0.2);
}

._statusIcon_1w0vk_640 {
  width: 20px;
  height: 20px;
}
._success_1w0vk_543 ._statusIcon_1w0vk_640 {
  color: #22c55e;
}
._failed_1w0vk_543 ._statusIcon_1w0vk_640 {
  color: #ef4444;
}
._pending_1w0vk_617 ._statusIcon_1w0vk_640 {
  color: #f59e0b;
  animation: _spin_1w0vk_511 1s linear infinite;
}

._resultInfo_1w0vk_655 {
  flex: 1;
  min-width: 0;
}

._resultName_1w0vk_660 {
  margin: 0 0 4px 0;
  color: white;
  font-size: 16px;
  font-weight: 600;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

._resultAddress_1w0vk_670 {
  margin: 0 0 4px 0;
  color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
  font-family: "Courier New", monospace;
}

._resultAmount_1w0vk_677 {
  margin: 0 0 4px 0;
  color: white;
  font-size: 14px;
  font-weight: 600;
  font-family: "Courier New", monospace;
}

._resultTxHash_1w0vk_685 {
  margin: 0;
  color: rgba(255, 255, 255, 0.6);
  font-size: 11px;
  font-family: "Courier New", monospace;
}

._resultError_1w0vk_692 {
  margin: 0;
  color: #ef4444;
  font-size: 12px;
}

._resultPending_1w0vk_698 {
  margin: 0;
  color: #f59e0b;
  font-size: 12px;
  font-style: italic;
}

._resultsActions_1w0vk_705 {
  padding: 25px 30px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.01) 100%);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

._doneButton_1w0vk_711 {
  width: 100%;
  padding: 14px 20px;
  background: linear-gradient(135deg, #22c55e 0%, #10b981 100%);
  color: white;
  border: none;
  border-radius: 12px;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease;
}
._doneButton_1w0vk_711:hover {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  box-shadow: 0 5px 15px rgba(34, 197, 94, 0.4);
  transform: translateY(-1px);
}

@keyframes _fadeIn_1w0vk_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _slideInUp_1w0vk_1 {
  from {
    opacity: 0;
    transform: translateY(30px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _spin_1w0vk_511 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 768px) {
  ._modal_1w0vk_25 {
    margin: 10px;
    max-height: 95vh;
  }
  ._header_1w0vk_41 {
    padding: 20px;
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
  }
  ._sendModeContainer_1w0vk_106 {
    padding: 15px 20px 0;
  }
  ._equalAmountContainer_1w0vk_140 {
    padding: 15px 20px;
  }
  ._equalAmountInput_1w0vk_152 {
    flex-direction: column;
    align-items: stretch;
  }
  ._recipientsList_1w0vk_202 {
    padding: 0 20px;
  }
  ._recipientInputs_1w0vk_332 {
    grid-template-columns: 1fr;
  }
  ._transactionSummary_1w0vk_384 {
    margin: 15px 20px;
    padding: 16px;
  }
  ._actionButtons_1w0vk_458 {
    padding: 20px;
    flex-direction: column;
  }
  ._resultsContainer_1w0vk_517 {
    padding: 15px 20px 0;
  }
  ._resultsStats_1w0vk_537 {
    flex-direction: column;
    gap: 8px;
    align-items: stretch;
  }
  ._resultsActions_1w0vk_705 {
    padding: 20px;
  }
}._dashboard_1fvl5_1 {
  padding: 2rem;
  max-width: 1400px;
  margin: 0 auto;
}

._title_1fvl5_7 {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 2rem;
  background: linear-gradient(135deg, var(--primary-500), var(--secondary-500));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

._titleIcon_1fvl5_20 {
  width: 2.5rem;
  height: 2.5rem;
  color: var(--primary-500);
}

._loading_1fvl5_26 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem;
  gap: 1rem;
  color: var(--text-secondary);
}
._loading_1fvl5_26 ._loadingIcon_1fvl5_35 {
  width: 4rem;
  height: 4rem;
  animation: _pulse_1fvl5_1 2s infinite;
}

._emptyState_1fvl5_41 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem;
  gap: 1rem;
  text-align: center;
  color: var(--text-secondary);
}
._emptyState_1fvl5_41 ._emptyIcon_1fvl5_51 {
  width: 4rem;
  height: 4rem;
  opacity: 0.5;
}
._emptyState_1fvl5_41 h3 {
  font-size: 1.5rem;
  color: var(--text-primary);
}

._pluginGrid_1fvl5_61 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  gap: 2rem;
}

._pluginCard_1fvl5_67 {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  padding: 2rem;
  border-radius: 1rem;
  transition: all 0.3s ease;
}
._pluginCard_1fvl5_67:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 40px rgba(var(--primary-500-rgb), 0.2);
}

._pluginHeader_1fvl5_80 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}
._pluginHeader_1fvl5_80 h3 {
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0;
}
._pluginHeader_1fvl5_80 ._status_1fvl5_91 {
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

._pluginInfo_1fvl5_98 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--border-color);
}

._infoRow_1fvl5_107 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._infoRow_1fvl5_107 ._label_1fvl5_112 {
  color: var(--text-secondary);
  font-size: 0.875rem;
}
._infoRow_1fvl5_107 ._value_1fvl5_116 {
  font-weight: 500;
  font-family: var(--font-mono);
  font-size: 0.875rem;
}

._resourceUsage_1fvl5_122 {
  margin-bottom: 1.5rem;
}
._resourceUsage_1fvl5_122 h4 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 1rem;
  color: var(--text-secondary);
}

._usageGrid_1fvl5_132 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

._usageItem_1fvl5_138 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  color: var(--text-secondary);
}
._usageItem_1fvl5_138 ._usageIcon_1fvl5_145 {
  width: 1.25rem;
  height: 1.25rem;
  color: var(--primary-500);
}

._actions_1fvl5_151 {
  display: flex;
  gap: 1rem;
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--border-color);
}

._actionButton_1fvl5_159 {
  border: none;
  outline: none;
  cursor: pointer;
  font-family: inherit;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  border-radius: 0.5rem;
  background: linear-gradient(135deg, var(--primary-500), var(--secondary-500));
  color: white;
  transition: all 0.3s ease;
}
._actionButton_1fvl5_159 svg {
  width: 1.25rem;
  height: 1.25rem;
}
._actionButton_1fvl5_159:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 4px 20px rgba(var(--primary-500-rgb), 0.4);
}
._actionButton_1fvl5_159:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._actionButton_1fvl5_159 ._spinner_1fvl5_187 {
  width: 1.25rem;
  height: 1.25rem;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: white;
  border-radius: 50%;
  animation: _spin_1fvl5_187 1s linear infinite;
}

@keyframes _pulse_1fvl5_1 {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
@keyframes _spin_1fvl5_187 {
  to {
    transform: rotate(360deg);
  }
}._modalOverlay_1in1p_1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  animation: _fadeIn_1in1p_1 0.2s ease;
}

@keyframes _fadeIn_1in1p_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
._modalContent_1in1p_24 {
  background: linear-gradient(135deg, #1a1a1a 0%, #252525 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  max-width: 500px;
  width: 90%;
  max-height: 90vh;
  overflow-y: auto;
  animation: _slideUp_1in1p_1 0.3s ease;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
}

@keyframes _slideUp_1in1p_1 {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
._modalHeader_1in1p_46 {
  padding: 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._modalHeader_1in1p_46 h2 {
  font-size: 1.5rem;
  font-weight: 700;
  background: linear-gradient(135deg, #00ff88 0%, #00d4ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0;
}

._closeButton_1in1p_62 {
  background: none;
  border: none;
  color: #888;
  cursor: pointer;
  padding: 8px;
  transition: all 0.2s ease;
  border-radius: 8px;
}
._closeButton_1in1p_62 svg {
  width: 24px;
  height: 24px;
}
._closeButton_1in1p_62:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}

._modalBody_1in1p_80 {
  padding: 24px;
}

._searchSection_1in1p_84 {
  margin-bottom: 24px;
}
._searchSection_1in1p_84 label {
  display: block;
  margin-bottom: 8px;
  color: #ccc;
  font-size: 0.9rem;
  font-weight: 500;
}

._searchInput_1in1p_95 {
  display: flex;
  gap: 8px;
}
._searchInput_1in1p_95 input {
  flex: 1;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 12px 16px;
  color: #fff;
  font-size: 1rem;
  transition: all 0.2s ease;
}
._searchInput_1in1p_95 input:focus {
  outline: none;
  border-color: #00ff88;
  background: rgba(255, 255, 255, 0.08);
}
._searchInput_1in1p_95 input::-moz-placeholder {
  color: #666;
}
._searchInput_1in1p_95 input::placeholder {
  color: #666;
}

._searchButton_1in1p_118 {
  background: linear-gradient(135deg, #00ff88 0%, #00d4ff 100%);
  border: none;
  border-radius: 12px;
  padding: 12px 16px;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
._searchButton_1in1p_118 svg {
  width: 20px;
  height: 20px;
  color: #000;
}
._searchButton_1in1p_118:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 255, 136, 0.3);
}
._searchButton_1in1p_118:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._errorMessage_1in1p_143 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  color: #ff4444;
  font-size: 0.85rem;
}
._errorMessage_1in1p_143 svg {
  width: 16px;
  height: 16px;
}

._loadingState_1in1p_156 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px;
  gap: 16px;
}
._loadingState_1in1p_156 p {
  color: #888;
  font-size: 0.9rem;
}

._spinner_1in1p_169 {
  width: 40px;
  height: 40px;
  border: 3px solid rgba(255, 255, 255, 0.1);
  border-top-color: #00ff88;
  border-radius: 50%;
  animation: _spin_1in1p_169 0.8s linear infinite;
}

@keyframes _spin_1in1p_169 {
  to {
    transform: rotate(360deg);
  }
}
._tokenPreview_1in1p_183 {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 24px;
}

._tokenHeader_1in1p_191 {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
}

._tokenIcon_1in1p_198 {
  width: 48px;
  height: 48px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
._tokenIcon_1in1p_198 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
._tokenIcon_1in1p_198 svg {
  width: 24px;
  height: 24px;
  color: #00ff88;
}

._tokenBasicInfo_1in1p_219 {
  flex: 1;
}
._tokenBasicInfo_1in1p_219 h3 {
  margin: 0 0 4px 0;
  font-size: 1.2rem;
  color: #fff;
}
._tokenBasicInfo_1in1p_219 ._symbol_1in1p_227 {
  color: #888;
  font-size: 0.9rem;
  margin-right: 12px;
}

._verifiedBadge_1in1p_233 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: rgba(0, 255, 136, 0.1);
  color: #00ff88;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 0.75rem;
  font-weight: 600;
}
._verifiedBadge_1in1p_233 svg {
  width: 14px;
  height: 14px;
}

._tokenDetails_1in1p_249 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._detailRow_1in1p_255 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.9rem;
}
._detailRow_1in1p_255 span:first-child {
  color: #888;
}
._detailRow_1in1p_255 span:last-child {
  color: #fff;
  font-family: monospace;
}
._detailRow_1in1p_255 ._address_1in1p_268 {
  font-size: 0.8rem;
  word-break: break-all;
}
._detailRow_1in1p_255 ._balance_1in1p_272 {
  color: #00ff88;
  font-weight: 600;
}

._warningBox_1in1p_277 {
  display: flex;
  gap: 12px;
  background: rgba(255, 68, 68, 0.1);
  border: 1px solid rgba(255, 68, 68, 0.2);
  border-radius: 8px;
  padding: 12px;
  margin-top: 16px;
}
._warningBox_1in1p_277 svg {
  width: 20px;
  height: 20px;
  color: #ff4444;
  flex-shrink: 0;
}
._warningBox_1in1p_277 strong {
  display: block;
  color: #ff4444;
  margin-bottom: 4px;
}
._warningBox_1in1p_277 p {
  margin: 0;
  color: #ccc;
  font-size: 0.85rem;
}

._commonTokens_1in1p_303 h3 {
  margin: 0 0 12px 0;
  color: #ccc;
  font-size: 1rem;
}

._tokenList_1in1p_309 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._tokenSuggestion_1in1p_315 {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 12px;
  text-align: left;
  color: #ccc;
  cursor: pointer;
  transition: all 0.2s ease;
}
._tokenSuggestion_1in1p_315:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}

._modalFooter_1in1p_331 {
  padding: 20px 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}

._cancelButton_1in1p_339 {
  background: rgba(255, 255, 255, 0.1);
  border: none;
  border-radius: 12px;
  padding: 12px 24px;
  color: #ccc;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
._cancelButton_1in1p_339:hover {
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
}

._importButton_1in1p_354 {
  background: linear-gradient(135deg, #00ff88 0%, #00d4ff 100%);
  border: none;
  border-radius: 12px;
  padding: 12px 24px;
  color: #000;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  gap: 8px;
}
._importButton_1in1p_354 svg {
  width: 20px;
  height: 20px;
}
._importButton_1in1p_354:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 255, 136, 0.3);
}
._importButton_1in1p_354:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background: rgba(255, 255, 255, 0.1);
  color: #666;
}._multiSigContainer_1mkm6_1 {
  background: linear-gradient(135deg, rgba(30, 30, 30, 0.8) 0%, rgba(20, 20, 20, 0.9) 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 24px;
  margin-bottom: 24px;
}

._header_1mkm6_9 {
  margin-bottom: 24px;
}
._header_1mkm6_9 h2 {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 1.5rem;
  font-weight: 700;
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0 0 16px 0;
}
._header_1mkm6_9 h2 svg {
  width: 28px;
  height: 28px;
  color: #8b5cf6;
}

._tabs_1mkm6_29 {
  display: flex;
  gap: 8px;
  background: rgba(255, 255, 255, 0.05);
  padding: 4px;
  border-radius: 12px;
}

._tab_1mkm6_29 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: none;
  border: none;
  border-radius: 8px;
  color: #888;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
._tab_1mkm6_29 svg {
  width: 18px;
  height: 18px;
}
._tab_1mkm6_29:hover {
  background: rgba(255, 255, 255, 0.05);
  color: #ccc;
}
._tab_1mkm6_29._active_1mkm6_58 {
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
  color: #fff;
}

._createForm_1mkm6_63 {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  padding: 24px;
}

._formGroup_1mkm6_69 {
  margin-bottom: 24px;
}
._formGroup_1mkm6_69 label {
  display: block;
  margin-bottom: 8px;
  color: #ccc;
  font-size: 0.9rem;
  font-weight: 600;
}
._formGroup_1mkm6_69 input[type=text],
._formGroup_1mkm6_69 input[type=number] {
  width: 100%;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 12px 16px;
  color: #fff;
  font-size: 1rem;
  transition: all 0.2s ease;
}
._formGroup_1mkm6_69 input[type=text]:focus,
._formGroup_1mkm6_69 input[type=number]:focus {
  outline: none;
  border-color: #8b5cf6;
  background: rgba(255, 255, 255, 0.08);
}
._formGroup_1mkm6_69 input[type=text]::-moz-placeholder, ._formGroup_1mkm6_69 input[type=number]::-moz-placeholder {
  color: #666;
}
._formGroup_1mkm6_69 input[type=text]::placeholder,
._formGroup_1mkm6_69 input[type=number]::placeholder {
  color: #666;
}

._ownersList_1mkm6_101 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 12px;
  max-height: 200px;
  overflow-y: auto;
}

._ownerItem_1mkm6_110 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 10px 12px;
}

._ownerAddress_1mkm6_120 {
  font-family: monospace;
  font-size: 0.9rem;
  color: #ccc;
}

._removeButton_1mkm6_126 {
  background: none;
  border: none;
  color: #ff4444;
  cursor: pointer;
  padding: 4px;
  transition: all 0.2s ease;
  border-radius: 4px;
}
._removeButton_1mkm6_126 svg {
  width: 18px;
  height: 18px;
}
._removeButton_1mkm6_126:hover {
  background: rgba(255, 68, 68, 0.1);
}

._addOwner_1mkm6_143 {
  display: flex;
  gap: 8px;
}
._addOwner_1mkm6_143 input {
  flex: 1;
}
._addOwner_1mkm6_143 button {
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
  border: none;
  border-radius: 8px;
  padding: 0 16px;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  gap: 6px;
}
._addOwner_1mkm6_143 button svg {
  width: 18px;
  height: 18px;
}
._addOwner_1mkm6_143 button:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.3);
}

._signatureSelector_1mkm6_172 {
  display: flex;
  align-items: center;
  gap: 20px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  padding: 16px;
}
._signatureSelector_1mkm6_172 input[type=range] {
  flex: 1;
  height: 6px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
  outline: none;
  -webkit-appearance: none;
}
._signatureSelector_1mkm6_172 input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(139, 92, 246, 0.3);
}
._signatureSelector_1mkm6_172 input[type=range]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
  border-radius: 50%;
  cursor: pointer;
  border: none;
  box-shadow: 0 2px 8px rgba(139, 92, 246, 0.3);
}

._signatureInfo_1mkm6_207 {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #ccc;
  font-size: 0.9rem;
}
._signatureInfo_1mkm6_207 ._signatureCount_1mkm6_214 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #8b5cf6;
}

._helper_1mkm6_220 {
  margin-top: 8px;
  color: #888;
  font-size: 0.85rem;
}

._createButton_1mkm6_226 {
  width: 100%;
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
  border: none;
  border-radius: 12px;
  padding: 14px 24px;
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
._createButton_1mkm6_226:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(139, 92, 246, 0.4);
}
._createButton_1mkm6_226:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._manageSection_1mkm6_247 {
  min-height: 400px;
}

._loading_1mkm6_251 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300px;
  color: #888;
}

._emptyState_1mkm6_259 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 300px;
  text-align: center;
}
._emptyState_1mkm6_259 svg {
  width: 64px;
  height: 64px;
  color: #444;
  margin-bottom: 16px;
}
._emptyState_1mkm6_259 h3 {
  margin: 0 0 8px 0;
  color: #ccc;
  font-size: 1.2rem;
}
._emptyState_1mkm6_259 p {
  margin: 0 0 24px 0;
  color: #888;
}
._emptyState_1mkm6_259 button {
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
  border: none;
  border-radius: 12px;
  padding: 12px 24px;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  gap: 8px;
}
._emptyState_1mkm6_259 button svg {
  width: 20px;
  height: 20px;
}
._emptyState_1mkm6_259 button:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.3);
}

._walletsList_1mkm6_304 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 16px;
  margin-bottom: 24px;
}

._walletCard_1mkm6_311 {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 20px;
  cursor: pointer;
  transition: all 0.2s ease;
}
._walletCard_1mkm6_311:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(139, 92, 246, 0.3);
}
._walletCard_1mkm6_311._selected_1mkm6_323 {
  border-color: #8b5cf6;
  background: rgba(139, 92, 246, 0.1);
}

._walletHeader_1mkm6_328 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
._walletHeader_1mkm6_328 h3 {
  margin: 0;
  font-size: 1.1rem;
  color: #fff;
}
._walletHeader_1mkm6_328 ._balance_1mkm6_339 {
  font-size: 1.1rem;
  font-weight: 600;
  color: #00ff88;
}

._walletInfo_1mkm6_345 {
  display: flex;
  gap: 16px;
  margin-bottom: 12px;
}
._walletInfo_1mkm6_345 span {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #888;
  font-size: 0.85rem;
}
._walletInfo_1mkm6_345 span svg {
  width: 16px;
  height: 16px;
}

._walletAddress_1mkm6_362 {
  font-family: monospace;
  font-size: 0.8rem;
  color: #666;
  word-break: break-all;
}

._walletDetails_1mkm6_369 {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 24px;
}

._detailsHeader_1mkm6_376 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
._detailsHeader_1mkm6_376 h3 {
  margin: 0;
  font-size: 1.2rem;
  color: #fff;
}

._createTxButton_1mkm6_388 {
  background: linear-gradient(135deg, #00ff88 0%, #00d4ff 100%);
  border: none;
  border-radius: 8px;
  padding: 10px 16px;
  color: #000;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  gap: 6px;
}
._createTxButton_1mkm6_388 svg {
  width: 18px;
  height: 18px;
}
._createTxButton_1mkm6_388:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 255, 136, 0.3);
}

._pendingTransactions_1mkm6_410 h4 {
  margin: 0 0 16px 0;
  color: #ccc;
  font-size: 1rem;
}

._noPending_1mkm6_416 {
  text-align: center;
  padding: 40px;
  color: #666;
}

._transactionCard_1mkm6_422 {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 12px;
}

._txHeader_1mkm6_430 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
._txHeader_1mkm6_430 ._txAmount_1mkm6_436 {
  font-size: 1.1rem;
  font-weight: 600;
  color: #00ff88;
}
._txHeader_1mkm6_430 ._txStatus_1mkm6_441 {
  background: rgba(255, 193, 7, 0.1);
  color: #ffc107;
  padding: 4px 12px;
  border-radius: 6px;
  font-size: 0.85rem;
  font-weight: 600;
}

._txDetails_1mkm6_450 {
  margin-bottom: 12px;
}
._txDetails_1mkm6_450 p {
  margin: 4px 0;
  color: #ccc;
  font-size: 0.9rem;
}
._txDetails_1mkm6_450 p:first-child {
  font-family: monospace;
  font-size: 0.85rem;
  color: #888;
}

._txActions_1mkm6_464 {
  display: flex;
  gap: 12px;
  align-items: center;
}

._signButton_1mkm6_470 {
  background: linear-gradient(135deg, #00ff88 0%, #00d4ff 100%);
  border: none;
  border-radius: 6px;
  padding: 8px 16px;
  color: #000;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  gap: 6px;
}
._signButton_1mkm6_470 svg {
  width: 16px;
  height: 16px;
}
._signButton_1mkm6_470:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 255, 136, 0.3);
}

._signed_1mkm6_492 {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #00ff88;
  font-size: 0.9rem;
  font-weight: 600;
}
._signed_1mkm6_492 svg {
  width: 18px;
  height: 18px;
}

._modal_1mkm6_505 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

._modalContent_1mkm6_519 {
  background: linear-gradient(135deg, #1a1a1a 0%, #252525 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 24px;
  max-width: 400px;
  width: 90%;
}
._modalContent_1mkm6_519 h3 {
  margin: 0 0 20px 0;
  color: #fff;
  font-size: 1.2rem;
}

._modalActions_1mkm6_533 {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 24px;
}
._modalActions_1mkm6_533 button {
  background: rgba(255, 255, 255, 0.1);
  border: none;
  border-radius: 8px;
  padding: 10px 20px;
  color: #ccc;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
._modalActions_1mkm6_533 button:hover {
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
}
._modalActions_1mkm6_533 button._primary_1mkm6_553 {
  background: linear-gradient(135deg, #00ff88 0%, #00d4ff 100%);
  color: #000;
}
._modalActions_1mkm6_533 button._primary_1mkm6_553:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 255, 136, 0.3);
}/* Mining Container */
._miningContainer_m8bsm_2 {
  min-height: 100vh;
  background: linear-gradient(135deg, #0f0f23 0%, #1a1a3a 50%, #0f0f23 100%);
  color: #e5e7eb;
  position: relative;
  overflow-x: hidden;
}

/* Loading Container */
._loadingContainer_m8bsm_11 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background: linear-gradient(135deg, #0f0f23 0%, #1a1a3a 50%, #0f0f23 100%);
  color: #e5e7eb;
}

._loadingSpinner_m8bsm_21 {
  width: 60px;
  height: 60px;
  border: 4px solid rgba(59, 130, 246, 0.3);
  border-left: 4px solid #3b82f6;
  border-radius: 50%;
  animation: _spin_m8bsm_426 1s linear infinite;
  margin-bottom: 20px;
}

._loadingContainer_m8bsm_11 h2 {
  font-size: 1.5rem;
  margin: 10px 0;
  background: linear-gradient(135deg, #3b82f6, #8b5cf6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

._loadingContainer_m8bsm_11 p {
  color: #9ca3af;
  margin: 5px 0;
}

/* Hero Section */
._heroSection_m8bsm_45 {
  position: relative;
  padding: 60px 20px 40px;
  text-align: center;
  background: radial-gradient(ellipse at center, rgba(59, 130, 246, 0.1) 0%, transparent 70%);
  overflow: hidden;
}

._heroContent_m8bsm_53 {
  max-width: 800px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

._heroIcon_m8bsm_60 {
  width: 80px;
  height: 80px;
  margin: 0 auto 20px;
  background: linear-gradient(135deg, #3b82f6, #8b5cf6);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 20px 40px rgba(59, 130, 246, 0.3);
  animation: _float_m8bsm_120 3s ease-in-out infinite;
}

._heroIcon_m8bsm_60 svg {
  width: 48px;
  height: 48px;
  color: white;
}

._heroSection_m8bsm_45 h1 {
  font-size: 3rem;
  font-weight: 700;
  margin: 20px 0 10px;
  background: linear-gradient(135deg, #3b82f6, #8b5cf6, #06b6d4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: _glow_m8bsm_1 2s ease-in-out infinite alternate;
}

._heroSection_m8bsm_45 p {
  font-size: 1.2rem;
  color: #9ca3af;
  margin-bottom: 30px;
}

._networkStatus_m8bsm_95 {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

._networkIndicator_m8bsm_101 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background: rgba(17, 24, 39, 0.6);
  border-radius: 20px;
  border: 1px solid rgba(59, 130, 246, 0.3);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

._statusDot_m8bsm_112 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  animation: _pulse_m8bsm_1 2s infinite;
}

/* Floating Elements */
._floatingElements_m8bsm_120 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 1;
}

._floatingChip_m8bsm_130 {
  position: absolute;
  top: 20%;
  left: 10%;
  width: 40px;
  height: 40px;
  color: rgba(59, 130, 246, 0.4);
  animation: _float_m8bsm_120 4s ease-in-out infinite;
}

._floatingBolt_m8bsm_140 {
  position: absolute;
  top: 60%;
  right: 15%;
  width: 30px;
  height: 30px;
  color: rgba(139, 92, 246, 0.4);
  animation: _float_m8bsm_120 3.5s ease-in-out infinite reverse;
}

._floatingChart_m8bsm_150 {
  position: absolute;
  bottom: 20%;
  left: 20%;
  width: 35px;
  height: 35px;
  color: rgba(6, 182, 212, 0.4);
  animation: _float_m8bsm_120 4.5s ease-in-out infinite;
}

/* Content Grid */
._contentGrid_m8bsm_161 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 24px;
  padding: 40px 20px;
  max-width: 1400px;
  margin: 0 auto;
}

/* Card Base Styles */
._controlPanel_m8bsm_171,
._networkStats_m8bsm_172,
._hashrateDisplay_m8bsm_173,
._performanceMetrics_m8bsm_174,
._miningRewards_m8bsm_175,
._debugPanel_m8bsm_176 {
  background: rgba(17, 24, 39, 0.8);
  border-radius: 16px;
  border: 1px solid rgba(59, 130, 246, 0.2);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  padding: 24px;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

._controlPanel_m8bsm_171:hover,
._networkStats_m8bsm_172:hover,
._hashrateDisplay_m8bsm_173:hover,
._performanceMetrics_m8bsm_174:hover,
._miningRewards_m8bsm_175:hover {
  border-color: rgba(59, 130, 246, 0.4);
  box-shadow: 0 20px 40px rgba(59, 130, 246, 0.1);
  transform: translateY(-2px);
}

._controlPanel_m8bsm_171::before,
._networkStats_m8bsm_172::before,
._hashrateDisplay_m8bsm_173::before,
._performanceMetrics_m8bsm_174::before,
._miningRewards_m8bsm_175::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, #3b82f6, #8b5cf6, #06b6d4);
  opacity: 0.6;
}

/* Card Headers */
._cardHeader_m8bsm_213 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(75, 85, 99, 0.3);
}

._cardHeader_m8bsm_213 h2 {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 1.25rem;
  font-weight: 600;
  color: #f3f4f6;
  margin: 0;
}

._headerIcon_m8bsm_232 {
  width: 24px;
  height: 24px;
  color: #3b82f6;
}

/* Control Panel Specific */
._miningStatus_m8bsm_239 {
  margin-bottom: 24px;
}

._statusIndicator_m8bsm_243 {
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
}

._statusBadge_m8bsm_249 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  border-radius: 12px;
  font-weight: 600;
  transition: all 0.3s ease;
}

._statusBadge_m8bsm_249._active_m8bsm_259 {
  background: linear-gradient(135deg, #10b981, #059669);
  color: white;
  box-shadow: 0 10px 25px rgba(16, 185, 129, 0.3);
  animation: _pulse_m8bsm_1 2s infinite;
}

._statusBadge_m8bsm_249._inactive_m8bsm_266 {
  background: rgba(75, 85, 99, 0.5);
  color: #d1d5db;
  border: 1px solid rgba(75, 85, 99, 0.6);
}

._statusBadge_m8bsm_249 svg {
  width: 18px;
  height: 18px;
}

._walletInfo_m8bsm_277 {
  text-align: center;
  padding: 12px;
  background: rgba(31, 41, 55, 0.6);
  border-radius: 8px;
  border: 1px solid rgba(75, 85, 99, 0.4);
}

._walletLabel_m8bsm_285 {
  display: block;
  font-size: 0.875rem;
  color: #9ca3af;
  margin-bottom: 4px;
}

._walletAddress_m8bsm_292 {
  font-family: 'JetBrains Mono', monospace;
  font-weight: 600;
  color: #3b82f6;
}

._walletWarning_m8bsm_298 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 8px;
  color: #f87171;
}

._walletWarning_m8bsm_298 svg {
  width: 18px;
  height: 18px;
}

/* Worker Configuration */
._workerConfig_m8bsm_316 {
  margin-bottom: 24px;
}

._workerConfig_m8bsm_316 label {
  display: block;
  font-weight: 600;
  margin-bottom: 12px;
  color: #f3f4f6;
}

._sliderContainer_m8bsm_327 {
  position: relative;
  margin-bottom: 8px;
}

._workerSlider_m8bsm_332 {
  width: 100%;
  height: 6px;
  border-radius: 3px;
  background: rgba(75, 85, 99, 0.5);
  outline: none;
  transition: all 0.3s ease;
  cursor: pointer;
}

._workerSlider_m8bsm_332::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: linear-gradient(135deg, #3b82f6, #8b5cf6);
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

._workerSlider_m8bsm_332::-webkit-slider-thumb:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 20px rgba(59, 130, 246, 0.6);
}

._sliderLabels_m8bsm_358 {
  display: flex;
  justify-content: space-between;
  font-size: 0.75rem;
  color: #9ca3af;
  margin-top: 4px;
}

._configNote_m8bsm_366 {
  font-size: 0.875rem;
  color: #9ca3af;
  margin: 0;
  line-height: 1.4;
}

/* Mining Button */
._miningButton_m8bsm_374 {
  width: 100%;
  padding: 16px 24px;
  border: none;
  border-radius: 12px;
  font-size: 1.1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  overflow: hidden;
}

._startButton_m8bsm_391 {
  background: linear-gradient(135deg, #10b981, #059669);
  color: white;
  box-shadow: 0 10px 25px rgba(16, 185, 129, 0.3);
}

._startButton_m8bsm_391:hover {
  background: linear-gradient(135deg, #059669, #047857);
  transform: translateY(-2px);
  box-shadow: 0 15px 35px rgba(16, 185, 129, 0.4);
}

._stopButton_m8bsm_403 {
  background: linear-gradient(135deg, #ef4444, #dc2626);
  color: white;
  box-shadow: 0 10px 25px rgba(239, 68, 68, 0.3);
}

._stopButton_m8bsm_403:hover {
  background: linear-gradient(135deg, #dc2626, #b91c1c);
  transform: translateY(-2px);
  box-shadow: 0 15px 35px rgba(239, 68, 68, 0.4);
}

._miningButton_m8bsm_374:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none !important;
}

._miningButton_m8bsm_374 svg {
  width: 20px;
  height: 20px;
}

._spinner_m8bsm_426 {
  width: 20px;
  height: 20px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-left: 2px solid white;
  border-radius: 50%;
  animation: _spin_m8bsm_426 1s linear infinite;
}

/* Network Statistics */
._statsGrid_m8bsm_436 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
}

._statCard_m8bsm_442 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  background: rgba(31, 41, 55, 0.6);
  border-radius: 12px;
  border: 1px solid rgba(75, 85, 99, 0.4);
  transition: all 0.3s ease;
}

._statCard_m8bsm_442:hover {
  background: rgba(31, 41, 55, 0.8);
  border-color: rgba(59, 130, 246, 0.4);
  transform: translateY(-1px);
}

._statIcon_m8bsm_459 {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(139, 92, 246, 0.2));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

._statIcon_m8bsm_459 svg {
  width: 20px;
  height: 20px;
  color: #3b82f6;
}

._statContent_m8bsm_476 {
  display: flex;
  flex-direction: column;
}

._statLabel_m8bsm_481 {
  font-size: 0.875rem;
  color: #9ca3af;
  margin-bottom: 2px;
}

._statValue_m8bsm_487 {
  font-size: 1.125rem;
  font-weight: 600;
  color: #f3f4f6;
}

/* Hashrate Display */
._hashrateValue_m8bsm_494 {
  text-align: center;
}

._hashrateNumber_m8bsm_498 {
  font-size: 2.5rem;
  font-weight: 700;
  background: linear-gradient(135deg, #3b82f6, #8b5cf6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: block;
  margin-bottom: 20px;
}

._hashrateGraph_m8bsm_508 {
  display: flex;
  align-items: end;
  justify-content: center;
  gap: 2px;
  height: 60px;
  padding: 0 20px;
}

._hashrateBar_m8bsm_517 {
  width: 8px;
  min-height: 4px;
  background: linear-gradient(to top, #3b82f6, #8b5cf6);
  border-radius: 2px;
  transition: all 0.3s ease;
  animation: _barGrow_m8bsm_1 0.5s ease-out;
}

/* Performance Metrics */
._metricsGrid_m8bsm_527 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 12px;
}

._metricItem_m8bsm_533 {
  display: flex;
  flex-direction: column;
  padding: 16px;
  background: rgba(31, 41, 55, 0.4);
  border-radius: 8px;
  border: 1px solid rgba(75, 85, 99, 0.3);
  transition: all 0.3s ease;
}

._metricItem_m8bsm_533:hover {
  background: rgba(31, 41, 55, 0.6);
  border-color: rgba(59, 130, 246, 0.4);
}

._metricLabel_m8bsm_548 {
  font-size: 0.75rem;
  color: #9ca3af;
  margin-bottom: 4px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

._metricValue_m8bsm_556 {
  font-size: 1rem;
  font-weight: 600;
  color: #f3f4f6;
}

/* Mining Rewards */
._rewardsContent_m8bsm_563 {
  text-align: center;
}

._rewardsAmount_m8bsm_567 {
  margin-bottom: 20px;
}

._rewardsValue_m8bsm_571 {
  font-size: 3rem;
  font-weight: 700;
  background: linear-gradient(135deg, #10b981, #059669);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: block;
  line-height: 1.2;
}

._rewardsCurrency_m8bsm_581 {
  font-size: 1.25rem;
  font-weight: 600;
  color: #9ca3af;
  margin-left: 8px;
}

._feeNotice_m8bsm_588 {
  margin: 12px 0;
  padding: 8px 16px;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 8px;
  font-size: 0.85rem;
  color: #93c5fd;
  text-align: center;
}

._rewardsInfo_m8bsm_599 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._rewardItem_m8bsm_605 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px;
  background: rgba(31, 41, 55, 0.4);
  border-radius: 6px;
  font-size: 0.875rem;
}

._rewardItem_m8bsm_605:first-child {
  color: #9ca3af;
}

._rewardItem_m8bsm_605:last-child {
  color: #10b981;
  font-weight: 600;
}

/* Debug Panel */
._debugPanel_m8bsm_176 {
  grid-column: 1 / -1;
  max-height: 400px;
  overflow: hidden;
}

._closeDebug_m8bsm_631 {
  background: none;
  border: none;
  color: #9ca3af;
  font-size: 1.5rem;
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
  transition: all 0.3s ease;
}

._closeDebug_m8bsm_631:hover {
  color: #f3f4f6;
  background: rgba(75, 85, 99, 0.3);
}

._debugContent_m8bsm_647 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
}

._debugSection_m8bsm_653 h4 {
  font-size: 0.875rem;
  font-weight: 600;
  color: #f3f4f6;
  margin: 0 0 8px 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

._debugSection_m8bsm_653 p {
  font-size: 0.875rem;
  color: #9ca3af;
  margin: 0;
  font-family: 'JetBrains Mono', monospace;
}

._debugLogs_m8bsm_669 {
  max-height: 150px;
  overflow-y: auto;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  padding: 8px;
}

._logEntry_m8bsm_677 {
  font-size: 0.75rem;
  color: #9ca3af;
  margin-bottom: 4px;
  font-family: 'JetBrains Mono', monospace;
  line-height: 1.3;
}

._logEntry_m8bsm_677:last-child {
  margin-bottom: 0;
}

/* Debug Toggle */
._debugToggle_m8bsm_690 {
  position: fixed;
  bottom: 120px;
  right: 24px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: rgba(17, 24, 39, 0.8);
  border: 1px solid rgba(59, 130, 246, 0.3);
  color: #3b82f6;
  cursor: pointer;
  transition: all 0.3s ease;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
}

._debugToggle_m8bsm_690:hover {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.5);
  transform: scale(1.1);
}

._debugToggle_m8bsm_690 svg {
  width: 24px;
  height: 24px;
}

/* Floating Action Buttons */
._floatingActions_m8bsm_721 {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 100;
}

._fab_m8bsm_728 {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: none;
  background: linear-gradient(135deg, #3b82f6, #8b5cf6);
  color: white;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 10px 25px rgba(59, 130, 246, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
}

._fab_m8bsm_728:hover {
  transform: scale(1.1) rotate(5deg);
  box-shadow: 0 15px 35px rgba(59, 130, 246, 0.4);
}

._fab_m8bsm_728 svg {
  width: 28px;
  height: 28px;
}

/* Animations */
@keyframes _spin_m8bsm_426 {
  to {
    transform: rotate(360deg);
  }
}

@keyframes _float_m8bsm_120 {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
}

@keyframes _pulse_m8bsm_1 {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.8;
    transform: scale(1.05);
  }
}

@keyframes _glow_m8bsm_1 {
  0% {
    text-shadow: 0 0 10px rgba(59, 130, 246, 0.5);
  }
  100% {
    text-shadow: 0 0 20px rgba(139, 92, 246, 0.8);
  }
}

@keyframes _barGrow_m8bsm_1 {
  from {
    transform: scaleY(0);
  }
  to {
    transform: scaleY(1);
  }
}

/* Responsive Design */
@media (max-width: 1024px) {
  ._contentGrid_m8bsm_161 {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 20px 16px;
  }
  
  ._heroSection_m8bsm_45 {
    padding: 40px 16px 20px;
  }
  
  ._heroSection_m8bsm_45 h1 {
    font-size: 2.5rem;
  }
  
  ._statsGrid_m8bsm_436 {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  }
  
  ._debugContent_m8bsm_647 {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  ._heroSection_m8bsm_45 h1 {
    font-size: 2rem;
  }
  
  ._heroIcon_m8bsm_60 {
    width: 60px;
    height: 60px;
  }
  
  ._heroIcon_m8bsm_60 svg {
    width: 36px;
    height: 36px;
  }
  
  ._hashrateNumber_m8bsm_498 {
    font-size: 2rem;
  }
  
  ._rewardsValue_m8bsm_571 {
    font-size: 2.5rem;
  }
  
  ._statsGrid_m8bsm_436 {
    grid-template-columns: 1fr;
  }
  
  ._metricsGrid_m8bsm_527 {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  }
  
  ._fab_m8bsm_728 {
    width: 56px;
    height: 56px;
  }
  
  ._fab_m8bsm_728 svg {
    width: 24px;
    height: 24px;
  }
  
  ._debugToggle_m8bsm_690 {
    width: 48px;
    height: 48px;
    bottom: 100px;
  }
  
  ._debugToggle_m8bsm_690 svg {
    width: 20px;
    height: 20px;
  }
}._card_19rqt_1 {
  background-color: var(--gray-50);
  border-radius: 0.75rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  padding: 1.5rem;
  animation: _fadeIn_19rqt_1 0.5s ease-in-out;
}
._card_19rqt_1 h1 {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}
._card_19rqt_1 ._charts_19rqt_13 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

._dark_19rqt_19 ._card_19rqt_1 {
  background-color: var(--gray-800);
  color: var(--gray-200);
}._card_fb3sm_1 {
  background-color: var(--gray-50);
  border-radius: 0.75rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  padding: 1.5rem;
  animation: _fadeIn_fb3sm_1 0.5s ease-in-out;
}
._card_fb3sm_1 h1 {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}
._card_fb3sm_1 ._section_fb3sm_13 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
._card_fb3sm_1 ._section_fb3sm_13 label {
  font-size: 0.875rem;
  color: var(--gray-500);
}
._card_fb3sm_1 ._section_fb3sm_13 ._button_fb3sm_23 {
  background-color: var(--primary-color);
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  transition: background-color 0.2s;
}
._card_fb3sm_1 ._section_fb3sm_13 ._button_fb3sm_23:hover {
  background-color: var(--primary-color);
  filter: brightness(0.9);
}
._card_fb3sm_1 ._section_fb3sm_13 ._colorInput_fb3sm_34 {
  width: 4rem;
  height: 2.5rem;
  border-radius: 0.5rem;
  margin-right: 1rem;
}
._card_fb3sm_1 ._section_fb3sm_13 select {
  width: 12rem;
  border: 1px solid var(--gray-200);
  padding: 0.5rem;
  border-radius: 0.5rem;
  background-color: white;
}

._dark_fb3sm_48 ._card_fb3sm_1 {
  background-color: var(--gray-800);
  color: var(--gray-200);
}
._dark_fb3sm_48 ._card_fb3sm_1 ._section_fb3sm_13 label {
  color: var(--gray-400);
}
._dark_fb3sm_48 ._card_fb3sm_1 ._section_fb3sm_13 select {
  background-color: var(--gray-700);
  border-color: var(--gray-600);
  color: var(--gray-200);
}
._vmContainer_vldsd_2 {
  padding: 2rem;
  max-width: 1400px;
  margin: 0 auto;
  min-height: calc(100vh - 4rem);
  background: linear-gradient(135deg, #0a0a0b 0%, #1a1a1a 100%);
  color: var(--text-primary);
}
@media (max-width: 768px) {
  ._vmContainer_vldsd_2 {
    padding: 1rem;
  }
}

._header_vldsd_16 {
  text-align: center;
  margin-bottom: 2rem;
}
._header_vldsd_16 ._title_vldsd_20 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 0.5rem;
}
@media (max-width: 768px) {
  ._header_vldsd_16 ._title_vldsd_20 {
    font-size: 2rem;
    flex-direction: column;
    gap: 0.5rem;
  }
}
._header_vldsd_16 ._titleIcon_vldsd_37 {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--primary-color);
}
@media (max-width: 768px) {
  ._header_vldsd_16 ._titleIcon_vldsd_37 {
    width: 1.25rem;
    height: 1.25rem;
  }
}
._header_vldsd_16 ._subtitle_vldsd_48 {
  font-size: 1.25rem;
  color: var(--text-secondary);
  font-weight: 500;
}
@media (max-width: 768px) {
  ._header_vldsd_16 ._subtitle_vldsd_48 {
    font-size: 1rem;
  }
}

._securityBanner_vldsd_59 {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  background: linear-gradient(135deg, var(--success-color), var(--primary-color));
  padding: 1.5rem;
  border-radius: 1rem;
  margin-bottom: 2rem;
  color: white;
}
@media (max-width: 768px) {
  ._securityBanner_vldsd_59 {
    flex-direction: column;
    text-align: center;
    gap: 1rem;
    padding: 1rem;
  }
}
._securityBanner_vldsd_59 ._securityIcon_vldsd_77 {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  ._securityBanner_vldsd_59 ._securityIcon_vldsd_77 {
    width: 1.25rem;
    height: 1.25rem;
  }
}
._securityBanner_vldsd_59 ._securityContent_vldsd_88 {
  flex: 1;
}
._securityBanner_vldsd_59 ._securityContent_vldsd_88 h3 {
  margin: 0 0 0.5rem 0;
  font-size: 1.5rem;
  font-weight: 600;
}
@media (max-width: 768px) {
  ._securityBanner_vldsd_59 ._securityContent_vldsd_88 h3 {
    font-size: 1.25rem;
  }
}
._securityBanner_vldsd_59 ._securityContent_vldsd_88 p {
  margin: 0 0 1rem 0;
  opacity: 0.9;
  font-size: 1rem;
}
@media (max-width: 768px) {
  ._securityBanner_vldsd_59 ._securityContent_vldsd_88 p {
    font-size: 0.9rem;
  }
}
._securityBanner_vldsd_59 ._securityStats_vldsd_111 {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  ._securityBanner_vldsd_59 ._securityStats_vldsd_111 {
    justify-content: center;
    gap: 1rem;
  }
}
._securityBanner_vldsd_59 ._securityStats_vldsd_111 span {
  font-size: 0.9rem;
  opacity: 0.9;
}
._securityBanner_vldsd_59 ._securityStats_vldsd_111 span strong {
  color: white;
  font-weight: 600;
}

._tabs_vldsd_131 {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 2rem;
  border-bottom: 2px solid var(--border-color);
  overflow-x: auto;
  padding-bottom: 0;
}
@media (max-width: 768px) {
  ._tabs_vldsd_131 {
    gap: 0.25rem;
  }
}

._tab_vldsd_131 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 1.5rem;
  border: none;
  background: transparent;
  color: var(--text-secondary);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  border-bottom: 3px solid transparent;
  white-space: nowrap;
}
@media (max-width: 768px) {
  ._tab_vldsd_131 {
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
  }
}
._tab_vldsd_131:hover {
  color: var(--primary-color);
  background: var(--bg-secondary);
}
._tab_vldsd_131._active_vldsd_169 {
  color: var(--primary-color);
  border-bottom-color: var(--primary-color);
  background: var(--bg-secondary);
}
._tab_vldsd_131 ._tabIcon_vldsd_174 {
  width: 1.25rem;
  height: 1.25rem;
}
@media (max-width: 768px) {
  ._tab_vldsd_131 ._tabIcon_vldsd_174 {
    width: 1rem;
    height: 1rem;
  }
}

._tabContent_vldsd_185 {
  min-height: 600px;
}

._overview_vldsd_189 ._featureGrid_vldsd_189 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 2rem;
}
@media (max-width: 768px) {
  ._overview_vldsd_189 ._featureGrid_vldsd_189 {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}

._featureCard_vldsd_201 {
  background: var(--bg-primary);
  border: 1px solid var(--border-color);
  border-radius: 1rem;
  padding: 2rem;
}
@media (max-width: 768px) {
  ._featureCard_vldsd_201 {
    padding: 1.5rem;
  }
}
._featureCard_vldsd_201 h3 {
  margin: 0 0 1.5rem 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text-primary);
}
._featureCard_vldsd_201 ._metrics_vldsd_218 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 1rem;
}
._featureCard_vldsd_201 ._metrics_vldsd_218 ._metric_vldsd_218 {
  text-align: center;
}
._featureCard_vldsd_201 ._metrics_vldsd_218 ._metric_vldsd_218 ._metricValue_vldsd_226 {
  display: block;
  font-size: 2rem;
  font-weight: 700;
  color: var(--primary-color);
}
@media (max-width: 768px) {
  ._featureCard_vldsd_201 ._metrics_vldsd_218 ._metric_vldsd_218 ._metricValue_vldsd_226 {
    font-size: 1.5rem;
  }
}
._featureCard_vldsd_201 ._metrics_vldsd_218 ._metric_vldsd_218 ._metricLabel_vldsd_237 {
  font-size: 0.875rem;
  color: var(--text-secondary);
  margin-top: 0.25rem;
}
._featureCard_vldsd_201 ._featureList_vldsd_242 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
._featureCard_vldsd_201 ._feature_vldsd_189 {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
._featureCard_vldsd_201 ._feature_vldsd_189 ._featureIcon_vldsd_252 {
  width: 2rem;
  height: 2rem;
  color: var(--primary-color);
  flex-shrink: 0;
  margin-top: 0.25rem;
}
._featureCard_vldsd_201 ._feature_vldsd_189 strong {
  display: block;
  color: var(--text-primary);
  margin-bottom: 0.25rem;
}
._featureCard_vldsd_201 ._feature_vldsd_189 p {
  margin: 0;
  color: var(--text-secondary);
  font-size: 0.9rem;
  line-height: 1.4;
}
._featureCard_vldsd_201 ._killerFeatures_vldsd_270 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
._featureCard_vldsd_201 ._killerFeature_vldsd_270 {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1rem;
  background: var(--bg-secondary);
  border-radius: 0.5rem;
}
._featureCard_vldsd_201 ._killerFeature_vldsd_270 ._killerIcon_vldsd_283 {
  width: 2.5rem;
  height: 2.5rem;
  color: var(--warning-color);
  flex-shrink: 0;
}
._featureCard_vldsd_201 ._killerFeature_vldsd_270 strong {
  display: block;
  color: var(--text-primary);
  margin-bottom: 0.5rem;
  font-size: 1.1rem;
}
._featureCard_vldsd_201 ._killerFeature_vldsd_270 p {
  margin: 0;
  color: var(--text-secondary);
  line-height: 1.4;
}

._contracts_vldsd_301 ._deploySection_vldsd_301 {
  background: var(--bg-primary);
  border: 1px solid var(--border-color);
  border-radius: 1rem;
  padding: 2rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  ._contracts_vldsd_301 ._deploySection_vldsd_301 {
    padding: 1.5rem;
  }
}
._contracts_vldsd_301 ._deploySection_vldsd_301 h3 {
  margin: 0 0 1.5rem 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text-primary);
}
._contracts_vldsd_301 ._deployForm_vldsd_319 {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  gap: 1rem;
  margin-bottom: 1rem;
}
@media (max-width: 768px) {
  ._contracts_vldsd_301 ._deployForm_vldsd_319 {
    grid-template-columns: 1fr;
  }
}
._contracts_vldsd_301 ._select_vldsd_330,
._contracts_vldsd_301 ._input_vldsd_331 {
  padding: 0.75rem 1rem;
  border: 1px solid var(--border-color);
  border-radius: 0.5rem;
  background: var(--bg-secondary);
  color: var(--text-primary);
  font-size: 1rem;
}
._contracts_vldsd_301 ._select_vldsd_330:focus,
._contracts_vldsd_301 ._input_vldsd_331:focus {
  outline: none;
  border-color: var(--primary-color);
}
._contracts_vldsd_301 ._deployButton_vldsd_344 {
  width: 100%;
  padding: 1rem 2rem;
  background: linear-gradient(135deg, var(--primary-color), var(--primary-dark));
  color: white;
  border: none;
  border-radius: 0.75rem;
  font-weight: 700;
  font-size: 1.1rem;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(99, 102, 241, 0.3);
}
._contracts_vldsd_301 ._deployButton_vldsd_344:hover:not(:disabled) {
  background: linear-gradient(135deg, var(--primary-dark), var(--primary-color));
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(99, 102, 241, 0.4);
}
._contracts_vldsd_301 ._deployButton_vldsd_344:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}
._contracts_vldsd_301 ._securityNotice_vldsd_368 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: var(--success-light);
  border: 1px solid var(--success-color);
  border-radius: 0.5rem;
}
._contracts_vldsd_301 ._securityNotice_vldsd_368 ._noticeIcon_vldsd_377 {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--success-color);
  flex-shrink: 0;
}
._contracts_vldsd_301 ._securityNotice_vldsd_368 p {
  margin: 0;
  color: var(--success-dark);
  font-size: 0.9rem;
  line-height: 1.4;
}
._contracts_vldsd_301 ._contractsList_vldsd_389 h3 {
  margin: 0 0 1.5rem 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text-primary);
}
._contracts_vldsd_301 ._contractsGrid_vldsd_395 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 1.5rem;
}
@media (max-width: 768px) {
  ._contracts_vldsd_301 ._contractsGrid_vldsd_395 {
    grid-template-columns: 1fr;
  }
}
._contracts_vldsd_301 ._contractCard_vldsd_405 {
  background: var(--bg-primary);
  border: 1px solid var(--border-color);
  border-radius: 0.75rem;
  padding: 1.5rem;
}
._contracts_vldsd_301 ._contractCard_vldsd_405 ._contractHeader_vldsd_411 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
._contracts_vldsd_301 ._contractCard_vldsd_405 ._contractHeader_vldsd_411 ._contractAddress_vldsd_417 {
  font-family: "Monaco", "Menlo", monospace;
  background: var(--bg-secondary);
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  color: var(--primary-color);
}
._contracts_vldsd_301 ._contractCard_vldsd_405 ._contractHeader_vldsd_411 ._securityBadge_vldsd_425 {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--success-color);
}
._contracts_vldsd_301 ._contractCard_vldsd_405 ._contractDetails_vldsd_430 p {
  margin: 0.5rem 0;
  font-size: 0.9rem;
  color: var(--text-secondary);
}
._contracts_vldsd_301 ._contractCard_vldsd_405 ._contractDetails_vldsd_430 p strong {
  color: var(--text-primary);
}
._contracts_vldsd_301 ._emptyState_vldsd_438 {
  text-align: center;
  color: var(--text-secondary);
  font-style: italic;
  padding: 3rem;
}

._voting_vldsd_445 ._votingForm_vldsd_445 {
  background: var(--bg-primary);
  border: 1px solid var(--border-color);
  border-radius: 1rem;
  padding: 2rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  ._voting_vldsd_445 ._votingForm_vldsd_445 {
    padding: 1.5rem;
  }
}
._voting_vldsd_445 ._votingForm_vldsd_445 h3 {
  margin: 0 0 1.5rem 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text-primary);
}
._voting_vldsd_445 ._votingForm_vldsd_445 ._input_vldsd_331,
._voting_vldsd_445 ._votingForm_vldsd_445 ._textarea_vldsd_464 {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid var(--border-color);
  border-radius: 0.5rem;
  background: var(--bg-secondary);
  color: var(--text-primary);
  font-size: 1rem;
  margin-bottom: 1rem;
}
._voting_vldsd_445 ._votingForm_vldsd_445 ._input_vldsd_331:focus,
._voting_vldsd_445 ._votingForm_vldsd_445 ._textarea_vldsd_464:focus {
  outline: none;
  border-color: var(--primary-color);
}
._voting_vldsd_445 ._votingForm_vldsd_445 ._optionsSection_vldsd_479,
._voting_vldsd_445 ._votingForm_vldsd_445 ._durationSection_vldsd_480 {
  margin-bottom: 1rem;
}
._voting_vldsd_445 ._votingForm_vldsd_445 ._optionsSection_vldsd_479 label,
._voting_vldsd_445 ._votingForm_vldsd_445 ._durationSection_vldsd_480 label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 500;
  color: var(--text-primary);
}
._voting_vldsd_445 ._votingForm_vldsd_445 ._createButton_vldsd_490 {
  width: 100%;
  padding: 1rem;
  background: var(--primary-color);
  color: white;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
._voting_vldsd_445 ._votingForm_vldsd_445 ._createButton_vldsd_490:hover {
  background: var(--primary-dark);
}

._dex_vldsd_506 ._dexForm_vldsd_506 {
  background: var(--bg-primary);
  border: 1px solid var(--border-color);
  border-radius: 1rem;
  padding: 2rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  ._dex_vldsd_506 ._dexForm_vldsd_506 {
    padding: 1.5rem;
  }
}
._dex_vldsd_506 ._dexForm_vldsd_506 h3 {
  margin: 0 0 1.5rem 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text-primary);
}
._dex_vldsd_506 ._dexForm_vldsd_506 ._select_vldsd_330,
._dex_vldsd_506 ._dexForm_vldsd_506 ._input_vldsd_331 {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid var(--border-color);
  border-radius: 0.5rem;
  background: var(--bg-secondary);
  color: var(--text-primary);
  font-size: 1rem;
  margin-bottom: 1rem;
}
._dex_vldsd_506 ._dexForm_vldsd_506 ._select_vldsd_330:focus,
._dex_vldsd_506 ._dexForm_vldsd_506 ._input_vldsd_331:focus {
  outline: none;
  border-color: var(--primary-color);
}
._dex_vldsd_506 ._dexForm_vldsd_506 ._orderButton_vldsd_540 {
  width: 100%;
  padding: 1rem;
  background: var(--warning-color);
  color: white;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
._dex_vldsd_506 ._dexForm_vldsd_506 ._orderButton_vldsd_540:hover {
  background: var(--warning-dark);
}

._privacy_vldsd_556 ._privacyGrid_vldsd_556 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 2rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  ._privacy_vldsd_556 ._privacyGrid_vldsd_556 {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}
._privacy_vldsd_556 ._privacyCard_vldsd_568 {
  background: var(--bg-primary);
  border: 1px solid var(--border-color);
  border-radius: 1rem;
  padding: 2rem;
}
@media (max-width: 768px) {
  ._privacy_vldsd_556 ._privacyCard_vldsd_568 {
    padding: 1.5rem;
  }
}
._privacy_vldsd_556 ._privacyCard_vldsd_568 h3 {
  margin: 0 0 1rem 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text-primary);
}
._privacy_vldsd_556 ._privacyCard_vldsd_568 p {
  margin: 0 0 1.5rem 0;
  color: var(--text-secondary);
  line-height: 1.5;
}
._privacy_vldsd_556 ._privacyCard_vldsd_568 ._privacyFeatures_vldsd_590 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
._privacy_vldsd_556 ._privacyCard_vldsd_568 ._tag_vldsd_595 {
  padding: 0.5rem 0.75rem;
  background: var(--bg-secondary);
  border: 1px solid var(--border-color);
  border-radius: 0.25rem;
  font-size: 0.875rem;
  color: var(--text-primary);
}

._privacyNotice_vldsd_604 {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.5rem;
  background: var(--info-light);
  border: 1px solid var(--info-color);
  border-radius: 1rem;
}
@media (max-width: 768px) {
  ._privacyNotice_vldsd_604 {
    padding: 1rem;
  }
}
._privacyNotice_vldsd_604 ._noticeIcon_vldsd_377 {
  width: 2rem;
  height: 2rem;
  color: var(--info-color);
  flex-shrink: 0;
  margin-top: 0.25rem;
}
._privacyNotice_vldsd_604 p {
  margin: 0;
  color: var(--info-dark);
  line-height: 1.5;
}
._privacyNotice_vldsd_604 h4 {
  margin: 0 0 0.5rem 0;
  color: var(--info-dark);
  font-size: 1.1rem;
}

._governance_vldsd_636 ._governanceHeader_vldsd_636 {
  text-align: center;
  margin-bottom: 2rem;
}
._governance_vldsd_636 ._governanceHeader_vldsd_636 h3 {
  margin: 0 0 0.5rem 0;
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--text-primary);
}
._governance_vldsd_636 ._governanceHeader_vldsd_636 p {
  margin: 0;
  color: var(--text-secondary);
  font-size: 1rem;
}
._governance_vldsd_636 ._noTokensMessage_vldsd_651 {
  text-align: center;
  padding: 4rem 2rem;
  color: var(--text-secondary);
}
._governance_vldsd_636 ._noTokensMessage_vldsd_651 ._noTokensIcon_vldsd_656 {
  width: 2rem;
  height: 2rem;
  color: var(--text-secondary);
  margin-bottom: 1rem;
  opacity: 0.5;
}
._governance_vldsd_636 ._noTokensMessage_vldsd_651 h4 {
  margin: 0 0 1rem 0;
  font-size: 1.25rem;
  color: var(--text-primary);
}
._governance_vldsd_636 ._noTokensMessage_vldsd_651 p {
  margin: 0 0 2rem 0;
  font-size: 1rem;
  line-height: 1.5;
}
._governance_vldsd_636 ._noTokensMessage_vldsd_651 ._deployAdvancedButton_vldsd_673 {
  padding: 1rem 2rem;
  background: var(--primary-color);
  color: white;
  border: none;
  border-radius: 0.75rem;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
._governance_vldsd_636 ._noTokensMessage_vldsd_651 ._deployAdvancedButton_vldsd_673:hover {
  background: var(--primary-dark);
  transform: translateY(-2px);
}
._governance_vldsd_636 ._tokenControlGrid_vldsd_688 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 2rem;
}
@media (max-width: 768px) {
  ._governance_vldsd_636 ._tokenControlGrid_vldsd_688 {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}
._governance_vldsd_636 ._tokenControlCard_vldsd_699 {
  background: var(--bg-primary);
  border: 1px solid var(--border-color);
  border-radius: 1rem;
  padding: 2rem;
  transition: all 0.2s ease;
}
._governance_vldsd_636 ._tokenControlCard_vldsd_699:hover {
  border-color: var(--primary-color);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(99, 102, 241, 0.1);
}
@media (max-width: 768px) {
  ._governance_vldsd_636 ._tokenControlCard_vldsd_699 {
    padding: 1.5rem;
  }
}
._governance_vldsd_636 ._tokenHeader_vldsd_716 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
._governance_vldsd_636 ._tokenHeader_vldsd_716 ._tokenInfo_vldsd_722 h4 {
  margin: 0 0 0.5rem 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text-primary);
}
._governance_vldsd_636 ._tokenHeader_vldsd_716 ._tokenInfo_vldsd_722 ._tokenAddress_vldsd_728 {
  font-family: "Monaco", "Menlo", monospace;
  background: var(--bg-secondary);
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  color: var(--primary-color);
}
._governance_vldsd_636 ._tokenHeader_vldsd_716 ._tokenLogo_vldsd_736 {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid var(--border-color);
}
._governance_vldsd_636 ._tokenFeatures_vldsd_743 {
  margin-bottom: 1.5rem;
}
._governance_vldsd_636 ._tokenFeatures_vldsd_743 h5 {
  margin: 0 0 1rem 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-primary);
}
._governance_vldsd_636 ._tokenFeatures_vldsd_743 ._featureGrid_vldsd_189 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}
._governance_vldsd_636 ._tokenFeatures_vldsd_743 ._featureControl_vldsd_757 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem;
  background: var(--bg-secondary);
  border-radius: 0.5rem;
  border: 1px solid var(--border-color);
}
._governance_vldsd_636 ._tokenFeatures_vldsd_743 ._featureControl_vldsd_757 ._featureLabel_vldsd_766 {
  font-size: 0.875rem;
  color: var(--text-primary);
  font-weight: 500;
}
._governance_vldsd_636 ._tokenFeatures_vldsd_743 ._featureControl_vldsd_757 ._featureButton_vldsd_771 {
  padding: 0.5rem 1rem;
  background: var(--primary-color);
  color: white;
  border: none;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
._governance_vldsd_636 ._tokenFeatures_vldsd_743 ._featureControl_vldsd_757 ._featureButton_vldsd_771:hover {
  background: var(--primary-dark);
}
._governance_vldsd_636 ._governanceSection_vldsd_785 {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: var(--info-light);
  border: 1px solid var(--info-color);
  border-radius: 0.75rem;
}
._governance_vldsd_636 ._governanceSection_vldsd_785 h5 {
  margin: 0 0 1rem 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--info-dark);
}
._governance_vldsd_636 ._governanceSection_vldsd_785 ._proposalControls_vldsd_798 {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}
._governance_vldsd_636 ._governanceSection_vldsd_785 ._proposalControls_vldsd_798 ._proposalButton_vldsd_803 {
  padding: 0.75rem 1rem;
  background: var(--info-color);
  color: white;
  border: none;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
._governance_vldsd_636 ._governanceSection_vldsd_785 ._proposalControls_vldsd_798 ._proposalButton_vldsd_803:hover {
  background: var(--info-dark);
}
._governance_vldsd_636 ._tokenStats_vldsd_817 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--border-color);
}
._governance_vldsd_636 ._tokenStats_vldsd_817 ._stat_vldsd_824 {
  text-align: center;
}
._governance_vldsd_636 ._tokenStats_vldsd_817 ._stat_vldsd_824 ._statLabel_vldsd_827 {
  display: block;
  font-size: 0.875rem;
  color: var(--text-secondary);
  margin-bottom: 0.25rem;
}
._governance_vldsd_636 ._tokenStats_vldsd_817 ._stat_vldsd_824 ._statValue_vldsd_833 {
  display: block;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text-primary);
}
._governance_vldsd_636 ._governanceNotice_vldsd_839 {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.5rem;
  background: var(--success-light);
  border: 1px solid var(--success-color);
  border-radius: 1rem;
  margin-top: 2rem;
}
@media (max-width: 768px) {
  ._governance_vldsd_636 ._governanceNotice_vldsd_839 {
    padding: 1rem;
  }
}
._governance_vldsd_636 ._governanceNotice_vldsd_839 ._noticeIcon_vldsd_377 {
  width: 2rem;
  height: 2rem;
  color: var(--success-color);
  flex-shrink: 0;
  margin-top: 0.25rem;
}
._governance_vldsd_636 ._governanceNotice_vldsd_839 h4 {
  margin: 0 0 0.5rem 0;
  color: var(--success-dark);
  font-size: 1.1rem;
}
._governance_vldsd_636 ._governanceNotice_vldsd_839 p {
  margin: 0;
  color: var(--success-dark);
  line-height: 1.5;
}

._featuresGrid_vldsd_872 {
  margin-bottom: 1.5rem;
}
._featuresGrid_vldsd_872 h4 {
  margin: 0 0 1rem 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-primary);
}
._featuresGrid_vldsd_872 ._featureCheckboxes_vldsd_881 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 0.75rem;
}
@media (max-width: 768px) {
  ._featuresGrid_vldsd_872 ._featureCheckboxes_vldsd_881 {
    grid-template-columns: 1fr;
  }
}
._featuresGrid_vldsd_872 ._featureLabel_vldsd_766 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: var(--bg-secondary);
  border: 1px solid var(--border-color);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
._featuresGrid_vldsd_872 ._featureLabel_vldsd_766:hover {
  border-color: var(--primary-color);
  background: var(--primary-light);
}
._featuresGrid_vldsd_872 ._featureLabel_vldsd_766 input[type=checkbox] {
  width: 1.25rem;
  height: 1.25rem;
  accent-color: var(--primary-color);
}
._featuresGrid_vldsd_872 ._featureLabel_vldsd_766 span {
  font-size: 0.875rem;
  color: var(--text-primary);
  font-weight: 500;
}

._noContractsMessage_vldsd_917 {
  text-align: center;
  padding: 2rem;
  color: var(--text-secondary);
  background: var(--bg-secondary);
  border: 1px dashed var(--border-color);
  border-radius: 0.75rem;
}
._noContractsMessage_vldsd_917 p {
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
}

._createPairButton_vldsd_931 {
  margin-top: 1rem;
  padding: 0.5rem 1rem;
  background: var(--warning-color);
  color: white;
  border: none;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
._createPairButton_vldsd_931:hover {
  background: var(--warning-dark);
}

:root {
  --primary-color: #6366f1;
  --primary-dark: #4f46e5;
  --primary-light: #a5b4fc;
  --success-color: #10b981;
  --success-dark: #059669;
  --success-light: rgba(16, 185, 129, 0.1);
  --warning-color: #f59e0b;
  --warning-dark: #d97706;
  --warning-light: rgba(245, 158, 11, 0.1);
  --info-color: #3b82f6;
  --info-dark: #1d4ed8;
  --info-light: rgba(59, 130, 246, 0.1);
  --text-primary: #f9fafb;
  --text-secondary: #d1d5db;
  --bg-primary: rgba(31, 41, 59, 0.8);
  --bg-secondary: rgba(15, 23, 42, 0.6);
  --border-color: rgba(59, 130, 246, 0.2);
  --primary-color-rgb: 99, 102, 241;
}

._deployHeader_vldsd_968 {
  text-align: center;
  margin-bottom: 2rem;
}
._deployHeader_vldsd_968 h3 {
  font-size: 2rem;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 0.5rem;
}

._deploySubtitle_vldsd_979 {
  font-size: 1.1rem;
  color: var(--text-secondary);
  margin: 0;
}

._contractTypeGrid_vldsd_985 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  ._contractTypeGrid_vldsd_985 {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }
}

._contractTypeCard_vldsd_998 {
  background: var(--bg-secondary);
  border: 2px solid var(--border-color);
  border-radius: 1rem;
  padding: 1.5rem;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
}
._contractTypeCard_vldsd_998:hover {
  border-color: var(--primary-color);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}
._contractTypeCard_vldsd_998._selected_vldsd_1013 {
  border-color: var(--primary-color);
  background: linear-gradient(135deg, var(--primary-light), var(--bg-secondary));
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(99, 102, 241, 0.2);
}
._contractTypeCard_vldsd_998._selected_vldsd_1013 h4 {
  color: var(--primary-color);
}
._contractTypeCard_vldsd_998 h4 {
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0.75rem 0 0.5rem 0;
  transition: color 0.2s ease;
}
._contractTypeCard_vldsd_998 p {
  font-size: 0.9rem;
  color: var(--text-secondary);
  margin: 0;
  line-height: 1.4;
}

._contractTypeIcon_vldsd_1036 {
  font-size: 2.5rem;
  transition: transform 0.2s ease;
}
._contractTypeIcon_vldsd_1036._selected_vldsd_1013 {
  transform: scale(1.1);
}

._selectedIndicator_vldsd_1044 {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  background: var(--primary-color);
  color: white;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.25rem 0.5rem;
  border-radius: 0.5rem;
}

._formSection_vldsd_1056 {
  background: var(--bg-secondary);
  border: 1px solid var(--border-color);
  border-radius: 1rem;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
}

._sectionTitle_vldsd_1064 {
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0 0 1.5rem 0;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--border-color);
}

._formRow_vldsd_1073 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1rem;
  margin-bottom: 1rem;
}
._formRow_vldsd_1073:last-child {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  ._formRow_vldsd_1073 {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }
}

._inputGroup_vldsd_1089 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._inputLabel_vldsd_1095 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--text-primary);
}

._tooltip_vldsd_1104 {
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: help;
}
._tooltip_vldsd_1104:hover ._tooltipText_vldsd_1110 {
  opacity: 1;
  visibility: visible;
  transform: translateY(-5px);
}

._tooltipIcon_vldsd_1116 {
  width: 1rem;
  height: 1rem;
  color: var(--primary-color);
  opacity: 0.7;
  transition: opacity 0.2s ease;
  flex-shrink: 0;
}
._tooltipIcon_vldsd_1116:hover {
  opacity: 1;
}

._tooltipText_vldsd_1110 {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(-10px);
  background: #1f2937;
  color: #f9fafb;
  padding: 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.4;
  width: 280px;
  text-align: left;
  border: 1px solid #374151;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
  z-index: 1000;
}
@media (max-width: 1200px) {
  ._tooltipText_vldsd_1110 {
    left: 0;
    transform: translateY(-10px);
    width: 260px;
  }
}
@media (max-width: 768px) {
  ._tooltipText_vldsd_1110 {
    width: 240px;
    font-size: 0.8rem;
    padding: 0.5rem;
  }
}
._tooltipText_vldsd_1110::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #1f2937;
}
@media (max-width: 1200px) {
  ._tooltipText_vldsd_1110::after {
    left: 1rem;
    transform: none;
  }
}

._featureLabelWithTooltip_vldsd_1178 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.95rem;
  color: var(--text-primary);
  cursor: pointer;
  padding: 0.5rem;
  border-radius: 0.375rem;
  transition: background-color 0.2s ease;
}
._featureLabelWithTooltip_vldsd_1178:hover {
  background-color: rgba(var(--primary-color-rgb), 0.05);
}
._featureLabelWithTooltip_vldsd_1178 input[type=checkbox] {
  margin-right: 0.5rem;
}
._featureLabelWithTooltip_vldsd_1178 span {
  flex: 1;
}
._featureLabelWithTooltip_vldsd_1178 ._tooltip_vldsd_1104 {
  margin-left: auto;
}

._dexMainContainer_vldsd_1202 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  margin-bottom: 2rem;
}
@media (min-width: 1200px) {
  ._dexMainContainer_vldsd_1202 {
    grid-template-columns: 1fr 1fr;
  }
}

._tokenInputContainer_vldsd_1214 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  border: 1px solid var(--border-color);
  border-radius: 0.5rem;
  background: var(--bg-primary);
}
._tokenInputContainer_vldsd_1214:focus-within {
  border-color: var(--primary-color);
}

._tokenAmountInput_vldsd_1227 {
  flex: 1;
  border: none;
  background: transparent;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text-primary);
}
._tokenAmountInput_vldsd_1227:focus {
  outline: none;
}
._tokenAmountInput_vldsd_1227::-moz-placeholder {
  color: var(--text-secondary);
  opacity: 0.7;
}
._tokenAmountInput_vldsd_1227::placeholder {
  color: var(--text-secondary);
  opacity: 0.7;
}

._tokenSelect_vldsd_1243 {
  min-width: 120px;
  padding: 0.5rem;
  border: 1px solid var(--border-color);
  border-radius: 0.375rem;
  background: var(--bg-secondary);
  color: var(--text-primary);
  font-weight: 600;
}
._tokenSelect_vldsd_1243:focus {
  outline: none;
  border-color: var(--primary-color);
}

._tokenSelectReadonly_vldsd_1257 {
  min-width: 120px;
  padding: 0.5rem;
  border: 1px solid var(--border-color);
  border-radius: 0.375rem;
  background: var(--bg-secondary);
  color: var(--text-primary);
  font-weight: 600;
  text-align: center;
  opacity: 0.7;
}

._balanceInfo_vldsd_1269 {
  font-size: 0.875rem;
  color: var(--text-secondary);
  margin-top: 0.5rem;
  text-align: right;
}

._exchangeRate_vldsd_1276 {
  font-size: 0.875rem;
  color: var(--text-secondary);
  margin-top: 0.5rem;
  text-align: right;
}

._swapDirectionContainer_vldsd_1283 {
  display: flex;
  justify-content: center;
  align-items: center;
}

._swapDirectionButton_vldsd_1289 {
  width: 2rem;
  height: 2rem;
  border: 2px solid var(--primary-color);
  border-radius: 50%;
  background: var(--bg-primary);
  color: var(--primary-color);
  font-size: 1.5rem;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.2s ease;
}
._swapDirectionButton_vldsd_1289:hover {
  background: var(--primary-color);
  color: white;
  transform: rotate(180deg);
}

._slippageContainer_vldsd_1307 {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  flex-wrap: wrap;
}

._slippageButton_vldsd_1314 {
  padding: 0.5rem 1rem;
  border: 1px solid var(--border-color);
  border-radius: 0.375rem;
  background: var(--bg-secondary);
  color: var(--text-primary);
  font-size: 0.875rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
._slippageButton_vldsd_1314:hover {
  border-color: var(--primary-color);
  background: var(--primary-light);
}
._slippageButton_vldsd_1314._active_vldsd_169 {
  border-color: var(--primary-color);
  background: var(--primary-color);
  color: white;
}

._slippageInput_vldsd_1334 {
  width: 80px;
  padding: 0.5rem;
  border: 1px solid var(--border-color);
  border-radius: 0.375rem;
  background: var(--bg-secondary);
  color: var(--text-primary);
  font-size: 0.875rem;
}
._slippageInput_vldsd_1334:focus {
  outline: none;
  border-color: var(--primary-color);
}

._linkButton_vldsd_1348 {
  background: none;
  border: none;
  color: var(--primary-color);
  text-decoration: underline;
  cursor: pointer;
  font-size: inherit;
}
._linkButton_vldsd_1348:hover {
  color: var(--primary-dark);
}

._dexStats_vldsd_1360 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 1rem;
}
._dexStats_vldsd_1360 ._statCard_vldsd_1365 {
  text-align: center;
  padding: 1rem;
  background: var(--bg-primary);
  border: 1px solid var(--border-color);
  border-radius: 0.75rem;
}
._dexStats_vldsd_1360 ._statCard_vldsd_1365 ._statValue_vldsd_833 {
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--primary-color);
  margin-bottom: 0.25rem;
}
._dexStats_vldsd_1360 ._statCard_vldsd_1365 ._statLabel_vldsd_827 {
  font-size: 0.875rem;
  color: var(--text-secondary);
}

._ai_vldsd_1384 ._aiStatusBadge_vldsd_1384 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 1rem;
  padding: 0.75rem 1rem;
  background: var(--bg-secondary);
  border-radius: 0.75rem;
  border: 1px solid var(--border-color);
}
._ai_vldsd_1384 ._aiStatusBadge_vldsd_1384 ._statusIndicator_vldsd_1394 {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
}
._ai_vldsd_1384 ._aiStatusBadge_vldsd_1384 ._statusIndicator_vldsd_1394._online_vldsd_1399 {
  background: #10b981;
  box-shadow: 0 0 8px rgba(16, 185, 129, 0.4);
}
._ai_vldsd_1384 ._aiStatusBadge_vldsd_1384 ._statusIndicator_vldsd_1394._offline_vldsd_1403 {
  background: #ef4444;
  box-shadow: 0 0 8px rgba(239, 68, 68, 0.4);
}
._ai_vldsd_1384 ._aiStatusBadge_vldsd_1384 ._statusIndicator_vldsd_1394._connecting_vldsd_1407 {
  background: #f59e0b;
  box-shadow: 0 0 8px rgba(245, 158, 11, 0.4);
  animation: _pulse_vldsd_1 2s infinite;
}
._ai_vldsd_1384 ._aiFeatures_vldsd_1412 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5rem;
  margin-bottom: 2rem;
}
._ai_vldsd_1384 ._aiFeatures_vldsd_1412 ._featureCard_vldsd_201 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 2rem;
  background: var(--bg-secondary);
  border-radius: 1rem;
  border: 2px solid var(--border-color);
  transition: all 0.3s ease;
}
._ai_vldsd_1384 ._aiFeatures_vldsd_1412 ._featureCard_vldsd_201:hover {
  border-color: var(--primary-color);
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
._ai_vldsd_1384 ._aiFeatures_vldsd_1412 ._featureCard_vldsd_201 ._featureIcon_vldsd_252 {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--primary-color);
  margin-bottom: 1rem;
}
._ai_vldsd_1384 ._aiFeatures_vldsd_1412 ._featureCard_vldsd_201 h4 {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 0.5rem;
}
._ai_vldsd_1384 ._aiFeatures_vldsd_1412 ._featureCard_vldsd_201 p {
  color: var(--text-secondary);
  line-height: 1.5;
}
._ai_vldsd_1384 ._searchContainer_vldsd_1450 {
  position: relative;
  margin-bottom: 1.5rem;
}
._ai_vldsd_1384 ._searchContainer_vldsd_1450 ._searchIcon_vldsd_1454 {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.25rem;
  height: 1.25rem;
  color: var(--text-secondary);
}
._ai_vldsd_1384 ._searchContainer_vldsd_1450 ._searchInput_vldsd_1463 {
  width: 100%;
  padding: 0.75rem 1rem 0.75rem 3rem;
  border: 2px solid var(--border-color);
  border-radius: 0.75rem;
  background: var(--bg-secondary);
  color: var(--text-primary);
  font-size: 1rem;
  transition: border-color 0.3s ease;
}
._ai_vldsd_1384 ._searchContainer_vldsd_1450 ._searchInput_vldsd_1463:focus {
  outline: none;
  border-color: var(--primary-color);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
._ai_vldsd_1384 ._searchContainer_vldsd_1450 ._searchInput_vldsd_1463::-moz-placeholder {
  color: var(--text-secondary);
}
._ai_vldsd_1384 ._searchContainer_vldsd_1450 ._searchInput_vldsd_1463::placeholder {
  color: var(--text-secondary);
}
._ai_vldsd_1384 ._modelGrid_vldsd_1481 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-bottom: 2rem;
}
._ai_vldsd_1384 ._modelGrid_vldsd_1481 ._modelCard_vldsd_1487 {
  padding: 1.5rem;
  background: var(--bg-secondary);
  border: 2px solid var(--border-color);
  border-radius: 1rem;
  cursor: pointer;
  transition: all 0.3s ease;
}
._ai_vldsd_1384 ._modelGrid_vldsd_1481 ._modelCard_vldsd_1487:hover {
  border-color: var(--primary-color);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}
._ai_vldsd_1384 ._modelGrid_vldsd_1481 ._modelCard_vldsd_1487._selectedModel_vldsd_1500 {
  border-color: var(--primary-color);
  background: rgba(59, 130, 246, 0.05);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
._ai_vldsd_1384 ._modelGrid_vldsd_1481 ._modelCard_vldsd_1487 ._modelHeader_vldsd_1505 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
}
._ai_vldsd_1384 ._modelGrid_vldsd_1481 ._modelCard_vldsd_1487 ._modelHeader_vldsd_1505 h4 {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0;
}
._ai_vldsd_1384 ._modelGrid_vldsd_1481 ._modelCard_vldsd_1487 ._modelDescription_vldsd_1517 {
  color: var(--text-secondary);
  line-height: 1.5;
  margin-bottom: 1rem;
}
._ai_vldsd_1384 ._modelGrid_vldsd_1481 ._modelCard_vldsd_1487 ._modelFeatures_vldsd_1522 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
._ai_vldsd_1384 ._statusBadge_vldsd_1527 {
  padding: 0.25rem 0.75rem;
  border-radius: 1rem;
  font-size: 0.875rem;
  font-weight: 500;
}
._ai_vldsd_1384 ._statusBadge_vldsd_1527._online_vldsd_1399 {
  background: rgba(16, 185, 129, 0.1);
  color: #10b981;
  border: 1px solid rgba(16, 185, 129, 0.2);
}
._ai_vldsd_1384 ._statusBadge_vldsd_1527._offline_vldsd_1403 {
  background: rgba(239, 68, 68, 0.1);
  color: #ef4444;
  border: 1px solid rgba(239, 68, 68, 0.2);
}
._ai_vldsd_1384 ._promptContainer_vldsd_1543 {
  background: var(--bg-secondary);
  border: 2px solid var(--border-color);
  border-radius: 1rem;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
}
._ai_vldsd_1384 ._promptContainer_vldsd_1543 ._promptInput_vldsd_1550 {
  width: 100%;
  min-height: 120px;
  padding: 1rem;
  border: 2px solid var(--border-color);
  border-radius: 0.75rem;
  background: var(--bg-primary);
  color: var(--text-primary);
  font-size: 1rem;
  line-height: 1.5;
  resize: vertical;
  transition: border-color 0.3s ease;
}
._ai_vldsd_1384 ._promptContainer_vldsd_1543 ._promptInput_vldsd_1550:focus {
  outline: none;
  border-color: var(--primary-color);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
._ai_vldsd_1384 ._promptContainer_vldsd_1543 ._promptInput_vldsd_1550::-moz-placeholder {
  color: var(--text-secondary);
}
._ai_vldsd_1384 ._promptContainer_vldsd_1543 ._promptInput_vldsd_1550::placeholder {
  color: var(--text-secondary);
}
._ai_vldsd_1384 ._promptContainer_vldsd_1543 ._promptInput_vldsd_1550:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._ai_vldsd_1384 ._promptContainer_vldsd_1543 ._promptActions_vldsd_1575 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  flex-wrap: wrap;
  gap: 1rem;
}
._ai_vldsd_1384 ._promptContainer_vldsd_1543 ._promptActions_vldsd_1575 ._promptInfo_vldsd_1583 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.875rem;
  color: var(--text-secondary);
}
._ai_vldsd_1384 ._promptContainer_vldsd_1543 ._promptActions_vldsd_1575 ._promptInfo_vldsd_1583 strong {
  color: var(--text-primary);
}
._ai_vldsd_1384 ._promptContainer_vldsd_1543 ._promptActions_vldsd_1575 ._sendButton_vldsd_1593 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  background: var(--primary-color);
  color: white;
  border: none;
  border-radius: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
._ai_vldsd_1384 ._promptContainer_vldsd_1543 ._promptActions_vldsd_1575 ._sendButton_vldsd_1593:hover:not(:disabled) {
  background: #2563eb;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}
._ai_vldsd_1384 ._promptContainer_vldsd_1543 ._promptActions_vldsd_1575 ._sendButton_vldsd_1593:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}
._ai_vldsd_1384 ._promptContainer_vldsd_1543 ._promptActions_vldsd_1575 ._sendButton_vldsd_1593 ._buttonIcon_vldsd_1616 {
  width: 1.25rem;
  height: 1.25rem;
}
._ai_vldsd_1384 ._responseContainer_vldsd_1620 {
  background: var(--bg-secondary);
  border: 2px solid var(--border-color);
  border-radius: 1rem;
  overflow: hidden;
  margin-bottom: 1.5rem;
}
._ai_vldsd_1384 ._responseContainer_vldsd_1620 ._responseHeader_vldsd_1627 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.5rem;
  background: rgba(59, 130, 246, 0.1);
  border-bottom: 1px solid var(--border-color);
  font-weight: 600;
  color: var(--text-primary);
}
._ai_vldsd_1384 ._responseContainer_vldsd_1620 ._responseHeader_vldsd_1627 ._responseIcon_vldsd_1637 {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--primary-color);
}
._ai_vldsd_1384 ._responseContainer_vldsd_1620 ._responseHeader_vldsd_1627 ._loadingDots_vldsd_1642 {
  margin-left: auto;
  color: var(--primary-color);
  animation: _pulse_vldsd_1 1.5s infinite;
}
._ai_vldsd_1384 ._responseContainer_vldsd_1620 ._responseContent_vldsd_1647 {
  padding: 1.5rem;
}
._ai_vldsd_1384 ._responseContainer_vldsd_1620 ._responseContent_vldsd_1647 ._loadingResponse_vldsd_1650 ._loadingLine_vldsd_1650 {
  height: 1rem;
  background: linear-gradient(90deg, var(--border-color) 25%, rgba(255, 255, 255, 0.1) 50%, var(--border-color) 75%);
  background-size: 200% 100%;
  animation: _shimmer_vldsd_1 2s infinite;
  border-radius: 0.25rem;
  margin-bottom: 0.75rem;
}
._ai_vldsd_1384 ._responseContainer_vldsd_1620 ._responseContent_vldsd_1647 ._loadingResponse_vldsd_1650 ._loadingLine_vldsd_1650:last-of-type {
  width: 60%;
}
._ai_vldsd_1384 ._responseContainer_vldsd_1620 ._responseContent_vldsd_1647 ._loadingResponse_vldsd_1650 p {
  text-align: center;
  color: var(--text-secondary);
  font-style: italic;
  margin-top: 1rem;
}
._ai_vldsd_1384 ._responseContainer_vldsd_1620 ._responseContent_vldsd_1647 ._aiResponseText_vldsd_1667 p {
  margin-bottom: 1rem;
  line-height: 1.6;
  color: var(--text-primary);
}
._ai_vldsd_1384 ._responseContainer_vldsd_1620 ._responseContent_vldsd_1647 ._aiResponseText_vldsd_1667 p:last-child {
  margin-bottom: 0;
}
._ai_vldsd_1384 ._responseContainer_vldsd_1620 ._responseContent_vldsd_1647 ._aiResponseText_vldsd_1667 p:empty {
  display: none;
}
._ai_vldsd_1384 ._networkInfo_vldsd_1678 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
}
._ai_vldsd_1384 ._networkInfo_vldsd_1678 ._infoCard_vldsd_1683 {
  padding: 1.5rem;
  background: var(--bg-secondary);
  border: 2px solid var(--border-color);
  border-radius: 1rem;
}
._ai_vldsd_1384 ._networkInfo_vldsd_1678 ._infoCard_vldsd_1683 h4 {
  color: var(--text-primary);
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
._ai_vldsd_1384 ._networkInfo_vldsd_1678 ._infoCard_vldsd_1683 ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
._ai_vldsd_1384 ._networkInfo_vldsd_1678 ._infoCard_vldsd_1683 ul li {
  color: var(--text-secondary);
  line-height: 1.5;
  margin-bottom: 0.5rem;
  padding-left: 1.5rem;
  position: relative;
}
._ai_vldsd_1384 ._networkInfo_vldsd_1678 ._infoCard_vldsd_1683 ul li:before {
  content: "→";
  position: absolute;
  left: 0;
  color: var(--primary-color);
  font-weight: bold;
}
._ai_vldsd_1384 ._networkInfo_vldsd_1678 ._infoCard_vldsd_1683 ul li:last-child {
  margin-bottom: 0;
}

@keyframes _shimmer_vldsd_1 {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
@keyframes _pulse_vldsd_1 {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
._vmContainer_vldsd_2 {
  background: linear-gradient(135deg, #0a0a0b 0%, #1a1a1a 100%);
  color: var(--text-primary);
  min-height: 100vh;
}
._vmContainer_vldsd_2 * {
  border-color: var(--border-color) !important;
}
._vmContainer_vldsd_2 ._featureCard_vldsd_201,
._vmContainer_vldsd_2 ._contractCard_vldsd_405,
._vmContainer_vldsd_2 ._privacyCard_vldsd_568,
._vmContainer_vldsd_2 ._tokenControlCard_vldsd_699,
._vmContainer_vldsd_2 ._contractTypeCard_vldsd_998 {
  background: var(--bg-primary) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}
._vmContainer_vldsd_2 ._featureCard_vldsd_201:hover,
._vmContainer_vldsd_2 ._contractCard_vldsd_405:hover,
._vmContainer_vldsd_2 ._privacyCard_vldsd_568:hover,
._vmContainer_vldsd_2 ._tokenControlCard_vldsd_699:hover,
._vmContainer_vldsd_2 ._contractTypeCard_vldsd_998:hover {
  box-shadow: 0 8px 25px rgba(99, 102, 241, 0.3) !important;
  transform: translateY(-2px);
}
._vmContainer_vldsd_2 ._input_vldsd_331,
._vmContainer_vldsd_2 ._select_vldsd_330,
._vmContainer_vldsd_2 ._textarea_vldsd_464,
._vmContainer_vldsd_2 ._searchInput_vldsd_1463,
._vmContainer_vldsd_2 ._promptInput_vldsd_1550,
._vmContainer_vldsd_2 ._tokenAmountInput_vldsd_1227,
._vmContainer_vldsd_2 ._tokenSelect_vldsd_1243,
._vmContainer_vldsd_2 ._slippageInput_vldsd_1334 {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-primary) !important;
}
._vmContainer_vldsd_2 ._input_vldsd_331::-moz-placeholder, ._vmContainer_vldsd_2 ._select_vldsd_330::-moz-placeholder, ._vmContainer_vldsd_2 ._textarea_vldsd_464::-moz-placeholder, ._vmContainer_vldsd_2 ._searchInput_vldsd_1463::-moz-placeholder, ._vmContainer_vldsd_2 ._promptInput_vldsd_1550::-moz-placeholder, ._vmContainer_vldsd_2 ._tokenAmountInput_vldsd_1227::-moz-placeholder, ._vmContainer_vldsd_2 ._tokenSelect_vldsd_1243::-moz-placeholder, ._vmContainer_vldsd_2 ._slippageInput_vldsd_1334::-moz-placeholder {
  color: var(--text-secondary) !important;
}
._vmContainer_vldsd_2 ._input_vldsd_331::placeholder,
._vmContainer_vldsd_2 ._select_vldsd_330::placeholder,
._vmContainer_vldsd_2 ._textarea_vldsd_464::placeholder,
._vmContainer_vldsd_2 ._searchInput_vldsd_1463::placeholder,
._vmContainer_vldsd_2 ._promptInput_vldsd_1550::placeholder,
._vmContainer_vldsd_2 ._tokenAmountInput_vldsd_1227::placeholder,
._vmContainer_vldsd_2 ._tokenSelect_vldsd_1243::placeholder,
._vmContainer_vldsd_2 ._slippageInput_vldsd_1334::placeholder {
  color: var(--text-secondary) !important;
}
._vmContainer_vldsd_2 ._input_vldsd_331:focus,
._vmContainer_vldsd_2 ._select_vldsd_330:focus,
._vmContainer_vldsd_2 ._textarea_vldsd_464:focus,
._vmContainer_vldsd_2 ._searchInput_vldsd_1463:focus,
._vmContainer_vldsd_2 ._promptInput_vldsd_1550:focus,
._vmContainer_vldsd_2 ._tokenAmountInput_vldsd_1227:focus,
._vmContainer_vldsd_2 ._tokenSelect_vldsd_1243:focus,
._vmContainer_vldsd_2 ._slippageInput_vldsd_1334:focus {
  border-color: var(--primary-color) !important;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1) !important;
}
._vmContainer_vldsd_2 ._deployButton_vldsd_344,
._vmContainer_vldsd_2 ._createButton_vldsd_490,
._vmContainer_vldsd_2 ._orderButton_vldsd_540,
._vmContainer_vldsd_2 ._sendButton_vldsd_1593,
._vmContainer_vldsd_2 ._featureButton_vldsd_771,
._vmContainer_vldsd_2 ._proposalButton_vldsd_803 {
  background: linear-gradient(135deg, var(--primary-color), var(--primary-dark)) !important;
  color: white !important;
  border: none !important;
  box-shadow: 0 4px 15px rgba(99, 102, 241, 0.3) !important;
}
._vmContainer_vldsd_2 ._deployButton_vldsd_344:hover:not(:disabled),
._vmContainer_vldsd_2 ._createButton_vldsd_490:hover:not(:disabled),
._vmContainer_vldsd_2 ._orderButton_vldsd_540:hover:not(:disabled),
._vmContainer_vldsd_2 ._sendButton_vldsd_1593:hover:not(:disabled),
._vmContainer_vldsd_2 ._featureButton_vldsd_771:hover:not(:disabled),
._vmContainer_vldsd_2 ._proposalButton_vldsd_803:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(99, 102, 241, 0.4) !important;
}
._vmContainer_vldsd_2 ._tab_vldsd_131 {
  color: var(--text-secondary) !important;
}
._vmContainer_vldsd_2 ._tab_vldsd_131:hover {
  color: var(--primary-color) !important;
  background: var(--bg-secondary) !important;
}
._vmContainer_vldsd_2 ._tab_vldsd_131._active_vldsd_169 {
  color: var(--primary-color) !important;
  background: var(--bg-secondary) !important;
}
._vmContainer_vldsd_2 ._deploySection_vldsd_301,
._vmContainer_vldsd_2 ._votingForm_vldsd_445,
._vmContainer_vldsd_2 ._dexForm_vldsd_506,
._vmContainer_vldsd_2 ._formSection_vldsd_1056,
._vmContainer_vldsd_2 ._promptContainer_vldsd_1543,
._vmContainer_vldsd_2 ._responseContainer_vldsd_1620 {
  background: var(--bg-primary) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}
._vmContainer_vldsd_2 ._securityNotice_vldsd_368 {
  background: var(--success-light) !important;
  border: 1px solid var(--success-color) !important;
  color: var(--success-color) !important;
}
._vmContainer_vldsd_2 ._securityNotice_vldsd_368 p {
  color: var(--success-color) !important;
}
._vmContainer_vldsd_2 ._privacyNotice_vldsd_604,
._vmContainer_vldsd_2 ._governanceNotice_vldsd_839 {
  background: var(--info-light) !important;
  border: 1px solid var(--info-color) !important;
}
._vmContainer_vldsd_2 ._privacyNotice_vldsd_604 h4, ._vmContainer_vldsd_2 ._privacyNotice_vldsd_604 p,
._vmContainer_vldsd_2 ._governanceNotice_vldsd_839 h4,
._vmContainer_vldsd_2 ._governanceNotice_vldsd_839 p {
  color: var(--info-color) !important;
}
._vmContainer_vldsd_2 ._tooltipText_vldsd_1110 {
  background: #1f2937 !important;
  color: #f9fafb !important;
  border: 1px solid #374151 !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5) !important;
}
._vmContainer_vldsd_2 ._tooltipText_vldsd_1110::after {
  border-top-color: #1f2937 !important;
}
._vmContainer_vldsd_2 ._contractAddress_vldsd_417,
._vmContainer_vldsd_2 ._tokenAddress_vldsd_728 {
  background: var(--bg-secondary) !important;
  color: var(--primary-color) !important;
}
._vmContainer_vldsd_2 ._modelCard_vldsd_1487 {
  background: var(--bg-secondary) !important;
  border: 2px solid var(--border-color) !important;
}
._vmContainer_vldsd_2 ._modelCard_vldsd_1487._selectedModel_vldsd_1500 {
  background: rgba(99, 102, 241, 0.1) !important;
  border-color: var(--primary-color) !important;
}

._authPrompt_vldsd_1874 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 50vh;
  padding: 2rem;
}

._authContent_vldsd_1882 {
  text-align: center;
  background: var(--bg-secondary);
  border: 2px solid var(--border-color);
  border-radius: 1rem;
  padding: 3rem;
  max-width: 500px;
  width: 100%;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}
._authContent_vldsd_1882 h2 {
  color: var(--text-primary);
  font-size: 1.8rem;
  margin-bottom: 1rem;
  font-weight: 600;
}
._authContent_vldsd_1882 p {
  color: var(--text-secondary);
  font-size: 1.1rem;
  margin-bottom: 2rem;
  line-height: 1.6;
}

._authIcon_vldsd_1905 {
  width: 2rem;
  height: 2rem;
  color: var(--primary-color);
  margin: 0 auto 1.5rem;
  display: block;
}

._loginButton_vldsd_1913 {
  background: linear-gradient(135deg, var(--primary-color) 0%, #8b5cf6 100%);
  color: white;
  border: none;
  padding: 0.8rem 2rem;
  border-radius: 0.5rem;
  font-size: 1.1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
  display: inline-block;
}
._loginButton_vldsd_1913:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(99, 102, 241, 0.4);
}
._loginButton_vldsd_1913:active {
  transform: translateY(0);
}

/* Modal Styles */
._modalOverlay_vldsd_1935 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
}

._modalContent_vldsd_1950 {
  background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);
  border-radius: 1rem;
  max-width: 800px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
  border: 1px solid #333;
}

._modalHeader_vldsd_1961 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 2rem;
  border-bottom: 1px solid #333;
}
._modalHeader_vldsd_1961 h3 {
  margin: 0;
  color: var(--text-primary);
  font-size: 1.5rem;
}

._closeButton_vldsd_1974 {
  background: none;
  border: none;
  color: var(--text-secondary);
  font-size: 1.5rem;
  cursor: pointer;
  padding: 0.5rem;
  border-radius: 0.5rem;
  transition: all 0.2s ease;
}
._closeButton_vldsd_1974:hover {
  background: rgba(255, 255, 255, 0.1);
  color: var(--text-primary);
}

/* Trading Pair Control Panel Styles */
._controlPanelContent_vldsd_1990 {
  padding: 2rem;
}

._pairOverview_vldsd_1994 {
  margin-bottom: 2rem;
}
._pairOverview_vldsd_1994 h4 {
  color: var(--text-primary);
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._overviewGrid_vldsd_2005 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
  margin-bottom: 1.5rem;
}

._overviewItem_vldsd_2012 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 0.5rem;
  border: 1px solid #333;
}
._overviewItem_vldsd_2012 span:first-child {
  color: var(--text-secondary);
  font-weight: 500;
}
._overviewItem_vldsd_2012 span:last-child {
  color: var(--text-primary);
  font-weight: 600;
}

._liquidityActions_vldsd_2030 {
  margin-bottom: 2rem;
}
._liquidityActions_vldsd_2030 h4 {
  color: var(--text-primary);
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._actionButtons_vldsd_2041 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}

._actionButton_vldsd_2041 {
  background: linear-gradient(135deg, var(--primary-color) 0%, #4f46e5 100%);
  color: white;
  border: none;
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
._actionButton_vldsd_2041:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(99, 102, 241, 0.4);
}

._pairSettings_vldsd_2063 h4 {
  color: var(--text-primary);
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._settingsGrid_vldsd_2071 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1rem;
  margin-bottom: 1.5rem;
}

._settingItem_vldsd_2078 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
._settingItem_vldsd_2078 label {
  color: var(--text-secondary);
  font-weight: 500;
}
._settingItem_vldsd_2078 select {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid #333;
  border-radius: 0.5rem;
  padding: 0.75rem;
  color: var(--text-primary);
  font-size: 1rem;
}
._settingItem_vldsd_2078 select option {
  background: #1a1a1a;
  color: var(--text-primary);
}

._updateButton_vldsd_2100 {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  color: white;
  border: none;
  padding: 1rem 2rem;
  border-radius: 0.5rem;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
._updateButton_vldsd_2100:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(16, 185, 129, 0.4);
}

/* Governance Proposals Styles */
._proposalsContent_vldsd_2117 {
  padding: 2rem;
}

._proposalsHeader_vldsd_2121 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}
._proposalsHeader_vldsd_2121 h4 {
  color: var(--text-primary);
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._createProposalButton_vldsd_2135 {
  background: linear-gradient(135deg, var(--primary-color) 0%, #4f46e5 100%);
  color: white;
  border: none;
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
._createProposalButton_vldsd_2135:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(99, 102, 241, 0.4);
}

._proposalsList_vldsd_2151 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 2rem;
}

._proposalCard_vldsd_2158 {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid #333;
  border-radius: 0.75rem;
  padding: 1.5rem;
  transition: all 0.3s ease;
}
._proposalCard_vldsd_2158:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: #444;
}

._proposalHeader_vldsd_2170 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
._proposalHeader_vldsd_2170 h5 {
  margin: 0;
  color: var(--text-primary);
  font-size: 1.1rem;
}

._proposalStatus_vldsd_2182 {
  padding: 0.25rem 0.75rem;
  border-radius: 1rem;
  font-size: 0.8rem;
  font-weight: 600;
}
._proposalStatus_vldsd_2182:contains("🟢") {
  background: rgba(16, 185, 129, 0.2);
  color: #10b981;
}
._proposalStatus_vldsd_2182:contains("🟡") {
  background: rgba(245, 158, 11, 0.2);
  color: #f59e0b;
}
._proposalStatus_vldsd_2182:contains("🔴") {
  background: rgba(239, 68, 68, 0.2);
  color: #ef4444;
}

._proposalDescription_vldsd_2201 {
  color: var(--text-secondary);
  margin-bottom: 1rem;
  line-height: 1.5;
}

._proposalVoting_vldsd_2207 {
  margin-bottom: 1rem;
}

._voteResults_vldsd_2211 {
  display: flex;
  gap: 1rem;
  margin-bottom: 1rem;
}
._voteResults_vldsd_2211 span {
  color: var(--text-secondary);
  font-size: 0.9rem;
}

._voteActions_vldsd_2221 {
  display: flex;
  gap: 1rem;
}

._voteButton_vldsd_2226 {
  background: linear-gradient(135deg, var(--primary-color) 0%, #4f46e5 100%);
  color: white;
  border: none;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
._voteButton_vldsd_2226:hover {
  transform: translateY(-1px);
  box-shadow: 0 3px 10px rgba(99, 102, 241, 0.4);
}
._voteButton_vldsd_2226:nth-child(2) {
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
}
._voteButton_vldsd_2226:nth-child(2):hover {
  box-shadow: 0 3px 10px rgba(239, 68, 68, 0.4);
}

._proposalFooter_vldsd_2248 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--text-secondary);
  font-size: 0.8rem;
  padding-top: 1rem;
  border-top: 1px solid #333;
}

._governanceStats_vldsd_2258 h4 {
  color: var(--text-primary);
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._statsGrid_vldsd_2266 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}

._statItem_vldsd_2272 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 0.5rem;
  border: 1px solid #333;
}
._statItem_vldsd_2272 span:first-child {
  color: var(--text-secondary);
  font-weight: 500;
}
._statItem_vldsd_2272 span:last-child {
  color: var(--text-primary);
  font-weight: 600;
}

/* Trading pair management buttons */
._manageButton_vldsd_2291 {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  color: white;
  border: none;
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
._manageButton_vldsd_2291:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(245, 158, 11, 0.4);
}

._viewOnlyButton_vldsd_2307 {
  background: linear-gradient(135deg, #6b7280 0%, #4b5563 100%);
  color: white;
  border: none;
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
._viewOnlyButton_vldsd_2307:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(107, 114, 128, 0.4);
}

/* DEX Overview Redesign */
._dexOverview_vldsd_2324 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
._dexOverview_vldsd_2324 h3 {
  color: var(--text-primary);
  font-size: 1.5rem;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._noPairsMessage_vldsd_2338 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 2rem;
  text-align: center;
  background: rgba(255, 255, 255, 0.02);
  border: 2px dashed var(--border-color);
  border-radius: 1rem;
  margin: 2rem 0;
}
._noPairsMessage_vldsd_2338 ._noPairsIcon_vldsd_2350 {
  width: 3rem;
  height: 3rem;
  color: var(--text-secondary);
  margin-bottom: 1rem;
  opacity: 0.6;
}
._noPairsMessage_vldsd_2338 h4 {
  color: var(--text-primary);
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
}
._noPairsMessage_vldsd_2338 p {
  color: var(--text-secondary);
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 1.5rem;
  max-width: 400px;
}
._noPairsMessage_vldsd_2338 ._createPairButton_vldsd_931 {
  background: linear-gradient(135deg, var(--primary-color) 0%, #4f46e5 100%);
  color: white;
  border: none;
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
._noPairsMessage_vldsd_2338 ._createPairButton_vldsd_931:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(99, 102, 241, 0.4);
}

._tradingPairsList_vldsd_2386 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 2rem;
}
._tradingPairsList_vldsd_2386 ._pairsHeader_vldsd_2392 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
._tradingPairsList_vldsd_2386 ._pairsHeader_vldsd_2392 h4 {
  color: var(--text-primary);
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._tradingPairsList_vldsd_2386 ._pairsHeader_vldsd_2392 ._pairsCount_vldsd_2407 {
  background: var(--primary-color);
  color: white;
  padding: 0.25rem 0.75rem;
  border-radius: 1rem;
  font-size: 0.875rem;
  font-weight: 600;
}
._tradingPairsList_vldsd_2386 ._pairsGrid_vldsd_2415 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: 1.5rem;
}
@media (max-width: 768px) {
  ._tradingPairsList_vldsd_2386 ._pairsGrid_vldsd_2415 {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}
._tradingPairsList_vldsd_2386 ._pairCard_vldsd_2426 {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.02) 100%);
  border: 1px solid var(--border-color);
  border-radius: 1rem;
  padding: 1.5rem;
  transition: all 0.3s ease;
}
._tradingPairsList_vldsd_2386 ._pairCard_vldsd_2426:hover {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.04) 100%);
  border-color: var(--primary-color);
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
._tradingPairsList_vldsd_2386 ._pairCard_vldsd_2426 ._pairHeader_vldsd_2439 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
._tradingPairsList_vldsd_2386 ._pairCard_vldsd_2426 ._pairHeader_vldsd_2439 ._pairName_vldsd_2445 {
  color: var(--text-primary);
  font-size: 1.1rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._tradingPairsList_vldsd_2386 ._pairCard_vldsd_2426 ._pairHeader_vldsd_2439 ._pairStatus_vldsd_2453 {
  padding: 0.25rem 0.75rem;
  border-radius: 1rem;
  font-size: 0.8rem;
  font-weight: 600;
}
._tradingPairsList_vldsd_2386 ._pairCard_vldsd_2426 ._pairHeader_vldsd_2439 ._pairStatus_vldsd_2453._active_vldsd_169 {
  background: rgba(16, 185, 129, 0.2);
  color: #10b981;
}
._tradingPairsList_vldsd_2386 ._pairCard_vldsd_2426 ._pairHeader_vldsd_2439 ._pairStatus_vldsd_2453._inactive_vldsd_2463 {
  background: rgba(239, 68, 68, 0.2);
  color: #ef4444;
}
._tradingPairsList_vldsd_2386 ._pairCard_vldsd_2426 ._pairStats_vldsd_2467 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 1rem;
}
._tradingPairsList_vldsd_2386 ._pairCard_vldsd_2426 ._pairStats_vldsd_2467 ._stat_vldsd_824 ._statLabel_vldsd_827 {
  color: var(--text-secondary);
  font-size: 0.8rem;
  font-weight: 500;
  margin-bottom: 0.25rem;
}
._tradingPairsList_vldsd_2386 ._pairCard_vldsd_2426 ._pairStats_vldsd_2467 ._stat_vldsd_824 ._statValue_vldsd_833 {
  color: var(--text-primary);
  font-size: 1rem;
  font-weight: 600;
}
._tradingPairsList_vldsd_2386 ._pairCard_vldsd_2426 ._pairActions_vldsd_2484 {
  display: flex;
  gap: 0.75rem;
  margin-top: 1rem;
}
._tradingPairsList_vldsd_2386 ._pairCard_vldsd_2426 ._pairActions_vldsd_2484 ._pairButton_vldsd_2489 {
  flex: 1;
  padding: 0.5rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
._tradingPairsList_vldsd_2386 ._pairCard_vldsd_2426 ._pairActions_vldsd_2484 ._pairButton_vldsd_2489._primary_vldsd_2499 {
  background: linear-gradient(135deg, var(--primary-color) 0%, #4f46e5 100%);
  color: white;
}
._tradingPairsList_vldsd_2386 ._pairCard_vldsd_2426 ._pairActions_vldsd_2484 ._pairButton_vldsd_2489._primary_vldsd_2499:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
}
._tradingPairsList_vldsd_2386 ._pairCard_vldsd_2426 ._pairActions_vldsd_2484 ._pairButton_vldsd_2489._secondary_vldsd_2507 {
  background: var(--bg-secondary);
  border: 1px solid var(--border-color);
  color: var(--text-primary);
}
._tradingPairsList_vldsd_2386 ._pairCard_vldsd_2426 ._pairActions_vldsd_2484 ._pairButton_vldsd_2489._secondary_vldsd_2507:hover {
  background: var(--primary-light);
  border-color: var(--primary-color);
}

._debugButton_vldsd_2517 {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
  color: white;
  border: none;
  padding: 0.75rem 1rem;
  border-radius: 50px;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(239, 68, 68, 0.3);
  z-index: 100;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._debugButton_vldsd_2517:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(239, 68, 68, 0.4);
  background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
}
._debugButton_vldsd_2517:active {
  transform: translateY(0);
}
._debugButton_vldsd_2517 ._debugIcon_vldsd_2544 {
  width: 1rem;
  height: 1rem;
}
@media (max-width: 768px) {
  ._debugButton_vldsd_2517 {
    bottom: 1rem;
    right: 1rem;
    padding: 0.5rem 0.75rem;
    font-size: 0.8rem;
  }
}

._dexStats_vldsd_1360 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
  margin-bottom: 2rem;
}

._statCard_vldsd_1365 {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid #333;
  border-radius: 0.75rem;
  padding: 1.5rem;
  transition: all 0.3s ease;
}
._statCard_vldsd_1365:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: #444;
  transform: translateY(-2px);
}

._statHeader_vldsd_2577 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
._statHeader_vldsd_2577 span {
  color: var(--text-secondary);
  font-size: 0.9rem;
  font-weight: 500;
}

._statIcon_vldsd_2589 {
  width: 1.25rem;
  height: 1.25rem;
  color: var(--primary-color);
}

._statValue_vldsd_833 {
  color: var(--text-primary);
  font-size: 1.5rem;
  font-weight: 700;
}

._dexActions_vldsd_2601 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
}

._actionCard_vldsd_2607 {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.02) 100%);
  border: 1px solid #333;
  border-radius: 1rem;
  padding: 2rem;
  transition: all 0.3s ease;
}
._actionCard_vldsd_2607:hover {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.04) 100%);
  border-color: #444;
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

._actionHeader_vldsd_2621 {
  margin-bottom: 1.5rem;
}
._actionHeader_vldsd_2621 h4 {
  color: var(--text-primary);
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._actionHeader_vldsd_2621 p {
  color: var(--text-secondary);
  font-size: 0.9rem;
  line-height: 1.4;
  margin: 0;
}

._actionButton_vldsd_2041 {
  background: linear-gradient(135deg, var(--primary-color) 0%, #4f46e5 100%);
  color: white;
  border: none;
  padding: 1rem 2rem;
  border-radius: 0.75rem;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  width: 100%;
}
._actionButton_vldsd_2041:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(99, 102, 241, 0.4);
}
._actionButton_vldsd_2041:active {
  transform: translateY(0);
}

/* Error Message */
._errorMessage_vldsd_2660 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 3rem 2rem;
  text-align: center;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 1rem;
}
._errorMessage_vldsd_2660 h3 {
  color: #ef4444;
  margin-bottom: 1rem;
  font-size: 1.5rem;
}
._errorMessage_vldsd_2660 p {
  color: var(--text-secondary);
  margin-bottom: 2rem;
  max-width: 400px;
  line-height: 1.5;
}

._pricingBanner_vldsd_2682 {
  background: linear-gradient(135deg, #ff6b6b 0%, #feca57 50%, #48dbfb 100%);
  border-radius: 20px;
  padding: 30px;
  margin-bottom: 30px;
  color: white;
  text-align: center;
  position: relative;
  overflow: hidden;
  box-shadow: 0 15px 35px rgba(255, 107, 107, 0.3);
}
._pricingBanner_vldsd_2682::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(255, 255, 255, 0.1) 10px, rgba(255, 255, 255, 0.1) 20px);
  animation: _shine_vldsd_1 3s linear infinite;
  pointer-events: none;
}
@keyframes _shine_vldsd_1 {
  0% {
    transform: translateX(-100%) translateY(-100%) rotate(45deg);
  }
  100% {
    transform: translateX(100%) translateY(100%) rotate(45deg);
  }
}
._pricingBanner_vldsd_2682 h2 {
  font-size: 2.5rem;
  font-weight: 900;
  margin-bottom: 20px;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
  letter-spacing: 1px;
  position: relative;
  z-index: 2;
}
._pricingBanner_vldsd_2682 ._priceComparison_vldsd_2721 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  margin-bottom: 20px;
  position: relative;
  z-index: 2;
}
._pricingBanner_vldsd_2682 ._priceComparison_vldsd_2721 ._oldPrice_vldsd_2730 {
  background: rgba(239, 68, 68, 0.8);
  padding: 15px 25px;
  border-radius: 12px;
  text-decoration: line-through;
  font-size: 1.3rem;
  font-weight: 700;
  opacity: 0.8;
}
._pricingBanner_vldsd_2682 ._priceComparison_vldsd_2721 ._arrow_vldsd_2739 {
  font-size: 2rem;
  font-weight: 900;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
._pricingBanner_vldsd_2682 ._priceComparison_vldsd_2721 ._newPrice_vldsd_2744 {
  background: rgba(16, 185, 129, 0.9);
  padding: 15px 25px;
  border-radius: 12px;
  position: relative;
}
._pricingBanner_vldsd_2682 ._priceComparison_vldsd_2721 ._newPrice_vldsd_2744 span {
  font-size: 1.5rem;
  font-weight: 900;
  display: block;
  margin-bottom: 5px;
}
._pricingBanner_vldsd_2682 ._priceComparison_vldsd_2721 ._newPrice_vldsd_2744 ._discount_vldsd_2756 {
  font-size: 1rem;
  background: #ffd700;
  color: #1f2937;
  padding: 4px 8px;
  border-radius: 8px;
  font-weight: 700;
  animation: _pulse_vldsd_1 2s infinite;
}
@media (max-width: 768px) {
  ._pricingBanner_vldsd_2682 ._priceComparison_vldsd_2721 {
    flex-direction: column;
    gap: 15px;
  }
  ._pricingBanner_vldsd_2682 ._priceComparison_vldsd_2721 ._arrow_vldsd_2739 {
    transform: rotate(90deg);
  }
}
._pricingBanner_vldsd_2682 p {
  font-size: 1.2rem;
  font-weight: 600;
  margin: 0;
  position: relative;
  z-index: 2;
  opacity: 0.95;
}
@keyframes _pulse_vldsd_1 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}._rwaAssetStore_10qam_1 {
  padding: 20px;
  max-width: 1400px;
  margin: 0 auto;
}
._rwaAssetStore_10qam_1 ._header_10qam_6 {
  text-align: center;
  margin-bottom: 30px;
}
._rwaAssetStore_10qam_1 ._header_10qam_6 h2 {
  font-size: 2.5rem;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 10px;
}
._rwaAssetStore_10qam_1 ._header_10qam_6 p {
  color: #666;
  font-size: 1.2rem;
}
._rwaAssetStore_10qam_1 ._controls_10qam_21 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  gap: 20px;
  flex-wrap: wrap;
}
._rwaAssetStore_10qam_1 ._controls_10qam_21 ._searchBar_10qam_29 {
  flex: 1;
  min-width: 250px;
}
._rwaAssetStore_10qam_1 ._controls_10qam_21 ._searchBar_10qam_29 ._searchInput_10qam_33 {
  width: 100%;
  padding: 12px 20px;
  border: 2px solid #e1e5e9;
  border-radius: 25px;
  font-size: 16px;
  transition: all 0.3s ease;
}
._rwaAssetStore_10qam_1 ._controls_10qam_21 ._searchBar_10qam_29 ._searchInput_10qam_33:focus {
  outline: none;
  border-color: #667eea;
  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}
._rwaAssetStore_10qam_1 ._controls_10qam_21 ._filters_10qam_46 {
  display: flex;
  gap: 15px;
}
._rwaAssetStore_10qam_1 ._controls_10qam_21 ._filters_10qam_46 ._filterSelect_10qam_50,
._rwaAssetStore_10qam_1 ._controls_10qam_21 ._filters_10qam_46 ._sortSelect_10qam_51 {
  padding: 10px 15px;
  border: 2px solid #e1e5e9;
  border-radius: 8px;
  background: white;
  cursor: pointer;
  transition: all 0.3s ease;
}
._rwaAssetStore_10qam_1 ._controls_10qam_21 ._filters_10qam_46 ._filterSelect_10qam_50:hover,
._rwaAssetStore_10qam_1 ._controls_10qam_21 ._filters_10qam_46 ._sortSelect_10qam_51:hover {
  border-color: #667eea;
}
._rwaAssetStore_10qam_1 ._controls_10qam_21 ._filters_10qam_46 ._filterSelect_10qam_50:focus,
._rwaAssetStore_10qam_1 ._controls_10qam_21 ._filters_10qam_46 ._sortSelect_10qam_51:focus {
  outline: none;
  border-color: #667eea;
  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}
._rwaAssetStore_10qam_1 ._assetGrid_10qam_69 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  gap: 25px;
  margin-bottom: 30px;
}
._rwaAssetStore_10qam_1 ._assetGrid_10qam_69 ._assetCard_10qam_75 {
  background: white;
  border-radius: 16px;
  padding: 25px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  border: 1px solid #f0f0f0;
}
._rwaAssetStore_10qam_1 ._assetGrid_10qam_69 ._assetCard_10qam_75:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
}
._rwaAssetStore_10qam_1 ._assetGrid_10qam_69 ._assetCard_10qam_75 ._assetHeader_10qam_87 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 15px;
}
._rwaAssetStore_10qam_1 ._assetGrid_10qam_69 ._assetCard_10qam_75 ._assetHeader_10qam_87 ._assetIcon_10qam_93 {
  width: 50px;
  height: 50px;
  border-radius: 12px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}
._rwaAssetStore_10qam_1 ._assetGrid_10qam_69 ._assetCard_10qam_75 ._assetHeader_10qam_87 ._assetIcon_10qam_93 ._icon_10qam_102 {
  width: 28px;
  height: 28px;
  color: white;
}
._rwaAssetStore_10qam_1 ._assetGrid_10qam_69 ._assetCard_10qam_75 ._assetHeader_10qam_87 ._assetMeta_10qam_107 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 5px;
}
._rwaAssetStore_10qam_1 ._assetGrid_10qam_69 ._assetCard_10qam_75 ._assetHeader_10qam_87 ._assetMeta_10qam_107 ._verified_10qam_113 {
  background: #10b981;
  color: white;
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
}
._rwaAssetStore_10qam_1 ._assetGrid_10qam_69 ._assetCard_10qam_75 ._assetHeader_10qam_87 ._assetMeta_10qam_107 ._rating_10qam_121 {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #f59e0b;
  font-weight: 600;
}
._rwaAssetStore_10qam_1 ._assetGrid_10qam_69 ._assetCard_10qam_75 ._assetHeader_10qam_87 ._assetMeta_10qam_107 ._rating_10qam_121 ._starIcon_10qam_128 {
  width: 16px;
  height: 16px;
}
._rwaAssetStore_10qam_1 ._assetGrid_10qam_69 ._assetCard_10qam_75 ._assetContent_10qam_132 h3 {
  font-size: 1.3rem;
  font-weight: 700;
  margin-bottom: 8px;
  color: #1f2937;
}
._rwaAssetStore_10qam_1 ._assetGrid_10qam_69 ._assetCard_10qam_75 ._assetContent_10qam_132 ._description_10qam_138 {
  color: #6b7280;
  line-height: 1.5;
  margin-bottom: 8px;
}
._rwaAssetStore_10qam_1 ._assetGrid_10qam_69 ._assetCard_10qam_75 ._assetContent_10qam_132 ._location_10qam_143 {
  color: #9ca3af;
  font-size: 14px;
  margin-bottom: 20px;
}
._rwaAssetStore_10qam_1 ._assetGrid_10qam_69 ._assetCard_10qam_75 ._assetContent_10qam_132 ._assetStats_10qam_148 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  margin-bottom: 20px;
}
._rwaAssetStore_10qam_1 ._assetGrid_10qam_69 ._assetCard_10qam_75 ._assetContent_10qam_132 ._assetStats_10qam_148 ._stat_10qam_154 {
  text-align: center;
  padding: 12px;
  background: #f9fafb;
  border-radius: 8px;
}
._rwaAssetStore_10qam_1 ._assetGrid_10qam_69 ._assetCard_10qam_75 ._assetContent_10qam_132 ._assetStats_10qam_148 ._stat_10qam_154 ._label_10qam_160 {
  display: block;
  font-size: 12px;
  color: #6b7280;
  margin-bottom: 4px;
  font-weight: 500;
}
._rwaAssetStore_10qam_1 ._assetGrid_10qam_69 ._assetCard_10qam_75 ._assetContent_10qam_132 ._assetStats_10qam_148 ._stat_10qam_154 ._value_10qam_167 {
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #1f2937;
}
._rwaAssetStore_10qam_1 ._assetGrid_10qam_69 ._assetCard_10qam_75 ._assetContent_10qam_132 ._features_10qam_173 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 20px;
}
._rwaAssetStore_10qam_1 ._assetGrid_10qam_69 ._assetCard_10qam_75 ._assetContent_10qam_132 ._features_10qam_173 ._feature_10qam_173 {
  background: #ede9fe;
  color: #7c3aed;
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
}
._rwaAssetStore_10qam_1 ._assetGrid_10qam_69 ._assetCard_10qam_75 ._assetActions_10qam_187 {
  display: flex;
  gap: 10px;
}
._rwaAssetStore_10qam_1 ._assetGrid_10qam_69 ._assetCard_10qam_75 ._assetActions_10qam_187 ._viewButton_10qam_191,
._rwaAssetStore_10qam_1 ._assetGrid_10qam_69 ._assetCard_10qam_75 ._assetActions_10qam_187 ._buyButton_10qam_192 {
  flex: 1;
  padding: 12px 16px;
  border-radius: 8px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all 0.3s ease;
  cursor: pointer;
}
._rwaAssetStore_10qam_1 ._assetGrid_10qam_69 ._assetCard_10qam_75 ._assetActions_10qam_187 ._viewButton_10qam_191 ._buttonIcon_10qam_204,
._rwaAssetStore_10qam_1 ._assetGrid_10qam_69 ._assetCard_10qam_75 ._assetActions_10qam_187 ._buyButton_10qam_192 ._buttonIcon_10qam_204 {
  width: 18px;
  height: 18px;
}
._rwaAssetStore_10qam_1 ._assetGrid_10qam_69 ._assetCard_10qam_75 ._assetActions_10qam_187 ._viewButton_10qam_191:disabled,
._rwaAssetStore_10qam_1 ._assetGrid_10qam_69 ._assetCard_10qam_75 ._assetActions_10qam_187 ._buyButton_10qam_192:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._rwaAssetStore_10qam_1 ._assetGrid_10qam_69 ._assetCard_10qam_75 ._assetActions_10qam_187 ._viewButton_10qam_191 {
  background: #f3f4f6;
  color: #374151;
  border: 1px solid #d1d5db;
}
._rwaAssetStore_10qam_1 ._assetGrid_10qam_69 ._assetCard_10qam_75 ._assetActions_10qam_187 ._viewButton_10qam_191:hover:not(:disabled) {
  background: #e5e7eb;
}
._rwaAssetStore_10qam_1 ._assetGrid_10qam_69 ._assetCard_10qam_75 ._assetActions_10qam_187 ._buyButton_10qam_192 {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border: none;
}
._rwaAssetStore_10qam_1 ._assetGrid_10qam_69 ._assetCard_10qam_75 ._assetActions_10qam_187 ._buyButton_10qam_192:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
}
._rwaAssetStore_10qam_1 ._modal_10qam_231 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 20px;
}
._rwaAssetStore_10qam_1 ._modal_10qam_231 ._modalContent_10qam_244 {
  background: white;
  border-radius: 16px;
  padding: 30px;
  max-width: 600px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
}
._rwaAssetStore_10qam_1 ._modal_10qam_231 ._modalContent_10qam_244 ._modalHeader_10qam_253 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e5e7eb;
}
._rwaAssetStore_10qam_1 ._modal_10qam_231 ._modalContent_10qam_244 ._modalHeader_10qam_253 h2 {
  margin: 0;
  color: #1f2937;
}
._rwaAssetStore_10qam_1 ._modal_10qam_231 ._modalContent_10qam_244 ._modalHeader_10qam_253 ._closeButton_10qam_265 {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  color: #6b7280;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.3s ease;
}
._rwaAssetStore_10qam_1 ._modal_10qam_231 ._modalContent_10qam_244 ._modalHeader_10qam_253 ._closeButton_10qam_265:hover {
  background: #f3f4f6;
  color: #1f2937;
}
._rwaAssetStore_10qam_1 ._modal_10qam_231 ._modalContent_10qam_244 ._modalBody_10qam_283 ._detailGrid_10qam_283 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-bottom: 30px;
}
._rwaAssetStore_10qam_1 ._modal_10qam_231 ._modalContent_10qam_244 ._modalBody_10qam_283 ._detailGrid_10qam_283 ._detailItem_10qam_289 {
  padding: 15px;
  background: #f9fafb;
  border-radius: 8px;
}
._rwaAssetStore_10qam_1 ._modal_10qam_231 ._modalContent_10qam_244 ._modalBody_10qam_283 ._detailGrid_10qam_283 ._detailItem_10qam_289 ._detailLabel_10qam_294 {
  display: block;
  font-size: 14px;
  color: #6b7280;
  margin-bottom: 5px;
  font-weight: 500;
}
._rwaAssetStore_10qam_1 ._modal_10qam_231 ._modalContent_10qam_244 ._modalBody_10qam_283 ._detailGrid_10qam_283 ._detailItem_10qam_289 ._detailValue_10qam_301 {
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #1f2937;
}
._rwaAssetStore_10qam_1 ._modal_10qam_231 ._modalContent_10qam_244 ._modalBody_10qam_283 ._featuresList_10qam_307 {
  margin-bottom: 30px;
}
._rwaAssetStore_10qam_1 ._modal_10qam_231 ._modalContent_10qam_244 ._modalBody_10qam_283 ._featuresList_10qam_307 h4 {
  margin-bottom: 15px;
  color: #1f2937;
}
._rwaAssetStore_10qam_1 ._modal_10qam_231 ._modalContent_10qam_244 ._modalBody_10qam_283 ._featuresList_10qam_307 ._featureRow_10qam_314 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #f3f4f6;
}
._rwaAssetStore_10qam_1 ._modal_10qam_231 ._modalContent_10qam_244 ._modalBody_10qam_283 ._featuresList_10qam_307 ._featureRow_10qam_314 ._featureName_10qam_321 {
  font-weight: 500;
  color: #374151;
}
._rwaAssetStore_10qam_1 ._modal_10qam_231 ._modalContent_10qam_244 ._modalBody_10qam_283 ._featuresList_10qam_307 ._featureRow_10qam_314 ._featureEnabled_10qam_325 {
  color: #10b981;
  font-weight: 700;
}
._rwaAssetStore_10qam_1 ._modal_10qam_231 ._modalContent_10qam_244 ._modalBody_10qam_283 ._featuresList_10qam_307 ._featureRow_10qam_314 ._featureDisabled_10qam_329 {
  color: #ef4444;
  font-weight: 700;
}
._rwaAssetStore_10qam_1 ._modal_10qam_231 ._modalContent_10qam_244 ._modalBody_10qam_283 ._purchaseSection_10qam_333 h4 {
  margin-bottom: 15px;
  color: #1f2937;
}
._rwaAssetStore_10qam_1 ._modal_10qam_231 ._modalContent_10qam_244 ._modalBody_10qam_283 ._purchaseSection_10qam_333 ._purchaseForm_10qam_337 {
  display: flex;
  gap: 15px;
}
._rwaAssetStore_10qam_1 ._modal_10qam_231 ._modalContent_10qam_244 ._modalBody_10qam_283 ._purchaseSection_10qam_333 ._purchaseForm_10qam_337 ._tokenInput_10qam_341 {
  flex: 1;
  padding: 12px 16px;
  border: 2px solid #e5e7eb;
  border-radius: 8px;
  font-size: 16px;
}
._rwaAssetStore_10qam_1 ._modal_10qam_231 ._modalContent_10qam_244 ._modalBody_10qam_283 ._purchaseSection_10qam_333 ._purchaseForm_10qam_337 ._tokenInput_10qam_341:focus {
  outline: none;
  border-color: #667eea;
  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}
._rwaAssetStore_10qam_1 ._modal_10qam_231 ._modalContent_10qam_244 ._modalBody_10qam_283 ._purchaseSection_10qam_333 ._purchaseForm_10qam_337 ._purchaseButton_10qam_353 {
  padding: 12px 24px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
._rwaAssetStore_10qam_1 ._modal_10qam_231 ._modalContent_10qam_244 ._modalBody_10qam_283 ._purchaseSection_10qam_333 ._purchaseForm_10qam_337 ._purchaseButton_10qam_353:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
}
@media (max-width: 768px) {
  ._rwaAssetStore_10qam_1 ._controls_10qam_21 {
    flex-direction: column;
    align-items: stretch;
  }
  ._rwaAssetStore_10qam_1 ._controls_10qam_21 ._searchBar_10qam_29 {
    min-width: unset;
  }
  ._rwaAssetStore_10qam_1 ._controls_10qam_21 ._filters_10qam_46 {
    justify-content: center;
  }
  ._rwaAssetStore_10qam_1 ._assetGrid_10qam_69 {
    grid-template-columns: 1fr;
  }
  ._rwaAssetStore_10qam_1 ._modal_10qam_231 {
    padding: 10px;
  }
  ._rwaAssetStore_10qam_1 ._modal_10qam_231 ._modalContent_10qam_244 {
    padding: 20px;
  }
  ._rwaAssetStore_10qam_1 ._modal_10qam_231 ._modalContent_10qam_244 ._modalBody_10qam_283 ._detailGrid_10qam_283 {
    grid-template-columns: 1fr;
  }
  ._rwaAssetStore_10qam_1 ._modal_10qam_231 ._modalContent_10qam_244 ._modalBody_10qam_283 ._purchaseSection_10qam_333 ._purchaseForm_10qam_337 {
    flex-direction: column;
  }
}._killerFeatures_1ypu9_1 {
  padding: 40px 20px;
  max-width: 1400px;
  margin: 0 auto;
}
._killerFeatures_1ypu9_1 ._header_1ypu9_6 {
  text-align: center;
  margin-bottom: 50px;
}
._killerFeatures_1ypu9_1 ._header_1ypu9_6 h2 {
  font-size: 3rem;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 15px;
  font-weight: 800;
}
._killerFeatures_1ypu9_1 ._header_1ypu9_6 p {
  font-size: 1.3rem;
  color: #6b7280;
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.6;
}
._killerFeatures_1ypu9_1 ._featuresGrid_1ypu9_25 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
  gap: 30px;
  margin-bottom: 40px;
}
._killerFeatures_1ypu9_1 ._featuresGrid_1ypu9_25 ._featureCard_1ypu9_31 {
  background: white;
  border-radius: 20px;
  padding: 30px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
  transition: all 0.4s ease;
  border: 2px solid transparent;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
._killerFeatures_1ypu9_1 ._featuresGrid_1ypu9_25 ._featureCard_1ypu9_31::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
}
._killerFeatures_1ypu9_1 ._featuresGrid_1ypu9_25 ._featureCard_1ypu9_31:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
  border-color: #667eea;
}
._killerFeatures_1ypu9_1 ._featuresGrid_1ypu9_25 ._featureCard_1ypu9_31:hover::before {
  opacity: 1;
}
._killerFeatures_1ypu9_1 ._featuresGrid_1ypu9_25 ._featureCard_1ypu9_31 ._featureHeader_1ypu9_61 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
}
._killerFeatures_1ypu9_1 ._featuresGrid_1ypu9_25 ._featureCard_1ypu9_31 ._featureHeader_1ypu9_61 ._featureIcon_1ypu9_67 {
  width: 60px;
  height: 60px;
  border-radius: 16px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 20px rgba(102, 126, 234, 0.3);
}
._killerFeatures_1ypu9_1 ._featuresGrid_1ypu9_25 ._featureCard_1ypu9_31 ._featureHeader_1ypu9_61 ._featureIcon_1ypu9_67 ._icon_1ypu9_77 {
  width: 32px;
  height: 32px;
  color: white;
}
._killerFeatures_1ypu9_1 ._featuresGrid_1ypu9_25 ._featureCard_1ypu9_31 ._featureHeader_1ypu9_61 ._statusBadge_1ypu9_82 {
  padding: 6px 12px;
  border-radius: 20px;
  color: white;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
._killerFeatures_1ypu9_1 ._featuresGrid_1ypu9_25 ._featureCard_1ypu9_31 ._featureContent_1ypu9_91 {
  margin-bottom: 25px;
}
._killerFeatures_1ypu9_1 ._featuresGrid_1ypu9_25 ._featureCard_1ypu9_31 ._featureContent_1ypu9_91 h3 {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 8px;
  color: #1f2937;
  line-height: 1.3;
}
._killerFeatures_1ypu9_1 ._featuresGrid_1ypu9_25 ._featureCard_1ypu9_31 ._featureContent_1ypu9_91 ._subtitle_1ypu9_101 {
  font-size: 1rem;
  color: #667eea;
  font-weight: 600;
  margin-bottom: 12px;
}
._killerFeatures_1ypu9_1 ._featuresGrid_1ypu9_25 ._featureCard_1ypu9_31 ._featureContent_1ypu9_91 ._description_1ypu9_107 {
  color: #6b7280;
  line-height: 1.6;
  margin-bottom: 20px;
  font-size: 0.95rem;
}
._killerFeatures_1ypu9_1 ._featuresGrid_1ypu9_25 ._featureCard_1ypu9_31 ._featureContent_1ypu9_91 ._quickBenefits_1ypu9_113 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._killerFeatures_1ypu9_1 ._featuresGrid_1ypu9_25 ._featureCard_1ypu9_31 ._featureContent_1ypu9_91 ._quickBenefits_1ypu9_113 ._benefit_1ypu9_118 {
  font-size: 14px;
  color: #059669;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 8px;
}
._killerFeatures_1ypu9_1 ._featuresGrid_1ypu9_25 ._featureCard_1ypu9_31 ._featureAction_1ypu9_126 ._learnMoreButton_1ypu9_126 {
  width: 100%;
  padding: 14px 20px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border: none;
  border-radius: 12px;
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
._killerFeatures_1ypu9_1 ._featuresGrid_1ypu9_25 ._featureCard_1ypu9_31 ._featureAction_1ypu9_126 ._learnMoreButton_1ypu9_126 ._buttonIcon_1ypu9_142 {
  width: 20px;
  height: 20px;
}
._killerFeatures_1ypu9_1 ._featuresGrid_1ypu9_25 ._featureCard_1ypu9_31 ._featureAction_1ypu9_126 ._learnMoreButton_1ypu9_126:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);
}
._killerFeatures_1ypu9_1 ._modal_1ypu9_150 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2000;
  padding: 20px;
}
._killerFeatures_1ypu9_1 ._modal_1ypu9_150 ._modalContent_1ypu9_163 {
  background: white;
  border-radius: 24px;
  padding: 0;
  max-width: 800px;
  width: 100%;
  max-height: 90vh;
  overflow: hidden;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25);
}
._killerFeatures_1ypu9_1 ._modal_1ypu9_150 ._modalContent_1ypu9_163 ._modalHeader_1ypu9_173 {
  padding: 30px 30px 20px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
._killerFeatures_1ypu9_1 ._modal_1ypu9_150 ._modalContent_1ypu9_163 ._modalHeader_1ypu9_173 ._modalTitle_1ypu9_181 h2 {
  margin: 0;
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 5px;
}
._killerFeatures_1ypu9_1 ._modal_1ypu9_150 ._modalContent_1ypu9_163 ._modalHeader_1ypu9_173 ._modalTitle_1ypu9_181 p {
  margin: 0;
  font-size: 1rem;
  opacity: 0.9;
}
._killerFeatures_1ypu9_1 ._modal_1ypu9_150 ._modalContent_1ypu9_163 ._modalHeader_1ypu9_173 ._modalActions_1ypu9_192 {
  display: flex;
  align-items: center;
  gap: 15px;
}
._killerFeatures_1ypu9_1 ._modal_1ypu9_150 ._modalContent_1ypu9_163 ._modalHeader_1ypu9_173 ._modalActions_1ypu9_192 ._statusBadge_1ypu9_82 {
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background: rgba(255, 255, 255, 0.2);
}
._killerFeatures_1ypu9_1 ._modal_1ypu9_150 ._modalContent_1ypu9_163 ._modalHeader_1ypu9_173 ._modalActions_1ypu9_192 ._closeButton_1ypu9_206 {
  background: rgba(255, 255, 255, 0.2);
  border: none;
  color: white;
  font-size: 24px;
  font-weight: 300;
  cursor: pointer;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
._killerFeatures_1ypu9_1 ._modal_1ypu9_150 ._modalContent_1ypu9_163 ._modalHeader_1ypu9_173 ._modalActions_1ypu9_192 ._closeButton_1ypu9_206:hover {
  background: rgba(255, 255, 255, 0.3);
}
._killerFeatures_1ypu9_1 ._modal_1ypu9_150 ._modalContent_1ypu9_163 ._modalBody_1ypu9_224 {
  padding: 30px;
  overflow-y: auto;
  max-height: calc(90vh - 120px);
}
._killerFeatures_1ypu9_1 ._modal_1ypu9_150 ._modalContent_1ypu9_163 ._modalBody_1ypu9_224 ._fullDescription_1ypu9_229 {
  font-size: 1.1rem;
  line-height: 1.7;
  color: #374151;
  margin-bottom: 30px;
  font-weight: 400;
}
._killerFeatures_1ypu9_1 ._modal_1ypu9_150 ._modalContent_1ypu9_163 ._modalBody_1ypu9_224 ._modalTabs_1ypu9_236 {
  display: flex;
  border-bottom: 2px solid #f3f4f6;
  margin-bottom: 30px;
}
._killerFeatures_1ypu9_1 ._modal_1ypu9_150 ._modalContent_1ypu9_163 ._modalBody_1ypu9_224 ._modalTabs_1ypu9_236 ._modalTab_1ypu9_236 {
  flex: 1;
  padding: 15px 20px;
  background: none;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-weight: 600;
  color: #6b7280;
  border-bottom: 3px solid transparent;
}
._killerFeatures_1ypu9_1 ._modal_1ypu9_150 ._modalContent_1ypu9_163 ._modalBody_1ypu9_224 ._modalTabs_1ypu9_236 ._modalTab_1ypu9_236 ._tabIcon_1ypu9_256 {
  width: 20px;
  height: 20px;
}
._killerFeatures_1ypu9_1 ._modal_1ypu9_150 ._modalContent_1ypu9_163 ._modalBody_1ypu9_224 ._modalTabs_1ypu9_236 ._modalTab_1ypu9_236._active_1ypu9_260 {
  color: #667eea;
  border-bottom-color: #667eea;
  background: rgba(102, 126, 234, 0.05);
}
._killerFeatures_1ypu9_1 ._modal_1ypu9_150 ._modalContent_1ypu9_163 ._modalBody_1ypu9_224 ._modalTabs_1ypu9_236 ._modalTab_1ypu9_236:hover:not(._active_1ypu9_260) {
  color: #4b5563;
  background: #f9fafb;
}
._killerFeatures_1ypu9_1 ._modal_1ypu9_150 ._modalContent_1ypu9_163 ._modalBody_1ypu9_224 ._modalTabContent_1ypu9_269 ._benefitsList_1ypu9_269 {
  display: grid;
  gap: 15px;
}
._killerFeatures_1ypu9_1 ._modal_1ypu9_150 ._modalContent_1ypu9_163 ._modalBody_1ypu9_224 ._modalTabContent_1ypu9_269 ._benefitsList_1ypu9_269 ._benefitItem_1ypu9_273 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 15px;
  background: #f0fdf4;
  border-radius: 12px;
  border-left: 4px solid #10b981;
}
._killerFeatures_1ypu9_1 ._modal_1ypu9_150 ._modalContent_1ypu9_163 ._modalBody_1ypu9_224 ._modalTabContent_1ypu9_269 ._benefitsList_1ypu9_269 ._benefitItem_1ypu9_273 ._benefitIcon_1ypu9_282 {
  color: #10b981;
  font-weight: 700;
  font-size: 18px;
}
._killerFeatures_1ypu9_1 ._modal_1ypu9_150 ._modalContent_1ypu9_163 ._modalBody_1ypu9_224 ._modalTabContent_1ypu9_269 ._technicalList_1ypu9_287 {
  display: grid;
  gap: 15px;
}
._killerFeatures_1ypu9_1 ._modal_1ypu9_150 ._modalContent_1ypu9_163 ._modalBody_1ypu9_224 ._modalTabContent_1ypu9_269 ._technicalList_1ypu9_287 ._technicalItem_1ypu9_291 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 15px;
  background: #eff6ff;
  border-radius: 12px;
  border-left: 4px solid #3b82f6;
}
._killerFeatures_1ypu9_1 ._modal_1ypu9_150 ._modalContent_1ypu9_163 ._modalBody_1ypu9_224 ._modalTabContent_1ypu9_269 ._technicalList_1ypu9_287 ._technicalItem_1ypu9_291 ._technicalIcon_1ypu9_300 {
  width: 20px;
  height: 20px;
  color: #3b82f6;
  flex-shrink: 0;
}
._killerFeatures_1ypu9_1 ._modal_1ypu9_150 ._modalContent_1ypu9_163 ._modalBody_1ypu9_224 ._modalTabContent_1ypu9_269 ._useCasesList_1ypu9_306 {
  display: grid;
  gap: 15px;
}
._killerFeatures_1ypu9_1 ._modal_1ypu9_150 ._modalContent_1ypu9_163 ._modalBody_1ypu9_224 ._modalTabContent_1ypu9_269 ._useCasesList_1ypu9_306 ._useCaseItem_1ypu9_310 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 15px;
  background: #fef3c7;
  border-radius: 12px;
  border-left: 4px solid #f59e0b;
}
._killerFeatures_1ypu9_1 ._modal_1ypu9_150 ._modalContent_1ypu9_163 ._modalBody_1ypu9_224 ._modalTabContent_1ypu9_269 ._useCasesList_1ypu9_306 ._useCaseItem_1ypu9_310 ._useCaseIcon_1ypu9_319 {
  width: 20px;
  height: 20px;
  color: #f59e0b;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  ._killerFeatures_1ypu9_1 {
    padding: 20px 15px;
  }
  ._killerFeatures_1ypu9_1 ._header_1ypu9_6 h2 {
    font-size: 2.2rem;
  }
  ._killerFeatures_1ypu9_1 ._header_1ypu9_6 p {
    font-size: 1.1rem;
  }
  ._killerFeatures_1ypu9_1 ._featuresGrid_1ypu9_25 {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  ._killerFeatures_1ypu9_1 ._featuresGrid_1ypu9_25 ._featureCard_1ypu9_31 {
    padding: 25px;
  }
  ._killerFeatures_1ypu9_1 ._modal_1ypu9_150 {
    padding: 10px;
  }
  ._killerFeatures_1ypu9_1 ._modal_1ypu9_150 ._modalContent_1ypu9_163 {
    border-radius: 16px;
  }
  ._killerFeatures_1ypu9_1 ._modal_1ypu9_150 ._modalContent_1ypu9_163 ._modalHeader_1ypu9_173 {
    padding: 20px 20px 15px;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
  ._killerFeatures_1ypu9_1 ._modal_1ypu9_150 ._modalContent_1ypu9_163 ._modalHeader_1ypu9_173 ._modalActions_1ypu9_192 {
    align-self: flex-end;
  }
  ._killerFeatures_1ypu9_1 ._modal_1ypu9_150 ._modalContent_1ypu9_163 ._modalBody_1ypu9_224 {
    padding: 20px;
  }
  ._killerFeatures_1ypu9_1 ._modal_1ypu9_150 ._modalContent_1ypu9_163 ._modalBody_1ypu9_224 ._modalTabs_1ypu9_236 ._modalTab_1ypu9_236 {
    padding: 12px 15px;
    font-size: 14px;
  }
}._microTokenization_5jgji_1 {
  padding: 30px;
  background: #f8fafc;
  border-radius: 16px;
  margin: 30px 0;
}
._microTokenization_5jgji_1 ._header_5jgji_7 {
  text-align: center;
  margin-bottom: 30px;
}
._microTokenization_5jgji_1 ._header_5jgji_7 h2 {
  font-size: 2rem;
  color: #1f2937;
  margin-bottom: 10px;
}
._microTokenization_5jgji_1 ._header_5jgji_7 p {
  color: #6b7280;
  font-size: 1.1rem;
}
._microTokenization_5jgji_1 ._stats_5jgji_20 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 30px;
}
._microTokenization_5jgji_1 ._stats_5jgji_20 ._stat_5jgji_20 {
  background: white;
  padding: 20px;
  border-radius: 12px;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
._microTokenization_5jgji_1 ._stats_5jgji_20 ._stat_5jgji_20 ._statValue_5jgji_33 {
  display: block;
  font-size: 2rem;
  font-weight: 700;
  color: #667eea;
  margin-bottom: 5px;
}
._microTokenization_5jgji_1 ._stats_5jgji_20 ._stat_5jgji_20 ._statLabel_5jgji_40 {
  font-size: 14px;
  color: #6b7280;
  font-weight: 500;
}
._microTokenization_5jgji_1 ._assetsGrid_5jgji_45 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: 20px;
}
._microTokenization_5jgji_1 ._assetsGrid_5jgji_45 ._assetCard_5jgji_50 {
  background: white;
  border-radius: 16px;
  padding: 25px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  border: 1px solid #e5e7eb;
}
._microTokenization_5jgji_1 ._assetsGrid_5jgji_45 ._assetCard_5jgji_50:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}
._microTokenization_5jgji_1 ._assetsGrid_5jgji_45 ._assetCard_5jgji_50 ._assetHeader_5jgji_62 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
._microTokenization_5jgji_1 ._assetsGrid_5jgji_45 ._assetCard_5jgji_50 ._assetHeader_5jgji_62 ._assetIcon_5jgji_68 {
  width: 45px;
  height: 45px;
  border-radius: 12px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}
._microTokenization_5jgji_1 ._assetsGrid_5jgji_45 ._assetCard_5jgji_50 ._assetHeader_5jgji_62 ._assetIcon_5jgji_68 ._icon_5jgji_77 {
  width: 24px;
  height: 24px;
  color: white;
}
._microTokenization_5jgji_1 ._assetsGrid_5jgji_45 ._assetCard_5jgji_50 ._assetHeader_5jgji_62 ._statusBadge_5jgji_82 ._tokenized_5jgji_82 {
  background: #dcfce7;
  color: #166534;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
}
._microTokenization_5jgji_1 ._assetsGrid_5jgji_45 ._assetCard_5jgji_50 ._assetHeader_5jgji_62 ._statusBadge_5jgji_82 ._notTokenized_5jgji_90 {
  background: #f3f4f6;
  color: #6b7280;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
}
._microTokenization_5jgji_1 ._assetsGrid_5jgji_45 ._assetCard_5jgji_50 ._assetDetails_5jgji_98 h3 {
  font-size: 1.2rem;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 15px;
}
._microTokenization_5jgji_1 ._assetsGrid_5jgji_45 ._assetCard_5jgji_50 ._assetDetails_5jgji_98 ._detailRow_5jgji_104 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
._microTokenization_5jgji_1 ._assetsGrid_5jgji_45 ._assetCard_5jgji_50 ._assetDetails_5jgji_98 ._detailRow_5jgji_104 ._label_5jgji_109 {
  font-weight: 500;
  color: #6b7280;
  font-size: 14px;
}
._microTokenization_5jgji_1 ._assetsGrid_5jgji_45 ._assetCard_5jgji_50 ._assetDetails_5jgji_98 ._detailRow_5jgji_104 ._value_5jgji_114 {
  font-weight: 600;
  color: #374151;
  font-size: 14px;
}
._microTokenization_5jgji_1 ._assetsGrid_5jgji_45 ._assetCard_5jgji_50 ._assetDetails_5jgji_98 ._specifications_5jgji_119 {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #f3f4f6;
}
._microTokenization_5jgji_1 ._assetsGrid_5jgji_45 ._assetCard_5jgji_50 ._assetDetails_5jgji_98 ._specifications_5jgji_119 ._label_5jgji_109 {
  font-weight: 500;
  color: #6b7280;
  font-size: 14px;
  margin-bottom: 5px;
}
._microTokenization_5jgji_1 ._assetsGrid_5jgji_45 ._assetCard_5jgji_50 ._assetDetails_5jgji_98 ._specifications_5jgji_119 p {
  font-size: 13px;
  color: #4b5563;
  line-height: 1.4;
  margin: 0;
}
._microTokenization_5jgji_1 ._assetsGrid_5jgji_45 ._assetCard_5jgji_50 ._assetActions_5jgji_136 {
  display: flex;
  gap: 10px;
  margin-top: 20px;
}
._microTokenization_5jgji_1 ._assetsGrid_5jgji_45 ._assetCard_5jgji_50 ._assetActions_5jgji_136 button {
  flex: 1;
  padding: 10px 12px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
._microTokenization_5jgji_1 ._assetsGrid_5jgji_45 ._assetCard_5jgji_50 ._assetActions_5jgji_136 button ._buttonIcon_5jgji_154 {
  width: 16px;
  height: 16px;
}
._microTokenization_5jgji_1 ._assetsGrid_5jgji_45 ._assetCard_5jgji_50 ._assetActions_5jgji_136 ._qrButton_5jgji_158 {
  background: #f3f4f6;
  color: #374151;
  border: 1px solid #d1d5db;
}
._microTokenization_5jgji_1 ._assetsGrid_5jgji_45 ._assetCard_5jgji_50 ._assetActions_5jgji_136 ._qrButton_5jgji_158:hover {
  background: #e5e7eb;
}
._microTokenization_5jgji_1 ._assetsGrid_5jgji_45 ._assetCard_5jgji_50 ._assetActions_5jgji_136 ._tokenizeButton_5jgji_166 {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border: none;
}
._microTokenization_5jgji_1 ._assetsGrid_5jgji_45 ._assetCard_5jgji_50 ._assetActions_5jgji_136 ._tokenizeButton_5jgji_166:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}
._microTokenization_5jgji_1 ._assetsGrid_5jgji_45 ._assetCard_5jgji_50 ._assetActions_5jgji_136 ._viewContractButton_5jgji_175 {
  background: #dcfce7;
  color: #166534;
  border: 1px solid #bbf7d0;
}
._microTokenization_5jgji_1 ._assetsGrid_5jgji_45 ._assetCard_5jgji_50 ._assetActions_5jgji_136 ._viewContractButton_5jgji_175:hover {
  background: #bbf7d0;
}
._microTokenization_5jgji_1 ._modal_5jgji_183 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1500;
  padding: 20px;
}
._microTokenization_5jgji_1 ._modal_5jgji_183 ._modalContent_5jgji_196 {
  background: white;
  border-radius: 20px;
  padding: 0;
  max-width: 600px;
  width: 100%;
  max-height: 90vh;
  overflow: hidden;
}
._microTokenization_5jgji_1 ._modal_5jgji_183 ._modalContent_5jgji_196 ._modalHeader_5jgji_205 {
  padding: 25px 30px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._microTokenization_5jgji_1 ._modal_5jgji_183 ._modalContent_5jgji_196 ._modalHeader_5jgji_205 h2 {
  margin: 0;
  font-size: 1.5rem;
}
._microTokenization_5jgji_1 ._modal_5jgji_183 ._modalContent_5jgji_196 ._modalHeader_5jgji_205 ._closeButton_5jgji_217 {
  background: rgba(255, 255, 255, 0.2);
  border: none;
  color: white;
  font-size: 20px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
._microTokenization_5jgji_1 ._modal_5jgji_183 ._modalContent_5jgji_196 ._modalHeader_5jgji_205 ._closeButton_5jgji_217:hover {
  background: rgba(255, 255, 255, 0.3);
}
._microTokenization_5jgji_1 ._modal_5jgji_183 ._modalContent_5jgji_196 ._modalBody_5jgji_233 {
  padding: 30px;
  overflow-y: auto;
  max-height: calc(90vh - 80px);
}
._microTokenization_5jgji_1 ._modal_5jgji_183 ._modalContent_5jgji_196 ._modalBody_5jgji_233 ._assetPreview_5jgji_238 {
  margin-bottom: 30px;
}
._microTokenization_5jgji_1 ._modal_5jgji_183 ._modalContent_5jgji_196 ._modalBody_5jgji_233 ._assetPreview_5jgji_238 h3 {
  color: #1f2937;
  margin-bottom: 15px;
}
._microTokenization_5jgji_1 ._modal_5jgji_183 ._modalContent_5jgji_196 ._modalBody_5jgji_233 ._assetPreview_5jgji_238 ._previewGrid_5jgji_245 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}
._microTokenization_5jgji_1 ._modal_5jgji_183 ._modalContent_5jgji_196 ._modalBody_5jgji_233 ._assetPreview_5jgji_238 ._previewGrid_5jgji_245 ._previewItem_5jgji_250 {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
._microTokenization_5jgji_1 ._modal_5jgji_183 ._modalContent_5jgji_196 ._modalBody_5jgji_233 ._assetPreview_5jgji_238 ._previewGrid_5jgji_245 ._previewItem_5jgji_250 ._previewLabel_5jgji_255 {
  font-size: 12px;
  color: #6b7280;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
._microTokenization_5jgji_1 ._modal_5jgji_183 ._modalContent_5jgji_196 ._modalBody_5jgji_233 ._tokenForm_5jgji_262 {
  margin-bottom: 30px;
}
._microTokenization_5jgji_1 ._modal_5jgji_183 ._modalContent_5jgji_196 ._modalBody_5jgji_233 ._tokenForm_5jgji_262 h3 {
  color: #1f2937;
  margin-bottom: 20px;
}
._microTokenization_5jgji_1 ._modal_5jgji_183 ._modalContent_5jgji_196 ._modalBody_5jgji_233 ._tokenForm_5jgji_262 ._formGroup_5jgji_269 {
  margin-bottom: 20px;
}
._microTokenization_5jgji_1 ._modal_5jgji_183 ._modalContent_5jgji_196 ._modalBody_5jgji_233 ._tokenForm_5jgji_262 ._formGroup_5jgji_269 label {
  display: block;
  font-weight: 500;
  color: #374151;
  margin-bottom: 8px;
}
._microTokenization_5jgji_1 ._modal_5jgji_183 ._modalContent_5jgji_196 ._modalBody_5jgji_233 ._tokenForm_5jgji_262 ._formGroup_5jgji_269 input,
._microTokenization_5jgji_1 ._modal_5jgji_183 ._modalContent_5jgji_196 ._modalBody_5jgji_233 ._tokenForm_5jgji_262 ._formGroup_5jgji_269 textarea {
  width: 100%;
  padding: 12px 16px;
  border: 2px solid #e5e7eb;
  border-radius: 8px;
  font-size: 16px;
  transition: border-color 0.3s ease;
}
._microTokenization_5jgji_1 ._modal_5jgji_183 ._modalContent_5jgji_196 ._modalBody_5jgji_233 ._tokenForm_5jgji_262 ._formGroup_5jgji_269 input:focus,
._microTokenization_5jgji_1 ._modal_5jgji_183 ._modalContent_5jgji_196 ._modalBody_5jgji_233 ._tokenForm_5jgji_262 ._formGroup_5jgji_269 textarea:focus {
  outline: none;
  border-color: #667eea;
  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}
._microTokenization_5jgji_1 ._modal_5jgji_183 ._modalContent_5jgji_196 ._modalBody_5jgji_233 ._tokenForm_5jgji_262 ._formGroup_5jgji_269 ._note_5jgji_293 {
  display: block;
  font-size: 12px;
  color: #6b7280;
  margin-top: 5px;
}
._microTokenization_5jgji_1 ._modal_5jgji_183 ._modalContent_5jgji_196 ._modalBody_5jgji_233 ._feeInfo_5jgji_299 {
  background: #f0fdf4;
  padding: 20px;
  border-radius: 12px;
  margin-bottom: 25px;
  border: 1px solid #bbf7d0;
}
._microTokenization_5jgji_1 ._modal_5jgji_183 ._modalContent_5jgji_196 ._modalBody_5jgji_233 ._feeInfo_5jgji_299 h4 {
  color: #166534;
  margin-bottom: 15px;
}
._microTokenization_5jgji_1 ._modal_5jgji_183 ._modalContent_5jgji_196 ._modalBody_5jgji_233 ._feeInfo_5jgji_299 ._feeBreakdown_5jgji_310 ._feeItem_5jgji_310 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
  font-size: 14px;
  color: #374151;
}
._microTokenization_5jgji_1 ._modal_5jgji_183 ._modalContent_5jgji_196 ._modalBody_5jgji_233 ._feeInfo_5jgji_299 ._feeBreakdown_5jgji_310 ._feeTotal_5jgji_317 {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #bbf7d0;
  font-size: 16px;
  color: #166534;
}
._microTokenization_5jgji_1 ._modal_5jgji_183 ._modalContent_5jgji_196 ._modalBody_5jgji_233 ._executeButton_5jgji_326 {
  width: 100%;
  padding: 16px 20px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border: none;
  border-radius: 12px;
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
._microTokenization_5jgji_1 ._modal_5jgji_183 ._modalContent_5jgji_196 ._modalBody_5jgji_233 ._executeButton_5jgji_326 ._buttonIcon_5jgji_154 {
  width: 20px;
  height: 20px;
}
._microTokenization_5jgji_1 ._modal_5jgji_183 ._modalContent_5jgji_196 ._modalBody_5jgji_233 ._executeButton_5jgji_326:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);
}
@media (max-width: 768px) {
  ._microTokenization_5jgji_1 {
    padding: 20px;
  }
  ._microTokenization_5jgji_1 ._stats_5jgji_20 {
    grid-template-columns: 1fr;
    gap: 15px;
  }
  ._microTokenization_5jgji_1 ._assetsGrid_5jgji_45 {
    grid-template-columns: 1fr;
  }
  ._microTokenization_5jgji_1 ._modal_5jgji_183 {
    padding: 10px;
  }
  ._microTokenization_5jgji_1 ._modal_5jgji_183 ._modalContent_5jgji_196 ._modalHeader_5jgji_205 {
    padding: 20px 25px;
  }
  ._microTokenization_5jgji_1 ._modal_5jgji_183 ._modalContent_5jgji_196 ._modalBody_5jgji_233 {
    padding: 25px;
  }
  ._microTokenization_5jgji_1 ._modal_5jgji_183 ._modalContent_5jgji_196 ._modalBody_5jgji_233 ._previewGrid_5jgji_245 {
    grid-template-columns: 1fr;
  }
}._freeTier_1xm37_1 {
  background: linear-gradient(135deg, #ff6b6b 0%, #feca57 50%, #48dbfb 100%);
  border-radius: 20px;
  padding: 40px;
  margin: 30px 0;
  color: white;
  position: relative;
  overflow: hidden;
  box-shadow: 0 15px 35px rgba(255, 107, 107, 0.3);
}
._freeTier_1xm37_1::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(255, 255, 255, 0.1) 10px, rgba(255, 255, 255, 0.1) 20px);
  animation: _shine_1xm37_1 3s linear infinite;
  pointer-events: none;
}
@keyframes _shine_1xm37_1 {
  0% {
    transform: translateX(-100%) translateY(-100%) rotate(45deg);
  }
  100% {
    transform: translateX(100%) translateY(100%) rotate(45deg);
  }
}
._freeTier_1xm37_1 ._header_1xm37_30 {
  text-align: center;
  margin-bottom: 40px;
  position: relative;
  z-index: 2;
}
._freeTier_1xm37_1 ._header_1xm37_30 ._flame_1xm37_36 {
  font-size: 4rem;
  animation: _bounce_1xm37_1 2s infinite;
  margin-bottom: 10px;
}
@keyframes _bounce_1xm37_1 {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}
._freeTier_1xm37_1 ._header_1xm37_30 h2 {
  font-size: 3rem;
  font-weight: 900;
  margin-bottom: 15px;
  text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
  letter-spacing: 2px;
}
._freeTier_1xm37_1 ._header_1xm37_30 p {
  font-size: 1.3rem;
  opacity: 0.95;
  font-weight: 600;
}
._freeTier_1xm37_1 ._offer_1xm37_64 {
  background: rgba(255, 255, 255, 0.15);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 16px;
  padding: 30px;
  margin-bottom: 30px;
  border: 2px solid rgba(255, 255, 255, 0.2);
}
._freeTier_1xm37_1 ._offer_1xm37_64 ._offerContent_1xm37_72 ._badge_1xm37_72 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #ff4757;
  padding: 8px 16px;
  border-radius: 25px;
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 20px;
  animation: _pulse_1xm37_1 2s infinite;
}
._freeTier_1xm37_1 ._offer_1xm37_64 ._offerContent_1xm37_72 ._badge_1xm37_72 ._badgeIcon_1xm37_84 {
  width: 18px;
  height: 18px;
}
@keyframes _pulse_1xm37_1 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
._freeTier_1xm37_1 ._offer_1xm37_64 ._offerContent_1xm37_72 ._pricing_1xm37_99 {
  margin-bottom: 20px;
}
._freeTier_1xm37_1 ._offer_1xm37_64 ._offerContent_1xm37_72 ._pricing_1xm37_99 ._oldPrice_1xm37_102 ._strikethrough_1xm37_102 {
  font-size: 1.2rem;
  text-decoration: line-through;
  opacity: 0.7;
  color: #ffcccc;
}
._freeTier_1xm37_1 ._offer_1xm37_64 ._offerContent_1xm37_72 ._pricing_1xm37_99 ._newPrice_1xm37_108 {
  display: flex;
  align-items: baseline;
  gap: 15px;
  margin-top: 10px;
}
._freeTier_1xm37_1 ._offer_1xm37_64 ._offerContent_1xm37_72 ._pricing_1xm37_99 ._newPrice_1xm37_108 ._free_1xm37_1 {
  font-size: 3rem;
  font-weight: 900;
  color: #2ecc71;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
._freeTier_1xm37_1 ._offer_1xm37_64 ._offerContent_1xm37_72 ._pricing_1xm37_99 ._newPrice_1xm37_108 ._limit_1xm37_120 {
  font-size: 1rem;
  opacity: 0.9;
  font-weight: 600;
}
._freeTier_1xm37_1 ._offer_1xm37_64 ._offerContent_1xm37_72 ._savings_1xm37_125 {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 1.2rem;
  font-weight: 700;
  color: #f1c40f;
}
._freeTier_1xm37_1 ._offer_1xm37_64 ._offerContent_1xm37_72 ._savings_1xm37_125 ._savingsIcon_1xm37_133 {
  width: 24px;
  height: 24px;
}
._freeTier_1xm37_1 ._offer_1xm37_64 ._usageProgress_1xm37_137 {
  margin-top: 25px;
}
._freeTier_1xm37_1 ._offer_1xm37_64 ._usageProgress_1xm37_137 ._progressHeader_1xm37_140 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  font-weight: 600;
}
._freeTier_1xm37_1 ._offer_1xm37_64 ._usageProgress_1xm37_137 ._progressBar_1xm37_146 {
  width: 100%;
  height: 12px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 10px;
}
._freeTier_1xm37_1 ._offer_1xm37_64 ._usageProgress_1xm37_137 ._progressBar_1xm37_146 ._progressFill_1xm37_154 {
  height: 100%;
  background: linear-gradient(90deg, #2ecc71, #27ae60);
  border-radius: 6px;
  transition: width 0.3s ease;
}
._freeTier_1xm37_1 ._offer_1xm37_64 ._usageProgress_1xm37_137 ._remaining_1xm37_160 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  color: #2ecc71;
}
._freeTier_1xm37_1 ._offer_1xm37_64 ._usageProgress_1xm37_137 ._remaining_1xm37_160 ._boltIcon_1xm37_167 {
  width: 18px;
  height: 18px;
}
._freeTier_1xm37_1 ._features_1xm37_171 {
  margin-bottom: 30px;
}
._freeTier_1xm37_1 ._features_1xm37_171 h3 {
  font-size: 1.5rem;
  margin-bottom: 20px;
  font-weight: 700;
}
._freeTier_1xm37_1 ._features_1xm37_171 ._featureGrid_1xm37_179 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 15px;
}
._freeTier_1xm37_1 ._features_1xm37_171 ._featureGrid_1xm37_179 ._feature_1xm37_171 {
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(255, 255, 255, 0.1);
  padding: 12px 16px;
  border-radius: 25px;
  font-weight: 600;
}
._freeTier_1xm37_1 ._features_1xm37_171 ._featureGrid_1xm37_179 ._feature_1xm37_171 ._featureIcon_1xm37_193 {
  width: 18px;
  height: 18px;
  color: #f1c40f;
}
._freeTier_1xm37_1 ._comparison_1xm37_198 {
  margin-bottom: 30px;
}
._freeTier_1xm37_1 ._comparison_1xm37_198 h3 {
  font-size: 1.5rem;
  margin-bottom: 20px;
  font-weight: 700;
}
._freeTier_1xm37_1 ._comparison_1xm37_198 ._comparisonTable_1xm37_206 {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 12px;
  padding: 20px;
}
._freeTier_1xm37_1 ._comparison_1xm37_198 ._comparisonTable_1xm37_206 ._comparisonRow_1xm37_211 {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
._freeTier_1xm37_1 ._comparison_1xm37_198 ._comparisonTable_1xm37_206 ._comparisonRow_1xm37_211:last-child {
  border-bottom: none;
}
._freeTier_1xm37_1 ._comparison_1xm37_198 ._comparisonTable_1xm37_206 ._comparisonRow_1xm37_211._oroBit_1xm37_220 {
  background: linear-gradient(90deg, rgba(46, 204, 113, 0.3), rgba(39, 174, 96, 0.3));
  margin: 10px -10px -10px;
  padding: 15px 10px;
  border-radius: 8px;
  font-weight: 700;
  border: 2px solid #2ecc71;
}
._freeTier_1xm37_1 ._comparison_1xm37_198 ._comparisonTable_1xm37_206 ._comparisonRow_1xm37_211 ._platform_1xm37_228 {
  font-weight: 600;
}
._freeTier_1xm37_1 ._comparison_1xm37_198 ._comparisonTable_1xm37_206 ._comparisonRow_1xm37_211 ._cost_1xm37_231 {
  font-weight: 700;
  text-align: right;
}
._freeTier_1xm37_1 ._urgency_1xm37_235 {
  text-align: center;
  margin-bottom: 30px;
}
._freeTier_1xm37_1 ._urgency_1xm37_235 ._urgencyBadge_1xm37_239 {
  display: inline-block;
  background: #e74c3c;
  padding: 8px 20px;
  border-radius: 25px;
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 10px;
  animation: _flash_1xm37_1 1.5s infinite;
}
@keyframes _flash_1xm37_1 {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
}
._freeTier_1xm37_1 ._urgency_1xm37_235 p {
  font-size: 1.1rem;
  font-weight: 600;
  opacity: 0.95;
}
._freeTier_1xm37_1 ._claimButton_1xm37_262 {
  width: 100%;
  padding: 20px 30px;
  background: linear-gradient(135deg, #2ecc71 0%, #27ae60 100%);
  color: white;
  border: none;
  border-radius: 15px;
  font-size: 1.3rem;
  font-weight: 900;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  box-shadow: 0 8px 20px rgba(46, 204, 113, 0.4);
}
._freeTier_1xm37_1 ._claimButton_1xm37_262 ._buttonIcon_1xm37_281 {
  width: 28px;
  height: 28px;
}
._freeTier_1xm37_1 ._claimButton_1xm37_262:hover {
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 12px 30px rgba(46, 204, 113, 0.6);
}
._freeTier_1xm37_1 ._claimButton_1xm37_262:active {
  transform: translateY(-1px) scale(1.01);
}
._freeTier_1xm37_1 ._disclaimer_1xm37_292 {
  text-align: center;
  margin-top: 20px;
  opacity: 0.8;
  font-size: 0.9rem;
}
@media (max-width: 768px) {
  ._freeTier_1xm37_1 {
    padding: 25px 20px;
  }
  ._freeTier_1xm37_1 ._header_1xm37_30 h2 {
    font-size: 2.2rem;
  }
  ._freeTier_1xm37_1 ._header_1xm37_30 p {
    font-size: 1.1rem;
  }
  ._freeTier_1xm37_1 ._offer_1xm37_64 {
    padding: 20px;
  }
  ._freeTier_1xm37_1 ._features_1xm37_171 ._featureGrid_1xm37_179 {
    grid-template-columns: 1fr;
  }
  ._freeTier_1xm37_1 ._comparison_1xm37_198 ._comparisonTable_1xm37_206 ._comparisonRow_1xm37_211 {
    flex-direction: column;
    gap: 5px;
    text-align: left;
  }
  ._freeTier_1xm37_1 ._comparison_1xm37_198 ._comparisonTable_1xm37_206 ._comparisonRow_1xm37_211 ._cost_1xm37_231 {
    text-align: left;
  }
  ._freeTier_1xm37_1 ._claimButton_1xm37_262 {
    font-size: 1.1rem;
    padding: 18px 25px;
  }
}._showcase_fv8l5_1 {
  padding: 40px 20px;
  max-width: 1600px;
  margin: 0 auto;
}
._showcase_fv8l5_1 ._header_fv8l5_6 {
  text-align: center;
  margin-bottom: 40px;
}
._showcase_fv8l5_1 ._header_fv8l5_6 h2 {
  font-size: 3.5rem;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 15px;
  font-weight: 900;
}
._showcase_fv8l5_1 ._header_fv8l5_6 p {
  font-size: 1.4rem;
  color: #6b7280;
  max-width: 600px;
  margin: 0 auto;
}
._showcase_fv8l5_1 ._categoryFilter_fv8l5_24 {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
._showcase_fv8l5_1 ._categoryFilter_fv8l5_24 ._categoryButton_fv8l5_31 {
  padding: 12px 24px;
  border: 2px solid #e5e7eb;
  background: white;
  border-radius: 25px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-weight: 600;
  color: #6b7280;
}
._showcase_fv8l5_1 ._categoryFilter_fv8l5_24 ._categoryButton_fv8l5_31:hover {
  border-color: #667eea;
  color: #667eea;
  transform: translateY(-2px);
}
._showcase_fv8l5_1 ._categoryFilter_fv8l5_24 ._categoryButton_fv8l5_31._active_fv8l5_46 {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border-color: transparent;
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
}
._showcase_fv8l5_1 ._useCasesGrid_fv8l5_52 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 30px;
  margin-bottom: 40px;
}
._showcase_fv8l5_1 ._useCasesGrid_fv8l5_52 ._useCaseCard_fv8l5_58 {
  border-radius: 20px;
  padding: 0;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.4s ease;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
  position: relative;
  color: white;
  min-height: 450px;
  display: flex;
  flex-direction: column;
}
._showcase_fv8l5_1 ._useCasesGrid_fv8l5_52 ._useCaseCard_fv8l5_58:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}
._showcase_fv8l5_1 ._useCasesGrid_fv8l5_52 ._useCaseCard_fv8l5_58._featured_fv8l5_75 {
  border: 3px solid #ffd700;
  box-shadow: 0 8px 25px rgba(255, 215, 0, 0.3);
}
._showcase_fv8l5_1 ._useCasesGrid_fv8l5_52 ._useCaseCard_fv8l5_58._featured_fv8l5_75:hover {
  box-shadow: 0 20px 40px rgba(255, 215, 0, 0.4);
}
._showcase_fv8l5_1 ._useCasesGrid_fv8l5_52 ._useCaseCard_fv8l5_58 ._featuredBadge_fv8l5_82 {
  position: absolute;
  top: 15px;
  right: 15px;
  background: #ffd700;
  color: #1f2937;
  padding: 6px 12px;
  border-radius: 15px;
  font-size: 12px;
  font-weight: 700;
  z-index: 2;
  animation: _pulse_fv8l5_1 2s infinite;
}
@keyframes _pulse_fv8l5_1 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
._showcase_fv8l5_1 ._useCasesGrid_fv8l5_52 ._useCaseCard_fv8l5_58 ._cardHeader_fv8l5_106 {
  padding: 30px 30px 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
._showcase_fv8l5_1 ._useCasesGrid_fv8l5_52 ._useCaseCard_fv8l5_58 ._cardHeader_fv8l5_106 ._iconWrapper_fv8l5_112 {
  width: 70px;
  height: 70px;
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
._showcase_fv8l5_1 ._useCasesGrid_fv8l5_52 ._useCaseCard_fv8l5_58 ._cardHeader_fv8l5_106 ._iconWrapper_fv8l5_112 ._icon_fv8l5_112 {
  width: 40px;
  height: 40px;
}
._showcase_fv8l5_1 ._useCasesGrid_fv8l5_52 ._useCaseCard_fv8l5_58 ._cardHeader_fv8l5_106 ._categoryTag_fv8l5_127 {
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 600;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
._showcase_fv8l5_1 ._useCasesGrid_fv8l5_52 ._useCaseCard_fv8l5_58 ._cardContent_fv8l5_136 {
  padding: 0 30px;
  flex: 1;
}
._showcase_fv8l5_1 ._useCasesGrid_fv8l5_52 ._useCaseCard_fv8l5_58 ._cardContent_fv8l5_136 h3 {
  font-size: 1.8rem;
  font-weight: 800;
  margin-bottom: 15px;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
._showcase_fv8l5_1 ._useCasesGrid_fv8l5_52 ._useCaseCard_fv8l5_58 ._cardContent_fv8l5_136 ._description_fv8l5_146 {
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 25px;
  opacity: 0.95;
}
._showcase_fv8l5_1 ._useCasesGrid_fv8l5_52 ._useCaseCard_fv8l5_58 ._cardContent_fv8l5_136 ._quickStats_fv8l5_152 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  margin-bottom: 20px;
}
._showcase_fv8l5_1 ._useCasesGrid_fv8l5_52 ._useCaseCard_fv8l5_58 ._cardContent_fv8l5_136 ._quickStats_fv8l5_152 ._stat_fv8l5_158 {
  background: rgba(255, 255, 255, 0.15);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  padding: 15px 10px;
  border-radius: 12px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
._showcase_fv8l5_1 ._useCasesGrid_fv8l5_52 ._useCaseCard_fv8l5_58 ._cardContent_fv8l5_136 ._quickStats_fv8l5_152 ._stat_fv8l5_158 ._statLabel_fv8l5_166 {
  display: block;
  font-size: 12px;
  opacity: 0.8;
  margin-bottom: 5px;
  font-weight: 500;
}
._showcase_fv8l5_1 ._useCasesGrid_fv8l5_52 ._useCaseCard_fv8l5_58 ._cardContent_fv8l5_136 ._quickStats_fv8l5_152 ._stat_fv8l5_158 ._statValue_fv8l5_173 {
  display: block;
  font-size: 14px;
  font-weight: 700;
}
._showcase_fv8l5_1 ._useCasesGrid_fv8l5_52 ._useCaseCard_fv8l5_58 ._cardContent_fv8l5_136 ._examples_fv8l5_178 ._exampleItem_fv8l5_178 {
  background: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  padding: 12px 16px;
  border-radius: 10px;
  font-size: 14px;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
._showcase_fv8l5_1 ._useCasesGrid_fv8l5_52 ._useCaseCard_fv8l5_58 ._cardAction_fv8l5_186 {
  padding: 20px 30px 30px;
}
._showcase_fv8l5_1 ._useCasesGrid_fv8l5_52 ._useCaseCard_fv8l5_58 ._cardAction_fv8l5_186 ._exploreButton_fv8l5_189 {
  width: 100%;
  padding: 15px 20px;
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  color: white;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
._showcase_fv8l5_1 ._useCasesGrid_fv8l5_52 ._useCaseCard_fv8l5_58 ._cardAction_fv8l5_186 ._exploreButton_fv8l5_189 ._buttonIcon_fv8l5_205 {
  width: 20px;
  height: 20px;
}
._showcase_fv8l5_1 ._useCasesGrid_fv8l5_52 ._useCaseCard_fv8l5_58 ._cardAction_fv8l5_186 ._exploreButton_fv8l5_189:hover {
  background: rgba(255, 255, 255, 0.3);
  transform: translateY(-2px);
}
._showcase_fv8l5_1 ._modal_fv8l5_213 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2000;
  padding: 20px;
}
._showcase_fv8l5_1 ._modal_fv8l5_213 ._modalContent_fv8l5_226 {
  background: white;
  border-radius: 25px;
  overflow: hidden;
  max-width: 900px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);
}
._showcase_fv8l5_1 ._modal_fv8l5_213 ._modalContent_fv8l5_226 ._modalHeader_fv8l5_236 {
  padding: 30px;
  color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._showcase_fv8l5_1 ._modal_fv8l5_213 ._modalContent_fv8l5_226 ._modalHeader_fv8l5_236 ._modalTitle_fv8l5_243 {
  display: flex;
  align-items: center;
  gap: 20px;
}
._showcase_fv8l5_1 ._modal_fv8l5_213 ._modalContent_fv8l5_226 ._modalHeader_fv8l5_236 ._modalTitle_fv8l5_243 ._modalIcon_fv8l5_248 {
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._showcase_fv8l5_1 ._modal_fv8l5_213 ._modalContent_fv8l5_226 ._modalHeader_fv8l5_236 ._modalTitle_fv8l5_243 ._modalIcon_fv8l5_248 ._icon_fv8l5_112 {
  width: 35px;
  height: 35px;
}
._showcase_fv8l5_1 ._modal_fv8l5_213 ._modalContent_fv8l5_226 ._modalHeader_fv8l5_236 ._modalTitle_fv8l5_243 h2 {
  margin: 0;
  font-size: 2rem;
  font-weight: 800;
}
._showcase_fv8l5_1 ._modal_fv8l5_213 ._modalContent_fv8l5_226 ._modalHeader_fv8l5_236 ._modalTitle_fv8l5_243 p {
  margin: 5px 0 0;
  opacity: 0.9;
  font-size: 1.1rem;
}
._showcase_fv8l5_1 ._modal_fv8l5_213 ._modalContent_fv8l5_226 ._modalHeader_fv8l5_236 ._closeButton_fv8l5_272 {
  background: rgba(255, 255, 255, 0.2);
  border: none;
  color: white;
  font-size: 28px;
  cursor: pointer;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
._showcase_fv8l5_1 ._modal_fv8l5_213 ._modalContent_fv8l5_226 ._modalHeader_fv8l5_236 ._closeButton_fv8l5_272:hover {
  background: rgba(255, 255, 255, 0.3);
}
._showcase_fv8l5_1 ._modal_fv8l5_213 ._modalContent_fv8l5_226 ._modalBody_fv8l5_289 {
  padding: 40px;
}
._showcase_fv8l5_1 ._modal_fv8l5_213 ._modalContent_fv8l5_226 ._modalBody_fv8l5_289 ._overview_fv8l5_292 {
  margin-bottom: 40px;
}
._showcase_fv8l5_1 ._modal_fv8l5_213 ._modalContent_fv8l5_226 ._modalBody_fv8l5_289 ._overview_fv8l5_292 ._fullDescription_fv8l5_295 {
  font-size: 1.2rem;
  line-height: 1.7;
  color: #374151;
  margin-bottom: 30px;
}
._showcase_fv8l5_1 ._modal_fv8l5_213 ._modalContent_fv8l5_226 ._modalBody_fv8l5_289 ._overview_fv8l5_292 ._keyMetrics_fv8l5_301 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
._showcase_fv8l5_1 ._modal_fv8l5_213 ._modalContent_fv8l5_226 ._modalBody_fv8l5_289 ._overview_fv8l5_292 ._keyMetrics_fv8l5_301 ._metric_fv8l5_306 {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 20px;
  background: #f8fafc;
  border-radius: 15px;
  border: 2px solid #e2e8f0;
}
._showcase_fv8l5_1 ._modal_fv8l5_213 ._modalContent_fv8l5_226 ._modalBody_fv8l5_289 ._overview_fv8l5_292 ._keyMetrics_fv8l5_301 ._metric_fv8l5_306 ._metricIcon_fv8l5_315 {
  width: 30px;
  height: 30px;
  color: #667eea;
}
._showcase_fv8l5_1 ._modal_fv8l5_213 ._modalContent_fv8l5_226 ._modalBody_fv8l5_289 ._overview_fv8l5_292 ._keyMetrics_fv8l5_301 ._metric_fv8l5_306 ._metricLabel_fv8l5_320 {
  display: block;
  font-size: 14px;
  color: #6b7280;
  margin-bottom: 5px;
}
._showcase_fv8l5_1 ._modal_fv8l5_213 ._modalContent_fv8l5_226 ._modalBody_fv8l5_289 ._overview_fv8l5_292 ._keyMetrics_fv8l5_301 ._metric_fv8l5_306 ._metricValue_fv8l5_326 {
  display: block;
  font-size: 18px;
  font-weight: 700;
  color: #1f2937;
}
._showcase_fv8l5_1 ._modal_fv8l5_213 ._modalContent_fv8l5_226 ._modalBody_fv8l5_289 ._detailSections_fv8l5_332 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  margin-bottom: 40px;
}
._showcase_fv8l5_1 ._modal_fv8l5_213 ._modalContent_fv8l5_226 ._modalBody_fv8l5_289 ._detailSections_fv8l5_332 ._section_fv8l5_338 h4 {
  font-size: 1.3rem;
  color: #1f2937;
  margin-bottom: 20px;
  font-weight: 700;
}
._showcase_fv8l5_1 ._modal_fv8l5_213 ._modalContent_fv8l5_226 ._modalBody_fv8l5_289 ._detailSections_fv8l5_332 ._section_fv8l5_338 ._examplesList_fv8l5_344,
._showcase_fv8l5_1 ._modal_fv8l5_213 ._modalContent_fv8l5_226 ._modalBody_fv8l5_289 ._detailSections_fv8l5_332 ._section_fv8l5_338 ._benefitsList_fv8l5_345 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._showcase_fv8l5_1 ._modal_fv8l5_213 ._modalContent_fv8l5_226 ._modalBody_fv8l5_289 ._detailSections_fv8l5_332 ._section_fv8l5_338 ._examplesList_fv8l5_344 ._exampleItem_fv8l5_178,
._showcase_fv8l5_1 ._modal_fv8l5_213 ._modalContent_fv8l5_226 ._modalBody_fv8l5_289 ._detailSections_fv8l5_332 ._section_fv8l5_338 ._examplesList_fv8l5_344 ._benefitItem_fv8l5_351,
._showcase_fv8l5_1 ._modal_fv8l5_213 ._modalContent_fv8l5_226 ._modalBody_fv8l5_289 ._detailSections_fv8l5_332 ._section_fv8l5_338 ._benefitsList_fv8l5_345 ._exampleItem_fv8l5_178,
._showcase_fv8l5_1 ._modal_fv8l5_213 ._modalContent_fv8l5_226 ._modalBody_fv8l5_289 ._detailSections_fv8l5_332 ._section_fv8l5_338 ._benefitsList_fv8l5_345 ._benefitItem_fv8l5_351 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 15px;
  background: #f0f9ff;
  border-radius: 10px;
  border-left: 4px solid #0ea5e9;
}
._showcase_fv8l5_1 ._modal_fv8l5_213 ._modalContent_fv8l5_226 ._modalBody_fv8l5_289 ._detailSections_fv8l5_332 ._section_fv8l5_338 ._examplesList_fv8l5_344 ._exampleItem_fv8l5_178 ._exampleIcon_fv8l5_362,
._showcase_fv8l5_1 ._modal_fv8l5_213 ._modalContent_fv8l5_226 ._modalBody_fv8l5_289 ._detailSections_fv8l5_332 ._section_fv8l5_338 ._examplesList_fv8l5_344 ._exampleItem_fv8l5_178 ._benefitIcon_fv8l5_363,
._showcase_fv8l5_1 ._modal_fv8l5_213 ._modalContent_fv8l5_226 ._modalBody_fv8l5_289 ._detailSections_fv8l5_332 ._section_fv8l5_338 ._examplesList_fv8l5_344 ._benefitItem_fv8l5_351 ._exampleIcon_fv8l5_362,
._showcase_fv8l5_1 ._modal_fv8l5_213 ._modalContent_fv8l5_226 ._modalBody_fv8l5_289 ._detailSections_fv8l5_332 ._section_fv8l5_338 ._examplesList_fv8l5_344 ._benefitItem_fv8l5_351 ._benefitIcon_fv8l5_363,
._showcase_fv8l5_1 ._modal_fv8l5_213 ._modalContent_fv8l5_226 ._modalBody_fv8l5_289 ._detailSections_fv8l5_332 ._section_fv8l5_338 ._benefitsList_fv8l5_345 ._exampleItem_fv8l5_178 ._exampleIcon_fv8l5_362,
._showcase_fv8l5_1 ._modal_fv8l5_213 ._modalContent_fv8l5_226 ._modalBody_fv8l5_289 ._detailSections_fv8l5_332 ._section_fv8l5_338 ._benefitsList_fv8l5_345 ._exampleItem_fv8l5_178 ._benefitIcon_fv8l5_363,
._showcase_fv8l5_1 ._modal_fv8l5_213 ._modalContent_fv8l5_226 ._modalBody_fv8l5_289 ._detailSections_fv8l5_332 ._section_fv8l5_338 ._benefitsList_fv8l5_345 ._benefitItem_fv8l5_351 ._exampleIcon_fv8l5_362,
._showcase_fv8l5_1 ._modal_fv8l5_213 ._modalContent_fv8l5_226 ._modalBody_fv8l5_289 ._detailSections_fv8l5_332 ._section_fv8l5_338 ._benefitsList_fv8l5_345 ._benefitItem_fv8l5_351 ._benefitIcon_fv8l5_363 {
  font-size: 16px;
  margin-top: 2px;
}
._showcase_fv8l5_1 ._modal_fv8l5_213 ._modalContent_fv8l5_226 ._modalBody_fv8l5_289 ._detailSections_fv8l5_332 ._section_fv8l5_338 ._examplesList_fv8l5_344 ._benefitItem_fv8l5_351,
._showcase_fv8l5_1 ._modal_fv8l5_213 ._modalContent_fv8l5_226 ._modalBody_fv8l5_289 ._detailSections_fv8l5_332 ._section_fv8l5_338 ._benefitsList_fv8l5_345 ._benefitItem_fv8l5_351 {
  background: #f0fdf4;
  border-left-color: #10b981;
}
._showcase_fv8l5_1 ._modal_fv8l5_213 ._modalContent_fv8l5_226 ._modalBody_fv8l5_289 ._actionSection_fv8l5_378 {
  text-align: center;
  padding: 30px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 20px;
  color: white;
}
._showcase_fv8l5_1 ._modal_fv8l5_213 ._modalContent_fv8l5_226 ._modalBody_fv8l5_289 ._actionSection_fv8l5_378 ._startButton_fv8l5_385 {
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  color: white;
  border: 2px solid rgba(255, 255, 255, 0.3);
  padding: 18px 30px;
  border-radius: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-bottom: 15px;
}
._showcase_fv8l5_1 ._modal_fv8l5_213 ._modalContent_fv8l5_226 ._modalBody_fv8l5_289 ._actionSection_fv8l5_378 ._startButton_fv8l5_385:hover {
  background: rgba(255, 255, 255, 0.3);
  transform: translateY(-2px);
}
._showcase_fv8l5_1 ._modal_fv8l5_213 ._modalContent_fv8l5_226 ._modalBody_fv8l5_289 ._actionSection_fv8l5_378 ._freeNotice_fv8l5_402 {
  margin: 0;
  font-size: 1rem;
  opacity: 0.9;
  font-weight: 600;
}
@media (max-width: 768px) {
  ._showcase_fv8l5_1 {
    padding: 20px 15px;
  }
  ._showcase_fv8l5_1 ._header_fv8l5_6 h2 {
    font-size: 2.5rem;
  }
  ._showcase_fv8l5_1 ._categoryFilter_fv8l5_24 {
    gap: 10px;
  }
  ._showcase_fv8l5_1 ._categoryFilter_fv8l5_24 ._categoryButton_fv8l5_31 {
    padding: 10px 18px;
    font-size: 14px;
  }
  ._showcase_fv8l5_1 ._useCasesGrid_fv8l5_52 {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  ._showcase_fv8l5_1 ._useCasesGrid_fv8l5_52 ._useCaseCard_fv8l5_58 {
    min-height: 400px;
  }
  ._showcase_fv8l5_1 ._useCasesGrid_fv8l5_52 ._useCaseCard_fv8l5_58 ._cardHeader_fv8l5_106 {
    padding: 25px 25px 15px;
  }
  ._showcase_fv8l5_1 ._useCasesGrid_fv8l5_52 ._useCaseCard_fv8l5_58 ._cardHeader_fv8l5_106 ._iconWrapper_fv8l5_112 {
    width: 60px;
    height: 60px;
  }
  ._showcase_fv8l5_1 ._useCasesGrid_fv8l5_52 ._useCaseCard_fv8l5_58 ._cardHeader_fv8l5_106 ._iconWrapper_fv8l5_112 ._icon_fv8l5_112 {
    width: 35px;
    height: 35px;
  }
  ._showcase_fv8l5_1 ._useCasesGrid_fv8l5_52 ._useCaseCard_fv8l5_58 ._cardContent_fv8l5_136 {
    padding: 0 25px;
  }
  ._showcase_fv8l5_1 ._useCasesGrid_fv8l5_52 ._useCaseCard_fv8l5_58 ._cardContent_fv8l5_136 h3 {
    font-size: 1.5rem;
  }
  ._showcase_fv8l5_1 ._useCasesGrid_fv8l5_52 ._useCaseCard_fv8l5_58 ._cardContent_fv8l5_136 ._quickStats_fv8l5_152 {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  ._showcase_fv8l5_1 ._useCasesGrid_fv8l5_52 ._useCaseCard_fv8l5_58 ._cardAction_fv8l5_186 {
    padding: 15px 25px 25px;
  }
  ._showcase_fv8l5_1 ._modal_fv8l5_213 {
    padding: 10px;
  }
  ._showcase_fv8l5_1 ._modal_fv8l5_213 ._modalContent_fv8l5_226 ._modalHeader_fv8l5_236 {
    padding: 25px;
  }
  ._showcase_fv8l5_1 ._modal_fv8l5_213 ._modalContent_fv8l5_226 ._modalHeader_fv8l5_236 ._modalTitle_fv8l5_243 {
    gap: 15px;
  }
  ._showcase_fv8l5_1 ._modal_fv8l5_213 ._modalContent_fv8l5_226 ._modalHeader_fv8l5_236 ._modalTitle_fv8l5_243 h2 {
    font-size: 1.5rem;
  }
  ._showcase_fv8l5_1 ._modal_fv8l5_213 ._modalContent_fv8l5_226 ._modalBody_fv8l5_289 {
    padding: 30px 25px;
  }
  ._showcase_fv8l5_1 ._modal_fv8l5_213 ._modalContent_fv8l5_226 ._modalBody_fv8l5_289 ._keyMetrics_fv8l5_301 {
    grid-template-columns: 1fr;
    gap: 15px;
  }
  ._showcase_fv8l5_1 ._modal_fv8l5_213 ._modalContent_fv8l5_226 ._modalBody_fv8l5_289 ._detailSections_fv8l5_332 {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  ._showcase_fv8l5_1 ._modal_fv8l5_213 ._modalContent_fv8l5_226 ._modalBody_fv8l5_289 ._actionSection_fv8l5_378 {
    padding: 25px;
  }
  ._showcase_fv8l5_1 ._modal_fv8l5_213 ._modalContent_fv8l5_226 ._modalBody_fv8l5_289 ._actionSection_fv8l5_378 ._startButton_fv8l5_385 {
    font-size: 1.1rem;
    padding: 16px 25px;
  }
}._dashboard_19wa0_1 {
  padding: 30px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 20px;
  margin: 30px 0;
  color: white;
  position: relative;
  overflow: hidden;
}
._dashboard_19wa0_1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');
  opacity: 0.3;
  pointer-events: none;
}
._dashboard_19wa0_1 ._header_19wa0_21 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
  position: relative;
  z-index: 2;
}
._dashboard_19wa0_1 ._header_19wa0_21 ._titleSection_19wa0_29 h1 {
  font-size: 3rem;
  font-weight: 900;
  margin-bottom: 10px;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
  background: linear-gradient(45deg, #ffffff, #f0f9ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
._dashboard_19wa0_1 ._header_19wa0_21 ._titleSection_19wa0_29 p {
  font-size: 1.2rem;
  opacity: 0.9;
  font-weight: 500;
}
._dashboard_19wa0_1 ._header_19wa0_21 ._timeSection_19wa0_43 {
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(255, 255, 255, 0.15);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  padding: 12px 20px;
  border-radius: 25px;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
._dashboard_19wa0_1 ._header_19wa0_21 ._timeSection_19wa0_43 ._clockIcon_19wa0_53 {
  width: 20px;
  height: 20px;
}
._dashboard_19wa0_1 ._header_19wa0_21 ._timeSection_19wa0_43 span {
  font-weight: 600;
  font-family: "Courier New", monospace;
}
._dashboard_19wa0_1 ._heroStats_19wa0_61 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
  margin-bottom: 40px;
  position: relative;
  z-index: 2;
}
._dashboard_19wa0_1 ._heroStats_19wa0_61 ._heroCard_19wa0_69 {
  background: rgba(255, 255, 255, 0.15);
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  border-radius: 20px;
  padding: 30px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  gap: 25px;
  transition: all 0.3s ease;
}
._dashboard_19wa0_1 ._heroStats_19wa0_61 ._heroCard_19wa0_69:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
}
._dashboard_19wa0_1 ._heroStats_19wa0_61 ._heroCard_19wa0_69 ._heroIcon_19wa0_84 {
  width: 70px;
  height: 70px;
  background: linear-gradient(135deg, #ffd700, #ffed4e);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 20px rgba(255, 215, 0, 0.3);
}
._dashboard_19wa0_1 ._heroStats_19wa0_61 ._heroCard_19wa0_69 ._heroIcon_19wa0_84 ._icon_19wa0_94 {
  width: 40px;
  height: 40px;
  color: #1f2937;
}
._dashboard_19wa0_1 ._heroStats_19wa0_61 ._heroCard_19wa0_69 ._heroContent_19wa0_99 h2 {
  font-size: 1.1rem;
  margin-bottom: 10px;
  opacity: 0.9;
  font-weight: 600;
}
._dashboard_19wa0_1 ._heroStats_19wa0_61 ._heroCard_19wa0_69 ._heroContent_19wa0_99 ._heroValue_19wa0_105 {
  font-size: 2.5rem;
  font-weight: 900;
  margin-bottom: 8px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
._dashboard_19wa0_1 ._heroStats_19wa0_61 ._heroCard_19wa0_69 ._heroContent_19wa0_99 ._heroSubtext_19wa0_111 ._saved_19wa0_111 {
  color: #10f981;
  font-weight: 700;
  font-size: 0.95rem;
}
._dashboard_19wa0_1 ._heroStats_19wa0_61 ._heroCard_19wa0_69 ._heroContent_19wa0_99 ._heroSubtext_19wa0_111 ._growth_19wa0_116 {
  color: #ffd700;
  font-weight: 700;
  font-size: 0.95rem;
}
._dashboard_19wa0_1 ._metricsGrid_19wa0_121 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-bottom: 40px;
  position: relative;
  z-index: 2;
}
._dashboard_19wa0_1 ._metricsGrid_19wa0_121 ._metricCard_19wa0_129 {
  background: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 16px;
  padding: 25px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  transition: all 0.3s ease;
}
._dashboard_19wa0_1 ._metricsGrid_19wa0_121 ._metricCard_19wa0_129:hover {
  transform: translateY(-3px);
  background: rgba(255, 255, 255, 0.15);
}
._dashboard_19wa0_1 ._metricsGrid_19wa0_121 ._metricCard_19wa0_129 ._metricHeader_19wa0_141 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
._dashboard_19wa0_1 ._metricsGrid_19wa0_121 ._metricCard_19wa0_129 ._metricHeader_19wa0_141 ._metricIcon_19wa0_147 {
  width: 45px;
  height: 45px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._dashboard_19wa0_1 ._metricsGrid_19wa0_121 ._metricCard_19wa0_129 ._metricHeader_19wa0_141 ._metricIcon_19wa0_147 ._icon_19wa0_94 {
  width: 24px;
  height: 24px;
  color: white;
}
._dashboard_19wa0_1 ._metricsGrid_19wa0_121 ._metricCard_19wa0_129 ._metricHeader_19wa0_141 ._metricChange_19wa0_160 {
  font-size: 14px;
  font-weight: 700;
  padding: 4px 8px;
  border-radius: 8px;
}
._dashboard_19wa0_1 ._metricsGrid_19wa0_121 ._metricCard_19wa0_129 ._metricHeader_19wa0_141 ._metricChange_19wa0_160._positive_19wa0_166 {
  background: rgba(16, 185, 129, 0.2);
  color: #10f981;
}
._dashboard_19wa0_1 ._metricsGrid_19wa0_121 ._metricCard_19wa0_129 ._metricHeader_19wa0_141 ._metricChange_19wa0_160._negative_19wa0_170 {
  background: rgba(239, 68, 68, 0.2);
  color: #ff6b6b;
}
._dashboard_19wa0_1 ._metricsGrid_19wa0_121 ._metricCard_19wa0_129 ._metricHeader_19wa0_141 ._metricChange_19wa0_160._neutral_19wa0_174 {
  background: rgba(156, 163, 175, 0.2);
  color: #d1d5db;
}
._dashboard_19wa0_1 ._metricsGrid_19wa0_121 ._metricCard_19wa0_129 ._metricContent_19wa0_178 h3 {
  font-size: 0.9rem;
  margin-bottom: 8px;
  opacity: 0.8;
  font-weight: 600;
}
._dashboard_19wa0_1 ._metricsGrid_19wa0_121 ._metricCard_19wa0_129 ._metricContent_19wa0_178 ._metricValue_19wa0_184 {
  font-size: 1.8rem;
  font-weight: 800;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
._dashboard_19wa0_1 ._contentGrid_19wa0_189 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  margin-bottom: 40px;
  position: relative;
  z-index: 2;
}
._dashboard_19wa0_1 ._contentGrid_19wa0_189 ._activitySection_19wa0_197,
._dashboard_19wa0_1 ._contentGrid_19wa0_189 ._trendingSection_19wa0_198 {
  background: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 20px;
  padding: 25px;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
._dashboard_19wa0_1 ._contentGrid_19wa0_189 ._activitySection_19wa0_197 ._sectionHeader_19wa0_205,
._dashboard_19wa0_1 ._contentGrid_19wa0_189 ._trendingSection_19wa0_198 ._sectionHeader_19wa0_205 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
}
._dashboard_19wa0_1 ._contentGrid_19wa0_189 ._activitySection_19wa0_197 ._sectionHeader_19wa0_205 h3,
._dashboard_19wa0_1 ._contentGrid_19wa0_189 ._trendingSection_19wa0_198 ._sectionHeader_19wa0_205 h3 {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 1.3rem;
  font-weight: 700;
}
._dashboard_19wa0_1 ._contentGrid_19wa0_189 ._activitySection_19wa0_197 ._sectionHeader_19wa0_205 h3 ._sectionIcon_19wa0_220,
._dashboard_19wa0_1 ._contentGrid_19wa0_189 ._trendingSection_19wa0_198 ._sectionHeader_19wa0_205 h3 ._sectionIcon_19wa0_220 {
  width: 24px;
  height: 24px;
}
._dashboard_19wa0_1 ._contentGrid_19wa0_189 ._activitySection_19wa0_197 ._sectionHeader_19wa0_205 ._liveBadge_19wa0_225,
._dashboard_19wa0_1 ._contentGrid_19wa0_189 ._trendingSection_19wa0_198 ._sectionHeader_19wa0_205 ._liveBadge_19wa0_225 {
  background: #ff4757;
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 700;
  animation: _pulse_19wa0_1 2s infinite;
}
._dashboard_19wa0_1 ._contentGrid_19wa0_189 ._activitySection_19wa0_197 ._sectionHeader_19wa0_205 ._timeframeSelector_19wa0_234,
._dashboard_19wa0_1 ._contentGrid_19wa0_189 ._trendingSection_19wa0_198 ._sectionHeader_19wa0_205 ._timeframeSelector_19wa0_234 {
  display: flex;
  gap: 5px;
}
._dashboard_19wa0_1 ._contentGrid_19wa0_189 ._activitySection_19wa0_197 ._sectionHeader_19wa0_205 ._timeframeSelector_19wa0_234 ._timeframeButton_19wa0_239,
._dashboard_19wa0_1 ._contentGrid_19wa0_189 ._trendingSection_19wa0_198 ._sectionHeader_19wa0_205 ._timeframeSelector_19wa0_234 ._timeframeButton_19wa0_239 {
  padding: 6px 12px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 12px;
  font-weight: 600;
}
._dashboard_19wa0_1 ._contentGrid_19wa0_189 ._activitySection_19wa0_197 ._sectionHeader_19wa0_205 ._timeframeSelector_19wa0_234 ._timeframeButton_19wa0_239:hover,
._dashboard_19wa0_1 ._contentGrid_19wa0_189 ._trendingSection_19wa0_198 ._sectionHeader_19wa0_205 ._timeframeSelector_19wa0_234 ._timeframeButton_19wa0_239:hover {
  background: rgba(255, 255, 255, 0.2);
}
._dashboard_19wa0_1 ._contentGrid_19wa0_189 ._activitySection_19wa0_197 ._sectionHeader_19wa0_205 ._timeframeSelector_19wa0_234 ._timeframeButton_19wa0_239._active_19wa0_255,
._dashboard_19wa0_1 ._contentGrid_19wa0_189 ._trendingSection_19wa0_198 ._sectionHeader_19wa0_205 ._timeframeSelector_19wa0_234 ._timeframeButton_19wa0_239._active_19wa0_255 {
  background: rgba(255, 255, 255, 0.3);
  border-color: rgba(255, 255, 255, 0.5);
}
._dashboard_19wa0_1 ._contentGrid_19wa0_189 ._activityList_19wa0_260 {
  display: flex;
  flex-direction: column;
  gap: 15px;
  max-height: 400px;
  overflow-y: auto;
}
._dashboard_19wa0_1 ._contentGrid_19wa0_189 ._activityList_19wa0_260 ._activityItem_19wa0_267 {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 15px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
._dashboard_19wa0_1 ._contentGrid_19wa0_189 ._activityList_19wa0_260 ._activityItem_19wa0_267 ._activityIcon_19wa0_276 {
  font-size: 24px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
}
._dashboard_19wa0_1 ._contentGrid_19wa0_189 ._activityList_19wa0_260 ._activityItem_19wa0_267 ._activityContent_19wa0_286 {
  flex: 1;
}
._dashboard_19wa0_1 ._contentGrid_19wa0_189 ._activityList_19wa0_260 ._activityItem_19wa0_267 ._activityContent_19wa0_286 ._activityDescription_19wa0_289 {
  font-weight: 600;
  margin-bottom: 5px;
}
._dashboard_19wa0_1 ._contentGrid_19wa0_189 ._activityList_19wa0_260 ._activityItem_19wa0_267 ._activityContent_19wa0_286 ._activityMeta_19wa0_293 {
  display: flex;
  gap: 15px;
  font-size: 14px;
  opacity: 0.8;
}
._dashboard_19wa0_1 ._contentGrid_19wa0_189 ._activityList_19wa0_260 ._activityItem_19wa0_267 ._activityContent_19wa0_286 ._activityMeta_19wa0_293 ._activityAmount_19wa0_299 {
  color: #10f981;
  font-weight: 700;
}
._dashboard_19wa0_1 ._contentGrid_19wa0_189 ._trendingList_19wa0_303 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._dashboard_19wa0_1 ._contentGrid_19wa0_189 ._trendingList_19wa0_303 ._trendingItem_19wa0_308 {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 15px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease;
}
._dashboard_19wa0_1 ._contentGrid_19wa0_189 ._trendingList_19wa0_303 ._trendingItem_19wa0_308:hover {
  background: rgba(255, 255, 255, 0.12);
}
._dashboard_19wa0_1 ._contentGrid_19wa0_189 ._trendingList_19wa0_303 ._trendingItem_19wa0_308 ._assetRank_19wa0_321 {
  font-weight: 800;
  color: #ffd700;
  width: 25px;
}
._dashboard_19wa0_1 ._contentGrid_19wa0_189 ._trendingList_19wa0_303 ._trendingItem_19wa0_308 ._assetIcon_19wa0_326 {
  font-size: 24px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
}
._dashboard_19wa0_1 ._contentGrid_19wa0_189 ._trendingList_19wa0_303 ._trendingItem_19wa0_308 ._assetInfo_19wa0_336 {
  flex: 1;
}
._dashboard_19wa0_1 ._contentGrid_19wa0_189 ._trendingList_19wa0_303 ._trendingItem_19wa0_308 ._assetInfo_19wa0_336 ._assetName_19wa0_339 {
  font-weight: 700;
  margin-bottom: 3px;
}
._dashboard_19wa0_1 ._contentGrid_19wa0_189 ._trendingList_19wa0_303 ._trendingItem_19wa0_308 ._assetInfo_19wa0_336 ._assetType_19wa0_343 {
  font-size: 12px;
  opacity: 0.7;
}
._dashboard_19wa0_1 ._contentGrid_19wa0_189 ._trendingList_19wa0_303 ._trendingItem_19wa0_308 ._assetMetrics_19wa0_347 {
  text-align: right;
}
._dashboard_19wa0_1 ._contentGrid_19wa0_189 ._trendingList_19wa0_303 ._trendingItem_19wa0_308 ._assetMetrics_19wa0_347 ._assetPrice_19wa0_350 {
  font-weight: 700;
  margin-bottom: 3px;
}
._dashboard_19wa0_1 ._contentGrid_19wa0_189 ._trendingList_19wa0_303 ._trendingItem_19wa0_308 ._assetMetrics_19wa0_347 ._assetChange_19wa0_354 {
  font-size: 12px;
  font-weight: 600;
}
._dashboard_19wa0_1 ._contentGrid_19wa0_189 ._trendingList_19wa0_303 ._trendingItem_19wa0_308 ._assetMetrics_19wa0_347 ._assetChange_19wa0_354._positive_19wa0_166 {
  color: #10f981;
}
._dashboard_19wa0_1 ._contentGrid_19wa0_189 ._trendingList_19wa0_303 ._trendingItem_19wa0_308 ._assetMetrics_19wa0_347 ._assetChange_19wa0_354._negative_19wa0_170 {
  color: #ff6b6b;
}
._dashboard_19wa0_1 ._insightsSection_19wa0_364 {
  margin-bottom: 40px;
  position: relative;
  z-index: 2;
}
._dashboard_19wa0_1 ._insightsSection_19wa0_364 ._sectionHeader_19wa0_205 {
  margin-bottom: 25px;
}
._dashboard_19wa0_1 ._insightsSection_19wa0_364 ._sectionHeader_19wa0_205 h3 {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 1.3rem;
  font-weight: 700;
}
._dashboard_19wa0_1 ._insightsSection_19wa0_364 ._sectionHeader_19wa0_205 h3 ._sectionIcon_19wa0_220 {
  width: 24px;
  height: 24px;
}
._dashboard_19wa0_1 ._insightsSection_19wa0_364 ._insightsGrid_19wa0_383 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
._dashboard_19wa0_1 ._insightsSection_19wa0_364 ._insightsGrid_19wa0_383 ._insightCard_19wa0_388 {
  background: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 16px;
  padding: 25px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  transition: all 0.3s ease;
}
._dashboard_19wa0_1 ._insightsSection_19wa0_364 ._insightsGrid_19wa0_383 ._insightCard_19wa0_388:hover {
  transform: translateY(-3px);
  background: rgba(255, 255, 255, 0.15);
}
._dashboard_19wa0_1 ._insightsSection_19wa0_364 ._insightsGrid_19wa0_383 ._insightCard_19wa0_388 ._insightIcon_19wa0_400 {
  font-size: 32px;
  margin-bottom: 15px;
}
._dashboard_19wa0_1 ._insightsSection_19wa0_364 ._insightsGrid_19wa0_383 ._insightCard_19wa0_388 h4 {
  font-size: 1.1rem;
  font-weight: 700;
  margin-bottom: 12px;
}
._dashboard_19wa0_1 ._insightsSection_19wa0_364 ._insightsGrid_19wa0_383 ._insightCard_19wa0_388 p {
  font-size: 0.95rem;
  line-height: 1.6;
  opacity: 0.9;
}
._dashboard_19wa0_1 ._quickActions_19wa0_414 {
  position: relative;
  z-index: 2;
}
._dashboard_19wa0_1 ._quickActions_19wa0_414 h3 {
  font-size: 1.3rem;
  font-weight: 700;
  margin-bottom: 20px;
}
._dashboard_19wa0_1 ._quickActions_19wa0_414 ._actionButtons_19wa0_423 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}
._dashboard_19wa0_1 ._quickActions_19wa0_414 ._actionButtons_19wa0_423 ._actionButton_19wa0_423 {
  background: rgba(255, 255, 255, 0.15);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  padding: 20px;
  border-radius: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  font-weight: 600;
}
._dashboard_19wa0_1 ._quickActions_19wa0_414 ._actionButtons_19wa0_423 ._actionButton_19wa0_423 ._buttonIcon_19wa0_443 {
  width: 28px;
  height: 28px;
}
._dashboard_19wa0_1 ._quickActions_19wa0_414 ._actionButtons_19wa0_423 ._actionButton_19wa0_423:hover {
  background: rgba(255, 255, 255, 0.25);
  transform: translateY(-3px);
}
@media (max-width: 1200px) {
  ._dashboard_19wa0_1 ._metricsGrid_19wa0_121 {
    grid-template-columns: repeat(2, 1fr);
  }
  ._dashboard_19wa0_1 ._contentGrid_19wa0_189 {
    grid-template-columns: 1fr;
  }
  ._dashboard_19wa0_1 ._insightsGrid_19wa0_383 {
    grid-template-columns: 1fr;
  }
  ._dashboard_19wa0_1 ._actionButtons_19wa0_423 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  ._dashboard_19wa0_1 {
    padding: 20px;
  }
  ._dashboard_19wa0_1 ._header_19wa0_21 {
    flex-direction: column;
    gap: 20px;
    text-align: center;
  }
  ._dashboard_19wa0_1 ._header_19wa0_21 ._titleSection_19wa0_29 h1 {
    font-size: 2.2rem;
  }
  ._dashboard_19wa0_1 ._heroStats_19wa0_61 {
    grid-template-columns: 1fr;
  }
  ._dashboard_19wa0_1 ._metricsGrid_19wa0_121 {
    grid-template-columns: 1fr;
  }
  ._dashboard_19wa0_1 ._actionButtons_19wa0_423 {
    grid-template-columns: 1fr;
  }
}._container_91mrw_1 {
  display: flex;
  flex-direction: column;
  height: 100vh;
  background: var(--bg-primary);
  color: var(--text-primary);
}

._header_91mrw_9 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 2rem;
  border-bottom: 1px solid var(--border-primary);
  background: var(--bg-secondary);
}

._title_91mrw_18 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
._title_91mrw_18 ._icon_91mrw_23 {
  width: 2rem;
  height: 2rem;
  color: var(--accent-primary);
}
._title_91mrw_18 h1 {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0;
  color: var(--text-primary);
}

._stats_91mrw_35 {
  display: flex;
  align-items: center;
  gap: 2rem;
}
._stats_91mrw_35 ._stat_91mrw_35 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
._stats_91mrw_35 ._stat_91mrw_35 ._label_91mrw_46 {
  font-size: 0.75rem;
  color: var(--text-secondary);
  text-transform: uppercase;
  font-weight: 500;
}
._stats_91mrw_35 ._stat_91mrw_35 ._value_91mrw_52 {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--accent-primary);
}
._stats_91mrw_35 ._stat_91mrw_35 ._value_91mrw_52._operational_91mrw_57 {
  color: #22c55e;
}
._stats_91mrw_35 ._stat_91mrw_35 ._value_91mrw_52._degraded_91mrw_60 {
  color: #f59e0b;
}
._stats_91mrw_35 ._stat_91mrw_35 ._value_91mrw_52._offline_91mrw_63, ._stats_91mrw_35 ._stat_91mrw_35 ._value_91mrw_52._error_91mrw_63 {
  color: #ef4444;
}
._stats_91mrw_35 ._stat_91mrw_35 ._value_91mrw_52._online_91mrw_66 {
  color: #22c55e;
}
._stats_91mrw_35 ._actions_91mrw_69 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._stats_91mrw_35 ._setupButton_91mrw_74 {
  background: var(--accent-primary);
  color: white;
  border: none;
  border-radius: 0.375rem;
  padding: 0.5rem 1rem;
  cursor: pointer;
  transition: all 0.2s;
  font-size: 0.875rem;
  font-weight: 500;
}
._stats_91mrw_35 ._setupButton_91mrw_74:hover:not(:disabled) {
  background: var(--accent-hover);
}
._stats_91mrw_35 ._setupButton_91mrw_74:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._stats_91mrw_35 ._refreshButton_91mrw_92 {
  background: none;
  border: 1px solid var(--border-primary);
  border-radius: 0.375rem;
  padding: 0.5rem;
  cursor: pointer;
  transition: all 0.2s;
  color: var(--text-secondary);
}
._stats_91mrw_35 ._refreshButton_91mrw_92:hover {
  background: var(--bg-hover);
  border-color: var(--accent-primary);
  color: var(--accent-primary);
}
._stats_91mrw_35 ._refreshButton_91mrw_92 ._refreshIcon_91mrw_106 {
  width: 1rem;
  height: 1rem;
}

._chatContainer_91mrw_111 {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

._messages_91mrw_118 {
  flex: 1;
  overflow-y: auto;
  padding: 1rem 2rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._welcomeMessage_91mrw_127 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 100%;
  color: var(--text-secondary);
}
._welcomeMessage_91mrw_127 ._welcomeIcon_91mrw_136 {
  width: 4rem;
  height: 4rem;
  color: var(--accent-primary);
  margin-bottom: 1rem;
}
._welcomeMessage_91mrw_127 h2 {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0 0 0.5rem 0;
  color: var(--text-primary);
}
._welcomeMessage_91mrw_127 p {
  margin: 0.25rem 0;
  max-width: 500px;
  line-height: 1.5;
}
._welcomeMessage_91mrw_127 p._statusOperational_91mrw_153 {
  color: #22c55e;
  font-weight: 500;
  margin-top: 1rem;
}
._welcomeMessage_91mrw_127 p._statusOffline_91mrw_158 {
  color: #f59e0b;
  font-weight: 500;
  margin-top: 1rem;
}

._message_91mrw_118 {
  display: flex;
  margin-bottom: 1rem;
}
._message_91mrw_118._user_91mrw_168 {
  justify-content: flex-end;
}
._message_91mrw_118._user_91mrw_168 ._messageContent_91mrw_171 {
  background: var(--accent-primary);
  color: white;
  max-width: 70%;
}
._message_91mrw_118._assistant_91mrw_176 {
  justify-content: flex-start;
}
._message_91mrw_118._assistant_91mrw_176 ._messageContent_91mrw_171 {
  background: var(--bg-secondary);
  border: 1px solid var(--border-primary);
  color: var(--text-primary);
  max-width: 70%;
}

._messageContent_91mrw_171 {
  padding: 0.875rem 1rem;
  border-radius: 1rem;
  position: relative;
}

._messageText_91mrw_192 {
  line-height: 1.5;
  white-space: pre-wrap;
  word-wrap: break-word;
}

._messageTime_91mrw_198 {
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.7);
  margin-top: 0.5rem;
  text-align: right;
}
._assistant_91mrw_176 ._messageTime_91mrw_198 {
  color: var(--text-secondary);
}

._loadingDots_91mrw_208 {
  display: flex;
  gap: 0.25rem;
  align-items: center;
  padding: 0.5rem 0;
}
._loadingDots_91mrw_208 span {
  width: 0.5rem;
  height: 0.5rem;
  background: var(--accent-primary);
  border-radius: 50%;
  animation: _bounce_91mrw_1 1.4s infinite ease-in-out both;
}
._loadingDots_91mrw_208 span:nth-child(1) {
  animation-delay: -0.32s;
}
._loadingDots_91mrw_208 span:nth-child(2) {
  animation-delay: -0.16s;
}
._loadingDots_91mrw_208 span:nth-child(3) {
  animation-delay: 0s;
}

@keyframes _bounce_91mrw_1 {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
._inputContainer_91mrw_239 {
  padding: 1rem 2rem 2rem;
  border-top: 1px solid var(--border-primary);
  background: var(--bg-secondary);
}

._inputWrapper_91mrw_245 {
  display: flex;
  gap: 0.75rem;
  align-items: flex-end;
  margin-bottom: 0.75rem;
}

._messageInput_91mrw_252 {
  flex: 1;
  min-height: 2.5rem;
  max-height: 8rem;
  padding: 0.75rem 1rem;
  border: 1px solid var(--border-primary);
  border-radius: 1rem;
  background: var(--bg-primary);
  color: var(--text-primary);
  resize: none;
  font-family: inherit;
  font-size: 0.875rem;
  line-height: 1.5;
  transition: border-color 0.2s;
}
._messageInput_91mrw_252:focus {
  outline: none;
  border-color: var(--accent-primary);
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);
}
._messageInput_91mrw_252::-moz-placeholder {
  color: var(--text-secondary);
}
._messageInput_91mrw_252::placeholder {
  color: var(--text-secondary);
}
._messageInput_91mrw_252:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

._sendButton_91mrw_280 {
  background: var(--accent-primary);
  color: white;
  border: none;
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
  flex-shrink: 0;
}
._sendButton_91mrw_280:hover:not(:disabled) {
  background: var(--accent-hover);
  transform: scale(1.05);
}
._sendButton_91mrw_280:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}
._sendButton_91mrw_280 ._sendIcon_91mrw_303 {
  width: 1rem;
  height: 1rem;
  transform: rotate(0deg);
}

._clearButton_91mrw_309 {
  background: none;
  border: 1px solid var(--border-primary);
  border-radius: 0.375rem;
  padding: 0.5rem 1rem;
  color: var(--text-secondary);
  cursor: pointer;
  font-size: 0.875rem;
  transition: all 0.2s;
}
._clearButton_91mrw_309:hover {
  background: var(--bg-hover);
  border-color: var(--text-secondary);
  color: var(--text-primary);
}

@media (max-width: 768px) {
  ._header_91mrw_9 {
    flex-direction: column;
    gap: 1rem;
    align-items: flex-start;
  }
  ._stats_91mrw_35 {
    gap: 1rem;
    flex-wrap: wrap;
  }
  ._messages_91mrw_118 {
    padding: 1rem;
  }
  ._inputContainer_91mrw_239 {
    padding: 1rem;
  }
  ._message_91mrw_118._user_91mrw_168 ._messageContent_91mrw_171, ._message_91mrw_118._assistant_91mrw_176 ._messageContent_91mrw_171 {
    max-width: 85%;
  }
}
._user_91mrw_168 [data-theme=dark] ._messageContent_91mrw_171 {
  background: var(--accent-primary);
}
._assistant_91mrw_176 [data-theme=dark] ._messageContent_91mrw_171 {
  background: var(--bg-tertiary);
  border-color: var(--border-secondary);
}
._assistant_91mrw_176 [data-theme=dark] ._messageTime_91mrw_198 {
  color: var(--text-tertiary);
}._container_zj2i5_1 {
  min-height: 100vh;
  background: linear-gradient(135deg, #0f0f0f 0%, #1a1a1a 100%);
  color: #ffffff;
  padding: 0;
}

._loading_zj2i5_8 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 60vh;
}
._loading_zj2i5_8 ._loadingIcon_zj2i5_15 {
  width: 3rem;
  height: 3rem;
  color: #00ff88;
  animation: _pulse_zj2i5_1 2s infinite;
  margin-bottom: 1rem;
}
._loading_zj2i5_8 p {
  color: #888;
  font-size: 1.1rem;
}

@keyframes _pulse_zj2i5_1 {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
._header_zj2i5_35 {
  background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);
  border-bottom: 1px solid #333;
  padding: 2rem;
}
._header_zj2i5_35 ._headerContent_zj2i5_40 {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 2rem;
}
._header_zj2i5_35 ._headerTitle_zj2i5_49 {
  display: flex;
  align-items: center;
  gap: 1rem;
}
._header_zj2i5_35 ._headerTitle_zj2i5_49 ._headerIcon_zj2i5_54 {
  width: 3rem;
  height: 3rem;
  color: #00ff88;
}
._header_zj2i5_35 ._headerTitle_zj2i5_49 h1 {
  margin: 0;
  font-size: 3rem;
  font-weight: 900;
  background: linear-gradient(135deg, #10b981 0%, #059669 50%, #fbbf24 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: -0.025em;
}
._header_zj2i5_35 ._headerTitle_zj2i5_49 p {
  margin: 0.5rem 0 1rem 0;
  color: #cbd5e1;
  font-size: 1.125rem;
  font-weight: 500;
}
._header_zj2i5_35 ._headerTitle_zj2i5_49 ._revolutionaryBadges_zj2i5_75 {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin-top: 1rem;
}
._header_zj2i5_35 ._headerTitle_zj2i5_49 ._revolutionaryBadges_zj2i5_75 ._badge_zj2i5_81 {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2) 0%, rgba(5, 150, 105, 0.1) 100%);
  border: 1px solid rgba(16, 185, 129, 0.3);
  padding: 0.5rem 1rem;
  border-radius: 9999px;
  font-size: 0.875rem;
  font-weight: 600;
  color: #10b981;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  animation: _pulse_zj2i5_1 3s ease-in-out infinite;
}
._header_zj2i5_35 ._headerTitle_zj2i5_49 ._revolutionaryBadges_zj2i5_75 ._badge_zj2i5_81:nth-child(2) {
  animation-delay: 0.5s;
}
._header_zj2i5_35 ._headerTitle_zj2i5_49 ._revolutionaryBadges_zj2i5_75 ._badge_zj2i5_81:nth-child(3) {
  animation-delay: 1s;
}
._header_zj2i5_35 ._headerTitle_zj2i5_49 ._revolutionaryBadges_zj2i5_75 ._badge_zj2i5_81:nth-child(4) {
  animation-delay: 1.5s;
}
._header_zj2i5_35 ._networkStats_zj2i5_101 {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
}
._header_zj2i5_35 ._statCard_zj2i5_106 {
  background: rgba(0, 255, 136, 0.1);
  border: 1px solid rgba(0, 255, 136, 0.2);
  border-radius: 12px;
  padding: 1rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 140px;
}
._header_zj2i5_35 ._statCard_zj2i5_106 ._statIcon_zj2i5_116 {
  width: 1.5rem;
  height: 1.5rem;
  color: #00ff88;
}
._header_zj2i5_35 ._statCard_zj2i5_106 ._statValue_zj2i5_121 {
  display: block;
  font-size: 1.25rem;
  font-weight: 700;
  color: #fff;
}
._header_zj2i5_35 ._statCard_zj2i5_106 ._statLabel_zj2i5_127 {
  display: block;
  font-size: 0.8rem;
  color: #888;
}

._tabNavigation_zj2i5_133 {
  background: #1a1a1a;
  border-bottom: 1px solid #333;
  padding: 0 2rem;
  display: flex;
  gap: 0;
  max-width: 1400px;
  margin: 0 auto;
}
._tabNavigation_zj2i5_133 ._tabButton_zj2i5_142 {
  background: none;
  border: none;
  padding: 1rem 1.5rem;
  color: #888;
  font-size: 1rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-bottom: 3px solid transparent;
  transition: all 0.3s ease;
}
._tabNavigation_zj2i5_133 ._tabButton_zj2i5_142 svg {
  width: 1.25rem;
  height: 1.25rem;
}
._tabNavigation_zj2i5_133 ._tabButton_zj2i5_142:hover {
  color: #00ff88;
  background: rgba(0, 255, 136, 0.05);
}
._tabNavigation_zj2i5_133 ._tabButton_zj2i5_142._active_zj2i5_163 {
  color: #00ff88;
  border-bottom-color: #00ff88;
  background: rgba(0, 255, 136, 0.1);
}

._content_zj2i5_169 {
  max-width: 1400px;
  margin: 0 auto;
  padding: 2rem;
}

._aiInsightsPanel_zj2i5_175 {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.1) 0%, rgba(34, 197, 94, 0.05) 100%);
  border: 1px solid rgba(16, 185, 129, 0.2);
  border-radius: 1rem;
  padding: 1.5rem;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  margin-bottom: 2rem;
}
._aiInsightsPanel_zj2i5_175 ._insightsHeader_zj2i5_183 {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
._aiInsightsPanel_zj2i5_175 ._insightsHeader_zj2i5_183 ._aiIcon_zj2i5_189 {
  width: 2rem;
  height: 2rem;
  color: #10b981;
  animation: _glow_zj2i5_1 2s ease-in-out infinite alternate;
}
._aiInsightsPanel_zj2i5_175 ._insightsHeader_zj2i5_183 h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: white;
  margin: 0;
}
._aiInsightsPanel_zj2i5_175 ._insightsHeader_zj2i5_183 ._realTimeBadge_zj2i5_201 {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  color: white;
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
  animation: _pulse_zj2i5_1 2s ease-in-out infinite;
}
._aiInsightsPanel_zj2i5_175 ._insightsGrid_zj2i5_210 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1rem;
}
._aiInsightsPanel_zj2i5_175 ._insightsGrid_zj2i5_210 ._insightCard_zj2i5_215 {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
  transition: all 0.3s ease;
}
._aiInsightsPanel_zj2i5_175 ._insightsGrid_zj2i5_210 ._insightCard_zj2i5_215:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.4);
}
._aiInsightsPanel_zj2i5_175 ._insightsGrid_zj2i5_210 ._insightCard_zj2i5_215 ._insightLabel_zj2i5_227 {
  font-size: 0.75rem;
  color: #94a3b8;
  font-weight: 500;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
._aiInsightsPanel_zj2i5_175 ._insightsGrid_zj2i5_210 ._insightCard_zj2i5_215 ._insightValue_zj2i5_235 {
  font-size: 1rem;
  font-weight: 700;
  color: #10b981;
  margin-bottom: 0.25rem;
}
._aiInsightsPanel_zj2i5_175 ._insightsGrid_zj2i5_210 ._insightCard_zj2i5_215 ._insightDetail_zj2i5_241 {
  font-size: 0.75rem;
  color: #cbd5e1;
  font-weight: 500;
}

._analytics_zj2i5_247 ._analyticsHeader_zj2i5_247 {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
}
._analytics_zj2i5_247 ._analyticsHeader_zj2i5_247 ._analyticsIcon_zj2i5_253 {
  width: 2.5rem;
  height: 2.5rem;
  color: #fbbf24;
  animation: _glow_zj2i5_1 2s ease-in-out infinite alternate;
}
._analytics_zj2i5_247 ._analyticsHeader_zj2i5_247 h2 {
  font-size: 2rem;
  font-weight: 900;
  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0;
}
._analytics_zj2i5_247 ._analyticsHeader_zj2i5_247 p {
  color: #cbd5e1;
  font-size: 1.125rem;
  margin: 0.5rem 0 0 0;
}
._analytics_zj2i5_247 ._analyticsHeader_zj2i5_247 ._liveIndicator_zj2i5_273 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
._analytics_zj2i5_247 ._analyticsHeader_zj2i5_247 ._liveIndicator_zj2i5_273 ._liveDot_zj2i5_279 {
  color: #10b981;
  font-size: 1.5rem;
  animation: _pulse_zj2i5_1 1s ease-in-out infinite;
}
._analytics_zj2i5_247 ._analyticsHeader_zj2i5_247 ._liveIndicator_zj2i5_273 span:last-child {
  color: #10b981;
  font-weight: 600;
  font-size: 0.875rem;
}
._analytics_zj2i5_247 ._performanceDashboard_zj2i5_289 {
  margin-bottom: 2rem;
}
._analytics_zj2i5_247 ._performanceDashboard_zj2i5_289 ._dashboardCard_zj2i5_292 {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, rgba(37, 99, 235, 0.05) 100%);
  border: 1px solid rgba(59, 130, 246, 0.2);
  border-radius: 1rem;
  padding: 1.5rem;
}
._analytics_zj2i5_247 ._performanceDashboard_zj2i5_289 ._dashboardCard_zj2i5_292 h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: white;
  margin-bottom: 1rem;
}
._analytics_zj2i5_247 ._performanceDashboard_zj2i5_289 ._dashboardCard_zj2i5_292 ._performanceGrid_zj2i5_304 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}
._analytics_zj2i5_247 ._performanceDashboard_zj2i5_289 ._dashboardCard_zj2i5_292 ._performanceGrid_zj2i5_304 ._performanceMetric_zj2i5_309 {
  text-align: center;
}
._analytics_zj2i5_247 ._performanceDashboard_zj2i5_289 ._dashboardCard_zj2i5_292 ._performanceGrid_zj2i5_304 ._performanceMetric_zj2i5_309 ._performanceValue_zj2i5_312 {
  display: block;
  font-size: 2rem;
  font-weight: 900;
  color: #3b82f6;
  line-height: 1;
}
._analytics_zj2i5_247 ._performanceDashboard_zj2i5_289 ._dashboardCard_zj2i5_292 ._performanceGrid_zj2i5_304 ._performanceMetric_zj2i5_309 ._performanceLabel_zj2i5_319 {
  display: block;
  font-size: 0.875rem;
  color: #cbd5e1;
  margin-top: 0.5rem;
}
._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 1.5rem;
}
._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 ._analyticsCard_zj2i5_330 {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1) 0%, rgba(124, 58, 237, 0.05) 100%);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 1rem;
  padding: 1.5rem;
  transition: all 0.3s ease;
}
._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 ._analyticsCard_zj2i5_330:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(139, 92, 246, 0.2);
  border-color: rgba(139, 92, 246, 0.4);
}
._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 ._analyticsCard_zj2i5_330 h3 {
  font-size: 1.125rem;
  font-weight: 700;
  color: white;
  margin-bottom: 1rem;
}
._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 ._analyticsCard_zj2i5_330 ._aiMetrics_zj2i5_348, ._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 ._analyticsCard_zj2i5_330 ._securityMetrics_zj2i5_348, ._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 ._analyticsCard_zj2i5_330 ._economicMetrics_zj2i5_348, ._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 ._analyticsCard_zj2i5_330 ._networkMetrics_zj2i5_348, ._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 ._analyticsCard_zj2i5_330 ._dataMetrics_zj2i5_348, ._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 ._analyticsCard_zj2i5_330 ._innovationMetrics_zj2i5_348 {
  display: grid;
  gap: 1rem;
}
._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 ._analyticsCard_zj2i5_330 ._aiMetrics_zj2i5_348 ._metric_zj2i5_352, ._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 ._analyticsCard_zj2i5_330 ._securityMetrics_zj2i5_348 ._metric_zj2i5_352, ._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 ._analyticsCard_zj2i5_330 ._economicMetrics_zj2i5_348 ._metric_zj2i5_352, ._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 ._analyticsCard_zj2i5_330 ._networkMetrics_zj2i5_348 ._metric_zj2i5_352, ._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 ._analyticsCard_zj2i5_330 ._dataMetrics_zj2i5_348 ._metric_zj2i5_352, ._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 ._analyticsCard_zj2i5_330 ._innovationMetrics_zj2i5_348 ._metric_zj2i5_352 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 0;
  border-bottom: 1px solid rgba(139, 92, 246, 0.1);
}
._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 ._analyticsCard_zj2i5_330 ._aiMetrics_zj2i5_348 ._metric_zj2i5_352:last-child, ._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 ._analyticsCard_zj2i5_330 ._securityMetrics_zj2i5_348 ._metric_zj2i5_352:last-child, ._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 ._analyticsCard_zj2i5_330 ._economicMetrics_zj2i5_348 ._metric_zj2i5_352:last-child, ._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 ._analyticsCard_zj2i5_330 ._networkMetrics_zj2i5_348 ._metric_zj2i5_352:last-child, ._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 ._analyticsCard_zj2i5_330 ._dataMetrics_zj2i5_348 ._metric_zj2i5_352:last-child, ._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 ._analyticsCard_zj2i5_330 ._innovationMetrics_zj2i5_348 ._metric_zj2i5_352:last-child {
  border-bottom: none;
}
._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 ._analyticsCard_zj2i5_330 ._aiMetrics_zj2i5_348 ._metric_zj2i5_352 ._metricLabel_zj2i5_362, ._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 ._analyticsCard_zj2i5_330 ._securityMetrics_zj2i5_348 ._metric_zj2i5_352 ._metricLabel_zj2i5_362, ._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 ._analyticsCard_zj2i5_330 ._economicMetrics_zj2i5_348 ._metric_zj2i5_352 ._metricLabel_zj2i5_362, ._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 ._analyticsCard_zj2i5_330 ._networkMetrics_zj2i5_348 ._metric_zj2i5_352 ._metricLabel_zj2i5_362, ._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 ._analyticsCard_zj2i5_330 ._dataMetrics_zj2i5_348 ._metric_zj2i5_352 ._metricLabel_zj2i5_362, ._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 ._analyticsCard_zj2i5_330 ._innovationMetrics_zj2i5_348 ._metric_zj2i5_352 ._metricLabel_zj2i5_362 {
  color: #cbd5e1;
  font-size: 0.875rem;
  font-weight: 500;
}
._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 ._analyticsCard_zj2i5_330 ._aiMetrics_zj2i5_348 ._metric_zj2i5_352 ._metricValue_zj2i5_367, ._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 ._analyticsCard_zj2i5_330 ._securityMetrics_zj2i5_348 ._metric_zj2i5_352 ._metricValue_zj2i5_367, ._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 ._analyticsCard_zj2i5_330 ._economicMetrics_zj2i5_348 ._metric_zj2i5_352 ._metricValue_zj2i5_367, ._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 ._analyticsCard_zj2i5_330 ._networkMetrics_zj2i5_348 ._metric_zj2i5_352 ._metricValue_zj2i5_367, ._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 ._analyticsCard_zj2i5_330 ._dataMetrics_zj2i5_348 ._metric_zj2i5_352 ._metricValue_zj2i5_367, ._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 ._analyticsCard_zj2i5_330 ._innovationMetrics_zj2i5_348 ._metric_zj2i5_352 ._metricValue_zj2i5_367 {
  color: white;
  font-weight: 700;
  font-size: 0.875rem;
}

@keyframes _glow_zj2i5_1 {
  0% {
    filter: drop-shadow(0 0 5px currentColor);
  }
  100% {
    filter: drop-shadow(0 0 20px currentColor);
  }
}
._feedsGrid_zj2i5_381 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 1.5rem;
}
._feedsGrid_zj2i5_381 ._feedCard_zj2i5_386 {
  background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);
  border: 1px solid #333;
  border-radius: 16px;
  padding: 1.5rem;
  cursor: pointer;
  transition: all 0.3s ease;
}
._feedsGrid_zj2i5_381 ._feedCard_zj2i5_386:hover {
  border-color: #00ff88;
  box-shadow: 0 8px 32px rgba(0, 255, 136, 0.2);
  transform: translateY(-2px);
}
._feedsGrid_zj2i5_381 ._feedCard_zj2i5_386._selected_zj2i5_399 {
  border-color: #00ff88;
  box-shadow: 0 0 24px rgba(0, 255, 136, 0.3);
}
._feedsGrid_zj2i5_381 ._feedHeader_zj2i5_403 {
  margin-bottom: 1.5rem;
}
._feedsGrid_zj2i5_381 ._feedHeader_zj2i5_403 ._feedTitle_zj2i5_406 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}
._feedsGrid_zj2i5_381 ._feedHeader_zj2i5_403 ._feedTitle_zj2i5_406 h3 {
  margin: 0;
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
}
._feedsGrid_zj2i5_381 ._feedHeader_zj2i5_403 ._feedStatus_zj2i5_418 {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.8rem;
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
}
._feedsGrid_zj2i5_381 ._feedHeader_zj2i5_403 ._feedStatus_zj2i5_418 svg {
  width: 1rem;
  height: 1rem;
}
._feedsGrid_zj2i5_381 ._feedHeader_zj2i5_403 ._feedStatus_zj2i5_418._active_zj2i5_163 {
  background: rgba(0, 255, 136, 0.2);
  color: #00ff88;
}
._feedsGrid_zj2i5_381 ._feedHeader_zj2i5_403 ._feedStatus_zj2i5_418._inactive_zj2i5_434 {
  background: rgba(255, 0, 0, 0.2);
  color: #ff4444;
}
._feedsGrid_zj2i5_381 ._feedHeader_zj2i5_403 ._feedDescription_zj2i5_438 {
  margin: 0;
  color: #888;
  font-size: 0.9rem;
}
._feedsGrid_zj2i5_381 ._feedMetrics_zj2i5_443 ._priceDisplay_zj2i5_443 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}
._feedsGrid_zj2i5_381 ._feedMetrics_zj2i5_443 ._priceDisplay_zj2i5_443 ._price_zj2i5_443 {
  font-size: 2rem;
  font-weight: 700;
  color: #fff;
}
._feedsGrid_zj2i5_381 ._feedMetrics_zj2i5_443 ._priceDisplay_zj2i5_443 ._priceChange_zj2i5_454 {
  font-size: 1rem;
  font-weight: 600;
  padding: 0.25rem 0.75rem;
  border-radius: 8px;
}
._feedsGrid_zj2i5_381 ._feedMetrics_zj2i5_443 ._priceDisplay_zj2i5_443 ._priceChange_zj2i5_454._positive_zj2i5_460 {
  background: rgba(0, 255, 136, 0.2);
  color: #00ff88;
}
._feedsGrid_zj2i5_381 ._feedMetrics_zj2i5_443 ._priceDisplay_zj2i5_443 ._priceChange_zj2i5_454._negative_zj2i5_464 {
  background: rgba(255, 68, 68, 0.2);
  color: #ff4444;
}
._feedsGrid_zj2i5_381 ._feedMetrics_zj2i5_443 ._feedStats_zj2i5_468 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
._feedsGrid_zj2i5_381 ._feedMetrics_zj2i5_443 ._feedStats_zj2i5_468 ._stat_zj2i5_106 {
  display: flex;
  flex-direction: column;
}
._feedsGrid_zj2i5_381 ._feedMetrics_zj2i5_443 ._feedStats_zj2i5_468 ._stat_zj2i5_106 ._statLabel_zj2i5_127 {
  font-size: 0.8rem;
  color: #888;
  margin-bottom: 0.25rem;
}
._feedsGrid_zj2i5_381 ._feedMetrics_zj2i5_443 ._feedStats_zj2i5_468 ._stat_zj2i5_106 ._statValue_zj2i5_121 {
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
}
._feedsGrid_zj2i5_381 ._feedDetails_zj2i5_487 {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid #333;
}
._feedsGrid_zj2i5_381 ._feedDetails_zj2i5_487 ._detailsGrid_zj2i5_492 {
  display: grid;
  gap: 1rem;
}
._feedsGrid_zj2i5_381 ._feedDetails_zj2i5_487 ._detailsGrid_zj2i5_492 ._detailItem_zj2i5_496 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
._feedsGrid_zj2i5_381 ._feedDetails_zj2i5_487 ._detailsGrid_zj2i5_492 ._detailItem_zj2i5_496 svg {
  width: 1.25rem;
  height: 1.25rem;
  color: #00ff88;
}
._feedsGrid_zj2i5_381 ._feedDetails_zj2i5_487 ._detailsGrid_zj2i5_492 ._detailItem_zj2i5_496 ._detailLabel_zj2i5_506 {
  font-size: 0.8rem;
  color: #888;
  display: block;
}
._feedsGrid_zj2i5_381 ._feedDetails_zj2i5_487 ._detailsGrid_zj2i5_492 ._detailItem_zj2i5_496 ._detailValue_zj2i5_511 {
  font-size: 0.9rem;
  color: #fff;
  font-weight: 500;
  display: block;
}

._nodesTable_zj2i5_518 ._tableHeader_zj2i5_518 {
  margin-bottom: 2rem;
}
._nodesTable_zj2i5_518 ._tableHeader_zj2i5_518 h2 {
  margin: 0 0 0.5rem 0;
  font-size: 2rem;
  color: #fff;
}
._nodesTable_zj2i5_518 ._tableHeader_zj2i5_518 p {
  margin: 0;
  color: #888;
  font-size: 1.1rem;
}
._nodesTable_zj2i5_518 ._table_zj2i5_518 {
  background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);
  border: 1px solid #333;
  border-radius: 16px;
  overflow: hidden;
}
._nodesTable_zj2i5_518 ._table_zj2i5_518 ._tableHead_zj2i5_518 {
  display: grid;
  grid-template-columns: 120px 180px 100px 120px 80px 120px 140px 100px;
  gap: 1rem;
  padding: 1rem 1.5rem;
  background: rgba(0, 255, 136, 0.1);
  border-bottom: 1px solid #333;
  font-weight: 600;
  color: #00ff88;
  font-size: 0.9rem;
}
._nodesTable_zj2i5_518 ._table_zj2i5_518 ._tableRow_zj2i5_548 {
  display: grid;
  grid-template-columns: 120px 180px 100px 120px 80px 120px 140px 100px;
  gap: 1rem;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #333;
  transition: background 0.3s ease;
  align-items: center;
}
._nodesTable_zj2i5_518 ._table_zj2i5_518 ._tableRow_zj2i5_548:hover {
  background: rgba(0, 255, 136, 0.05);
}
._nodesTable_zj2i5_518 ._table_zj2i5_518 ._tableRow_zj2i5_548:last-child {
  border-bottom: none;
}
._nodesTable_zj2i5_518 ._table_zj2i5_518 ._oracleId_zj2i5_563 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
  color: #fff;
}
._nodesTable_zj2i5_518 ._table_zj2i5_518 ._oracleId_zj2i5_563 svg {
  width: 1rem;
  height: 1rem;
  color: #00ff88;
}
._nodesTable_zj2i5_518 ._table_zj2i5_518 ._address_zj2i5_575 {
  font-family: monospace;
  color: #888;
  font-size: 0.9rem;
}
._nodesTable_zj2i5_518 ._table_zj2i5_518 ._reputation_zj2i5_580 {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  color: #fff;
}
._nodesTable_zj2i5_518 ._table_zj2i5_518 ._reputation_zj2i5_580 ._reputationIcon_zj2i5_586 {
  width: 1rem;
  height: 1rem;
  color: #00ff88;
}
._nodesTable_zj2i5_518 ._table_zj2i5_518 ._stake_zj2i5_591 {
  color: #fff;
  font-weight: 500;
}
._nodesTable_zj2i5_518 ._table_zj2i5_518 ._uptime_zj2i5_595 {
  color: #00ff88;
  font-weight: 600;
}
._nodesTable_zj2i5_518 ._table_zj2i5_518 ._submissions_zj2i5_599 {
  color: #888;
}
._nodesTable_zj2i5_518 ._table_zj2i5_518 ._location_zj2i5_602 {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  color: #888;
  font-size: 0.9rem;
}
._nodesTable_zj2i5_518 ._table_zj2i5_518 ._location_zj2i5_602 svg {
  width: 1rem;
  height: 1rem;
}
._nodesTable_zj2i5_518 ._table_zj2i5_518 ._status_zj2i5_613 {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  font-weight: 500;
  font-size: 0.9rem;
}
._nodesTable_zj2i5_518 ._table_zj2i5_518 ._status_zj2i5_613 ._statusDot_zj2i5_620 {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: currentColor;
}

._createFeed_zj2i5_627 ._createHeader_zj2i5_627 {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
}
._createFeed_zj2i5_627 ._createHeader_zj2i5_627 ._createIcon_zj2i5_633 {
  width: 2.5rem;
  height: 2.5rem;
  color: #00ff88;
}
._createFeed_zj2i5_627 ._createHeader_zj2i5_627 h2 {
  margin: 0;
  font-size: 2rem;
  color: #fff;
}
._createFeed_zj2i5_627 ._createHeader_zj2i5_627 p {
  margin: 0;
  color: #888;
  font-size: 1.1rem;
}
._createFeed_zj2i5_627 ._createForm_zj2i5_648 {
  background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);
  border: 1px solid #333;
  border-radius: 16px;
  padding: 2rem;
}
._createFeed_zj2i5_627 ._createForm_zj2i5_648 ._formGrid_zj2i5_654 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-bottom: 2rem;
}
._createFeed_zj2i5_627 ._createForm_zj2i5_648 ._formGrid_zj2i5_654 ._formGroup_zj2i5_660 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
._createFeed_zj2i5_627 ._createForm_zj2i5_648 ._formGrid_zj2i5_654 ._formGroup_zj2i5_660 label {
  font-weight: 600;
  color: #fff;
  font-size: 0.9rem;
}
._createFeed_zj2i5_627 ._createForm_zj2i5_648 ._formGrid_zj2i5_654 ._formGroup_zj2i5_660 input, ._createFeed_zj2i5_627 ._createForm_zj2i5_648 ._formGrid_zj2i5_654 ._formGroup_zj2i5_660 select {
  padding: 0.75rem;
  border: 1px solid #444;
  border-radius: 8px;
  background: #2a2a2a;
  color: #fff;
  font-size: 1rem;
  transition: border-color 0.3s ease;
}
._createFeed_zj2i5_627 ._createForm_zj2i5_648 ._formGrid_zj2i5_654 ._formGroup_zj2i5_660 input:focus, ._createFeed_zj2i5_627 ._createForm_zj2i5_648 ._formGrid_zj2i5_654 ._formGroup_zj2i5_660 select:focus {
  outline: none;
  border-color: #00ff88;
  box-shadow: 0 0 0 2px rgba(0, 255, 136, 0.2);
}
._createFeed_zj2i5_627 ._createForm_zj2i5_648 ._formGrid_zj2i5_654 ._formGroup_zj2i5_660 input::-moz-placeholder, ._createFeed_zj2i5_627 ._createForm_zj2i5_648 ._formGrid_zj2i5_654 ._formGroup_zj2i5_660 select::-moz-placeholder {
  color: #666;
}
._createFeed_zj2i5_627 ._createForm_zj2i5_648 ._formGrid_zj2i5_654 ._formGroup_zj2i5_660 input::placeholder, ._createFeed_zj2i5_627 ._createForm_zj2i5_648 ._formGrid_zj2i5_654 ._formGroup_zj2i5_660 select::placeholder {
  color: #666;
}
._createFeed_zj2i5_627 ._createForm_zj2i5_648 ._advancedOptions_zj2i5_687 {
  margin-bottom: 2rem;
}
._createFeed_zj2i5_627 ._createForm_zj2i5_648 ._advancedOptions_zj2i5_687 h3 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0 0 1rem 0;
  color: #fff;
  font-size: 1.2rem;
}
._createFeed_zj2i5_627 ._createForm_zj2i5_648 ._advancedOptions_zj2i5_687 h3 svg {
  width: 1.25rem;
  height: 1.25rem;
  color: #00ff88;
}
._createFeed_zj2i5_627 ._createForm_zj2i5_648 ._advancedOptions_zj2i5_687 ._optionsGrid_zj2i5_703 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1rem;
}
._createFeed_zj2i5_627 ._createForm_zj2i5_648 ._advancedOptions_zj2i5_687 ._optionsGrid_zj2i5_703 ._option_zj2i5_703 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
._createFeed_zj2i5_627 ._createForm_zj2i5_648 ._advancedOptions_zj2i5_687 ._optionsGrid_zj2i5_703 ._option_zj2i5_703 input[type=checkbox] {
  width: 1.25rem;
  height: 1.25rem;
  accent-color: #00ff88;
}
._createFeed_zj2i5_627 ._createForm_zj2i5_648 ._advancedOptions_zj2i5_687 ._optionsGrid_zj2i5_703 ._option_zj2i5_703 label {
  color: #fff;
  cursor: pointer;
}
._createFeed_zj2i5_627 ._createForm_zj2i5_648 ._createButton_zj2i5_722 {
  background: linear-gradient(45deg, #00ff88, #00ccff);
  border: none;
  border-radius: 12px;
  padding: 1rem 2rem;
  color: #000;
  font-size: 1.1rem;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  transition: transform 0.3s ease;
}
._createFeed_zj2i5_627 ._createForm_zj2i5_648 ._createButton_zj2i5_722 svg {
  width: 1.25rem;
  height: 1.25rem;
}
._createFeed_zj2i5_627 ._createForm_zj2i5_648 ._createButton_zj2i5_722:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(0, 255, 136, 0.4);
}

._analytics_zj2i5_247 ._analyticsHeader_zj2i5_247 {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
}
._analytics_zj2i5_247 ._analyticsHeader_zj2i5_247 ._analyticsIcon_zj2i5_253 {
  width: 2.5rem;
  height: 2.5rem;
  color: #00ff88;
}
._analytics_zj2i5_247 ._analyticsHeader_zj2i5_247 h2 {
  margin: 0;
  font-size: 2rem;
  color: #fff;
}
._analytics_zj2i5_247 ._analyticsHeader_zj2i5_247 p {
  margin: 0;
  color: #888;
  font-size: 1.1rem;
}
._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 1.5rem;
}
._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 ._analyticsCard_zj2i5_330 {
  background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);
  border: 1px solid #333;
  border-radius: 16px;
  padding: 1.5rem;
}
._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 ._analyticsCard_zj2i5_330 h3 {
  margin: 0 0 1.5rem 0;
  color: #fff;
  font-size: 1.3rem;
}
._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 ._healthMetrics_zj2i5_782, ._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 ._securityMetrics_zj2i5_348, ._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 ._economicMetrics_zj2i5_348 {
  display: grid;
  gap: 1rem;
}
._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 ._healthMetrics_zj2i5_782 ._metric_zj2i5_352, ._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 ._securityMetrics_zj2i5_348 ._metric_zj2i5_352, ._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 ._economicMetrics_zj2i5_348 ._metric_zj2i5_352 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 ._healthMetrics_zj2i5_782 ._metric_zj2i5_352 ._metricLabel_zj2i5_362, ._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 ._securityMetrics_zj2i5_348 ._metric_zj2i5_352 ._metricLabel_zj2i5_362, ._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 ._economicMetrics_zj2i5_348 ._metric_zj2i5_352 ._metricLabel_zj2i5_362 {
  color: #888;
  font-size: 0.9rem;
}
._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 ._healthMetrics_zj2i5_782 ._metric_zj2i5_352 ._metricValue_zj2i5_367, ._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 ._securityMetrics_zj2i5_348 ._metric_zj2i5_352 ._metricValue_zj2i5_367, ._analytics_zj2i5_247 ._analyticsGrid_zj2i5_325 ._economicMetrics_zj2i5_348 ._metric_zj2i5_352 ._metricValue_zj2i5_367 {
  color: #00ff88;
  font-size: 1.2rem;
  font-weight: 600;
}

._text-green-500_zj2i5_801 {
  color: #00ff88;
}

._text-yellow-500_zj2i5_805 {
  color: #fbbf24;
}

._text-red-500_zj2i5_809 {
  color: #ff4444;
}

._text-gray-500_zj2i5_813 {
  color: #888;
}

@media (max-width: 768px) {
  ._header_zj2i5_35 ._headerContent_zj2i5_40 {
    flex-direction: column;
    text-align: center;
  }
  ._header_zj2i5_35 ._networkStats_zj2i5_101 {
    justify-content: center;
  }
  ._tabNavigation_zj2i5_133 {
    overflow-x: auto;
    padding: 0 1rem;
  }
  ._tabNavigation_zj2i5_133 ._tabButton_zj2i5_142 {
    white-space: nowrap;
  }
  ._content_zj2i5_169 {
    padding: 1rem;
  }
  ._feedsGrid_zj2i5_381 {
    grid-template-columns: 1fr;
  }
  ._table_zj2i5_518 ._tableHead_zj2i5_518, ._table_zj2i5_518 ._tableRow_zj2i5_548 {
    grid-template-columns: repeat(8, minmax(100px, 1fr));
    overflow-x: auto;
  }
}/* Bridge Container */
._bridgeContainer_1otlh_2 {
  padding: 20px;
  max-width: 1200px;
  margin: 0 auto;
  color: #e5e7eb;
  min-height: calc(100vh - 100px);
}

._bridgeHeader_1otlh_10 {
  text-align: center;
  margin-bottom: 40px;
}

._bridgeHeader_1otlh_10 h1 {
  font-size: 2.5rem;
  font-weight: 700;
  background: linear-gradient(135deg, #3b82f6, #8b5cf6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 10px;
}

._bridgeHeader_1otlh_10 p {
  font-size: 1.1rem;
  color: #9ca3af;
  max-width: 600px;
  margin: 0 auto;
}

/* Bridge Content */
._bridgeContent_1otlh_32 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: start;
}

@media (max-width: 1024px) {
  ._bridgeContent_1otlh_32 {
    grid-template-columns: 1fr;
  }
}

/* Bridge Form */
._bridgeForm_1otlh_46 {
  background: rgba(17, 24, 39, 0.8);
  border-radius: 16px;
  border: 1px solid rgba(59, 130, 246, 0.2);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
}

._bridgeCard_1otlh_53 {
  padding: 24px;
}

._bridgeCard_1otlh_53 h2 {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 24px;
  color: #f3f4f6;
}

/* Form Sections */
._chainSection_1otlh_65,
._tokenSection_1otlh_66,
._amountSection_1otlh_67,
._recipientSection_1otlh_68 {
  margin-bottom: 20px;
}

._chainSection_1otlh_65 label,
._tokenSection_1otlh_66 label,
._amountSection_1otlh_67 label,
._recipientSection_1otlh_68 label {
  display: block;
  font-size: 0.9rem;
  font-weight: 500;
  color: #d1d5db;
  margin-bottom: 8px;
}

._chainSelect_1otlh_83,
._tokenSelect_1otlh_84,
._amountInput_1otlh_85,
._recipientInput_1otlh_86 {
  width: 100%;
  padding: 12px 16px;
  background: rgba(31, 41, 55, 0.8);
  border: 1px solid rgba(75, 85, 99, 0.6);
  border-radius: 8px;
  color: #f3f4f6;
  font-size: 1rem;
  transition: all 0.3s ease;
}

._chainSelect_1otlh_83:focus,
._tokenSelect_1otlh_84:focus,
._amountInput_1otlh_85:focus,
._recipientInput_1otlh_86:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/* Swap Button */
._swapButton_1otlh_107 {
  display: flex;
  justify-content: center;
  margin: 16px 0;
}

._swapIcon_1otlh_113 {
  width: 40px;
  height: 40px;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  color: #3b82f6;
}

._swapIcon_1otlh_113:hover {
  background: rgba(59, 130, 246, 0.2);
  transform: rotate(180deg);
}

._swapIcon_1otlh_113 svg {
  width: 20px;
  height: 20px;
}

/* Fee Token Selection */
._feeTokenSection_1otlh_138 {
  margin-bottom: 20px;
}

._feeTokenSection_1otlh_138 label {
  display: block;
  font-size: 0.9rem;
  font-weight: 500;
  color: #d1d5db;
  margin-bottom: 8px;
}

._feeTokenOptions_1otlh_150 {
  display: flex;
  gap: 8px;
}

._feeTokenOption_1otlh_150 {
  flex: 1;
  padding: 10px 16px;
  background: rgba(31, 41, 55, 0.8);
  border: 1px solid rgba(75, 85, 99, 0.6);
  border-radius: 8px;
  color: #d1d5db;
  cursor: pointer;
  transition: all 0.3s ease;
  font-weight: 500;
}

._feeTokenOption_1otlh_150:hover {
  border-color: #3b82f6;
}

._feeTokenOption_1otlh_150._active_1otlh_171 {
  background: rgba(59, 130, 246, 0.2);
  border-color: #3b82f6;
  color: #3b82f6;
}

/* Fee Quote */
._feeQuote_1otlh_178 {
  background: rgba(31, 41, 55, 0.6);
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 20px;
  border: 1px solid rgba(75, 85, 99, 0.4);
}

._feeQuote_1otlh_178 h3 {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 12px;
  color: #f3f4f6;
}

._feeBreakdown_1otlh_193 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._feeItem_1otlh_199 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px 0;
  font-size: 0.9rem;
}

._feeItem_1otlh_199:first-child {
  font-weight: 600;
  font-size: 1rem;
  color: #10b981;
}

._feeItem_1otlh_199:last-child {
  border-top: 1px solid rgba(75, 85, 99, 0.4);
  padding-top: 8px;
  margin-top: 4px;
  font-weight: 600;
}

/* Bridge Button */
._bridgeButton_1otlh_221 {
  width: 100%;
  padding: 16px;
  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
  border: none;
  border-radius: 12px;
  color: white;
  font-size: 1.1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

._bridgeButton_1otlh_221:hover:not(:disabled) {
  background: linear-gradient(135deg, #2563eb, #1e40af);
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(59, 130, 246, 0.3);
}

._bridgeButton_1otlh_221:disabled {
  background: rgba(75, 85, 99, 0.5);
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

/* Error Message */
._errorMessage_1otlh_248 {
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 8px;
  padding: 12px;
  margin-bottom: 20px;
  color: #f87171;
}

._errorIcon_1otlh_260 {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

/* Bridge History */
._bridgeHistory_1otlh_267 {
  background: rgba(17, 24, 39, 0.8);
  border-radius: 16px;
  border: 1px solid rgba(59, 130, 246, 0.2);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  padding: 24px;
}

._bridgeHistory_1otlh_267 h2 {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 24px;
  color: #f3f4f6;
}

._emptyHistory_1otlh_282 {
  text-align: center;
  padding: 40px 20px;
  color: #9ca3af;
}

._historyList_1otlh_288 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._historyItem_1otlh_294 {
  display: flex;
  align-items: center;
  gap: 12px;
  background: rgba(31, 41, 55, 0.6);
  border-radius: 12px;
  padding: 16px;
  border: 1px solid rgba(75, 85, 99, 0.4);
  transition: all 0.3s ease;
}

._historyItem_1otlh_294:hover {
  background: rgba(31, 41, 55, 0.8);
  border-color: rgba(59, 130, 246, 0.3);
}

._historyStatus_1otlh_310 {
  flex-shrink: 0;
}

._statusIconCompleted_1otlh_314 {
  width: 24px;
  height: 24px;
  color: #10b981;
}

._statusIconFailed_1otlh_320 {
  width: 24px;
  height: 24px;
  color: #ef4444;
}

._statusIconPending_1otlh_326 {
  width: 24px;
  height: 24px;
  color: #f59e0b;
}

._historyDetails_1otlh_332 {
  flex: 1;
}

._historyAmount_1otlh_336 {
  font-weight: 600;
  font-size: 1rem;
  color: #f3f4f6;
  margin-bottom: 4px;
}

._historyRoute_1otlh_343 {
  font-size: 0.9rem;
  color: #9ca3af;
  margin-bottom: 2px;
}

._historyTime_1otlh_349 {
  font-size: 0.8rem;
  color: #6b7280;
}

._historyFee_1otlh_354 {
  text-align: right;
  font-size: 0.9rem;
  color: #9ca3af;
  flex-shrink: 0;
}

/* Responsive Design */
@media (max-width: 768px) {
  ._bridgeContainer_1otlh_2 {
    padding: 15px;
  }

  ._bridgeHeader_1otlh_10 h1 {
    font-size: 2rem;
  }

  ._bridgeCard_1otlh_53,
  ._bridgeHistory_1otlh_267 {
    padding: 20px;
  }

  ._historyItem_1otlh_294 {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  ._historyFee_1otlh_354 {
    text-align: left;
    align-self: flex-end;
  }
}
._container_kcvqd_2 {
  min-height: 100vh;
  background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);
  color: #ffffff;
  padding: 0;
}

._loading_kcvqd_9 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 60vh;
}
._loading_kcvqd_9 ._loadingIcon_kcvqd_16 {
  width: 3rem;
  height: 3rem;
  color: #00ff88;
  animation: _pulse_kcvqd_1 2s infinite;
  margin-bottom: 1rem;
}
._loading_kcvqd_9 p {
  color: #888;
  font-size: 1.1rem;
}

@keyframes _pulse_kcvqd_1 {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
._header_kcvqd_36 {
  background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);
  border-bottom: 1px solid #333;
  padding: 2rem;
}
._header_kcvqd_36 ._headerContent_kcvqd_41 {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 2rem;
}
._header_kcvqd_36 ._headerTitle_kcvqd_50 {
  display: flex;
  align-items: center;
  gap: 1rem;
}
._header_kcvqd_36 ._headerTitle_kcvqd_50 ._headerIcon_kcvqd_55 {
  width: 3rem;
  height: 3rem;
  color: #00ff88;
}
._header_kcvqd_36 ._headerTitle_kcvqd_50 h1 {
  margin: 0;
  font-size: 2.5rem;
  font-weight: 700;
  background: linear-gradient(45deg, #00ff88, #00ccff);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
._header_kcvqd_36 ._headerTitle_kcvqd_50 p {
  margin: 0;
  color: #888;
  font-size: 1.1rem;
  max-width: 400px;
}
._header_kcvqd_36 ._priceDisplay_kcvqd_75 {
  text-align: right;
}
._header_kcvqd_36 ._priceDisplay_kcvqd_75 ._currentPrice_kcvqd_78 {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0.5rem;
}
._header_kcvqd_36 ._priceDisplay_kcvqd_75 ._currentPrice_kcvqd_78 ._price_kcvqd_75 {
  font-size: 2.5rem;
  font-weight: 700;
  color: #fff;
}
._header_kcvqd_36 ._priceDisplay_kcvqd_75 ._currentPrice_kcvqd_78 ._deviation_kcvqd_89 {
  font-size: 1.2rem;
  font-weight: 600;
  padding: 0.5rem 1rem;
  border-radius: 8px;
}
._header_kcvqd_36 ._priceDisplay_kcvqd_75 ._currentPrice_kcvqd_78 ._deviation_kcvqd_89._positive_kcvqd_95 {
  background: rgba(0, 255, 136, 0.2);
  color: #00ff88;
}
._header_kcvqd_36 ._priceDisplay_kcvqd_75 ._currentPrice_kcvqd_78 ._deviation_kcvqd_89._negative_kcvqd_99 {
  background: rgba(255, 68, 68, 0.2);
  color: #ff4444;
}
._header_kcvqd_36 ._priceDisplay_kcvqd_75 ._pegHealth_kcvqd_103 {
  color: #00ff88;
  font-size: 1rem;
  font-weight: 500;
}

._tabNavigation_kcvqd_109 {
  background: #1a1a1a;
  border-bottom: 1px solid #333;
  padding: 0 2rem;
  display: flex;
  gap: 0;
  max-width: 1400px;
  margin: 0 auto;
  overflow-x: auto;
}
._tabNavigation_kcvqd_109 ._tabButton_kcvqd_119 {
  background: none;
  border: none;
  padding: 1rem 1.5rem;
  color: #888;
  font-size: 1rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-bottom: 3px solid transparent;
  transition: all 0.3s ease;
  white-space: nowrap;
}
._tabNavigation_kcvqd_109 ._tabButton_kcvqd_119 svg {
  width: 1.25rem;
  height: 1.25rem;
}
._tabNavigation_kcvqd_109 ._tabButton_kcvqd_119:hover {
  color: #00ff88;
  background: rgba(0, 255, 136, 0.05);
}
._tabNavigation_kcvqd_109 ._tabButton_kcvqd_119._active_kcvqd_141 {
  color: #00ff88;
  border-bottom-color: #00ff88;
  background: rgba(0, 255, 136, 0.1);
}

._content_kcvqd_147 {
  max-width: 1400px;
  margin: 0 auto;
  padding: 2rem;
}

._overview_kcvqd_153 ._metricsGrid_kcvqd_153 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5rem;
  margin-bottom: 3rem;
}
._overview_kcvqd_153 ._metricsGrid_kcvqd_153 ._metricCard_kcvqd_159 {
  background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);
  border: 1px solid #333;
  border-radius: 16px;
  padding: 1.5rem;
  transition: all 0.3s ease;
}
._overview_kcvqd_153 ._metricsGrid_kcvqd_153 ._metricCard_kcvqd_159:hover {
  border-color: #00ff88;
  box-shadow: 0 8px 32px rgba(0, 255, 136, 0.1);
  transform: translateY(-2px);
}
._overview_kcvqd_153 ._metricsGrid_kcvqd_153 ._metricCard_kcvqd_159 ._metricHeader_kcvqd_171 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
  color: #888;
}
._overview_kcvqd_153 ._metricsGrid_kcvqd_153 ._metricCard_kcvqd_159 ._metricHeader_kcvqd_171 svg {
  width: 1.5rem;
  height: 1.5rem;
  color: #00ff88;
}
._overview_kcvqd_153 ._metricsGrid_kcvqd_153 ._metricCard_kcvqd_159 ._metricHeader_kcvqd_171 span {
  font-size: 0.9rem;
  font-weight: 500;
}
._overview_kcvqd_153 ._metricsGrid_kcvqd_153 ._metricCard_kcvqd_159 ._metricValue_kcvqd_187 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff;
}
._overview_kcvqd_153 ._systemHealth_kcvqd_192 {
  background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);
  border: 1px solid #333;
  border-radius: 16px;
  padding: 2rem;
}
._overview_kcvqd_153 ._systemHealth_kcvqd_192 h2 {
  margin: 0 0 2rem 0;
  color: #fff;
  font-size: 1.5rem;
}
._overview_kcvqd_153 ._systemHealth_kcvqd_192 ._healthIndicators_kcvqd_203 {
  display: grid;
  gap: 1.5rem;
}
._overview_kcvqd_153 ._systemHealth_kcvqd_192 ._healthIndicators_kcvqd_203 ._healthIndicator_kcvqd_203 ._indicatorLabel_kcvqd_207 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  color: #888;
  font-size: 0.9rem;
}
._overview_kcvqd_153 ._systemHealth_kcvqd_192 ._healthIndicators_kcvqd_203 ._healthIndicator_kcvqd_203 ._indicatorBar_kcvqd_214 {
  height: 8px;
  background: #333;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 0.5rem;
}
._overview_kcvqd_153 ._systemHealth_kcvqd_192 ._healthIndicators_kcvqd_203 ._healthIndicator_kcvqd_203 ._indicatorBar_kcvqd_214 ._indicatorFill_kcvqd_221 {
  height: 100%;
  border-radius: 4px;
  transition: width 0.3s ease;
}
._overview_kcvqd_153 ._systemHealth_kcvqd_192 ._healthIndicators_kcvqd_203 ._healthIndicator_kcvqd_203 ._indicatorValue_kcvqd_226 {
  color: #fff;
  font-weight: 600;
  font-size: 0.9rem;
}

._sectionHeader_kcvqd_232 {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
}
._sectionHeader_kcvqd_232 ._sectionIcon_kcvqd_238 {
  width: 2.5rem;
  height: 2.5rem;
  color: #00ff88;
}
._sectionHeader_kcvqd_232 h2 {
  margin: 0;
  font-size: 2rem;
  color: #fff;
}
._sectionHeader_kcvqd_232 p {
  margin: 0;
  color: #888;
  font-size: 1.1rem;
}

._actionCard_kcvqd_254 {
  background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);
  border: 1px solid #333;
  border-radius: 16px;
  padding: 2rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
}
._actionCard_kcvqd_254 ._actionForm_kcvqd_263 ._formGroup_kcvqd_263 {
  margin-bottom: 1.5rem;
}
._actionCard_kcvqd_254 ._actionForm_kcvqd_263 ._formGroup_kcvqd_263 label {
  display: block;
  margin-bottom: 0.5rem;
  color: #fff;
  font-weight: 600;
  font-size: 0.9rem;
}
._actionCard_kcvqd_254 ._actionForm_kcvqd_263 ._formGroup_kcvqd_263 input, ._actionCard_kcvqd_254 ._actionForm_kcvqd_263 ._formGroup_kcvqd_263 select {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #444;
  border-radius: 8px;
  background: #2a2a2a;
  color: #fff;
  font-size: 1rem;
  transition: border-color 0.3s ease;
}
._actionCard_kcvqd_254 ._actionForm_kcvqd_263 ._formGroup_kcvqd_263 input:focus, ._actionCard_kcvqd_254 ._actionForm_kcvqd_263 ._formGroup_kcvqd_263 select:focus {
  outline: none;
  border-color: #00ff88;
  box-shadow: 0 0 0 2px rgba(0, 255, 136, 0.2);
}
._actionCard_kcvqd_254 ._actionForm_kcvqd_263 ._formGroup_kcvqd_263 input::-moz-placeholder, ._actionCard_kcvqd_254 ._actionForm_kcvqd_263 ._formGroup_kcvqd_263 select::-moz-placeholder {
  color: #666;
}
._actionCard_kcvqd_254 ._actionForm_kcvqd_263 ._formGroup_kcvqd_263 input::placeholder, ._actionCard_kcvqd_254 ._actionForm_kcvqd_263 ._formGroup_kcvqd_263 select::placeholder {
  color: #666;
}
._actionCard_kcvqd_254 ._actionForm_kcvqd_263 ._formGroup_kcvqd_263 ._inputWithMax_kcvqd_291 {
  position: relative;
}
._actionCard_kcvqd_254 ._actionForm_kcvqd_263 ._formGroup_kcvqd_263 ._inputWithMax_kcvqd_291 ._maxButton_kcvqd_294 {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  background: #00ff88;
  color: #000;
  border: none;
  padding: 0.25rem 0.75rem;
  border-radius: 4px;
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
}
._actionCard_kcvqd_254 ._actionForm_kcvqd_263 ._calculationSummary_kcvqd_308 {
  background: rgba(0, 255, 136, 0.05);
  border: 1px solid rgba(0, 255, 136, 0.2);
  border-radius: 8px;
  padding: 1rem;
  margin-bottom: 2rem;
}
._actionCard_kcvqd_254 ._actionForm_kcvqd_263 ._calculationSummary_kcvqd_308 ._summaryRow_kcvqd_315 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
._actionCard_kcvqd_254 ._actionForm_kcvqd_263 ._calculationSummary_kcvqd_308 ._summaryRow_kcvqd_315:last-child {
  margin-bottom: 0;
}
._actionCard_kcvqd_254 ._actionForm_kcvqd_263 ._calculationSummary_kcvqd_308 ._summaryRow_kcvqd_315 span:first-child {
  color: #888;
}
._actionCard_kcvqd_254 ._actionForm_kcvqd_263 ._calculationSummary_kcvqd_308 ._summaryRow_kcvqd_315 span:last-child {
  color: #fff;
  font-weight: 600;
}
._actionCard_kcvqd_254 ._actionForm_kcvqd_263 ._actionButton_kcvqd_330 {
  width: 100%;
  background: linear-gradient(45deg, #00ff88, #00ccff);
  border: none;
  border-radius: 12px;
  padding: 1rem 2rem;
  color: #000;
  font-size: 1.1rem;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  transition: transform 0.3s ease;
}
._actionCard_kcvqd_254 ._actionForm_kcvqd_263 ._actionButton_kcvqd_330 svg {
  width: 1.25rem;
  height: 1.25rem;
}
._actionCard_kcvqd_254 ._actionForm_kcvqd_263 ._actionButton_kcvqd_330:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(0, 255, 136, 0.4);
}
._actionCard_kcvqd_254 ._actionInfo_kcvqd_354 h3 {
  margin: 0 0 1rem 0;
  color: #fff;
  font-size: 1.2rem;
}
._actionCard_kcvqd_254 ._actionInfo_kcvqd_354 ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
._actionCard_kcvqd_254 ._actionInfo_kcvqd_354 ul li {
  color: #888;
  margin-bottom: 0.75rem;
  padding-left: 1.5rem;
  position: relative;
}
._actionCard_kcvqd_254 ._actionInfo_kcvqd_354 ul li::before {
  content: "•";
  color: #00ff88;
  position: absolute;
  left: 0;
  font-weight: bold;
}

._positionCard_kcvqd_378 {
  background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);
  border: 1px solid #333;
  border-radius: 16px;
  padding: 2rem;
}
._positionCard_kcvqd_378 ._positionMetrics_kcvqd_384 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.5rem;
  margin-bottom: 2rem;
}
._positionCard_kcvqd_378 ._positionMetrics_kcvqd_384 ._positionMetric_kcvqd_384 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
._positionCard_kcvqd_378 ._positionMetrics_kcvqd_384 ._positionMetric_kcvqd_384 ._metricLabel_kcvqd_395 {
  color: #888;
  font-size: 0.9rem;
}
._positionCard_kcvqd_378 ._positionMetrics_kcvqd_384 ._positionMetric_kcvqd_384 ._metricValue_kcvqd_187 {
  color: #fff;
  font-size: 1.2rem;
  font-weight: 600;
}
._positionCard_kcvqd_378 ._healthBar_kcvqd_404 {
  margin-bottom: 2rem;
}
._positionCard_kcvqd_378 ._healthBar_kcvqd_404 ._healthLabel_kcvqd_407 {
  margin-bottom: 0.5rem;
  color: #888;
  font-size: 0.9rem;
}
._positionCard_kcvqd_378 ._healthBar_kcvqd_404 ._healthBarContainer_kcvqd_412 {
  height: 12px;
  background: #333;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 0.5rem;
}
._positionCard_kcvqd_378 ._healthBar_kcvqd_404 ._healthBarContainer_kcvqd_412 ._healthBarFill_kcvqd_419 {
  height: 100%;
  border-radius: 6px;
  transition: width 0.3s ease;
}
._positionCard_kcvqd_378 ._healthBar_kcvqd_404 ._healthText_kcvqd_424 {
  color: #fff;
  font-weight: 600;
  font-size: 0.9rem;
}
._positionCard_kcvqd_378 ._riskWarning_kcvqd_429 {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  background: rgba(255, 68, 68, 0.1);
  border: 1px solid rgba(255, 68, 68, 0.3);
  border-radius: 8px;
  padding: 1rem;
}
._positionCard_kcvqd_378 ._riskWarning_kcvqd_429 svg {
  width: 1.5rem;
  height: 1.5rem;
  color: #ff4444;
  flex-shrink: 0;
  margin-top: 0.25rem;
}
._positionCard_kcvqd_378 ._riskWarning_kcvqd_429 strong {
  color: #ff4444;
  display: block;
  margin-bottom: 0.5rem;
}
._positionCard_kcvqd_378 ._riskWarning_kcvqd_429 p {
  margin: 0;
  color: #ccc;
  font-size: 0.9rem;
}

._proposalsGrid_kcvqd_456 {
  display: grid;
  gap: 1.5rem;
}
._proposalsGrid_kcvqd_456 ._proposalCard_kcvqd_460 {
  background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);
  border: 1px solid #333;
  border-radius: 16px;
  padding: 1.5rem;
  transition: all 0.3s ease;
}
._proposalsGrid_kcvqd_456 ._proposalCard_kcvqd_460:hover {
  border-color: #00ff88;
  box-shadow: 0 8px 32px rgba(0, 255, 136, 0.1);
}
._proposalsGrid_kcvqd_456 ._proposalCard_kcvqd_460 ._proposalHeader_kcvqd_471 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
._proposalsGrid_kcvqd_456 ._proposalCard_kcvqd_460 ._proposalHeader_kcvqd_471 h3 {
  margin: 0;
  color: #fff;
  font-size: 1.2rem;
}
._proposalsGrid_kcvqd_456 ._proposalCard_kcvqd_460 ._proposalHeader_kcvqd_471 ._proposalStatus_kcvqd_482 {
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.1);
}
._proposalsGrid_kcvqd_456 ._proposalCard_kcvqd_460 ._proposalDescription_kcvqd_490 {
  color: #888;
  margin-bottom: 1.5rem;
  line-height: 1.5;
}
._proposalsGrid_kcvqd_456 ._proposalCard_kcvqd_460 ._proposalMetrics_kcvqd_495 {
  margin-bottom: 1.5rem;
}
._proposalsGrid_kcvqd_456 ._proposalCard_kcvqd_460 ._proposalMetrics_kcvqd_495 ._voteCount_kcvqd_498 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
._proposalsGrid_kcvqd_456 ._proposalCard_kcvqd_460 ._proposalMetrics_kcvqd_495 ._voteCount_kcvqd_498 span {
  color: #888;
  font-size: 0.9rem;
}
._proposalsGrid_kcvqd_456 ._proposalCard_kcvqd_460 ._proposalMetrics_kcvqd_495 ._proposalTimeline_kcvqd_507 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #888;
  font-size: 0.9rem;
}
._proposalsGrid_kcvqd_456 ._proposalCard_kcvqd_460 ._proposalMetrics_kcvqd_495 ._proposalTimeline_kcvqd_507 svg {
  width: 1rem;
  height: 1rem;
}
._proposalsGrid_kcvqd_456 ._proposalCard_kcvqd_460 ._voteButtons_kcvqd_518 {
  display: flex;
  gap: 1rem;
}
._proposalsGrid_kcvqd_456 ._proposalCard_kcvqd_460 ._voteButtons_kcvqd_518 ._voteButton_kcvqd_518 {
  flex: 1;
  padding: 0.75rem 1rem;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  transition: transform 0.3s ease;
}
._proposalsGrid_kcvqd_456 ._proposalCard_kcvqd_460 ._voteButtons_kcvqd_518 ._voteButton_kcvqd_518 svg {
  width: 1rem;
  height: 1rem;
}
._proposalsGrid_kcvqd_456 ._proposalCard_kcvqd_460 ._voteButtons_kcvqd_518 ._voteButton_kcvqd_518:hover {
  transform: translateY(-1px);
}
._proposalsGrid_kcvqd_456 ._proposalCard_kcvqd_460 ._voteButtons_kcvqd_518 ._voteButton_kcvqd_518._voteFor_kcvqd_542 {
  background: rgba(0, 255, 136, 0.2);
  color: #00ff88;
  border: 1px solid rgba(0, 255, 136, 0.4);
}
._proposalsGrid_kcvqd_456 ._proposalCard_kcvqd_460 ._voteButtons_kcvqd_518 ._voteButton_kcvqd_518._voteAgainst_kcvqd_547 {
  background: rgba(255, 68, 68, 0.2);
  color: #ff4444;
  border: 1px solid rgba(255, 68, 68, 0.4);
}

@media (max-width: 768px) {
  ._header_kcvqd_36 ._headerContent_kcvqd_41 {
    flex-direction: column;
    text-align: center;
  }
  ._header_kcvqd_36 ._priceDisplay_kcvqd_75 {
    text-align: center;
  }
  ._header_kcvqd_36 ._priceDisplay_kcvqd_75 ._currentPrice_kcvqd_78 {
    justify-content: center;
  }
  ._content_kcvqd_147 {
    padding: 1rem;
  }
  ._actionCard_kcvqd_254 {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  ._positionCard_kcvqd_378 ._positionMetrics_kcvqd_384 {
    grid-template-columns: 1fr;
  }
  ._voteButtons_kcvqd_518 {
    flex-direction: column;
  }
}._container_uj6ii_1 {
  min-height: 100vh;
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 30%, #334155 100%);
  color: white;
  overflow-x: hidden;
}
._container_uj6ii_1 svg {
  width: 1.25rem !important;
  height: 1.25rem !important;
  flex-shrink: 0;
}
._container_uj6ii_1 button svg, ._container_uj6ii_1 ._tokenSelector_uj6ii_12 svg {
  width: 1rem !important;
  height: 1rem !important;
}
._container_uj6ii_1 ._header_uj6ii_16 svg {
  width: 1.5rem !important;
  height: 1.5rem !important;
}

._loading_uj6ii_21 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 60vh;
  gap: 1rem;
}
._loading_uj6ii_21 ._loadingIcon_uj6ii_29 {
  width: 4rem;
  height: 4rem;
  color: #ff6b6b;
  animation: _spin_uj6ii_634 2s linear infinite, _glow_uj6ii_1 2s ease-in-out infinite alternate;
}
._loading_uj6ii_21 p {
  font-size: 1.25rem;
  font-weight: 600;
  color: #e2e8f0;
  background: linear-gradient(135deg, #ff6b6b, #fbbf24);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

._header_uj6ii_16 {
  background: linear-gradient(135deg, rgba(255, 107, 107, 0.1) 0%, rgba(239, 68, 68, 0.05) 100%);
  border-bottom: 1px solid rgba(255, 107, 107, 0.2);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  position: sticky;
  top: 0;
  z-index: 40;
}
._header_uj6ii_16 ._headerContent_uj6ii_53 {
  max-width: 1400px;
  margin: 0 auto;
  padding: 2rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 2rem;
}
@media (max-width: 1024px) {
  ._header_uj6ii_16 ._headerContent_uj6ii_53 {
    flex-direction: column;
    gap: 1.5rem;
  }
}
._header_uj6ii_16 ._headerTitle_uj6ii_68 {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
._header_uj6ii_16 ._headerTitle_uj6ii_68 ._headerIcon_uj6ii_73 {
  width: 4rem;
  height: 4rem;
  color: #ff6b6b;
  animation: _glow_uj6ii_1 2s ease-in-out infinite alternate;
}
._header_uj6ii_16 ._headerTitle_uj6ii_68 h1 {
  font-size: 3rem;
  font-weight: 900;
  background: linear-gradient(135deg, #ff6b6b 0%, #ff5252 50%, #fbbf24 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin: 0;
  letter-spacing: -0.025em;
}
@media (max-width: 768px) {
  ._header_uj6ii_16 ._headerTitle_uj6ii_68 h1 {
    font-size: 2rem;
  }
}
._header_uj6ii_16 ._headerTitle_uj6ii_68 p {
  font-size: 1.125rem;
  color: #cbd5e1;
  margin: 0.5rem 0 1rem 0;
  font-weight: 500;
}
._header_uj6ii_16 ._headerTitle_uj6ii_68 ._revolutionaryBadges_uj6ii_100 {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}
._header_uj6ii_16 ._headerTitle_uj6ii_68 ._revolutionaryBadges_uj6ii_100 ._badge_uj6ii_105 {
  background: linear-gradient(135deg, rgba(255, 107, 107, 0.2) 0%, rgba(239, 68, 68, 0.1) 100%);
  border: 1px solid rgba(255, 107, 107, 0.3);
  padding: 0.5rem 1rem;
  border-radius: 9999px;
  font-size: 0.875rem;
  font-weight: 600;
  color: #fca5a5;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  animation: _pulse_uj6ii_1 3s ease-in-out infinite;
}
._header_uj6ii_16 ._headerTitle_uj6ii_68 ._revolutionaryBadges_uj6ii_100 ._badge_uj6ii_105:nth-child(2) {
  animation-delay: 0.5s;
}
._header_uj6ii_16 ._headerTitle_uj6ii_68 ._revolutionaryBadges_uj6ii_100 ._badge_uj6ii_105:nth-child(3) {
  animation-delay: 1s;
}
._header_uj6ii_16 ._headerTitle_uj6ii_68 ._revolutionaryBadges_uj6ii_100 ._badge_uj6ii_105:nth-child(4) {
  animation-delay: 1.5s;
}
._header_uj6ii_16 ._dexStats_uj6ii_125 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}
._header_uj6ii_16 ._dexStats_uj6ii_125 ._statCard_uj6ii_130 {
  background: rgba(255, 107, 107, 0.1);
  border: 1px solid rgba(255, 107, 107, 0.2);
  border-radius: 1rem;
  padding: 1.5rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  transition: all 0.3s ease;
}
._header_uj6ii_16 ._dexStats_uj6ii_125 ._statCard_uj6ii_130:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(255, 107, 107, 0.2);
  border-color: rgba(255, 107, 107, 0.4);
}
._header_uj6ii_16 ._dexStats_uj6ii_125 ._statCard_uj6ii_130 ._statIcon_uj6ii_146 {
  width: 2.5rem;
  height: 2.5rem;
  color: #ff6b6b;
  animation: _glow_uj6ii_1 2s ease-in-out infinite alternate;
}
._header_uj6ii_16 ._dexStats_uj6ii_125 ._statCard_uj6ii_130 ._statValue_uj6ii_152 {
  display: block;
  font-size: 1.5rem;
  font-weight: 900;
  color: white;
  line-height: 1;
}
._header_uj6ii_16 ._dexStats_uj6ii_125 ._statCard_uj6ii_130 ._statLabel_uj6ii_159 {
  display: block;
  font-size: 0.875rem;
  color: #cbd5e1;
  font-weight: 500;
  margin-top: 0.25rem;
}

._tabNavigation_uj6ii_167 {
  background: rgba(30, 41, 59, 0.8);
  border-bottom: 1px solid rgba(255, 107, 107, 0.2);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  display: flex;
  justify-content: center;
  padding: 1rem 2rem;
  gap: 1rem;
  overflow-x: auto;
}
._tabNavigation_uj6ii_167 ._tabButton_uj6ii_177 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 2rem;
  border: 1px solid rgba(255, 107, 107, 0.2);
  background: rgba(255, 107, 107, 0.05);
  border-radius: 0.75rem;
  color: #cbd5e1;
  font-weight: 600;
  font-size: 0.875rem;
  transition: all 0.3s ease;
  cursor: pointer;
  white-space: nowrap;
}
._tabNavigation_uj6ii_167 ._tabButton_uj6ii_177 svg {
  width: 1.25rem;
  height: 1.25rem;
}
._tabNavigation_uj6ii_167 ._tabButton_uj6ii_177:hover {
  background: rgba(255, 107, 107, 0.15);
  border-color: rgba(255, 107, 107, 0.4);
  color: #ff6b6b;
  transform: translateY(-1px);
}
._tabNavigation_uj6ii_167 ._tabButton_uj6ii_177._active_uj6ii_202 {
  background: linear-gradient(135deg, #ff6b6b 0%, #ff5252 100%);
  border-color: #ff5252;
  color: white;
  box-shadow: 0 5px 20px rgba(255, 107, 107, 0.3);
}

._content_uj6ii_209 {
  max-width: 1400px;
  margin: 0 auto;
  padding: 2rem;
}
@media (max-width: 768px) {
  ._content_uj6ii_209 {
    padding: 1rem;
  }
}

._swapContainer_uj6ii_220 {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 2rem;
}
@media (max-width: 1024px) {
  ._swapContainer_uj6ii_220 {
    grid-template-columns: 1fr;
  }
}

._leftColumn_uj6ii_231 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

._rightColumn_uj6ii_237 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  position: sticky;
  top: 2rem;
  height: -moz-fit-content;
  height: fit-content;
}

._tokenTable_uj6ii_246 ._tokenTableHeader_uj6ii_246 {
  margin-bottom: 1.5rem;
}
._tokenTable_uj6ii_246 ._tokenTableHeader_uj6ii_246 h3 {
  font-size: 1.5rem;
  font-weight: 700;
  color: white;
  margin: 0 0 0.5rem 0;
}
._tokenTable_uj6ii_246 ._tokenTableHeader_uj6ii_246 p {
  color: #94a3b8;
  margin: 0;
  font-size: 1rem;
}
._tokenTable_uj6ii_246 ._tokenTableGrid_uj6ii_260 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
._tokenTable_uj6ii_246 ._tokenTableGrid_uj6ii_260 ._tokenTableCard_uj6ii_265 {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1) 0%, rgba(124, 58, 237, 0.05) 100%);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 1rem;
  padding: 1.5rem;
  transition: all 0.3s ease;
  cursor: pointer;
}
._tokenTable_uj6ii_246 ._tokenTableGrid_uj6ii_260 ._tokenTableCard_uj6ii_265:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(139, 92, 246, 0.2);
  border-color: rgba(139, 92, 246, 0.4);
}
._tokenTable_uj6ii_246 ._tokenTableGrid_uj6ii_260 ._tokenTableCard_uj6ii_265._selected_uj6ii_278 {
  border-color: #ff6b6b;
  background: linear-gradient(135deg, rgba(255, 107, 107, 0.15) 0%, rgba(255, 82, 82, 0.1) 100%);
  box-shadow: 0 5px 20px rgba(255, 107, 107, 0.3);
}
._tokenTable_uj6ii_246 ._tokenTableGrid_uj6ii_260 ._tokenTableCard_uj6ii_265 ._tokenInfo_uj6ii_283 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1rem;
}
._tokenTable_uj6ii_246 ._tokenTableGrid_uj6ii_260 ._tokenTableCard_uj6ii_265 ._tokenInfo_uj6ii_283 ._tokenIconAndName_uj6ii_289 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
._tokenTable_uj6ii_246 ._tokenTableGrid_uj6ii_260 ._tokenTableCard_uj6ii_265 ._tokenInfo_uj6ii_283 ._tokenIconAndName_uj6ii_289 ._tokenIcon_uj6ii_289 {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
._tokenTable_uj6ii_246 ._tokenTableGrid_uj6ii_260 ._tokenTableCard_uj6ii_265 ._tokenInfo_uj6ii_283 ._tokenIconAndName_uj6ii_289 h4 {
  font-size: 1.125rem;
  font-weight: 700;
  color: white;
  margin: 0;
}
._tokenTable_uj6ii_246 ._tokenTableGrid_uj6ii_260 ._tokenTableCard_uj6ii_265 ._tokenInfo_uj6ii_283 ._tokenIconAndName_uj6ii_289 ._tokenName_uj6ii_306 {
  font-size: 0.875rem;
  color: #94a3b8;
  display: block;
  margin-top: 0.25rem;
}
._tokenTable_uj6ii_246 ._tokenTableGrid_uj6ii_260 ._tokenTableCard_uj6ii_265 ._tokenInfo_uj6ii_283 ._verifiedBadge_uj6ii_312 {
  width: 1.25rem;
  height: 1.25rem;
  color: #10b981;
  flex-shrink: 0;
}
._tokenTable_uj6ii_246 ._tokenTableGrid_uj6ii_260 ._tokenTableCard_uj6ii_265 ._tokenMetrics_uj6ii_318 {
  margin-bottom: 1rem;
}
._tokenTable_uj6ii_246 ._tokenTableGrid_uj6ii_260 ._tokenTableCard_uj6ii_265 ._tokenMetrics_uj6ii_318 ._tokenPrice_uj6ii_321 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
}
._tokenTable_uj6ii_246 ._tokenTableGrid_uj6ii_260 ._tokenTableCard_uj6ii_265 ._tokenMetrics_uj6ii_318 ._tokenPrice_uj6ii_321 ._price_uj6ii_327 {
  font-size: 1.25rem;
  font-weight: 700;
  color: white;
}
._tokenTable_uj6ii_246 ._tokenTableGrid_uj6ii_260 ._tokenTableCard_uj6ii_265 ._tokenMetrics_uj6ii_318 ._tokenPrice_uj6ii_321 ._priceChange_uj6ii_332 {
  font-size: 0.875rem;
  font-weight: 600;
  padding: 0.25rem 0.5rem;
  border-radius: 0.375rem;
}
._tokenTable_uj6ii_246 ._tokenTableGrid_uj6ii_260 ._tokenTableCard_uj6ii_265 ._tokenMetrics_uj6ii_318 ._tokenPrice_uj6ii_321 ._priceChange_uj6ii_332._positive_uj6ii_338 {
  color: #10b981;
  background: rgba(16, 185, 129, 0.1);
}
._tokenTable_uj6ii_246 ._tokenTableGrid_uj6ii_260 ._tokenTableCard_uj6ii_265 ._tokenMetrics_uj6ii_318 ._tokenPrice_uj6ii_321 ._priceChange_uj6ii_332._negative_uj6ii_342 {
  color: #ef4444;
  background: rgba(239, 68, 68, 0.1);
}
._tokenTable_uj6ii_246 ._tokenTableGrid_uj6ii_260 ._tokenTableCard_uj6ii_265 ._tokenMetrics_uj6ii_318 ._tokenStats_uj6ii_346 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
._tokenTable_uj6ii_246 ._tokenTableGrid_uj6ii_260 ._tokenTableCard_uj6ii_265 ._tokenMetrics_uj6ii_318 ._tokenStats_uj6ii_346 ._statItem_uj6ii_351 ._statLabel_uj6ii_159 {
  font-size: 0.75rem;
  color: #94a3b8;
  display: block;
  margin-bottom: 0.25rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
._tokenTable_uj6ii_246 ._tokenTableGrid_uj6ii_260 ._tokenTableCard_uj6ii_265 ._tokenMetrics_uj6ii_318 ._tokenStats_uj6ii_346 ._statItem_uj6ii_351 ._statValue_uj6ii_152 {
  font-size: 0.875rem;
  color: white;
  font-weight: 600;
}
._tokenTable_uj6ii_246 ._tokenTableGrid_uj6ii_260 ._tokenTableCard_uj6ii_265 ._selectTokenButton_uj6ii_364 {
  width: 100%;
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
  border: 1px solid #7c3aed;
  border-radius: 0.75rem;
  padding: 0.75rem 1rem;
  color: white;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
._tokenTable_uj6ii_246 ._tokenTableGrid_uj6ii_260 ._tokenTableCard_uj6ii_265 ._selectTokenButton_uj6ii_364:hover {
  transform: translateY(-1px);
  box-shadow: 0 5px 15px rgba(139, 92, 246, 0.3);
}
._tokenTable_uj6ii_246 ._tokenTableGrid_uj6ii_260 ._tokenTableCard_uj6ii_265 ._selectTokenButton_uj6ii_364._selected_uj6ii_278 {
  background: linear-gradient(135deg, #ff6b6b 0%, #ff5252 100%);
  border-color: #ff5252;
  box-shadow: 0 5px 15px rgba(255, 107, 107, 0.3);
}

._aiInsightsPanel_uj6ii_390 {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.1) 0%, rgba(34, 197, 94, 0.05) 100%);
  border: 1px solid rgba(16, 185, 129, 0.2);
  border-radius: 1rem;
  padding: 1.5rem;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  margin-bottom: 2rem;
}
._aiInsightsPanel_uj6ii_390 ._insightsHeader_uj6ii_398 {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
._aiInsightsPanel_uj6ii_390 ._insightsHeader_uj6ii_398 ._aiIcon_uj6ii_404 {
  width: 2rem;
  height: 2rem;
  color: #10b981;
  animation: _glow_uj6ii_1 2s ease-in-out infinite alternate;
}
._aiInsightsPanel_uj6ii_390 ._insightsHeader_uj6ii_398 h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: white;
  margin: 0;
}
._aiInsightsPanel_uj6ii_390 ._insightsHeader_uj6ii_398 ._realTimeBadge_uj6ii_416 {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  color: white;
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
  animation: _pulse_uj6ii_1 2s ease-in-out infinite;
}
._aiInsightsPanel_uj6ii_390 ._insightsGrid_uj6ii_425 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1rem;
}
._aiInsightsPanel_uj6ii_390 ._insightsGrid_uj6ii_425 ._insightCard_uj6ii_430 {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
  transition: all 0.3s ease;
}
._aiInsightsPanel_uj6ii_390 ._insightsGrid_uj6ii_425 ._insightCard_uj6ii_430:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.4);
}
._aiInsightsPanel_uj6ii_390 ._insightsGrid_uj6ii_425 ._insightCard_uj6ii_430 ._insightLabel_uj6ii_442 {
  font-size: 0.75rem;
  color: #94a3b8;
  font-weight: 500;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
._aiInsightsPanel_uj6ii_390 ._insightsGrid_uj6ii_425 ._insightCard_uj6ii_430 ._insightValue_uj6ii_450 {
  font-size: 1rem;
  font-weight: 700;
  color: #10b981;
  margin-bottom: 0.25rem;
}
._aiInsightsPanel_uj6ii_390 ._insightsGrid_uj6ii_425 ._insightCard_uj6ii_430 ._insightDetail_uj6ii_456 {
  font-size: 0.75rem;
  color: #cbd5e1;
  font-weight: 500;
}

._swapSection_uj6ii_462 {
  display: grid;
  gap: 2rem;
}

._swapCard_uj6ii_467 {
  background: linear-gradient(135deg, rgba(30, 41, 59, 0.8) 0%, rgba(51, 65, 85, 0.6) 100%);
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 1rem;
  padding: 1.5rem;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
}
._swapCard_uj6ii_467 ._swapHeader_uj6ii_474 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}
._swapCard_uj6ii_467 ._swapHeader_uj6ii_474 h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: white;
  margin: 0;
}
._swapCard_uj6ii_467 ._swapHeader_uj6ii_474 ._swapSettings_uj6ii_486 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #94a3b8;
  font-size: 0.875rem;
}
._swapCard_uj6ii_467 ._swapHeader_uj6ii_474 ._swapSettings_uj6ii_486 ._settingsIcon_uj6ii_493 {
  width: 1rem;
  height: 1rem;
}
._swapCard_uj6ii_467 ._tokenInput_uj6ii_497 {
  background: rgba(51, 65, 85, 0.3);
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
._swapCard_uj6ii_467 ._tokenInput_uj6ii_497 ._tokenInputHeader_uj6ii_504 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
  font-size: 0.875rem;
  color: #94a3b8;
}
._swapCard_uj6ii_467 ._tokenInput_uj6ii_497 ._tokenInputHeader_uj6ii_504 ._balance_uj6ii_512 {
  color: #cbd5e1;
}
._swapCard_uj6ii_467 ._tokenInput_uj6ii_497 ._tokenInputBody_uj6ii_515 {
  display: flex;
  align-items: center;
  gap: 1rem;
}
._swapCard_uj6ii_467 ._tokenInput_uj6ii_497 ._tokenInputBody_uj6ii_515 ._amountInput_uj6ii_520 {
  flex: 1;
  background: transparent;
  border: none;
  font-size: 1.5rem;
  font-weight: 600;
  color: white;
  outline: none;
}
._swapCard_uj6ii_467 ._tokenInput_uj6ii_497 ._tokenInputBody_uj6ii_515 ._amountInput_uj6ii_520::-moz-placeholder {
  color: #64748b;
}
._swapCard_uj6ii_467 ._tokenInput_uj6ii_497 ._tokenInputBody_uj6ii_515 ._amountInput_uj6ii_520::placeholder {
  color: #64748b;
}
._swapCard_uj6ii_467 ._tokenInput_uj6ii_497 ._tokenInputBody_uj6ii_515 ._tokenSelector_uj6ii_12 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(51, 65, 85, 0.4);
  border: 1px solid rgba(148, 163, 184, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  cursor: pointer;
  transition: all 0.3s ease;
}
._swapCard_uj6ii_467 ._tokenInput_uj6ii_497 ._tokenInputBody_uj6ii_515 ._tokenSelector_uj6ii_12:hover {
  background: rgba(51, 65, 85, 0.6);
  border-color: rgba(148, 163, 184, 0.5);
}
._swapCard_uj6ii_467 ._tokenInput_uj6ii_497 ._tokenInputBody_uj6ii_515 ._tokenSelector_uj6ii_12 ._tokenLogo_uj6ii_547 {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
}
._swapCard_uj6ii_467 ._tokenInput_uj6ii_497 ._tokenInputBody_uj6ii_515 ._tokenSelector_uj6ii_12 ._dropdownIcon_uj6ii_552 {
  width: 1rem;
  height: 1rem;
  color: #94a3b8;
}
._swapCard_uj6ii_467 ._tokenInput_uj6ii_497 ._tokenInputBody_uj6ii_515:hover {
  background: rgba(51, 65, 85, 0.4);
  border-color: rgba(148, 163, 184, 0.4);
}
._swapCard_uj6ii_467 ._swapButtonContainer_uj6ii_561 {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
}
._swapCard_uj6ii_467 ._swapButtonContainer_uj6ii_561 ._swapDirectionButton_uj6ii_566 {
  background: linear-gradient(135deg, #ff6b6b 0%, #ff5252 100%);
  border: 1px solid #ff5252;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
}
._swapCard_uj6ii_467 ._swapButtonContainer_uj6ii_561 ._swapDirectionButton_uj6ii_566:hover {
  transform: rotate(180deg) scale(1.1);
  box-shadow: 0 5px 20px rgba(255, 107, 107, 0.4);
}
._swapCard_uj6ii_467 ._swapButtonContainer_uj6ii_561 ._swapDirectionButton_uj6ii_566 svg {
  width: 1.25rem;
  height: 1.25rem;
  color: white;
}
._swapCard_uj6ii_467 ._swapQuote_uj6ii_587 {
  background: rgba(51, 65, 85, 0.3);
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
._swapCard_uj6ii_467 ._swapQuote_uj6ii_587 ._quoteRow_uj6ii_594 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
}
._swapCard_uj6ii_467 ._swapQuote_uj6ii_587 ._quoteRow_uj6ii_594:last-child {
  margin-bottom: 0;
}
._swapCard_uj6ii_467 ._swapQuote_uj6ii_587 ._quoteRow_uj6ii_594 ._warning_uj6ii_604 {
  color: #fbbf24;
  font-weight: 600;
}
._swapCard_uj6ii_467 ._swapButton_uj6ii_561 {
  width: 100%;
  background: linear-gradient(135deg, #ff6b6b 0%, #ff5252 100%);
  border: 1px solid #ff5252;
  border-radius: 0.75rem;
  padding: 1rem;
  color: white;
  font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
._swapCard_uj6ii_467 ._swapButton_uj6ii_561:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(255, 107, 107, 0.3);
}
._swapCard_uj6ii_467 ._swapButton_uj6ii_561:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background: #374151;
  border-color: #4b5563;
}
._swapCard_uj6ii_467 ._swapButton_uj6ii_561 ._spinIcon_uj6ii_634 {
  width: 1.25rem;
  height: 1.25rem;
  animation: _spin_uj6ii_634 1s linear infinite;
}

._tokenList_uj6ii_640 h3, ._tokenTable_uj6ii_246 h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: white;
  margin-bottom: 1rem;
}
._tokenList_uj6ii_640 ._tokenGrid_uj6ii_646, ._tokenTable_uj6ii_246 ._tokenGrid_uj6ii_646 {
  display: grid;
  gap: 0.03125rem;
}
._tokenList_uj6ii_640 ._tokenGrid_uj6ii_646 ._tokenCard_uj6ii_650, ._tokenTable_uj6ii_246 ._tokenGrid_uj6ii_646 ._tokenCard_uj6ii_650 {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1) 0%, rgba(124, 58, 237, 0.05) 100%);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
  transition: all 0.3s ease;
  cursor: pointer;
}
._tokenList_uj6ii_640 ._tokenGrid_uj6ii_646 ._tokenCard_uj6ii_650:hover, ._tokenTable_uj6ii_246 ._tokenGrid_uj6ii_646 ._tokenCard_uj6ii_650:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(139, 92, 246, 0.2);
  border-color: rgba(139, 92, 246, 0.4);
}
._tokenList_uj6ii_640 ._tokenGrid_uj6ii_646 ._tokenCard_uj6ii_650 ._tokenHeader_uj6ii_663, ._tokenTable_uj6ii_246 ._tokenGrid_uj6ii_646 ._tokenCard_uj6ii_650 ._tokenHeader_uj6ii_663 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
._tokenList_uj6ii_640 ._tokenGrid_uj6ii_646 ._tokenCard_uj6ii_650 ._tokenHeader_uj6ii_663 ._tokenLogo_uj6ii_547, ._tokenTable_uj6ii_246 ._tokenGrid_uj6ii_646 ._tokenCard_uj6ii_650 ._tokenHeader_uj6ii_663 ._tokenLogo_uj6ii_547 {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
}
._tokenList_uj6ii_640 ._tokenGrid_uj6ii_646 ._tokenCard_uj6ii_650 ._tokenHeader_uj6ii_663 h4, ._tokenTable_uj6ii_246 ._tokenGrid_uj6ii_646 ._tokenCard_uj6ii_650 ._tokenHeader_uj6ii_663 h4 {
  font-size: 0.875rem;
  font-weight: 700;
  color: white;
  margin: 0;
}
._tokenList_uj6ii_640 ._tokenGrid_uj6ii_646 ._tokenCard_uj6ii_650 ._tokenHeader_uj6ii_663 ._tokenName_uj6ii_306, ._tokenTable_uj6ii_246 ._tokenGrid_uj6ii_646 ._tokenCard_uj6ii_650 ._tokenHeader_uj6ii_663 ._tokenName_uj6ii_306 {
  font-size: 0.6875rem;
  color: #94a3b8;
  display: block;
}
._tokenList_uj6ii_640 ._tokenGrid_uj6ii_646 ._tokenCard_uj6ii_650 ._tokenHeader_uj6ii_663 ._verifiedIcon_uj6ii_685, ._tokenTable_uj6ii_246 ._tokenGrid_uj6ii_646 ._tokenCard_uj6ii_650 ._tokenHeader_uj6ii_663 ._verifiedIcon_uj6ii_685 {
  width: 1rem;
  height: 1rem;
  color: #10b981;
  margin-left: auto;
}
._tokenList_uj6ii_640 ._tokenGrid_uj6ii_646 ._tokenCard_uj6ii_650 ._tokenPrice_uj6ii_321, ._tokenTable_uj6ii_246 ._tokenGrid_uj6ii_646 ._tokenCard_uj6ii_650 ._tokenPrice_uj6ii_321 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}
._tokenList_uj6ii_640 ._tokenGrid_uj6ii_646 ._tokenCard_uj6ii_650 ._tokenPrice_uj6ii_321 ._price_uj6ii_327, ._tokenTable_uj6ii_246 ._tokenGrid_uj6ii_646 ._tokenCard_uj6ii_650 ._tokenPrice_uj6ii_321 ._price_uj6ii_327 {
  font-size: 0.875rem;
  font-weight: 700;
  color: white;
}
._tokenList_uj6ii_640 ._tokenGrid_uj6ii_646 ._tokenCard_uj6ii_650 ._tokenPrice_uj6ii_321 ._change_uj6ii_702, ._tokenTable_uj6ii_246 ._tokenGrid_uj6ii_646 ._tokenCard_uj6ii_650 ._tokenPrice_uj6ii_321 ._change_uj6ii_702 {
  font-size: 0.75rem;
  font-weight: 600;
}
._tokenList_uj6ii_640 ._tokenGrid_uj6ii_646 ._tokenCard_uj6ii_650 ._tokenPrice_uj6ii_321 ._change_uj6ii_702._positive_uj6ii_338, ._tokenTable_uj6ii_246 ._tokenGrid_uj6ii_646 ._tokenCard_uj6ii_650 ._tokenPrice_uj6ii_321 ._change_uj6ii_702._positive_uj6ii_338 {
  color: #10b981;
}
._tokenList_uj6ii_640 ._tokenGrid_uj6ii_646 ._tokenCard_uj6ii_650 ._tokenPrice_uj6ii_321 ._change_uj6ii_702._negative_uj6ii_342, ._tokenTable_uj6ii_246 ._tokenGrid_uj6ii_646 ._tokenCard_uj6ii_650 ._tokenPrice_uj6ii_321 ._change_uj6ii_702._negative_uj6ii_342 {
  color: #ef4444;
}
._tokenList_uj6ii_640 ._tokenGrid_uj6ii_646 ._tokenCard_uj6ii_650 ._tokenStats_uj6ii_346, ._tokenTable_uj6ii_246 ._tokenGrid_uj6ii_646 ._tokenCard_uj6ii_650 ._tokenStats_uj6ii_346 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}
._tokenList_uj6ii_640 ._tokenGrid_uj6ii_646 ._tokenCard_uj6ii_650 ._tokenStats_uj6ii_346 ._stat_uj6ii_130, ._tokenTable_uj6ii_246 ._tokenGrid_uj6ii_646 ._tokenCard_uj6ii_650 ._tokenStats_uj6ii_346 ._stat_uj6ii_130 {
  font-size: 0.6875rem;
  color: #94a3b8;
}
._tokenList_uj6ii_640 ._tokenGrid_uj6ii_646 ._tokenCard_uj6ii_650 ._tokenStats_uj6ii_346 ._stat_uj6ii_130 span:last-child, ._tokenTable_uj6ii_246 ._tokenGrid_uj6ii_646 ._tokenCard_uj6ii_650 ._tokenStats_uj6ii_346 ._stat_uj6ii_130 span:last-child {
  display: block;
  color: #cbd5e1;
  font-weight: 600;
}
._tokenList_uj6ii_640 ._tokenGrid_uj6ii_646 ._tokenCard_uj6ii_650 ._selectTokenButton_uj6ii_364, ._tokenTable_uj6ii_246 ._tokenGrid_uj6ii_646 ._tokenCard_uj6ii_650 ._selectTokenButton_uj6ii_364 {
  width: 100%;
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
  border: 1px solid #7c3aed;
  border-radius: 0.5rem;
  padding: 0.5rem;
  color: white;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
._tokenList_uj6ii_640 ._tokenGrid_uj6ii_646 ._tokenCard_uj6ii_650 ._selectTokenButton_uj6ii_364:hover, ._tokenTable_uj6ii_246 ._tokenGrid_uj6ii_646 ._tokenCard_uj6ii_650 ._selectTokenButton_uj6ii_364:hover {
  transform: translateY(-1px);
  box-shadow: 0 5px 15px rgba(139, 92, 246, 0.3);
}

._analyticsContainer_uj6ii_744 ._analyticsHeader_uj6ii_744 {
  text-align: center;
  margin-bottom: 2rem;
}
._analyticsContainer_uj6ii_744 ._analyticsHeader_uj6ii_744 h3 {
  font-size: 2rem;
  font-weight: 900;
  background: linear-gradient(135deg, #ff6b6b 0%, #fbbf24 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-bottom: 0.5rem;
}
._analyticsContainer_uj6ii_744 ._analyticsHeader_uj6ii_744 p {
  color: #cbd5e1;
  font-size: 1.125rem;
}
._analyticsContainer_uj6ii_744 ._chartsSection_uj6ii_761 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  margin-bottom: 2rem;
}
@media (min-width: 1024px) {
  ._analyticsContainer_uj6ii_744 ._chartsSection_uj6ii_761 {
    grid-template-columns: 1fr 1fr;
  }
}
._analyticsContainer_uj6ii_744 ._chartsSection_uj6ii_761 ._chartCard_uj6ii_772 {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, rgba(37, 99, 235, 0.05) 100%);
  border: 1px solid rgba(59, 130, 246, 0.2);
  border-radius: 1rem;
  padding: 1.5rem;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
}
._analyticsContainer_uj6ii_744 ._chartsSection_uj6ii_761 ._chartCard_uj6ii_772 ._chartHeader_uj6ii_779 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
._analyticsContainer_uj6ii_744 ._chartsSection_uj6ii_761 ._chartCard_uj6ii_772 ._chartHeader_uj6ii_779 h4 {
  font-size: 1.125rem;
  font-weight: 700;
  color: white;
  margin: 0;
}
._analyticsContainer_uj6ii_744 ._chartsSection_uj6ii_761 ._chartCard_uj6ii_772 ._chartHeader_uj6ii_779 ._chartSubtitle_uj6ii_791 {
  color: #94a3b8;
  font-size: 0.875rem;
}
._analyticsContainer_uj6ii_744 ._chartsSection_uj6ii_761 ._chartCard_uj6ii_772 ._chartHeader_uj6ii_779 ._chartControls_uj6ii_795 {
  display: flex;
  gap: 0.5rem;
}
._analyticsContainer_uj6ii_744 ._chartsSection_uj6ii_761 ._chartCard_uj6ii_772 ._chartHeader_uj6ii_779 ._chartControls_uj6ii_795 ._timeframeButton_uj6ii_799 {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.2);
  border-radius: 0.375rem;
  padding: 0.25rem 0.75rem;
  color: #cbd5e1;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
._analyticsContainer_uj6ii_744 ._chartsSection_uj6ii_761 ._chartCard_uj6ii_772 ._chartHeader_uj6ii_779 ._chartControls_uj6ii_795 ._timeframeButton_uj6ii_799:hover {
  background: rgba(59, 130, 246, 0.2);
  border-color: rgba(59, 130, 246, 0.4);
}
._analyticsContainer_uj6ii_744 ._chartsSection_uj6ii_761 ._chartCard_uj6ii_772 ._chartHeader_uj6ii_779 ._chartControls_uj6ii_795 ._timeframeButton_uj6ii_799._active_uj6ii_202 {
  background: #3b82f6;
  border-color: #2563eb;
  color: white;
}
._analyticsContainer_uj6ii_744 ._revolutionaryMetrics_uj6ii_819 h4 {
  font-size: 1.5rem;
  font-weight: 700;
  color: white;
  margin-bottom: 1.5rem;
  text-align: center;
}
._analyticsContainer_uj6ii_744 ._revolutionaryMetrics_uj6ii_819 ._metricsGrid_uj6ii_826 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1rem;
}
._analyticsContainer_uj6ii_744 ._revolutionaryMetrics_uj6ii_819 ._metricsGrid_uj6ii_826 ._metricCard_uj6ii_831 {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.1) 0%, rgba(5, 150, 105, 0.05) 100%);
  border: 1px solid rgba(16, 185, 129, 0.2);
  border-radius: 1rem;
  padding: 1.5rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  transition: all 0.3s ease;
}
._analyticsContainer_uj6ii_744 ._revolutionaryMetrics_uj6ii_819 ._metricsGrid_uj6ii_826 ._metricCard_uj6ii_831:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.4);
}
._analyticsContainer_uj6ii_744 ._revolutionaryMetrics_uj6ii_819 ._metricsGrid_uj6ii_826 ._metricCard_uj6ii_831 ._metricIcon_uj6ii_847 {
  width: 3rem;
  height: 3rem;
  color: #10b981;
  animation: _glow_uj6ii_1 2s ease-in-out infinite alternate;
}
._analyticsContainer_uj6ii_744 ._revolutionaryMetrics_uj6ii_819 ._metricsGrid_uj6ii_826 ._metricCard_uj6ii_831 ._metricValue_uj6ii_853 {
  display: block;
  font-size: 2rem;
  font-weight: 900;
  color: white;
  line-height: 1;
}
._analyticsContainer_uj6ii_744 ._revolutionaryMetrics_uj6ii_819 ._metricsGrid_uj6ii_826 ._metricCard_uj6ii_831 ._metricLabel_uj6ii_860 {
  display: block;
  font-size: 0.875rem;
  color: #cbd5e1;
  font-weight: 500;
  margin-top: 0.25rem;
}

@keyframes _spin_uj6ii_634 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes _glow_uj6ii_1 {
  0% {
    filter: drop-shadow(0 0 5px currentColor);
  }
  100% {
    filter: drop-shadow(0 0 20px currentColor);
  }
}
@keyframes _pulse_uj6ii_1 {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.8;
  }
}
@keyframes _boostGlow_uj6ii_1 {
  0% {
    box-shadow: 0 2px 4px rgba(255, 107, 107, 0.3);
    transform: scale(1);
  }
  100% {
    box-shadow: 0 4px 12px rgba(255, 107, 107, 0.6);
    transform: scale(1.05);
  }
}
._modalOverlay_uj6ii_902 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 2rem;
}

._tokenModal_uj6ii_917 {
  background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 1rem;
  width: 100%;
  max-width: 500px;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
._tokenModal_uj6ii_917 ._modalHeader_uj6ii_928 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
._tokenModal_uj6ii_917 ._modalHeader_uj6ii_928 h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: white;
  margin: 0;
}
._tokenModal_uj6ii_917 ._modalHeader_uj6ii_928 ._closeButton_uj6ii_941 {
  background: none;
  border: none;
  color: #94a3b8;
  cursor: pointer;
  padding: 0.5rem;
  border-radius: 0.375rem;
  transition: all 0.3s ease;
}
._tokenModal_uj6ii_917 ._modalHeader_uj6ii_928 ._closeButton_uj6ii_941:hover {
  color: white;
  background: rgba(139, 92, 246, 0.2);
}
._tokenModal_uj6ii_917 ._modalHeader_uj6ii_928 ._closeButton_uj6ii_941 svg {
  width: 1.5rem;
  height: 1.5rem;
}
._tokenModal_uj6ii_917 ._modalSearch_uj6ii_958 {
  position: relative;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
._tokenModal_uj6ii_917 ._modalSearch_uj6ii_958 ._searchIcon_uj6ii_963 {
  position: absolute;
  left: 2.25rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.25rem;
  height: 1.25rem;
  color: #94a3b8;
}
._tokenModal_uj6ii_917 ._modalSearch_uj6ii_958 ._searchInput_uj6ii_972 {
  width: 100%;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 0.75rem;
  padding: 0.75rem 0.75rem 0.75rem 3rem;
  color: white;
  font-size: 1rem;
  outline: none;
  transition: all 0.3s ease;
}
._tokenModal_uj6ii_917 ._modalSearch_uj6ii_958 ._searchInput_uj6ii_972::-moz-placeholder {
  color: #94a3b8;
}
._tokenModal_uj6ii_917 ._modalSearch_uj6ii_958 ._searchInput_uj6ii_972::placeholder {
  color: #94a3b8;
}
._tokenModal_uj6ii_917 ._modalSearch_uj6ii_958 ._searchInput_uj6ii_972:focus {
  border-color: rgba(139, 92, 246, 0.5);
  background: rgba(139, 92, 246, 0.15);
}
._tokenModal_uj6ii_917 ._modalTokenList_uj6ii_990 {
  flex: 1;
  overflow-y: auto;
  padding: 0.5rem;
}
._tokenModal_uj6ii_917 ._modalTokenList_uj6ii_990 ._modalTokenItem_uj6ii_995 {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: 100%;
  background: none;
  border: none;
  padding: 1rem;
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.3s ease;
  text-align: left;
}
._tokenModal_uj6ii_917 ._modalTokenList_uj6ii_990 ._modalTokenItem_uj6ii_995:hover {
  background: rgba(139, 92, 246, 0.1);
}
._tokenModal_uj6ii_917 ._modalTokenList_uj6ii_990 ._modalTokenItem_uj6ii_995 ._tokenIcon_uj6ii_289 {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  flex-shrink: 0;
}
._tokenModal_uj6ii_917 ._modalTokenList_uj6ii_990 ._modalTokenItem_uj6ii_995 ._tokenInfo_uj6ii_283 {
  flex: 1;
  min-width: 0;
}
._tokenModal_uj6ii_917 ._modalTokenList_uj6ii_990 ._modalTokenItem_uj6ii_995 ._tokenInfo_uj6ii_283 ._tokenSymbol_uj6ii_1022 {
  font-size: 1rem;
  font-weight: 600;
  color: white;
  line-height: 1;
}
._tokenModal_uj6ii_917 ._modalTokenList_uj6ii_990 ._modalTokenItem_uj6ii_995 ._tokenInfo_uj6ii_283 ._tokenName_uj6ii_306 {
  font-size: 0.875rem;
  color: #94a3b8;
  margin-top: 0.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._tokenModal_uj6ii_917 ._modalTokenList_uj6ii_990 ._modalTokenItem_uj6ii_995 ._tokenPrice_uj6ii_321 {
  text-align: right;
  flex-shrink: 0;
}
._tokenModal_uj6ii_917 ._modalTokenList_uj6ii_990 ._modalTokenItem_uj6ii_995 ._tokenPrice_uj6ii_321 div:first-child {
  font-size: 0.875rem;
  font-weight: 600;
  color: white;
  line-height: 1;
}
._tokenModal_uj6ii_917 ._modalTokenList_uj6ii_990 ._modalTokenItem_uj6ii_995 ._tokenPrice_uj6ii_321 ._tokenChange_uj6ii_1046 {
  font-size: 0.75rem;
  font-weight: 500;
  margin-top: 0.25rem;
}
._tokenModal_uj6ii_917 ._modalTokenList_uj6ii_990 ._modalTokenItem_uj6ii_995 ._tokenPrice_uj6ii_321 ._tokenChange_uj6ii_1046._positive_uj6ii_338 {
  color: #10b981;
}
._tokenModal_uj6ii_917 ._modalTokenList_uj6ii_990 ._modalTokenItem_uj6ii_995 ._tokenPrice_uj6ii_321 ._tokenChange_uj6ii_1046._negative_uj6ii_342 {
  color: #ef4444;
}
._tokenModal_uj6ii_917 ._modalTokenList_uj6ii_990 ._modalTokenItem_uj6ii_995 ._verifiedIcon_uj6ii_685 {
  width: 1.25rem;
  height: 1.25rem;
  color: #10b981;
  flex-shrink: 0;
}
._tokenModal_uj6ii_917 ._modalTokenList_uj6ii_990 ._modalTokenItem_uj6ii_995 ._boostIndicator_uj6ii_1063 {
  background: linear-gradient(135deg, #ff6b6b 0%, #ff5252 100%);
  color: white;
  font-size: 0.625rem;
  font-weight: 700;
  padding: 0.125rem 0.25rem;
  border-radius: 0.25rem;
  box-shadow: 0 2px 4px rgba(255, 107, 107, 0.3);
  flex-shrink: 0;
  margin-left: 0.5rem;
  animation: _boostGlow_uj6ii_1 2s ease-in-out infinite alternate;
}
._tokenModal_uj6ii_917 ._modalTokenList_uj6ii_990 ._modalTokenItem_uj6ii_995 ._boostIndicator_uj6ii_1063._boost1_uj6ii_1075 {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  box-shadow: 0 2px 4px rgba(16, 185, 129, 0.3);
}
._tokenModal_uj6ii_917 ._modalTokenList_uj6ii_990 ._modalTokenItem_uj6ii_995 ._boostIndicator_uj6ii_1063._boost2_uj6ii_1079 {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3);
}
._tokenModal_uj6ii_917 ._modalTokenList_uj6ii_990 ._modalTokenItem_uj6ii_995 ._boostIndicator_uj6ii_1063._boost3_uj6ii_1083 {
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
  box-shadow: 0 2px 4px rgba(139, 92, 246, 0.3);
}
._tokenModal_uj6ii_917 ._modalTokenList_uj6ii_990 ._modalTokenItem_uj6ii_995 ._boostIndicator_uj6ii_1063._boost4_uj6ii_1087 {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  box-shadow: 0 2px 4px rgba(245, 158, 11, 0.3);
}
._tokenModal_uj6ii_917 ._modalTokenList_uj6ii_990 ._modalTokenItem_uj6ii_995 ._boostIndicator_uj6ii_1063._boost5_uj6ii_1091 {
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
  box-shadow: 0 2px 4px rgba(239, 68, 68, 0.3);
}

._tradingChartSection_uj6ii_1096 {
  background: linear-gradient(135deg, rgba(30, 41, 59, 0.8) 0%, rgba(51, 65, 85, 0.6) 100%);
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 1rem;
  padding: 1.5rem;
  margin-bottom: 2rem;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  min-height: 400px;
}
._tradingChartSection_uj6ii_1096 ._chartCard_uj6ii_772 ._chartHeader_uj6ii_779 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
._tradingChartSection_uj6ii_1096 ._chartCard_uj6ii_772 ._chartHeader_uj6ii_779 h3 {
  font-size: 1.125rem;
  font-weight: 700;
  color: white;
  margin: 0;
}
._tradingChartSection_uj6ii_1096 ._chartCard_uj6ii_772 ._chartHeader_uj6ii_779 ._chartControls_uj6ii_795 {
  display: flex;
  gap: 0.5rem;
}

._compactHeader_uj6ii_1122 {
  background: linear-gradient(135deg, rgba(255, 107, 107, 0.1) 0%, rgba(239, 68, 68, 0.05) 100%);
  border-bottom: 1px solid rgba(255, 107, 107, 0.2);
  padding: 1rem 2rem;
}
._compactHeader_uj6ii_1122 ._headerContent_uj6ii_53 {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}
._compactHeader_uj6ii_1122 ._headerTitle_uj6ii_68 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
._compactHeader_uj6ii_1122 ._headerTitle_uj6ii_68 ._headerIcon_uj6ii_73 {
  width: 1.5rem;
  height: 1.5rem;
  color: #ff6b6b;
}
._compactHeader_uj6ii_1122 ._headerTitle_uj6ii_68 h1 {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0;
  background: linear-gradient(135deg, #ff6b6b, #fbbf24);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
._compactHeader_uj6ii_1122 ._compactStats_uj6ii_1155 {
  display: flex;
  gap: 2rem;
  align-items: center;
}
@media (max-width: 768px) {
  ._compactHeader_uj6ii_1122 ._compactStats_uj6ii_1155 {
    gap: 1rem;
    justify-content: center;
    width: 100%;
  }
}
._compactHeader_uj6ii_1122 ._compactStats_uj6ii_1155 ._stat_uj6ii_130 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
}
._compactHeader_uj6ii_1122 ._compactStats_uj6ii_1155 ._stat_uj6ii_130 ._statIcon_uj6ii_146 {
  width: 1rem;
  height: 1rem;
  color: #ff6b6b;
}
._compactHeader_uj6ii_1122 ._compactStats_uj6ii_1155 ._stat_uj6ii_130 ._statValue_uj6ii_152 {
  font-weight: 700;
  color: white;
}
._compactHeader_uj6ii_1122 ._compactStats_uj6ii_1155 ._stat_uj6ii_130 ._statLabel_uj6ii_159 {
  color: #94a3b8;
  font-size: 0.75rem;
}
@media (max-width: 768px) {
  ._compactHeader_uj6ii_1122 {
    padding: 1rem;
  }
}

._balanceContainer_uj6ii_1192 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  justify-content: space-between;
}

._maxButton_uj6ii_1199 {
  background: linear-gradient(135deg, #ff6b6b 0%, #ff5252 100%);
  border: none;
  border-radius: 0.375rem;
  padding: 0.25rem 0.75rem;
  color: white;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
._maxButton_uj6ii_1199:hover:not(:disabled) {
  transform: scale(1.05);
  box-shadow: 0 3px 10px rgba(255, 107, 107, 0.3);
}
._maxButton_uj6ii_1199:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}

._balanceSliderContainer_uj6ii_1220 {
  margin-top: 1rem;
}
._balanceSliderContainer_uj6ii_1220 ._sliderTrack_uj6ii_1223 {
  position: relative;
  height: 6px;
  background: rgba(30, 41, 59, 0.8);
  border-radius: 3px;
  overflow: hidden;
}
._balanceSliderContainer_uj6ii_1220 ._sliderTrack_uj6ii_1223 ._sliderProgress_uj6ii_1230 {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: linear-gradient(90deg, #ff6b6b 0%, #fbbf24 50%, #10b981 100%);
  border-radius: 3px;
  transition: width 0.2s ease;
}
._balanceSliderContainer_uj6ii_1220 ._sliderTrack_uj6ii_1223 ._sliderGlow_uj6ii_1239 {
  position: absolute;
  top: -2px;
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(255, 107, 107, 0.8) 0%, transparent 70%);
  border-radius: 50%;
  transform: translateX(-50%);
  transition: left 0.2s ease;
  pointer-events: none;
}
._balanceSliderContainer_uj6ii_1220 ._sliderTrack_uj6ii_1223 ._balanceSlider_uj6ii_1220 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  cursor: pointer;
}
._balanceSliderContainer_uj6ii_1220 ._sliderTrack_uj6ii_1223 ._balanceSlider_uj6ii_1220::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: linear-gradient(135deg, #ff6b6b 0%, #ff5252 100%);
  border: 2px solid white;
  box-shadow: 0 2px 10px rgba(255, 107, 107, 0.5);
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
._balanceSliderContainer_uj6ii_1220 ._sliderTrack_uj6ii_1223 ._balanceSlider_uj6ii_1220::-webkit-slider-thumb:hover {
  transform: scale(1.2);
  box-shadow: 0 4px 20px rgba(255, 107, 107, 0.7);
}
._balanceSliderContainer_uj6ii_1220 ._sliderTrack_uj6ii_1223 ._balanceSlider_uj6ii_1220::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: linear-gradient(135deg, #ff6b6b 0%, #ff5252 100%);
  border: 2px solid white;
  box-shadow: 0 2px 10px rgba(255, 107, 107, 0.5);
  cursor: pointer;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
._balanceSliderContainer_uj6ii_1220 ._sliderTrack_uj6ii_1223 ._balanceSlider_uj6ii_1220::-moz-range-thumb:hover {
  transform: scale(1.2);
  box-shadow: 0 4px 20px rgba(255, 107, 107, 0.7);
}
._balanceSliderContainer_uj6ii_1220 ._sliderTrack_uj6ii_1223 ._balanceSlider_uj6ii_1220:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._balanceSliderContainer_uj6ii_1220 ._sliderTrack_uj6ii_1223 ._balanceSlider_uj6ii_1220:disabled::-webkit-slider-thumb {
  cursor: not-allowed;
  transform: none;
}
._balanceSliderContainer_uj6ii_1220 ._sliderLabels_uj6ii_1298 {
  display: flex;
  justify-content: space-between;
  margin-top: 0.5rem;
  font-size: 0.75rem;
  color: #64748b;
}

._poolsContainer_uj6ii_1306 {
  max-width: 1400px;
  margin: 0 auto;
  padding: 2rem;
}
._poolsContainer_uj6ii_1306 ._poolsHeader_uj6ii_1311 {
  text-align: center;
  margin-bottom: 2rem;
}
._poolsContainer_uj6ii_1306 ._poolsHeader_uj6ii_1311 h3 {
  font-size: 2rem;
  font-weight: 700;
  color: white;
  margin-bottom: 0.5rem;
}
._poolsContainer_uj6ii_1306 ._poolsHeader_uj6ii_1311 p {
  color: #94a3b8;
  font-size: 1rem;
}
._poolsContainer_uj6ii_1306 ._poolsContent_uj6ii_1325 ._emptyState_uj6ii_1325 {
  text-align: center;
  padding: 4rem 2rem;
  background: linear-gradient(135deg, rgba(30, 41, 59, 0.8) 0%, rgba(51, 65, 85, 0.6) 100%);
  border: 1px solid rgba(255, 107, 107, 0.15);
  border-radius: 1rem;
  margin: 2rem 0;
}
._poolsContainer_uj6ii_1306 ._poolsContent_uj6ii_1325 ._emptyState_uj6ii_1325 ._emptyIcon_uj6ii_1333 {
  margin-bottom: 1.5rem;
}
._poolsContainer_uj6ii_1306 ._poolsContent_uj6ii_1325 ._emptyState_uj6ii_1325 ._emptyIcon_uj6ii_1333 svg {
  width: 4rem;
  height: 4rem;
  color: #64748b;
}
._poolsContainer_uj6ii_1306 ._poolsContent_uj6ii_1325 ._emptyState_uj6ii_1325 h4 {
  font-size: 1.25rem;
  font-weight: 600;
  color: white;
  margin-bottom: 0.75rem;
}
._poolsContainer_uj6ii_1306 ._poolsContent_uj6ii_1325 ._emptyState_uj6ii_1325 p {
  color: #94a3b8;
  margin-bottom: 2rem;
  font-size: 1rem;
}
._poolsContainer_uj6ii_1306 ._poolsContent_uj6ii_1325 ._emptyState_uj6ii_1325 ._emptyActions_uj6ii_1352 ._createPoolButton_uj6ii_1352 {
  background: linear-gradient(135deg, #ff6b6b 0%, #ff5252 100%);
  border: none;
  border-radius: 0.75rem;
  padding: 1rem 2rem;
  color: white;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
._poolsContainer_uj6ii_1306 ._poolsContent_uj6ii_1325 ._emptyState_uj6ii_1325 ._emptyActions_uj6ii_1352 ._createPoolButton_uj6ii_1352 svg {
  width: 1.25rem;
  height: 1.25rem;
}
._poolsContainer_uj6ii_1306 ._poolsContent_uj6ii_1325 ._emptyState_uj6ii_1325 ._emptyActions_uj6ii_1352 ._createPoolButton_uj6ii_1352:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(255, 107, 107, 0.4);
}

._tokenTableHeader_uj6ii_246 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}
._tokenTableHeader_uj6ii_246 h3 {
  margin: 0;
}

._tokenControls_uj6ii_1385 {
  display: flex;
  gap: 1rem;
  align-items: center;
}

._searchAndFilter_uj6ii_1391 {
  display: flex;
  gap: 1rem;
  align-items: center;
}

._searchBox_uj6ii_1397 {
  position: relative;
  display: flex;
  align-items: center;
}
._searchBox_uj6ii_1397 ._searchIcon_uj6ii_963 {
  position: absolute;
  left: 0.75rem;
  width: 1rem;
  height: 1rem;
  color: #64748b;
  z-index: 1;
}
._searchBox_uj6ii_1397 ._searchInput_uj6ii_972 {
  background: rgba(30, 41, 59, 0.8);
  border: 1px solid rgba(255, 107, 107, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem 0.75rem 0.75rem 2.5rem;
  color: white;
  font-size: 0.875rem;
  min-width: 200px;
}
._searchBox_uj6ii_1397 ._searchInput_uj6ii_972::-moz-placeholder {
  color: #64748b;
}
._searchBox_uj6ii_1397 ._searchInput_uj6ii_972::placeholder {
  color: #64748b;
}
._searchBox_uj6ii_1397 ._searchInput_uj6ii_972:focus {
  outline: none;
  border-color: rgba(255, 107, 107, 0.5);
  box-shadow: 0 0 0 3px rgba(255, 107, 107, 0.1);
}
._searchBox_uj6ii_1397 ._clearSearch_uj6ii_1427 {
  position: absolute;
  right: 0.5rem;
  background: none;
  border: none;
  color: #64748b;
  cursor: pointer;
  padding: 0.25rem;
  border-radius: 0.25rem;
}
._searchBox_uj6ii_1397 ._clearSearch_uj6ii_1427:hover {
  color: #ff6b6b;
  background: rgba(255, 107, 107, 0.1);
}
._searchBox_uj6ii_1397 ._clearSearch_uj6ii_1427 ._clearIcon_uj6ii_1441 {
  width: 1rem;
  height: 1rem;
}

._sortControls_uj6ii_1446 {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
._sortControls_uj6ii_1446 ._filterIcon_uj6ii_1451 {
  width: 1rem;
  height: 1rem;
  color: #64748b;
}
._sortControls_uj6ii_1446 ._sortSelect_uj6ii_1456 {
  background: rgba(30, 41, 59, 0.8);
  border: 1px solid rgba(255, 107, 107, 0.2);
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  color: white;
  font-size: 0.875rem;
  cursor: pointer;
}
._sortControls_uj6ii_1446 ._sortSelect_uj6ii_1456:focus {
  outline: none;
  border-color: rgba(255, 107, 107, 0.5);
}
._sortControls_uj6ii_1446 ._sortSelect_uj6ii_1456 option {
  background: #1e293b;
  color: white;
}
._sortControls_uj6ii_1446 ._sortOrder_uj6ii_1473 {
  background: rgba(30, 41, 59, 0.8);
  border: 1px solid rgba(255, 107, 107, 0.2);
  border-radius: 0.5rem;
  padding: 0.5rem;
  color: #64748b;
  cursor: pointer;
  transition: all 0.2s ease;
}
._sortControls_uj6ii_1446 ._sortOrder_uj6ii_1473:hover {
  color: #ff6b6b;
  border-color: rgba(255, 107, 107, 0.4);
}
._sortControls_uj6ii_1446 ._sortOrder_uj6ii_1473 svg {
  width: 1rem;
  height: 1rem;
}

._compactTokenGrid_uj6ii_1491 {
  display: block !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  line-height: 0 !important;
}
@media (min-width: 1200px) {
  ._compactTokenGrid_uj6ii_1491 {
    min-height: 80vh;
  }
}

._compactTokenCard_uj6ii_1505 {
  background: linear-gradient(135deg, rgba(30, 41, 59, 0.8) 0%, rgba(51, 65, 85, 0.6) 100%);
  border: none !important;
  border-radius: 0 !important;
  padding: 0.0625rem 0.375rem !important;
  margin: 0 !important;
  outline: none !important;
  transition: background 0.2s ease;
  cursor: pointer;
  height: 1.5rem !important;
  display: flex;
  align-items: center;
  line-height: 1 !important;
  box-sizing: border-box !important;
}
._compactTokenCard_uj6ii_1505:last-child {
  border-bottom: none;
}
._compactTokenCard_uj6ii_1505:hover {
  background: linear-gradient(135deg, rgba(30, 41, 59, 0.95) 0%, rgba(51, 65, 85, 0.8) 100%);
}
._compactTokenCard_uj6ii_1505._selected_uj6ii_278 {
  background: linear-gradient(135deg, rgba(255, 107, 107, 0.2) 0%, rgba(239, 68, 68, 0.15) 100%);
}

._tokenRow_uj6ii_1530 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  min-height: 2rem;
}

._tokenBasic_uj6ii_1539 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1;
  min-width: 0;
}
._tokenBasic_uj6ii_1539 ._tokenIcon_uj6ii_289 {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  flex-shrink: 0;
}
._tokenBasic_uj6ii_1539 ._tokenNames_uj6ii_1553 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
}
._tokenBasic_uj6ii_1539 ._tokenNames_uj6ii_1553 ._symbol_uj6ii_1559 {
  font-size: 0.875rem;
  font-weight: 700;
  color: white;
  white-space: nowrap;
}
._tokenBasic_uj6ii_1539 ._tokenNames_uj6ii_1553 ._name_uj6ii_1565 {
  font-size: 0.75rem;
  color: #94a3b8;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 8rem;
}
._tokenBasic_uj6ii_1539 ._tokenActions_uj6ii_1573 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
._tokenBasic_uj6ii_1539 ._tokenActions_uj6ii_1573 ._verifiedIcon_uj6ii_685 {
  width: 0.875rem;
  height: 0.875rem;
  color: #10b981;
  flex-shrink: 0;
}
._tokenBasic_uj6ii_1539 ._tokenActions_uj6ii_1573 ._boostIndicator_uj6ii_1063 {
  background: linear-gradient(135deg, #ff6b6b 0%, #ff5252 100%);
  color: white;
  font-size: 0.625rem;
  font-weight: 700;
  padding: 0.125rem 0.25rem;
  border-radius: 0.25rem;
  box-shadow: 0 2px 4px rgba(255, 107, 107, 0.3);
  flex-shrink: 0;
  animation: _boostGlow_uj6ii_1 2s ease-in-out infinite alternate;
}
._tokenBasic_uj6ii_1539 ._tokenActions_uj6ii_1573 ._boostIndicator_uj6ii_1063._boost1_uj6ii_1075 {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  box-shadow: 0 2px 4px rgba(16, 185, 129, 0.3);
}
._tokenBasic_uj6ii_1539 ._tokenActions_uj6ii_1573 ._boostIndicator_uj6ii_1063._boost2_uj6ii_1079 {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3);
}
._tokenBasic_uj6ii_1539 ._tokenActions_uj6ii_1573 ._boostIndicator_uj6ii_1063._boost3_uj6ii_1083 {
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
  box-shadow: 0 2px 4px rgba(139, 92, 246, 0.3);
}
._tokenBasic_uj6ii_1539 ._tokenActions_uj6ii_1573 ._boostIndicator_uj6ii_1063._boost4_uj6ii_1087 {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  box-shadow: 0 2px 4px rgba(245, 158, 11, 0.3);
}
._tokenBasic_uj6ii_1539 ._tokenActions_uj6ii_1573 ._boostIndicator_uj6ii_1063._boost5_uj6ii_1091 {
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
  box-shadow: 0 2px 4px rgba(239, 68, 68, 0.3);
}
._tokenBasic_uj6ii_1539 ._tokenActions_uj6ii_1573 ._favoriteButton_uj6ii_1615 {
  background: none;
  border: none;
  color: #64748b;
  font-size: 0.875rem;
  cursor: pointer;
  padding: 0.125rem;
  border-radius: 0.25rem;
  transition: all 0.3s ease;
  flex-shrink: 0;
}
._tokenBasic_uj6ii_1539 ._tokenActions_uj6ii_1573 ._favoriteButton_uj6ii_1615:hover {
  color: #fbbf24;
  background: rgba(251, 191, 36, 0.1);
}
._tokenBasic_uj6ii_1539 ._tokenActions_uj6ii_1573 ._favoriteButton_uj6ii_1615._favorited_uj6ii_1630 {
  color: #fbbf24;
}

._tokenMetrics_uj6ii_318 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  text-align: right;
  flex-shrink: 0;
}
._tokenMetrics_uj6ii_318 ._priceData_uj6ii_1641 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._tokenMetrics_uj6ii_318 ._priceData_uj6ii_1641 ._price_uj6ii_327 {
  font-size: 0.875rem;
  font-weight: 700;
  color: white;
  white-space: nowrap;
}
._tokenMetrics_uj6ii_318 ._priceData_uj6ii_1641 ._change_uj6ii_702 {
  font-size: 0.75rem;
  font-weight: 600;
  white-space: nowrap;
}
._tokenMetrics_uj6ii_318 ._priceData_uj6ii_1641 ._change_uj6ii_702._positive_uj6ii_338 {
  color: #10b981;
}
._tokenMetrics_uj6ii_318 ._priceData_uj6ii_1641 ._change_uj6ii_702._negative_uj6ii_342 {
  color: #ef4444;
}
._tokenMetrics_uj6ii_318 ._volumeData_uj6ii_1663 ._volume_uj6ii_1663 {
  font-size: 0.75rem;
  color: #94a3b8;
  white-space: nowrap;
}

._compactSelectButton_uj6ii_1669 {
  background: rgba(255, 107, 107, 0.1);
  border: 1px solid rgba(255, 107, 107, 0.3);
  border-radius: 0.375rem;
  padding: 0.375rem 0.5rem;
  color: #ff6b6b;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  min-width: 1.75rem;
  height: 1.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
._compactSelectButton_uj6ii_1669:hover {
  background: rgba(255, 107, 107, 0.2);
  border-color: rgba(255, 107, 107, 0.5);
  transform: scale(1.05);
}
._compactSelectButton_uj6ii_1669._selected_uj6ii_278 {
  background: linear-gradient(135deg, #ff6b6b 0%, #ff5252 100%);
  border-color: #ff5252;
  color: white;
  box-shadow: 0 3px 10px rgba(255, 107, 107, 0.3);
}

._transactionHistory_uj6ii_1698 {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.08) 0%, rgba(124, 58, 237, 0.04) 100%);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 1rem;
  padding: 1.5rem;
  margin-top: 2rem;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  animation: _slideUp_uj6ii_1 0.5s ease-out;
}
._transactionHistory_uj6ii_1698 ._transactionHeader_uj6ii_1707 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.1);
  padding-bottom: 1rem;
}
._transactionHistory_uj6ii_1698 ._transactionHeader_uj6ii_1707 h3 {
  font-size: 1.5rem;
  font-weight: 700;
  color: white;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._transactionHistory_uj6ii_1698 ._transactionHeader_uj6ii_1707 ._transactionStats_uj6ii_1724 {
  display: flex;
  gap: 1rem;
  align-items: center;
}
._transactionHistory_uj6ii_1698 ._transactionHeader_uj6ii_1707 ._transactionStats_uj6ii_1724 ._txCount_uj6ii_1729 {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  color: white;
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
}
._transactionHistory_uj6ii_1698 ._transactionHeader_uj6ii_1707 ._transactionStats_uj6ii_1724 ._avgGas_uj6ii_1737 {
  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
  color: white;
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
}
._transactionHistory_uj6ii_1698 ._loadingTransactions_uj6ii_1745 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 3rem;
  color: #94a3b8;
}
._transactionHistory_uj6ii_1698 ._loadingTransactions_uj6ii_1745 ._spinner_uj6ii_1753 {
  width: 2rem;
  height: 2rem;
  border: 2px solid rgba(139, 92, 246, 0.2);
  border-top: 2px solid #8b5cf6;
  border-radius: 50%;
  animation: _spin_uj6ii_634 1s linear infinite;
}
._transactionHistory_uj6ii_1698 ._transactionTable_uj6ii_1761 {
  background: rgba(15, 23, 42, 0.3);
  border: 1px solid rgba(139, 92, 246, 0.1);
  border-radius: 0.75rem;
  overflow: hidden;
}
._transactionHistory_uj6ii_1698 ._transactionTable_uj6ii_1761 ._tableHeader_uj6ii_1767 {
  display: grid;
  grid-template-columns: 0.8fr 1fr 1fr 1fr 0.8fr 1.2fr 0.8fr 1fr;
  gap: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1) 0%, rgba(124, 58, 237, 0.05) 100%);
  padding: 1rem;
  font-weight: 600;
  color: #cbd5e1;
  font-size: 0.875rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.1);
}
._transactionHistory_uj6ii_1698 ._transactionTable_uj6ii_1761 ._tableBody_uj6ii_1778 {
  max-height: 400px;
  overflow-y: auto;
}
._transactionHistory_uj6ii_1698 ._transactionTable_uj6ii_1761 ._tableBody_uj6ii_1778 ._tableRow_uj6ii_1782 {
  display: grid;
  grid-template-columns: 0.8fr 1fr 1fr 1fr 0.8fr 1.2fr 0.8fr 1fr;
  gap: 1rem;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.05);
  transition: all 0.3s ease;
  font-size: 0.8rem;
}
._transactionHistory_uj6ii_1698 ._transactionTable_uj6ii_1761 ._tableBody_uj6ii_1778 ._tableRow_uj6ii_1782:hover {
  background: rgba(139, 92, 246, 0.05);
  transform: translateX(2px);
}
._transactionHistory_uj6ii_1698 ._transactionTable_uj6ii_1761 ._tableBody_uj6ii_1778 ._tableRow_uj6ii_1782._buy_uj6ii_1795 {
  border-left: 3px solid #10b981;
}
._transactionHistory_uj6ii_1698 ._transactionTable_uj6ii_1761 ._tableBody_uj6ii_1778 ._tableRow_uj6ii_1782._sell_uj6ii_1798 {
  border-left: 3px solid #ef4444;
}
._transactionHistory_uj6ii_1698 ._transactionTable_uj6ii_1761 ._tableBody_uj6ii_1778 ._tableRow_uj6ii_1782 ._txType_uj6ii_1801 {
  font-weight: 600;
  font-size: 0.75rem;
}
._transactionHistory_uj6ii_1698 ._transactionTable_uj6ii_1761 ._tableBody_uj6ii_1778 ._tableRow_uj6ii_1782 ._txType_uj6ii_1801._buy_uj6ii_1795 {
  color: #10b981;
}
._transactionHistory_uj6ii_1698 ._transactionTable_uj6ii_1761 ._tableBody_uj6ii_1778 ._tableRow_uj6ii_1782 ._txType_uj6ii_1801._sell_uj6ii_1798 {
  color: #ef4444;
}
._transactionHistory_uj6ii_1698 ._transactionTable_uj6ii_1761 ._tableBody_uj6ii_1778 ._tableRow_uj6ii_1782 ._amount_uj6ii_520 {
  color: white;
  font-weight: 600;
}
._transactionHistory_uj6ii_1698 ._transactionTable_uj6ii_1761 ._tableBody_uj6ii_1778 ._tableRow_uj6ii_1782 ._price_uj6ii_327 {
  color: #fbbf24;
  font-family: "Monaco", "Menlo", monospace;
}
._transactionHistory_uj6ii_1698 ._transactionTable_uj6ii_1761 ._tableBody_uj6ii_1778 ._tableRow_uj6ii_1782 ._total_uj6ii_1819 {
  color: white;
  font-weight: 600;
}
._transactionHistory_uj6ii_1698 ._transactionTable_uj6ii_1761 ._tableBody_uj6ii_1778 ._tableRow_uj6ii_1782 ._gas_uj6ii_1823 {
  color: #fbbf24;
  font-family: "Monaco", "Menlo", monospace;
  font-size: 0.7rem;
}
._transactionHistory_uj6ii_1698 ._transactionTable_uj6ii_1761 ._tableBody_uj6ii_1778 ._tableRow_uj6ii_1782 ._maker_uj6ii_1828 {
  color: #94a3b8;
  font-family: "Monaco", "Menlo", monospace;
  font-size: 0.7rem;
}
._transactionHistory_uj6ii_1698 ._transactionTable_uj6ii_1761 ._tableBody_uj6ii_1778 ._tableRow_uj6ii_1782 ._time_uj6ii_799 {
  color: #94a3b8;
  font-size: 0.7rem;
}
._transactionHistory_uj6ii_1698 ._transactionTable_uj6ii_1761 ._tableBody_uj6ii_1778 ._tableRow_uj6ii_1782 ._txHash_uj6ii_1837 ._hashLink_uj6ii_1837 {
  color: #8b5cf6;
  text-decoration: none;
  font-family: "Monaco", "Menlo", monospace;
  font-size: 0.7rem;
  transition: all 0.3s ease;
}
._transactionHistory_uj6ii_1698 ._transactionTable_uj6ii_1761 ._tableBody_uj6ii_1778 ._tableRow_uj6ii_1782 ._txHash_uj6ii_1837 ._hashLink_uj6ii_1837:hover {
  color: #a78bfa;
  text-decoration: underline;
}

@media (max-width: 1200px) {
  ._transactionHistory_uj6ii_1698 ._transactionTable_uj6ii_1761 ._tableHeader_uj6ii_1767,
  ._transactionHistory_uj6ii_1698 ._transactionTable_uj6ii_1761 ._tableRow_uj6ii_1782 {
    grid-template-columns: 0.8fr 1fr 1fr 1fr 1.2fr 0.8fr;
  }
  ._transactionHistory_uj6ii_1698 ._transactionTable_uj6ii_1761 ._tableHeader_uj6ii_1767 ._gas_uj6ii_1823,
  ._transactionHistory_uj6ii_1698 ._transactionTable_uj6ii_1761 ._tableHeader_uj6ii_1767 ._time_uj6ii_799,
  ._transactionHistory_uj6ii_1698 ._transactionTable_uj6ii_1761 ._tableRow_uj6ii_1782 ._gas_uj6ii_1823,
  ._transactionHistory_uj6ii_1698 ._transactionTable_uj6ii_1761 ._tableRow_uj6ii_1782 ._time_uj6ii_799 {
    display: none;
  }
}
@media (max-width: 768px) {
  ._transactionHistory_uj6ii_1698 {
    padding: 1rem;
    margin-top: 1rem;
  }
  ._transactionHistory_uj6ii_1698 ._transactionHeader_uj6ii_1707 {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
  ._transactionHistory_uj6ii_1698 ._transactionHeader_uj6ii_1707 ._transactionStats_uj6ii_1724 {
    flex-direction: column;
    gap: 0.5rem;
  }
  ._transactionHistory_uj6ii_1698 ._transactionTable_uj6ii_1761 ._tableHeader_uj6ii_1767,
  ._transactionHistory_uj6ii_1698 ._transactionTable_uj6ii_1761 ._tableRow_uj6ii_1782 {
    grid-template-columns: 0.8fr 1fr 1fr 1.2fr;
  }
  ._transactionHistory_uj6ii_1698 ._transactionTable_uj6ii_1761 ._tableHeader_uj6ii_1767 ._price_uj6ii_327,
  ._transactionHistory_uj6ii_1698 ._transactionTable_uj6ii_1761 ._tableHeader_uj6ii_1767 ._maker_uj6ii_1828,
  ._transactionHistory_uj6ii_1698 ._transactionTable_uj6ii_1761 ._tableRow_uj6ii_1782 ._price_uj6ii_327,
  ._transactionHistory_uj6ii_1698 ._transactionTable_uj6ii_1761 ._tableRow_uj6ii_1782 ._maker_uj6ii_1828 {
    display: none;
  }
}
._advancedControls_uj6ii_1886 {
  margin: 1rem 0;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.05) 0%, rgba(124, 58, 237, 0.02) 100%);
  border: 1px solid rgba(139, 92, 246, 0.1);
  border-radius: 0.75rem;
  overflow: hidden;
}
._advancedControls_uj6ii_1886 ._controlsHeader_uj6ii_1893 ._advancedToggle_uj6ii_1893 {
  width: 100%;
  background: none;
  border: none;
  padding: 1rem;
  color: white;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  transition: all 0.3s ease;
}
._advancedControls_uj6ii_1886 ._controlsHeader_uj6ii_1893 ._advancedToggle_uj6ii_1893:hover {
  background: rgba(139, 92, 246, 0.1);
}
._advancedControls_uj6ii_1886 ._advancedPanel_uj6ii_1911 {
  padding: 1rem;
  border-top: 1px solid rgba(139, 92, 246, 0.1);
}
._advancedControls_uj6ii_1886 ._advancedPanel_uj6ii_1911 ._orderTypeSection_uj6ii_1915 {
  margin-bottom: 1rem;
}
._advancedControls_uj6ii_1886 ._advancedPanel_uj6ii_1911 ._orderTypeSection_uj6ii_1915 label {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  color: #cbd5e1;
  margin-bottom: 0.5rem;
}
._advancedControls_uj6ii_1886 ._advancedPanel_uj6ii_1911 ._orderTypeSection_uj6ii_1915 ._orderTypeButtons_uj6ii_1925 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
._advancedControls_uj6ii_1886 ._advancedPanel_uj6ii_1911 ._orderTypeSection_uj6ii_1915 ._orderTypeButtons_uj6ii_1925 ._orderTypeButton_uj6ii_1925 {
  background: rgba(15, 23, 42, 0.5);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
  padding: 0.5rem;
  color: #94a3b8;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
._advancedControls_uj6ii_1886 ._advancedPanel_uj6ii_1911 ._orderTypeSection_uj6ii_1915 ._orderTypeButtons_uj6ii_1925 ._orderTypeButton_uj6ii_1925:hover {
  border-color: rgba(139, 92, 246, 0.4);
  color: white;
}
._advancedControls_uj6ii_1886 ._advancedPanel_uj6ii_1911 ._orderTypeSection_uj6ii_1915 ._orderTypeButtons_uj6ii_1925 ._orderTypeButton_uj6ii_1925._active_uj6ii_202 {
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
  border-color: #7c3aed;
  color: white;
  box-shadow: 0 3px 10px rgba(139, 92, 246, 0.3);
}
._advancedControls_uj6ii_1886 ._advancedPanel_uj6ii_1911 ._leverageSection_uj6ii_1951 {
  margin-bottom: 1rem;
  display: flex;
  justify-content: space-between;
  font-size: 0.75rem;
  color: #94a3b8;
}
._advancedControls_uj6ii_1886 ._advancedPanel_uj6ii_1911 ._leverageSection_uj6ii_1951 label {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  color: #cbd5e1;
  margin-bottom: 0.5rem;
}
._advancedControls_uj6ii_1886 ._advancedPanel_uj6ii_1911 ._leverageSection_uj6ii_1951 ._leverageSlider_uj6ii_1965 {
  width: 100%;
  height: 0.5rem;
  border-radius: 0.25rem;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin-bottom: 0.5rem;
}
._advancedControls_uj6ii_1886 ._advancedPanel_uj6ii_1911 ._leverageSection_uj6ii_1951 ._leverageSlider_uj6ii_1965::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  background: white;
  border: 2px solid #8b5cf6;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(139, 92, 246, 0.3);
}
._advancedControls_uj6ii_1886 ._advancedPanel_uj6ii_1911 ._leverageSection_uj6ii_1951 ._leverageSlider_uj6ii_1965::-moz-range-thumb {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  background: white;
  border: 2px solid #8b5cf6;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(139, 92, 246, 0.3);
}
._advancedControls_uj6ii_1886 ._advancedPanel_uj6ii_1911 ._leverageSection_uj6ii_1951 ._leverageLabels_uj6ii_1993 {
  display: flex;
  justify-content: space-between;
  font-size: 0.75rem;
  color: #64748b;
  margin-bottom: 1rem;
}
._advancedControls_uj6ii_1886 ._advancedPanel_uj6ii_1911 ._leverageSection_uj6ii_1951 ._leverageCalculations_uj6ii_2000 {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.5rem;
  padding: 1rem;
  margin-top: 1rem;
}
._advancedControls_uj6ii_1886 ._advancedPanel_uj6ii_1911 ._leverageSection_uj6ii_1951 ._leverageCalculations_uj6ii_2000 ._calcTitle_uj6ii_2007 {
  font-size: 0.875rem;
  font-weight: 600;
  color: white;
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._advancedControls_uj6ii_1886 ._advancedPanel_uj6ii_1911 ._leverageSection_uj6ii_1951 ._leverageCalculations_uj6ii_2000 ._calcGrid_uj6ii_2016 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
._advancedControls_uj6ii_1886 ._advancedPanel_uj6ii_1911 ._leverageSection_uj6ii_1951 ._leverageCalculations_uj6ii_2000 ._calcGrid_uj6ii_2016 ._calcItem_uj6ii_2021 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
._advancedControls_uj6ii_1886 ._advancedPanel_uj6ii_1911 ._leverageSection_uj6ii_1951 ._leverageCalculations_uj6ii_2000 ._calcGrid_uj6ii_2016 ._calcItem_uj6ii_2021 ._calcLabel_uj6ii_2026 {
  font-size: 0.75rem;
  color: #94a3b8;
}
._advancedControls_uj6ii_1886 ._advancedPanel_uj6ii_1911 ._leverageSection_uj6ii_1951 ._leverageCalculations_uj6ii_2000 ._calcGrid_uj6ii_2016 ._calcItem_uj6ii_2021 ._calcValue_uj6ii_2030 {
  font-size: 0.875rem;
  font-weight: 600;
  color: white;
}
._advancedControls_uj6ii_1886 ._advancedPanel_uj6ii_1911 ._leverageCalculations_uj6ii_2000 {
  margin-top: 1rem;
  background: linear-gradient(135deg, rgba(255, 107, 107, 0.05) 0%, rgba(239, 68, 68, 0.02) 100%);
  border: 1px solid rgba(255, 107, 107, 0.1);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
._advancedControls_uj6ii_1886 ._advancedPanel_uj6ii_1911 ._leverageCalculations_uj6ii_2000 ._calcTitle_uj6ii_2007 {
  font-size: 0.875rem;
  font-weight: 600;
  color: #f1f5f9;
  margin-bottom: 0.5rem;
  text-align: center;
}
._advancedControls_uj6ii_1886 ._advancedPanel_uj6ii_1911 ._leverageCalculations_uj6ii_2000 ._calcGrid_uj6ii_2016 {
  display: grid;
  gap: 0.5rem;
}
._advancedControls_uj6ii_1886 ._advancedPanel_uj6ii_1911 ._leverageCalculations_uj6ii_2000 ._calcGrid_uj6ii_2016 ._calcItem_uj6ii_2021 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.25rem 0;
}
._advancedControls_uj6ii_1886 ._advancedPanel_uj6ii_1911 ._leverageCalculations_uj6ii_2000 ._calcGrid_uj6ii_2016 ._calcItem_uj6ii_2021 ._calcLabel_uj6ii_2026 {
  font-size: 0.75rem;
  color: #cbd5e1;
  font-weight: 500;
}
._advancedControls_uj6ii_1886 ._advancedPanel_uj6ii_1911 ._leverageCalculations_uj6ii_2000 ._calcGrid_uj6ii_2016 ._calcItem_uj6ii_2021 ._calcValue_uj6ii_2030 {
  font-size: 0.75rem;
  font-weight: 600;
  color: white;
}
._advancedControls_uj6ii_1886 ._priceControls_uj6ii_2069 {
  margin-top: 1rem;
}
._advancedControls_uj6ii_1886 ._priceControls_uj6ii_2069 ._priceInput_uj6ii_2072 {
  margin-bottom: 1rem;
}
._advancedControls_uj6ii_1886 ._priceControls_uj6ii_2069 ._priceInput_uj6ii_2072 label {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  color: #cbd5e1;
  margin-bottom: 0.5rem;
}
._advancedControls_uj6ii_1886 ._priceControls_uj6ii_2069 ._priceInput_uj6ii_2072 ._priceInputField_uj6ii_2082 {
  width: 100%;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.5rem;
  padding: 0.75rem;
  color: white;
  font-size: 0.875rem;
  transition: all 0.3s ease;
}
._advancedControls_uj6ii_1886 ._priceControls_uj6ii_2069 ._priceInput_uj6ii_2072 ._priceInputField_uj6ii_2082:focus {
  outline: none;
  border-color: #8b5cf6;
  background: rgba(139, 92, 246, 0.05);
  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1);
}
._advancedControls_uj6ii_1886 ._priceControls_uj6ii_2069 ._priceInput_uj6ii_2072 ._priceInputField_uj6ii_2082::-moz-placeholder {
  color: #64748b;
}
._advancedControls_uj6ii_1886 ._priceControls_uj6ii_2069 ._priceInput_uj6ii_2072 ._priceInputField_uj6ii_2082::placeholder {
  color: #64748b;
}
._advancedControls_uj6ii_1886 ._boostSection_uj6ii_2101 {
  margin-bottom: 1rem;
}
._advancedControls_uj6ii_1886 ._boostSection_uj6ii_2101 label {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  color: #cbd5e1;
  margin-bottom: 0.5rem;
}
._advancedControls_uj6ii_1886 ._boostSection_uj6ii_2101 ._boostControls_uj6ii_2111 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
._advancedControls_uj6ii_1886 ._boostSection_uj6ii_2101 ._boostControls_uj6ii_2111 ._boostButton_uj6ii_2116 {
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
  border: 1px solid #7c3aed;
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  color: white;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
._advancedControls_uj6ii_1886 ._boostSection_uj6ii_2101 ._boostControls_uj6ii_2111 ._boostButton_uj6ii_2116:hover {
  background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);
  border-color: #6d28d9;
  transform: translateY(-1px);
  box-shadow: 0 5px 15px rgba(139, 92, 246, 0.3);
}
._advancedControls_uj6ii_1886 ._boostSection_uj6ii_2101 ._boostControls_uj6ii_2111 ._boostInfo_uj6ii_2137 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.75rem;
  color: #94a3b8;
}
._advancedControls_uj6ii_1886 ._boostSection_uj6ii_2101 ._boostControls_uj6ii_2111 ._boostInfo_uj6ii_2137 ._boostActive_uj6ii_2144 {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  color: white;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-weight: 600;
  font-size: 0.625rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
._advancedControls_uj6ii_1886 ._strategiesSection_uj6ii_2154 label {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  color: #cbd5e1;
  margin-bottom: 0.5rem;
}
._advancedControls_uj6ii_1886 ._strategiesSection_uj6ii_2154 ._strategyButtons_uj6ii_2161 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 0.5rem;
}
._advancedControls_uj6ii_1886 ._strategiesSection_uj6ii_2154 ._strategyButtons_uj6ii_2161 ._strategyButton_uj6ii_2161 {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.1) 0%, rgba(5, 150, 105, 0.05) 100%);
  border: 1px solid rgba(16, 185, 129, 0.2);
  border-radius: 0.5rem;
  padding: 0.5rem;
  color: #10b981;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
._advancedControls_uj6ii_1886 ._strategiesSection_uj6ii_2154 ._strategyButtons_uj6ii_2161 ._strategyButton_uj6ii_2161:hover {
  border-color: rgba(16, 185, 129, 0.4);
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2) 0%, rgba(5, 150, 105, 0.1) 100%);
  transform: translateY(-1px);
  box-shadow: 0 3px 10px rgba(16, 185, 129, 0.2);
}

._swapButton_uj6ii_561._leveraged_uj6ii_2184 {
  background: linear-gradient(135deg, #ff6b6b 0%, #ff5252 100%);
  border-color: #ff5252;
  box-shadow: 0 5px 20px rgba(255, 107, 107, 0.3);
}
._swapButton_uj6ii_561._leveraged_uj6ii_2184:hover:not(:disabled) {
  box-shadow: 0 8px 30px rgba(255, 107, 107, 0.4);
  transform: translateY(-2px);
}

._strategyModal_uj6ii_2194 {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.95) 100%);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 1rem;
  width: 90%;
  max-width: 600px;
  max-height: 80vh;
  overflow: hidden;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5);
}
._strategyModal_uj6ii_2194 ._modalHeader_uj6ii_928 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.1);
}
._strategyModal_uj6ii_2194 ._modalHeader_uj6ii_928 h3 {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
  color: white;
}
._strategyModal_uj6ii_2194 ._modalHeader_uj6ii_928 ._closeButton_uj6ii_941 {
  background: none;
  border: none;
  color: #94a3b8;
  font-size: 1.5rem;
  cursor: pointer;
  padding: 0.25rem;
  border-radius: 0.25rem;
  transition: all 0.3s ease;
}
._strategyModal_uj6ii_2194 ._modalHeader_uj6ii_928 ._closeButton_uj6ii_941:hover {
  background: rgba(139, 92, 246, 0.1);
  color: white;
}
._strategyModal_uj6ii_2194 ._modalContent_uj6ii_2231 {
  padding: 1.5rem;
  max-height: 60vh;
  overflow-y: auto;
}
._strategyModal_uj6ii_2194 ._modalContent_uj6ii_2231 ._strategyConfig_uj6ii_2236 ._strategyDescription_uj6ii_2236 {
  color: #cbd5e1;
  font-size: 0.875rem;
  line-height: 1.5;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.05);
  border-radius: 0.5rem;
  border-left: 3px solid #8b5cf6;
}
._strategyModal_uj6ii_2194 ._modalContent_uj6ii_2231 ._strategyConfig_uj6ii_2236 ._configGrid_uj6ii_2246 {
  display: grid;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
._strategyModal_uj6ii_2194 ._modalContent_uj6ii_2231 ._strategyConfig_uj6ii_2236 ._configGrid_uj6ii_2246 ._configItem_uj6ii_2251 label {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  color: #cbd5e1;
  margin-bottom: 0.5rem;
}
._strategyModal_uj6ii_2194 ._modalContent_uj6ii_2231 ._strategyConfig_uj6ii_2236 ._configGrid_uj6ii_2246 ._configItem_uj6ii_2251 ._configInput_uj6ii_2258, ._strategyModal_uj6ii_2194 ._modalContent_uj6ii_2231 ._strategyConfig_uj6ii_2236 ._configGrid_uj6ii_2246 ._configItem_uj6ii_2251 ._configSelect_uj6ii_2258 {
  width: 100%;
  background: rgba(15, 23, 42, 0.8);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
  color: white;
  font-size: 0.875rem;
  transition: all 0.3s ease;
}
._strategyModal_uj6ii_2194 ._modalContent_uj6ii_2231 ._strategyConfig_uj6ii_2236 ._configGrid_uj6ii_2246 ._configItem_uj6ii_2251 ._configInput_uj6ii_2258:focus, ._strategyModal_uj6ii_2194 ._modalContent_uj6ii_2231 ._strategyConfig_uj6ii_2236 ._configGrid_uj6ii_2246 ._configItem_uj6ii_2251 ._configSelect_uj6ii_2258:focus {
  outline: none;
  border-color: #8b5cf6;
  box-shadow: 0 0 0 2px rgba(139, 92, 246, 0.2);
}
._strategyModal_uj6ii_2194 ._modalContent_uj6ii_2231 ._strategyConfig_uj6ii_2236 ._configGrid_uj6ii_2246 ._configItem_uj6ii_2251 ._configInput_uj6ii_2258::-moz-placeholder, ._strategyModal_uj6ii_2194 ._modalContent_uj6ii_2231 ._strategyConfig_uj6ii_2236 ._configGrid_uj6ii_2246 ._configItem_uj6ii_2251 ._configSelect_uj6ii_2258::-moz-placeholder {
  color: #64748b;
}
._strategyModal_uj6ii_2194 ._modalContent_uj6ii_2231 ._strategyConfig_uj6ii_2236 ._configGrid_uj6ii_2246 ._configItem_uj6ii_2251 ._configInput_uj6ii_2258::placeholder, ._strategyModal_uj6ii_2194 ._modalContent_uj6ii_2231 ._strategyConfig_uj6ii_2236 ._configGrid_uj6ii_2246 ._configItem_uj6ii_2251 ._configSelect_uj6ii_2258::placeholder {
  color: #64748b;
}
._strategyModal_uj6ii_2194 ._modalContent_uj6ii_2231 ._strategyConfig_uj6ii_2236 ._configGrid_uj6ii_2246 ._configItem_uj6ii_2251 ._rangeInputs_uj6ii_2276 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._strategyModal_uj6ii_2194 ._modalContent_uj6ii_2231 ._strategyConfig_uj6ii_2236 ._configGrid_uj6ii_2246 ._configItem_uj6ii_2251 ._rangeInputs_uj6ii_2276 span {
  color: #94a3b8;
  font-size: 0.875rem;
}
._strategyModal_uj6ii_2194 ._modalContent_uj6ii_2231 ._strategyConfig_uj6ii_2236 ._configGrid_uj6ii_2246 ._configItem_uj6ii_2251 ._rangeInputs_uj6ii_2276 input {
  flex: 1;
}
._strategyModal_uj6ii_2194 ._modalContent_uj6ii_2231 ._strategyConfig_uj6ii_2236 ._strategyPreview_uj6ii_2288 {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.05) 0%, rgba(5, 150, 105, 0.02) 100%);
  border: 1px solid rgba(16, 185, 129, 0.1);
  border-radius: 0.5rem;
  padding: 1rem;
}
._strategyModal_uj6ii_2194 ._modalContent_uj6ii_2231 ._strategyConfig_uj6ii_2236 ._strategyPreview_uj6ii_2288 h4 {
  margin: 0 0 0.75rem 0;
  font-size: 1rem;
  font-weight: 600;
  color: #10b981;
}
._strategyModal_uj6ii_2194 ._modalContent_uj6ii_2231 ._strategyConfig_uj6ii_2236 ._strategyPreview_uj6ii_2288 ._previewGrid_uj6ii_2300 {
  display: grid;
  gap: 0.5rem;
}
._strategyModal_uj6ii_2194 ._modalContent_uj6ii_2231 ._strategyConfig_uj6ii_2236 ._strategyPreview_uj6ii_2288 ._previewGrid_uj6ii_2300 ._previewItem_uj6ii_2304 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.875rem;
}
._strategyModal_uj6ii_2194 ._modalContent_uj6ii_2231 ._strategyConfig_uj6ii_2236 ._strategyPreview_uj6ii_2288 ._previewGrid_uj6ii_2300 ._previewItem_uj6ii_2304 span:first-child {
  color: #cbd5e1;
}
._strategyModal_uj6ii_2194 ._modalContent_uj6ii_2231 ._strategyConfig_uj6ii_2236 ._strategyPreview_uj6ii_2288 ._previewGrid_uj6ii_2300 ._previewItem_uj6ii_2304 span:last-child {
  color: white;
  font-weight: 600;
}
._strategyModal_uj6ii_2194 ._modalFooter_uj6ii_2317 {
  display: flex;
  gap: 1rem;
  padding: 1.5rem;
  border-top: 1px solid rgba(139, 92, 246, 0.1);
}
._strategyModal_uj6ii_2194 ._modalFooter_uj6ii_2317 ._cancelButton_uj6ii_2323 {
  flex: 1;
  background: rgba(71, 85, 105, 0.3);
  border: 1px solid rgba(71, 85, 105, 0.5);
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  color: #cbd5e1;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
._strategyModal_uj6ii_2194 ._modalFooter_uj6ii_2317 ._cancelButton_uj6ii_2323:hover {
  background: rgba(71, 85, 105, 0.5);
  border-color: rgba(71, 85, 105, 0.7);
}
._strategyModal_uj6ii_2194 ._modalFooter_uj6ii_2317 ._activateButton_uj6ii_2339 {
  flex: 2;
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
  border: 1px solid #7c3aed;
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  color: white;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
._strategyModal_uj6ii_2194 ._modalFooter_uj6ii_2317 ._activateButton_uj6ii_2339:hover {
  background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);
  border-color: #6d28d9;
  box-shadow: 0 5px 20px rgba(139, 92, 246, 0.3);
  transform: translateY(-1px);
}

._poolInfoSection_uj6ii_2358 {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.05) 0%, rgba(5, 150, 105, 0.02) 100%);
  border: 1px solid rgba(16, 185, 129, 0.1);
  border-radius: 1rem;
  padding: 1.5rem;
  margin: 1.5rem 0;
}
._poolInfoSection_uj6ii_2358 ._poolInfoHeader_uj6ii_2365 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}
._poolInfoSection_uj6ii_2358 ._poolInfoHeader_uj6ii_2365 h3 {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
  color: #10b981;
}
._poolInfoSection_uj6ii_2358 ._poolInfoHeader_uj6ii_2365 ._poolActions_uj6ii_2377 {
  display: flex;
  gap: 0.75rem;
}
._poolInfoSection_uj6ii_2358 ._poolInfoHeader_uj6ii_2365 ._poolActions_uj6ii_2377 ._addLiquidityBtn_uj6ii_2381, ._poolInfoSection_uj6ii_2358 ._poolInfoHeader_uj6ii_2365 ._poolActions_uj6ii_2377 ._createPoolBtn_uj6ii_2381 {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  border: none;
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  color: white;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
._poolInfoSection_uj6ii_2358 ._poolInfoHeader_uj6ii_2365 ._poolActions_uj6ii_2377 ._addLiquidityBtn_uj6ii_2381:hover, ._poolInfoSection_uj6ii_2358 ._poolInfoHeader_uj6ii_2365 ._poolActions_uj6ii_2377 ._createPoolBtn_uj6ii_2381:hover {
  background: linear-gradient(135deg, #059669 0%, #047857 100%);
  transform: translateY(-1px);
  box-shadow: 0 5px 15px rgba(16, 185, 129, 0.3);
}
._poolInfoSection_uj6ii_2358 ._poolInfoHeader_uj6ii_2365 ._poolActions_uj6ii_2377 ._createPoolBtn_uj6ii_2381 {
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
}
._poolInfoSection_uj6ii_2358 ._poolInfoHeader_uj6ii_2365 ._poolActions_uj6ii_2377 ._createPoolBtn_uj6ii_2381:hover {
  background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);
  box-shadow: 0 5px 15px rgba(139, 92, 246, 0.3);
}
._poolInfoSection_uj6ii_2358 ._poolStats_uj6ii_2404 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
  margin-bottom: 1.5rem;
}
._poolInfoSection_uj6ii_2358 ._poolStats_uj6ii_2404 ._poolStatCard_uj6ii_2410 {
  background: white;
  border: 1px solid rgba(16, 185, 129, 0.1);
  border-radius: 0.75rem;
  padding: 1rem;
  text-align: center;
  transition: all 0.3s ease;
}
._poolInfoSection_uj6ii_2358 ._poolStats_uj6ii_2404 ._poolStatCard_uj6ii_2410:hover {
  border-color: rgba(16, 185, 129, 0.3);
  box-shadow: 0 5px 15px rgba(16, 185, 129, 0.1);
  transform: translateY(-2px);
}
._poolInfoSection_uj6ii_2358 ._poolStats_uj6ii_2404 ._poolStatCard_uj6ii_2410 ._statLabel_uj6ii_159 {
  font-size: 0.875rem;
  color: #6b7280;
  margin-bottom: 0.5rem;
  font-weight: 500;
}
._poolInfoSection_uj6ii_2358 ._poolStats_uj6ii_2404 ._poolStatCard_uj6ii_2410 ._statValue_uj6ii_152 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 0.25rem;
}
._poolInfoSection_uj6ii_2358 ._poolStats_uj6ii_2404 ._poolStatCard_uj6ii_2410 ._statChange_uj6ii_2435 {
  font-size: 0.75rem;
  color: #10b981;
  font-weight: 600;
}
._poolInfoSection_uj6ii_2358 ._poolProviders_uj6ii_2440 h4 {
  margin: 0 0 1rem 0;
  font-size: 1rem;
  font-weight: 600;
  color: #374151;
}
._poolInfoSection_uj6ii_2358 ._poolProviders_uj6ii_2440 ._providersList_uj6ii_2446 {
  background: white;
  border: 1px solid rgba(16, 185, 129, 0.1);
  border-radius: 0.75rem;
  overflow: hidden;
}
._poolInfoSection_uj6ii_2358 ._poolProviders_uj6ii_2440 ._providersList_uj6ii_2446 ._providerRow_uj6ii_2452 {
  display: grid;
  grid-template-columns: 60px 1fr 120px 80px;
  gap: 1rem;
  padding: 0.75rem 1rem;
  align-items: center;
  border-bottom: 1px solid #f3f4f6;
  transition: all 0.2s ease;
}
._poolInfoSection_uj6ii_2358 ._poolProviders_uj6ii_2440 ._providersList_uj6ii_2446 ._providerRow_uj6ii_2452:last-child {
  border-bottom: none;
}
._poolInfoSection_uj6ii_2358 ._poolProviders_uj6ii_2440 ._providersList_uj6ii_2446 ._providerRow_uj6ii_2452:hover {
  background: rgba(16, 185, 129, 0.02);
}
._poolInfoSection_uj6ii_2358 ._poolProviders_uj6ii_2440 ._providersList_uj6ii_2446 ._providerRow_uj6ii_2452 ._providerRank_uj6ii_2467 {
  font-size: 0.875rem;
  font-weight: 600;
  color: #10b981;
  text-align: center;
}
._poolInfoSection_uj6ii_2358 ._poolProviders_uj6ii_2440 ._providersList_uj6ii_2446 ._providerRow_uj6ii_2452 ._providerAddress_uj6ii_2473 {
  font-family: monospace;
  font-size: 0.875rem;
  color: #374151;
}
._poolInfoSection_uj6ii_2358 ._poolProviders_uj6ii_2440 ._providersList_uj6ii_2446 ._providerRow_uj6ii_2452 ._providerLiquidity_uj6ii_2478 {
  font-size: 0.875rem;
  font-weight: 600;
  color: #1f2937;
  text-align: right;
}
._poolInfoSection_uj6ii_2358 ._poolProviders_uj6ii_2440 ._providersList_uj6ii_2446 ._providerRow_uj6ii_2452 ._providerShare_uj6ii_2484 {
  font-size: 0.875rem;
  font-weight: 600;
  color: #10b981;
  text-align: right;
}

@keyframes _boostGlow_uj6ii_1 {
  0% {
    box-shadow: 0 2px 4px rgba(255, 107, 107, 0.3);
  }
  100% {
    box-shadow: 0 4px 12px rgba(255, 107, 107, 0.6);
  }
}
._alertsButton_uj6ii_2499 {
  position: relative;
}
._alertsButton_uj6ii_2499 ._alertIcon_uj6ii_2502 {
  margin-right: 0.25rem;
}
._alertsButton_uj6ii_2499 ._alertBadge_uj6ii_2505 {
  position: absolute;
  top: -5px;
  right: -5px;
  background: #ef4444;
  color: white;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  font-size: 0.625rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: _pulse_uj6ii_1 2s infinite;
}

._alertsPanel_uj6ii_2522 {
  position: fixed;
  top: 0;
  right: 0;
  width: 400px;
  height: 100vh;
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.95) 100%);
  border-left: 1px solid rgba(139, 92, 246, 0.2);
  box-shadow: -10px 0 30px rgba(0, 0, 0, 0.3);
  z-index: 1000;
  overflow-y: auto;
}
._alertsPanel_uj6ii_2522 ._alertsPanelHeader_uj6ii_2534 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.1);
}
._alertsPanel_uj6ii_2522 ._alertsPanelHeader_uj6ii_2534 h3 {
  margin: 0;
  color: white;
  font-size: 1.25rem;
  font-weight: 700;
}
._alertsPanel_uj6ii_2522 ._alertsPanelHeader_uj6ii_2534 ._closeButton_uj6ii_941 {
  background: none;
  border: none;
  color: #94a3b8;
  font-size: 1.5rem;
  cursor: pointer;
  padding: 0.25rem;
  border-radius: 0.25rem;
  transition: all 0.3s ease;
}
._alertsPanel_uj6ii_2522 ._alertsPanelHeader_uj6ii_2534 ._closeButton_uj6ii_941:hover {
  background: rgba(139, 92, 246, 0.1);
  color: white;
}
._alertsPanel_uj6ii_2522 ._alertsContent_uj6ii_2561 {
  padding: 1.5rem;
}
._alertsPanel_uj6ii_2522 ._alertsContent_uj6ii_2561 ._createAlert_uj6ii_2564 {
  margin-bottom: 2rem;
}
._alertsPanel_uj6ii_2522 ._alertsContent_uj6ii_2561 ._createAlert_uj6ii_2564 h4 {
  margin: 0 0 1rem 0;
  color: #cbd5e1;
  font-size: 1rem;
  font-weight: 600;
}
._alertsPanel_uj6ii_2522 ._alertsContent_uj6ii_2561 ._createAlert_uj6ii_2564 ._alertForm_uj6ii_2573 {
  display: grid;
  gap: 0.75rem;
}
._alertsPanel_uj6ii_2522 ._alertsContent_uj6ii_2561 ._createAlert_uj6ii_2564 ._alertForm_uj6ii_2573 select, ._alertsPanel_uj6ii_2522 ._alertsContent_uj6ii_2561 ._createAlert_uj6ii_2564 ._alertForm_uj6ii_2573 input {
  background: rgba(15, 23, 42, 0.8);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
  color: white;
  font-size: 0.875rem;
}
._alertsPanel_uj6ii_2522 ._alertsContent_uj6ii_2561 ._createAlert_uj6ii_2564 ._alertForm_uj6ii_2573 select:focus, ._alertsPanel_uj6ii_2522 ._alertsContent_uj6ii_2561 ._createAlert_uj6ii_2564 ._alertForm_uj6ii_2573 input:focus {
  outline: none;
  border-color: #8b5cf6;
  box-shadow: 0 0 0 2px rgba(139, 92, 246, 0.2);
}
._alertsPanel_uj6ii_2522 ._alertsContent_uj6ii_2561 ._createAlert_uj6ii_2564 ._alertForm_uj6ii_2573 select::-moz-placeholder, ._alertsPanel_uj6ii_2522 ._alertsContent_uj6ii_2561 ._createAlert_uj6ii_2564 ._alertForm_uj6ii_2573 input::-moz-placeholder {
  color: #64748b;
}
._alertsPanel_uj6ii_2522 ._alertsContent_uj6ii_2561 ._createAlert_uj6ii_2564 ._alertForm_uj6ii_2573 select::placeholder, ._alertsPanel_uj6ii_2522 ._alertsContent_uj6ii_2561 ._createAlert_uj6ii_2564 ._alertForm_uj6ii_2573 input::placeholder {
  color: #64748b;
}
._alertsPanel_uj6ii_2522 ._alertsContent_uj6ii_2561 ._createAlert_uj6ii_2564 ._alertForm_uj6ii_2573 ._createAlertButton_uj6ii_2593 {
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
  border: none;
  border-radius: 0.5rem;
  padding: 0.75rem;
  color: white;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
._alertsPanel_uj6ii_2522 ._alertsContent_uj6ii_2561 ._createAlert_uj6ii_2564 ._alertForm_uj6ii_2573 ._createAlertButton_uj6ii_2593:hover {
  background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);
  transform: translateY(-1px);
  box-shadow: 0 5px 15px rgba(139, 92, 246, 0.3);
}
._alertsPanel_uj6ii_2522 ._alertsContent_uj6ii_2561 ._activeAlerts_uj6ii_2609 h4 {
  margin: 0 0 1rem 0;
  color: #cbd5e1;
  font-size: 1rem;
  font-weight: 600;
}
._alertsPanel_uj6ii_2522 ._alertsContent_uj6ii_2561 ._activeAlerts_uj6ii_2609 ._noAlerts_uj6ii_2615 {
  color: #64748b;
  font-size: 0.875rem;
  text-align: center;
  padding: 2rem;
  background: rgba(15, 23, 42, 0.3);
  border-radius: 0.5rem;
  border: 1px dashed rgba(139, 92, 246, 0.2);
}
._alertsPanel_uj6ii_2522 ._alertsContent_uj6ii_2561 ._activeAlerts_uj6ii_2609 ._alertsList_uj6ii_2624 {
  display: grid;
  gap: 0.75rem;
}
._alertsPanel_uj6ii_2522 ._alertsContent_uj6ii_2561 ._activeAlerts_uj6ii_2609 ._alertsList_uj6ii_2624 ._alertItem_uj6ii_2628 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgba(15, 23, 42, 0.5);
  border: 1px solid rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  padding: 0.75rem;
  transition: all 0.3s ease;
}
._alertsPanel_uj6ii_2522 ._alertsContent_uj6ii_2561 ._activeAlerts_uj6ii_2609 ._alertsList_uj6ii_2624 ._alertItem_uj6ii_2628:hover {
  border-color: rgba(139, 92, 246, 0.3);
}
._alertsPanel_uj6ii_2522 ._alertsContent_uj6ii_2561 ._activeAlerts_uj6ii_2609 ._alertsList_uj6ii_2624 ._alertItem_uj6ii_2628._triggered_uj6ii_2641 {
  border-color: #ef4444;
  background: rgba(239, 68, 68, 0.05);
}
._alertsPanel_uj6ii_2522 ._alertsContent_uj6ii_2561 ._activeAlerts_uj6ii_2609 ._alertsList_uj6ii_2624 ._alertItem_uj6ii_2628 ._alertInfo_uj6ii_2645 {
  display: grid;
  gap: 0.25rem;
}
._alertsPanel_uj6ii_2522 ._alertsContent_uj6ii_2561 ._activeAlerts_uj6ii_2609 ._alertsList_uj6ii_2624 ._alertItem_uj6ii_2628 ._alertInfo_uj6ii_2645 ._alertToken_uj6ii_2649 {
  font-weight: 700;
  color: white;
  font-size: 0.875rem;
}
._alertsPanel_uj6ii_2522 ._alertsContent_uj6ii_2561 ._activeAlerts_uj6ii_2609 ._alertsList_uj6ii_2624 ._alertItem_uj6ii_2628 ._alertInfo_uj6ii_2645 ._alertDetails_uj6ii_2654 {
  font-size: 0.75rem;
  color: #94a3b8;
}
._alertsPanel_uj6ii_2522 ._alertsContent_uj6ii_2561 ._activeAlerts_uj6ii_2609 ._alertsList_uj6ii_2624 ._alertItem_uj6ii_2628 ._alertInfo_uj6ii_2645 ._alertStatus_uj6ii_2658 {
  font-size: 0.75rem;
  font-weight: 600;
}
._alertsPanel_uj6ii_2522 ._alertsContent_uj6ii_2561 ._activeAlerts_uj6ii_2609 ._alertsList_uj6ii_2624 ._alertItem_uj6ii_2628 ._deleteAlert_uj6ii_2662 {
  background: none;
  border: none;
  color: #ef4444;
  cursor: pointer;
  padding: 0.25rem;
  border-radius: 0.25rem;
  transition: all 0.2s ease;
}
._alertsPanel_uj6ii_2522 ._alertsContent_uj6ii_2561 ._activeAlerts_uj6ii_2609 ._alertsList_uj6ii_2624 ._alertItem_uj6ii_2628 ._deleteAlert_uj6ii_2662:hover {
  background: rgba(239, 68, 68, 0.1);
}

@keyframes _pulse_uj6ii_1 {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}.test-swap-card {
  background: linear-gradient(135deg, rgba(30, 41, 59, 0.8) 0%, rgba(51, 65, 85, 0.6) 100%);
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 1rem;
  padding: 1.5rem;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
}

.test-swap-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}

.test-swap-header h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: white;
  margin: 0;
}

.test-boost-button {
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
  border: 1px solid #7c3aed;
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  color: white;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.test-boost-button:hover {
  background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);
  border-color: #6d28d9;
  transform: translateY(-1px);
  box-shadow: 0 5px 15px rgba(139, 92, 246, 0.3);
}

/* Token Input Styling */
.test-token-input {
  background: rgba(15, 23, 42, 0.6);
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}

.test-token-input-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
}

.test-token-input-header span {
  font-size: 0.875rem;
  font-weight: 600;
  color: #cbd5e1;
}

.test-balance {
  font-size: 0.75rem;
  color: #94a3b8;
}

.test-balance-container {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.test-max-button {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid #10b981;
  border-radius: 0.25rem;
  padding: 0.25rem 0.5rem;
  color: #10b981;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
}

.test-token-input-body {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.test-amount-input {
  flex: 1;
  background: transparent;
  border: none;
  outline: none;
  color: white;
  font-size: 1.125rem;
  font-weight: 600;
  padding: 0.5rem 0;
}

.test-amount-input::-moz-placeholder {
  color: #64748b;
}

.test-amount-input::placeholder {
  color: #64748b;
}

.test-token-selector {
  background: rgba(30, 41, 59, 0.8);
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  color: white;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  transition: all 0.2s ease;
}

.test-token-selector:hover {
  border-color: rgba(139, 92, 246, 0.5);
  background: rgba(139, 92, 246, 0.1);
}

.test-token-logo {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
}

.test-dropdown-icon {
  width: 1rem;
  height: 1rem;
}

/* Balance Slider */
.test-balance-slider-container {
  margin-top: 0.75rem;
}

.test-slider-track {
  position: relative;
  height: 0.25rem;
  background: rgba(148, 163, 184, 0.2);
  border-radius: 0.125rem;
  margin-bottom: 0.5rem;
}

.test-slider-progress {
  position: absolute;
  height: 100%;
  background: linear-gradient(90deg, #10b981 0%, #06b6d4 100%);
  border-radius: 0.125rem;
  transition: width 0.3s ease;
}

.test-balance-slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.test-slider-labels {
  display: flex;
  justify-content: space-between;
  font-size: 0.75rem;
  color: #64748b;
}

/* Swap Direction Button */
.test-swap-button-container {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
}

.test-swap-direction-button {
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  padding: 0.5rem;
  color: #8b5cf6;
  cursor: pointer;
  transition: all 0.2s ease;
}

.test-swap-direction-button:hover {
  background: rgba(139, 92, 246, 0.3);
  transform: rotate(180deg);
}

/* Advanced Trading */
.test-advanced-toggle {
  margin: 1rem 0;
}

.test-advanced-toggle-button {
  width: 100%;
  background: rgba(15, 23, 42, 0.6);
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
  color: white;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  transition: all 0.2s ease;
}

.test-advanced-toggle-button:hover {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.3);
}

.test-advanced-panel {
  background: rgba(15, 23, 42, 0.4);
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 0.5rem;
  padding: 1rem;
  margin-top: 0.5rem;
}

/* Order Type Section */
.test-order-type-section {
  margin-bottom: 1rem;
}

.test-order-type-section label {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  color: #cbd5e1;
  margin-bottom: 0.5rem;
}

.test-order-type-buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}

.test-order-type-button {
  background: rgba(15, 23, 42, 0.6);
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 0.375rem;
  padding: 0.5rem;
  color: #94a3b8;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.test-order-type-button:hover {
  border-color: rgba(139, 92, 246, 0.5);
  color: #8b5cf6;
}

.test-order-type-button.active {
  background: rgba(139, 92, 246, 0.2);
  border-color: #8b5cf6;
  color: #8b5cf6;
}

/* Leverage Section */
.test-leverage-section {
  margin-bottom: 1rem;
}

.test-leverage-section label {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  color: #cbd5e1;
  margin-bottom: 0.5rem;
}

.test-leverage-slider {
  width: 100%;
  height: 0.25rem;
  background: rgba(148, 163, 184, 0.2);
  border-radius: 0.125rem;
  outline: none;
  cursor: pointer;
}

.test-leverage-labels {
  display: flex;
  justify-content: space-between;
  margin-top: 0.5rem;
  font-size: 0.75rem;
  color: #64748b;
}

/* Boost Section */
.test-boost-section {
  margin-bottom: 1rem;
}

.test-boost-section label {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  color: #cbd5e1;
  margin-bottom: 0.5rem;
}

.test-boost-controls {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.test-boost-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.75rem;
  color: #94a3b8;
}

/* Swap Quote */
.test-swap-quote {
  background: rgba(15, 23, 42, 0.4);
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin: 1rem 0;
}

.test-quote-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.25rem 0;
  font-size: 0.875rem;
}

.test-quote-row:first-child {
  padding-top: 0;
}

.test-quote-row:last-child {
  padding-bottom: 0;
}

.test-quote-row span:first-child {
  color: #94a3b8;
}

.test-quote-row span:last-child {
  color: white;
  font-weight: 600;
}

/* Main Swap Button */
.test-swap-button {
  width: 100%;
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  border: 1px solid #10b981;
  border-radius: 0.75rem;
  padding: 1rem;
  color: white;
  font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.test-swap-button:hover {
  background: linear-gradient(135deg, #059669 0%, #047857 100%);
  transform: translateY(-1px);
  box-shadow: 0 5px 15px rgba(16, 185, 129, 0.3);
}

.test-swap-button:disabled {
  background: rgba(148, 163, 184, 0.2);
  border-color: rgba(148, 163, 184, 0.2);
  color: #64748b;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

/* Settings icon in header */
.test-settings-icon {
  width: 1rem;
  height: 1rem;
  color: #94a3b8;
}

/* Spin animation for loading */
.test-spin-icon {
  width: 1rem;
  height: 1rem;
  animation: spin 1s linear infinite;
}

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

/* Chevron rotation */
.test-chevron {
  width: 1rem;
  height: 1rem;
  transition: transform 0.2s ease;
}

.test-chevron.expanded {
  transform: rotate(180deg);
}

/* Warning text color */
.warning {
  color: #f59e0b !important;
}

/* Active boost indicator */
.test-boost-active {
  color: #10b981;
  font-weight: 600;
}

/* Chart Section Styling */
.test-trading-chart-section {
  margin-bottom: 1.5rem;
}

.test-chart-card {
  background: rgba(15, 23, 42, 0.6);
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 1rem;
  padding: 1.5rem;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
}

.test-chart-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

.test-chart-header h3 {
  font-size: 1.125rem;
  font-weight: 700;
  color: white;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.test-chart-controls {
  display: flex;
  gap: 0.5rem;
}

.test-timeframe-button {
  background: rgba(15, 23, 42, 0.6);
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 0.375rem;
  padding: 0.5rem 0.75rem;
  color: #94a3b8;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.test-timeframe-button:hover {
  border-color: rgba(139, 92, 246, 0.5);
  color: #8b5cf6;
  background: rgba(139, 92, 246, 0.1);
}

.test-timeframe-button.active {
  background: rgba(139, 92, 246, 0.2);
  border-color: #8b5cf6;
  color: #8b5cf6;
}

/* Chart container styling */
.test-chart-container {
  background: rgba(15, 23, 42, 0.3);
  border-radius: 0.5rem;
  padding: 1rem;
  margin-top: 1rem;
}

/* Responsive chart wrapper */
.test-responsive-chart {
  width: 100%;
  height: 300px;
}

/* Chart loading state */
.test-chart-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 300px;
  color: #94a3b8;
  font-size: 0.875rem;
}

/* Chart empty state */
.test-chart-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 300px;
  color: #64748b;
  text-align: center;
}

.test-chart-empty-icon {
  font-size: 2rem;
  margin-bottom: 0.5rem;
  opacity: 0.5;
}

/* Price Controls */
.test-price-controls {
  margin-bottom: 1rem;
}

.test-price-input {
  margin-bottom: 0.75rem;
}

.test-price-input label {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  color: #cbd5e1;
  margin-bottom: 0.5rem;
}

.test-price-input-field {
  width: 100%;
  background: rgba(15, 23, 42, 0.6);
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 0.375rem;
  padding: 0.75rem;
  color: white;
  font-size: 0.875rem;
  outline: none;
  transition: border-color 0.2s ease;
}

.test-price-input-field:focus {
  border-color: rgba(139, 92, 246, 0.5);
}

.test-price-input-field::-moz-placeholder {
  color: #64748b;
}

.test-price-input-field::placeholder {
  color: #64748b;
}

/* Leverage Calculations */
.test-leverage-calculations {
  background: rgba(15, 23, 42, 0.4);
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 0.5rem;
  padding: 1rem;
  margin-bottom: 1rem;
}

.test-calc-title {
  font-size: 0.875rem;
  font-weight: 700;
  color: #cbd5e1;
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.test-calc-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}

.test-calc-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0;
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
}

.test-calc-item:last-child {
  border-bottom: none;
}

.test-calc-label {
  font-size: 0.875rem;
  color: #94a3b8;
}

.test-calc-value {
  font-size: 0.875rem;
  font-weight: 600;
  color: white;
}

/* Trading Strategies */
.test-strategy-section {
  margin-bottom: 1rem;
}

.test-strategy-section label {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  color: #cbd5e1;
  margin-bottom: 0.5rem;
}

.test-strategy-buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.test-strategy-button {
  background: rgba(15, 23, 42, 0.6);
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 0.375rem;
  padding: 0.5rem;
  color: #94a3b8;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: center;
}

.test-strategy-button:hover {
  border-color: rgba(139, 92, 246, 0.5);
  color: #8b5cf6;
}

.test-strategy-button.active {
  background: rgba(139, 92, 246, 0.2);
  border-color: #8b5cf6;
  color: #8b5cf6;
}

/* Strategy Configuration */
.test-strategy-config {
  background: rgba(15, 23, 42, 0.3);
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 0.375rem;
  padding: 0.75rem;
  margin-top: 0.5rem;
}

.test-strategy-param {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}

.test-strategy-param:last-child {
  margin-bottom: 0;
}

.test-strategy-param label {
  font-size: 0.75rem;
  color: #94a3b8;
  margin: 0;
}

.test-strategy-param input {
  background: rgba(15, 23, 42, 0.6);
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 0.25rem;
  padding: 0.25rem 0.5rem;
  color: white;
  font-size: 0.75rem;
  width: 80px;
  text-align: right;
}

.test-strategy-param input:focus {
  outline: none;
  border-color: rgba(139, 92, 246, 0.5);
}

/* Strategy Summary */
.test-strategy-summary {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 0.375rem;
  padding: 0.5rem;
  margin-top: 0.5rem;
  font-size: 0.75rem;
  color: #cbd5e1;
}

/* Mining Page Styles */
.test-mining-container {
  min-height: 100vh;
  background: linear-gradient(135deg, #0f1419 0%, #1e293b 100%);
  color: white;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.test-loading-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background: linear-gradient(135deg, #0f1419 0%, #1e293b 100%);
  color: white;
}

.test-loading-spinner {
  width: 3rem;
  height: 3rem;
  border: 3px solid rgba(139, 92, 246, 0.2);
  border-top: 3px solid #8b5cf6;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-bottom: 1rem;
}

.test-loading-container h2 {
  margin: 0 0 0.5rem 0;
  font-size: 1.5rem;
  font-weight: 700;
}

.test-loading-container p {
  margin: 0;
  font-size: 1rem;
  color: #94a3b8;
}

.test-hero-section {
  position: relative;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1) 0%, rgba(59, 130, 246, 0.1) 100%);
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
  padding: 3rem 1rem;
  text-align: center;
  overflow: hidden;
}

.test-hero-content {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.test-hero-icon {
  width: 4rem;
  height: 4rem;
  margin: 0 auto 1rem;
  color: #8b5cf6;
}

.test-hero-section h1 {
  font-size: 3rem;
  font-weight: 900;
  margin: 0 0 0.5rem 0;
  background: linear-gradient(135deg, #8b5cf6 0%, #3b82f6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.test-hero-section p {
  font-size: 1.125rem;
  color: #94a3b8;
  margin: 0 0 2rem 0;
}

.test-network-status {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}

.test-network-indicator {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(15, 23, 42, 0.6);
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 2rem;
  padding: 0.5rem 1rem;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

.test-status-dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  animation: pulse 2s infinite;
}

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

.test-floating-elements {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}

.test-floating-chip, .test-floating-bolt, .test-floating-chart {
  position: absolute;
  width: 2rem;
  height: 2rem;
  color: rgba(139, 92, 246, 0.3);
  animation: float 6s ease-in-out infinite;
}

.test-floating-chip {
  top: 20%;
  left: 10%;
  animation-delay: 0s;
}

.test-floating-bolt {
  top: 30%;
  right: 15%;
  animation-delay: 2s;
}

.test-floating-chart {
  bottom: 20%;
  left: 20%;
  animation-delay: 4s;
}

@keyframes float {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-20px); }
}

.test-content-grid {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem 1rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
}

.test-control-panel, .test-network-stats, .test-hashrate-display, .test-performance-metrics, .test-mining-rewards, .test-debug-panel {
  background: rgba(15, 23, 42, 0.6);
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 1rem;
  padding: 1.5rem;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
}

.test-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}

.test-card-header h2 {
  font-size: 1.25rem;
  font-weight: 700;
  color: white;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.test-header-icon {
  width: 1.5rem;
  height: 1.5rem;
}

.test-mining-status {
  margin-bottom: 1.5rem;
}

.test-status-indicator {
  margin-bottom: 1rem;
}

.test-status-badge {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
}

.test-status-badge.test-active {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid #10b981;
  color: #10b981;
}

.test-status-badge.test-inactive {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid #ef4444;
  color: #ef4444;
}

.test-status-badge svg {
  width: 1rem;
  height: 1rem;
}

.test-wallet-info {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
}

.test-wallet-label {
  color: #94a3b8;
}

.test-wallet-address {
  color: white;
  font-weight: 600;
  font-family: 'Roboto Mono', monospace;
}

.test-wallet-warning {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #f59e0b;
  font-size: 0.875rem;
}

.test-wallet-warning svg {
  width: 1rem;
  height: 1rem;
}

.test-worker-config {
  margin-bottom: 1.5rem;
}

.test-worker-config label {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  color: #cbd5e1;
  margin-bottom: 0.75rem;
}

.test-slider-container {
  margin-bottom: 0.5rem;
}

.test-worker-slider {
  width: 100%;
  height: 0.25rem;
  background: rgba(148, 163, 184, 0.2);
  border-radius: 0.125rem;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.test-worker-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 1rem;
  height: 1rem;
  background: #8b5cf6;
  border-radius: 50%;
  cursor: pointer;
}

.test-worker-slider::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background: #8b5cf6;
  border-radius: 50%;
  cursor: pointer;
  border: none;
}

.test-slider-labels {
  display: flex;
  justify-content: space-between;
  font-size: 0.75rem;
  color: #64748b;
}

.test-config-note {
  font-size: 0.75rem;
  color: #64748b;
  margin: 0;
}

.test-mining-button {
  width: 100%;
  padding: 1rem;
  border-radius: 0.75rem;
  font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border: 1px solid;
}

.test-mining-button svg {
  width: 1.25rem;
  height: 1.25rem;
}

.test-start-button {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  border-color: #10b981;
  color: white;
}

.test-start-button:hover {
  background: linear-gradient(135deg, #059669 0%, #047857 100%);
  transform: translateY(-1px);
  box-shadow: 0 5px 15px rgba(16, 185, 129, 0.3);
}

.test-stop-button {
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
  border-color: #ef4444;
  color: white;
}

.test-stop-button:hover {
  background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
  transform: translateY(-1px);
  box-shadow: 0 5px 15px rgba(239, 68, 68, 0.3);
}

.test-mining-button:disabled {
  background: rgba(148, 163, 184, 0.2);
  border-color: rgba(148, 163, 184, 0.2);
  color: #64748b;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

.test-spinner {
  width: 1rem;
  height: 1rem;
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-top: 2px solid white;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

.test-stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}

.test-stat-card {
  background: rgba(15, 23, 42, 0.4);
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 0.5rem;
  padding: 1rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.test-stat-icon {
  width: 2rem;
  height: 2rem;
  color: #8b5cf6;
}

.test-stat-content {
  flex: 1;
}

.test-stat-label {
  display: block;
  font-size: 0.75rem;
  color: #94a3b8;
  margin-bottom: 0.25rem;
}

.test-stat-value {
  font-size: 1.125rem;
  font-weight: 700;
  color: white;
}

.test-data-source {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  font-weight: 500;
}

.test-hashrate-display {
  grid-column: 1 / -1;
}

.test-hashrate-value {
  text-align: center;
  margin-bottom: 1rem;
}

.test-hashrate-number {
  font-size: 3rem;
  font-weight: 900;
  color: #8b5cf6;
  display: block;
}

.test-hashrate-graph {
  display: flex;
  align-items: end;
  justify-content: center;
  gap: 2px;
  height: 60px;
  margin-top: 1rem;
}

.test-hashrate-bar {
  width: 4px;
  background: linear-gradient(to top, #8b5cf6, #3b82f6);
  border-radius: 2px;
  min-height: 5px;
  transition: height 0.3s ease;
}

.test-metrics-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}

.test-metric-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0;
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
}

.test-metric-item:last-child {
  border-bottom: none;
}

.test-metric-label {
  font-size: 0.875rem;
  color: #94a3b8;
}

.test-metric-value {
  font-size: 0.875rem;
  font-weight: 600;
  color: white;
}

.test-rewards-content {
  text-align: center;
}

.test-rewards-amount {
  margin-bottom: 1rem;
}

.test-rewards-value {
  font-size: 2.5rem;
  font-weight: 900;
  color: #10b981;
  display: block;
}

.test-rewards-currency {
  font-size: 1.125rem;
  color: #94a3b8;
  margin-left: 0.5rem;
}

.test-rewards-info {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.test-reward-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.875rem;
}

.test-reward-item span:first-child {
  color: #94a3b8;
}

.test-reward-item span:last-child {
  color: white;
  font-weight: 600;
}

.test-debug-panel {
  grid-column: 1 / -1;
}

.test-close-debug {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid #ef4444;
  border-radius: 0.25rem;
  padding: 0.25rem 0.5rem;
  color: #ef4444;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.2s ease;
}

.test-close-debug:hover {
  background: rgba(239, 68, 68, 0.3);
}

.test-debug-content {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1rem;
}

.test-debug-section h4 {
  font-size: 0.875rem;
  font-weight: 600;
  color: #cbd5e1;
  margin: 0 0 0.5rem 0;
}

.test-debug-section p {
  font-size: 0.875rem;
  color: #94a3b8;
  margin: 0;
  font-family: 'Roboto Mono', monospace;
}

.test-debug-logs {
  max-height: 200px;
  overflow-y: auto;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  padding: 0.5rem;
}

.test-log-entry {
  font-size: 0.75rem;
  font-family: 'Roboto Mono', monospace;
  color: #94a3b8;
  margin-bottom: 0.25rem;
  word-break: break-all;
}

.test-debug-toggle {
  position: fixed;
  bottom: 1rem;
  left: 1rem;
  width: 3rem;
  height: 3rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.5);
  border-radius: 50%;
  color: #8b5cf6;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 50;
}

.test-debug-toggle:hover {
  background: rgba(139, 92, 246, 0.3);
  transform: scale(1.1);
}

.test-debug-toggle svg {
  width: 1.25rem;
  height: 1.25rem;
}

.test-floating-actions {
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  z-index: 50;
}

.test-fab {
  width: 3.5rem;
  height: 3.5rem;
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
  border: 1px solid #8b5cf6;
  border-radius: 50%;
  color: white;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 15px rgba(139, 92, 246, 0.4);
}

.test-fab:hover {
  background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);
  transform: scale(1.1);
  box-shadow: 0 6px 20px rgba(139, 92, 246, 0.6);
}

.test-fab svg {
  width: 1.5rem;
  height: 1.5rem;
}._container_1fwm9_1 {
  min-height: 100vh;
  background: linear-gradient(135deg, #0f0f0f 0%, #1a1a1a 100%);
  color: #ffffff;
  padding: 0;
}

._loading_1fwm9_8 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 60vh;
}
._loading_1fwm9_8 ._loadingIcon_1fwm9_15 {
  width: 3rem;
  height: 3rem;
  color: #00ff88;
  animation: _pulse_1fwm9_1 2s infinite;
  margin-bottom: 1rem;
}
._loading_1fwm9_8 p {
  color: #888;
  font-size: 1.1rem;
}

@keyframes _pulse_1fwm9_1 {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
._header_1fwm9_35 {
  background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);
  border-bottom: 1px solid #333;
  padding: 2rem;
}
._header_1fwm9_35 ._headerContent_1fwm9_40 {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 2rem;
}
._header_1fwm9_35 ._headerTitle_1fwm9_49 {
  display: flex;
  align-items: center;
  gap: 1rem;
}
._header_1fwm9_35 ._headerTitle_1fwm9_49 ._headerIcon_1fwm9_54 {
  width: 3rem;
  height: 3rem;
  color: #00ff88;
}
._header_1fwm9_35 ._headerTitle_1fwm9_49 h1 {
  margin: 0;
  font-size: 3rem;
  font-weight: 900;
  background: linear-gradient(135deg, #10b981 0%, #059669 50%, #fbbf24 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: -0.025em;
}
._header_1fwm9_35 ._headerTitle_1fwm9_49 p {
  margin: 0.5rem 0 1rem 0;
  color: #cbd5e1;
  font-size: 1.125rem;
  font-weight: 500;
}
._header_1fwm9_35 ._headerTitle_1fwm9_49 ._revolutionaryBadges_1fwm9_75 {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin-top: 1rem;
}
._header_1fwm9_35 ._headerTitle_1fwm9_49 ._revolutionaryBadges_1fwm9_75 ._badge_1fwm9_81 {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2) 0%, rgba(5, 150, 105, 0.1) 100%);
  border: 1px solid rgba(16, 185, 129, 0.3);
  padding: 0.5rem 1rem;
  border-radius: 9999px;
  font-size: 0.875rem;
  font-weight: 600;
  color: #10b981;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  animation: _pulse_1fwm9_1 3s ease-in-out infinite;
}
._header_1fwm9_35 ._headerTitle_1fwm9_49 ._revolutionaryBadges_1fwm9_75 ._badge_1fwm9_81:nth-child(2) {
  animation-delay: 0.5s;
}
._header_1fwm9_35 ._headerTitle_1fwm9_49 ._revolutionaryBadges_1fwm9_75 ._badge_1fwm9_81:nth-child(3) {
  animation-delay: 1s;
}
._header_1fwm9_35 ._headerTitle_1fwm9_49 ._revolutionaryBadges_1fwm9_75 ._badge_1fwm9_81:nth-child(4) {
  animation-delay: 1.5s;
}
._header_1fwm9_35 ._networkStats_1fwm9_101 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 1rem;
}
._header_1fwm9_35 ._networkStats_1fwm9_101 ._statCard_1fwm9_106 {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 1rem;
  padding: 1rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
._header_1fwm9_35 ._networkStats_1fwm9_101 ._statCard_1fwm9_106 ._statIcon_1fwm9_116 {
  width: 2rem;
  height: 2rem;
  color: #00ff88;
  flex-shrink: 0;
}
._header_1fwm9_35 ._networkStats_1fwm9_101 ._statCard_1fwm9_106 ._statValue_1fwm9_122 {
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
  color: #ffffff;
  line-height: 1;
}
._header_1fwm9_35 ._networkStats_1fwm9_101 ._statCard_1fwm9_106 ._statLabel_1fwm9_129 {
  display: block;
  font-size: 0.75rem;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-top: 0.25rem;
}

._searchAndFilters_1fwm9_138 {
  background: #1a1a1a;
  border-bottom: 1px solid #333;
  padding: 1.5rem 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
._searchAndFilters_1fwm9_138 ._searchContainer_1fwm9_148 {
  flex: 1;
  max-width: 600px;
}
._searchAndFilters_1fwm9_138 ._searchContainer_1fwm9_148 ._searchInput_1fwm9_152 {
  width: 100%;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.75rem;
  padding: 0.75rem 1rem;
  color: #ffffff;
  font-size: 1rem;
  transition: all 0.2s;
}
._searchAndFilters_1fwm9_138 ._searchContainer_1fwm9_148 ._searchInput_1fwm9_152:focus {
  outline: none;
  border-color: #00ff88;
  box-shadow: 0 0 0 3px rgba(0, 255, 136, 0.1);
}
._searchAndFilters_1fwm9_138 ._searchContainer_1fwm9_148 ._searchInput_1fwm9_152::-moz-placeholder {
  color: #64748b;
}
._searchAndFilters_1fwm9_138 ._searchContainer_1fwm9_148 ._searchInput_1fwm9_152::placeholder {
  color: #64748b;
}
._searchAndFilters_1fwm9_138 ._filterContainer_1fwm9_170 ._sortSelect_1fwm9_170 {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.75rem;
  padding: 0.75rem 1rem;
  color: #ffffff;
  font-size: 0.875rem;
  min-width: 150px;
}
._searchAndFilters_1fwm9_138 ._filterContainer_1fwm9_170 ._sortSelect_1fwm9_170:focus {
  outline: none;
  border-color: #00ff88;
}
._searchAndFilters_1fwm9_138 ._filterContainer_1fwm9_170 ._sortSelect_1fwm9_170 option {
  background: #1a1a1a;
  color: #ffffff;
}

._tabNavigation_1fwm9_188 {
  background: #1a1a1a;
  border-bottom: 1px solid #333;
  padding: 0 2rem;
  display: flex;
  gap: 0.5rem;
  overflow-x: auto;
}
._tabNavigation_1fwm9_188 ._tabButton_1fwm9_196 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 1.5rem;
  background: transparent;
  border: none;
  color: #94a3b8;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  border-bottom: 2px solid transparent;
  white-space: nowrap;
}
._tabNavigation_1fwm9_188 ._tabButton_1fwm9_196 svg {
  width: 1.25rem;
  height: 1.25rem;
}
._tabNavigation_1fwm9_188 ._tabButton_1fwm9_196 ._tabCount_1fwm9_215 {
  background: rgba(255, 255, 255, 0.1);
  padding: 0.25rem 0.5rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  margin-left: 0.5rem;
}
._tabNavigation_1fwm9_188 ._tabButton_1fwm9_196:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.05);
}
._tabNavigation_1fwm9_188 ._tabButton_1fwm9_196._active_1fwm9_226 {
  color: #00ff88;
  border-bottom-color: #00ff88;
}
._tabNavigation_1fwm9_188 ._tabButton_1fwm9_196._active_1fwm9_226 ._tabCount_1fwm9_215 {
  background: rgba(0, 255, 136, 0.2);
  color: #00ff88;
}

._content_1fwm9_235 {
  max-width: 1400px;
  margin: 0 auto;
  padding: 2rem;
}

._featuresPanel_1fwm9_241 {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.1) 0%, rgba(5, 150, 105, 0.05) 100%);
  border: 1px solid rgba(16, 185, 129, 0.2);
  border-radius: 1.5rem;
  padding: 2rem;
  margin-bottom: 2rem;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
._featuresPanel_1fwm9_241 ._featuresHeader_1fwm9_249 {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
._featuresPanel_1fwm9_241 ._featuresHeader_1fwm9_249 ._featuresIcon_1fwm9_255 {
  width: 2rem;
  height: 2rem;
  color: #00ff88;
}
._featuresPanel_1fwm9_241 ._featuresHeader_1fwm9_249 h3 {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  color: #ffffff;
  flex: 1;
}
._featuresPanel_1fwm9_241 ._featuresHeader_1fwm9_249 ._realTimeBadge_1fwm9_267 {
  background: linear-gradient(135deg, #00ff88 0%, #10b981 100%);
  color: #000000;
  padding: 0.5rem 1rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  animation: _pulse_1fwm9_1 2s ease-in-out infinite;
}
._featuresPanel_1fwm9_241 ._featuresGrid_1fwm9_278 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}
._featuresPanel_1fwm9_241 ._featuresGrid_1fwm9_278 ._featureCard_1fwm9_283 {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 1rem;
  padding: 1.5rem;
  text-align: center;
}
._featuresPanel_1fwm9_241 ._featuresGrid_1fwm9_278 ._featureCard_1fwm9_283 ._featureLabel_1fwm9_290 {
  font-size: 0.75rem;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
}
._featuresPanel_1fwm9_241 ._featuresGrid_1fwm9_278 ._featureCard_1fwm9_283 ._featureValue_1fwm9_297 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #00ff88;
  margin-bottom: 0.25rem;
  display: block;
}
._featuresPanel_1fwm9_241 ._featuresGrid_1fwm9_278 ._featureCard_1fwm9_283 ._featureDetail_1fwm9_304 {
  font-size: 0.875rem;
  color: #cbd5e1;
}

._pluginsGrid_1fwm9_309 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  gap: 1.5rem;
}

._pluginCard_1fwm9_315 {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 1.5rem;
  padding: 1.5rem;
  cursor: pointer;
  transition: all 0.3s ease;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
._pluginCard_1fwm9_315:hover {
  transform: translateY(-4px);
  border-color: rgba(0, 255, 136, 0.3);
  box-shadow: 0 20px 40px rgba(0, 255, 136, 0.1);
}
._pluginCard_1fwm9_315._featured_1fwm9_329 {
  border-color: #fbbf24;
  box-shadow: 0 10px 30px rgba(251, 191, 36, 0.1);
}
._pluginCard_1fwm9_315._featured_1fwm9_329::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  background: linear-gradient(135deg, #fbbf24, #f59e0b, #d97706);
  border-radius: 1.5rem;
  z-index: -1;
  opacity: 0.5;
}
._pluginCard_1fwm9_315._selected_1fwm9_345 {
  border-color: #00ff88;
  box-shadow: 0 20px 40px rgba(0, 255, 136, 0.2);
}
._pluginCard_1fwm9_315 ._pluginHeader_1fwm9_349 {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1rem;
}
._pluginCard_1fwm9_315 ._pluginHeader_1fwm9_349 ._pluginIcon_1fwm9_355 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}
._pluginCard_1fwm9_315 ._pluginHeader_1fwm9_349 ._pluginIcon_1fwm9_355 ._emoji_1fwm9_361 {
  font-size: 2rem;
}
._pluginCard_1fwm9_315 ._pluginHeader_1fwm9_349 ._pluginIcon_1fwm9_355 svg {
  width: 1.5rem;
  height: 1.5rem;
  color: #00ff88;
}
._pluginCard_1fwm9_315 ._pluginHeader_1fwm9_349 ._pluginTitle_1fwm9_369 {
  flex: 1;
}
._pluginCard_1fwm9_315 ._pluginHeader_1fwm9_349 ._pluginTitle_1fwm9_369 h3 {
  margin: 0 0 0.5rem 0;
  font-size: 1.25rem;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.2;
}
._pluginCard_1fwm9_315 ._pluginHeader_1fwm9_349 ._pluginTitle_1fwm9_369 ._pluginBadges_1fwm9_379 {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
._pluginCard_1fwm9_315 ._pluginHeader_1fwm9_349 ._pluginTitle_1fwm9_369 ._pluginBadges_1fwm9_379 ._pluginStatus_1fwm9_384 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: capitalize;
}
._pluginCard_1fwm9_315 ._pluginHeader_1fwm9_349 ._pluginTitle_1fwm9_369 ._pluginBadges_1fwm9_379 ._pluginStatus_1fwm9_384 ._statusDot_1fwm9_392 {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: currentColor;
}
._pluginCard_1fwm9_315 ._pluginHeader_1fwm9_349 ._pluginTitle_1fwm9_369 ._pluginBadges_1fwm9_379 ._featuredBadge_1fwm9_398 {
  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
  color: #000000;
  padding: 0.25rem 0.5rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
}
._pluginCard_1fwm9_315 ._pluginHeader_1fwm9_349 ._pluginTitle_1fwm9_369 ._pluginBadges_1fwm9_379 ._demoBadge_1fwm9_406 {
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
  color: #ffffff;
  padding: 0.25rem 0.5rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
}
._pluginCard_1fwm9_315 ._pluginHeader_1fwm9_349 ._pluginPrice_1fwm9_414 {
  text-align: right;
}
._pluginCard_1fwm9_315 ._pluginHeader_1fwm9_349 ._pluginPrice_1fwm9_414 ._free_1fwm9_417 {
  color: #00ff88;
  font-weight: 700;
  font-size: 1rem;
}
._pluginCard_1fwm9_315 ._pluginHeader_1fwm9_349 ._pluginPrice_1fwm9_414 ._price_1fwm9_422 {
  color: #fbbf24;
  font-weight: 700;
  font-size: 1rem;
}
._pluginCard_1fwm9_315 ._pluginDescription_1fwm9_427 {
  color: #cbd5e1;
  font-size: 0.875rem;
  line-height: 1.5;
  margin-bottom: 1rem;
}
._pluginCard_1fwm9_315 ._pluginMetrics_1fwm9_433 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
  gap: 1rem;
  margin-bottom: 1rem;
}
._pluginCard_1fwm9_315 ._pluginMetrics_1fwm9_433 ._metric_1fwm9_439 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
}
._pluginCard_1fwm9_315 ._pluginMetrics_1fwm9_433 ._metric_1fwm9_439 ._metricIcon_1fwm9_445 {
  font-size: 1rem;
}
._pluginCard_1fwm9_315 ._pluginMetrics_1fwm9_433 ._metric_1fwm9_439 ._metricValue_1fwm9_448 {
  color: #ffffff;
  font-weight: 600;
}
._pluginCard_1fwm9_315 ._pluginTags_1fwm9_452 {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
._pluginCard_1fwm9_315 ._pluginTags_1fwm9_452 ._tag_1fwm9_458 {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  color: #94a3b8;
}
._pluginCard_1fwm9_315 ._pluginDetails_1fwm9_466 {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 1.5rem;
  margin-top: 1.5rem;
}
._pluginCard_1fwm9_315 ._pluginDetails_1fwm9_466 ._developerSection_1fwm9_471, ._pluginCard_1fwm9_315 ._pluginDetails_1fwm9_466 ._performanceSection_1fwm9_471, ._pluginCard_1fwm9_315 ._pluginDetails_1fwm9_466 ._requirementsSection_1fwm9_471 {
  margin-bottom: 1.5rem;
}
._pluginCard_1fwm9_315 ._pluginDetails_1fwm9_466 ._developerSection_1fwm9_471 h4, ._pluginCard_1fwm9_315 ._pluginDetails_1fwm9_466 ._performanceSection_1fwm9_471 h4, ._pluginCard_1fwm9_315 ._pluginDetails_1fwm9_466 ._requirementsSection_1fwm9_471 h4 {
  margin: 0 0 1rem 0;
  font-size: 1rem;
  font-weight: 600;
  color: #ffffff;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._pluginCard_1fwm9_315 ._pluginDetails_1fwm9_466 ._developerInfo_1fwm9_483 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._pluginCard_1fwm9_315 ._pluginDetails_1fwm9_466 ._developerInfo_1fwm9_483 ._developerName_1fwm9_488 {
  color: #00ff88;
  font-weight: 600;
}
._pluginCard_1fwm9_315 ._pluginDetails_1fwm9_466 ._developerInfo_1fwm9_483 ._pluginVersion_1fwm9_492 {
  color: #94a3b8;
  font-family: monospace;
  font-size: 0.875rem;
}
._pluginCard_1fwm9_315 ._pluginDetails_1fwm9_466 ._performanceMetrics_1fwm9_497, ._pluginCard_1fwm9_315 ._pluginDetails_1fwm9_466 ._requirements_1fwm9_471 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 1rem;
}
._pluginCard_1fwm9_315 ._pluginDetails_1fwm9_466 ._performanceMetrics_1fwm9_497 ._performanceMetric_1fwm9_497, ._pluginCard_1fwm9_315 ._pluginDetails_1fwm9_466 ._performanceMetrics_1fwm9_497 ._requirement_1fwm9_471, ._pluginCard_1fwm9_315 ._pluginDetails_1fwm9_466 ._requirements_1fwm9_471 ._performanceMetric_1fwm9_497, ._pluginCard_1fwm9_315 ._pluginDetails_1fwm9_466 ._requirements_1fwm9_471 ._requirement_1fwm9_471 {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 0.75rem;
  padding: 1rem;
  text-align: center;
}
._pluginCard_1fwm9_315 ._pluginDetails_1fwm9_466 ._performanceMetrics_1fwm9_497 ._performanceMetric_1fwm9_497 ._perfLabel_1fwm9_508, ._pluginCard_1fwm9_315 ._pluginDetails_1fwm9_466 ._performanceMetrics_1fwm9_497 ._performanceMetric_1fwm9_497 ._reqLabel_1fwm9_508, ._pluginCard_1fwm9_315 ._pluginDetails_1fwm9_466 ._performanceMetrics_1fwm9_497 ._requirement_1fwm9_471 ._perfLabel_1fwm9_508, ._pluginCard_1fwm9_315 ._pluginDetails_1fwm9_466 ._performanceMetrics_1fwm9_497 ._requirement_1fwm9_471 ._reqLabel_1fwm9_508, ._pluginCard_1fwm9_315 ._pluginDetails_1fwm9_466 ._requirements_1fwm9_471 ._performanceMetric_1fwm9_497 ._perfLabel_1fwm9_508, ._pluginCard_1fwm9_315 ._pluginDetails_1fwm9_466 ._requirements_1fwm9_471 ._performanceMetric_1fwm9_497 ._reqLabel_1fwm9_508, ._pluginCard_1fwm9_315 ._pluginDetails_1fwm9_466 ._requirements_1fwm9_471 ._requirement_1fwm9_471 ._perfLabel_1fwm9_508, ._pluginCard_1fwm9_315 ._pluginDetails_1fwm9_466 ._requirements_1fwm9_471 ._requirement_1fwm9_471 ._reqLabel_1fwm9_508 {
  display: block;
  font-size: 0.75rem;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
}
._pluginCard_1fwm9_315 ._pluginDetails_1fwm9_466 ._performanceMetrics_1fwm9_497 ._performanceMetric_1fwm9_497 ._perfValue_1fwm9_516, ._pluginCard_1fwm9_315 ._pluginDetails_1fwm9_466 ._performanceMetrics_1fwm9_497 ._performanceMetric_1fwm9_497 ._reqValue_1fwm9_516, ._pluginCard_1fwm9_315 ._pluginDetails_1fwm9_466 ._performanceMetrics_1fwm9_497 ._requirement_1fwm9_471 ._perfValue_1fwm9_516, ._pluginCard_1fwm9_315 ._pluginDetails_1fwm9_466 ._performanceMetrics_1fwm9_497 ._requirement_1fwm9_471 ._reqValue_1fwm9_516, ._pluginCard_1fwm9_315 ._pluginDetails_1fwm9_466 ._requirements_1fwm9_471 ._performanceMetric_1fwm9_497 ._perfValue_1fwm9_516, ._pluginCard_1fwm9_315 ._pluginDetails_1fwm9_466 ._requirements_1fwm9_471 ._performanceMetric_1fwm9_497 ._reqValue_1fwm9_516, ._pluginCard_1fwm9_315 ._pluginDetails_1fwm9_466 ._requirements_1fwm9_471 ._requirement_1fwm9_471 ._perfValue_1fwm9_516, ._pluginCard_1fwm9_315 ._pluginDetails_1fwm9_466 ._requirements_1fwm9_471 ._requirement_1fwm9_471 ._reqValue_1fwm9_516 {
  display: block;
  font-size: 1rem;
  font-weight: 600;
  color: #ffffff;
}
._pluginCard_1fwm9_315 ._pluginDetails_1fwm9_466 ._actionButtons_1fwm9_522 {
  display: flex;
  gap: 1rem;
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
}
._pluginCard_1fwm9_315 ._pluginDetails_1fwm9_466 ._actionButtons_1fwm9_522 button {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  border-radius: 0.75rem;
  font-weight: 600;
  font-size: 0.875rem;
  cursor: pointer;
  transition: all 0.2s;
  border: none;
}
._pluginCard_1fwm9_315 ._pluginDetails_1fwm9_466 ._actionButtons_1fwm9_522 button svg {
  width: 1rem;
  height: 1rem;
}
._pluginCard_1fwm9_315 ._pluginDetails_1fwm9_466 ._actionButtons_1fwm9_522 ._installButton_1fwm9_544 {
  background: linear-gradient(135deg, #00ff88 0%, #10b981 100%);
  color: #000000;
}
._pluginCard_1fwm9_315 ._pluginDetails_1fwm9_466 ._actionButtons_1fwm9_522 ._installButton_1fwm9_544:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(0, 255, 136, 0.3);
}
._pluginCard_1fwm9_315 ._pluginDetails_1fwm9_466 ._actionButtons_1fwm9_522 ._demoButton_1fwm9_552 {
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
  color: #ffffff;
}
._pluginCard_1fwm9_315 ._pluginDetails_1fwm9_466 ._actionButtons_1fwm9_522 ._demoButton_1fwm9_552:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(139, 92, 246, 0.3);
}
._pluginCard_1fwm9_315 ._pluginDetails_1fwm9_466 ._actionButtons_1fwm9_522 ._detailsButton_1fwm9_560 {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
._pluginCard_1fwm9_315 ._pluginDetails_1fwm9_466 ._actionButtons_1fwm9_522 ._detailsButton_1fwm9_560:hover {
  background: rgba(255, 255, 255, 0.2);
}
._pluginCard_1fwm9_315 ._pluginDetails_1fwm9_466 ._revolutionaryFeatures_1fwm9_568 h4 {
  margin: 0 0 1rem 0;
  font-size: 1rem;
  font-weight: 600;
  color: #ffffff;
}
._pluginCard_1fwm9_315 ._pluginDetails_1fwm9_466 ._revolutionaryFeatures_1fwm9_568 ._featureGrid_1fwm9_574 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 0.75rem;
}
._pluginCard_1fwm9_315 ._pluginDetails_1fwm9_466 ._revolutionaryFeatures_1fwm9_568 ._featureGrid_1fwm9_574 ._feature_1fwm9_241 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 0.5rem;
  padding: 0.75rem;
  font-size: 0.875rem;
  color: #cbd5e1;
}
._pluginCard_1fwm9_315 ._pluginDetails_1fwm9_466 ._revolutionaryFeatures_1fwm9_568 ._featureGrid_1fwm9_574 ._feature_1fwm9_241 ._featureIcon_1fwm9_589 {
  width: 1rem;
  height: 1rem;
  color: #00ff88;
  flex-shrink: 0;
}

._developmentCTA_1fwm9_596 {
  background: linear-gradient(135deg, rgba(251, 191, 36, 0.1) 0%, rgba(245, 158, 11, 0.05) 100%);
  border: 1px solid rgba(251, 191, 36, 0.2);
  border-radius: 1.5rem;
  padding: 2rem;
  margin-top: 3rem;
  text-align: center;
}
._developmentCTA_1fwm9_596 ._ctaContent_1fwm9_604 {
  max-width: 800px;
  margin: 0 auto;
}
._developmentCTA_1fwm9_596 ._ctaContent_1fwm9_604 ._ctaHeader_1fwm9_608 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 2rem;
}
._developmentCTA_1fwm9_596 ._ctaContent_1fwm9_604 ._ctaHeader_1fwm9_608 ._ctaIcon_1fwm9_615 {
  width: 3rem;
  height: 3rem;
  color: #fbbf24;
}
._developmentCTA_1fwm9_596 ._ctaContent_1fwm9_604 ._ctaHeader_1fwm9_608 h3 {
  margin: 0;
  font-size: 2rem;
  font-weight: 700;
  color: #ffffff;
}
._developmentCTA_1fwm9_596 ._ctaContent_1fwm9_604 ._ctaHeader_1fwm9_608 p {
  margin: 0.5rem 0 0 0;
  color: #cbd5e1;
  font-size: 1.125rem;
}
._developmentCTA_1fwm9_596 ._ctaContent_1fwm9_604 ._ctaBenefits_1fwm9_631 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.5rem;
  margin-bottom: 2rem;
}
._developmentCTA_1fwm9_596 ._ctaContent_1fwm9_604 ._ctaBenefits_1fwm9_631 ._benefit_1fwm9_637 {
  display: flex;
  align-items: center;
  gap: 1rem;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 1rem;
  padding: 1.5rem;
}
._developmentCTA_1fwm9_596 ._ctaContent_1fwm9_604 ._ctaBenefits_1fwm9_631 ._benefit_1fwm9_637 ._benefitIcon_1fwm9_645 {
  width: 2rem;
  height: 2rem;
  color: #fbbf24;
  flex-shrink: 0;
}
._developmentCTA_1fwm9_596 ._ctaContent_1fwm9_604 ._ctaBenefits_1fwm9_631 ._benefit_1fwm9_637 span {
  color: #ffffff;
  font-weight: 600;
}
._developmentCTA_1fwm9_596 ._ctaContent_1fwm9_604 ._developButton_1fwm9_655 {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
  color: #000000;
  padding: 1rem 2rem;
  border-radius: 1rem;
  font-weight: 700;
  font-size: 1.125rem;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}
._developmentCTA_1fwm9_596 ._ctaContent_1fwm9_604 ._developButton_1fwm9_655 svg {
  width: 1.5rem;
  height: 1.5rem;
}
._developmentCTA_1fwm9_596 ._ctaContent_1fwm9_604 ._developButton_1fwm9_655:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 40px rgba(251, 191, 36, 0.3);
}

._emptyState_1fwm9_678 {
  grid-column: 1/-1;
  text-align: center;
  padding: 4rem 2rem;
}
._emptyState_1fwm9_678 ._emptyStateContent_1fwm9_683 {
  max-width: 400px;
  margin: 0 auto;
}
._emptyState_1fwm9_678 ._emptyStateContent_1fwm9_683 ._emptyIcon_1fwm9_687 {
  width: 4rem;
  height: 4rem;
  color: #64748b;
  margin-bottom: 1.5rem;
  opacity: 0.5;
}
._emptyState_1fwm9_678 ._emptyStateContent_1fwm9_683 h3 {
  margin: 0 0 1rem 0;
  font-size: 1.5rem;
  font-weight: 600;
  color: #cbd5e1;
}
._emptyState_1fwm9_678 ._emptyStateContent_1fwm9_683 p {
  margin: 0;
  color: #64748b;
  font-size: 1rem;
  line-height: 1.5;
}

@media (max-width: 768px) {
  ._header_1fwm9_35 ._headerContent_1fwm9_40 {
    flex-direction: column;
    text-align: center;
    gap: 1.5rem;
  }
  ._header_1fwm9_35 ._headerTitle_1fwm9_49 h1 {
    font-size: 2rem;
  }
  ._header_1fwm9_35 ._networkStats_1fwm9_101 {
    grid-template-columns: repeat(2, 1fr);
  }
  ._searchAndFilters_1fwm9_138 {
    flex-direction: column;
    align-items: stretch;
  }
  ._tabNavigation_1fwm9_188 {
    padding: 0 1rem;
  }
  ._content_1fwm9_235 {
    padding: 1rem;
  }
  ._pluginsGrid_1fwm9_309 {
    grid-template-columns: 1fr;
  }
  ._pluginCard_1fwm9_315 ._actionButtons_1fwm9_522 {
    flex-direction: column;
  }
  ._developmentCTA_1fwm9_596 ._ctaBenefits_1fwm9_631 {
    grid-template-columns: 1fr;
  }
}
._container_v3txz_2 {
  min-height: 100vh;
  background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);
  color: #ffffff;
}

._header_v3txz_8 {
  background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);
  border-bottom: 1px solid #333;
  padding: 2rem;
}
._header_v3txz_8 ._headerContent_v3txz_13 {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 2rem;
}
._header_v3txz_8 ._headerTitle_v3txz_22 {
  display: flex;
  align-items: center;
  gap: 1rem;
}
._header_v3txz_8 ._headerTitle_v3txz_22 ._headerIcon_v3txz_27 {
  width: 3rem;
  height: 3rem;
  color: #00ff88;
}
._header_v3txz_8 ._headerTitle_v3txz_22 h1 {
  margin: 0;
  font-size: 2.5rem;
  font-weight: 700;
  background: linear-gradient(45deg, #00ff88, #00ccff);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
._header_v3txz_8 ._headerTitle_v3txz_22 p {
  margin: 0;
  color: #888;
  font-size: 1.1rem;
  max-width: 400px;
}
._header_v3txz_8 ._searchBar_v3txz_47 {
  position: relative;
}
._header_v3txz_8 ._searchBar_v3txz_47 input {
  width: 300px;
  padding: 0.75rem 1rem;
  border: 1px solid #444;
  border-radius: 8px;
  background: #2a2a2a;
  color: #fff;
  font-size: 1rem;
  transition: border-color 0.3s ease;
}
._header_v3txz_8 ._searchBar_v3txz_47 input:focus {
  outline: none;
  border-color: #00ff88;
  box-shadow: 0 0 0 2px rgba(0, 255, 136, 0.2);
}
._header_v3txz_8 ._searchBar_v3txz_47 input::-moz-placeholder {
  color: #666;
}
._header_v3txz_8 ._searchBar_v3txz_47 input::placeholder {
  color: #666;
}

._layout_v3txz_69 {
  max-width: 1400px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 300px 1fr;
  min-height: calc(100vh - 120px);
}

._sidebar_v3txz_77 {
  background: #1a1a1a;
  border-right: 1px solid #333;
  padding: 2rem 0;
}
._sidebar_v3txz_77 ._navigation_v3txz_82 {
  padding: 0 1rem;
}
._sidebar_v3txz_77 ._navigation_v3txz_82 ._navItem_v3txz_85 {
  width: 100%;
  background: none;
  border: none;
  padding: 1rem;
  margin-bottom: 0.5rem;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  text-align: left;
  transition: all 0.3s ease;
}
._sidebar_v3txz_77 ._navigation_v3txz_82 ._navItem_v3txz_85:hover {
  background: rgba(0, 255, 136, 0.1);
}
._sidebar_v3txz_77 ._navigation_v3txz_82 ._navItem_v3txz_85._active_v3txz_102 {
  background: rgba(0, 255, 136, 0.2);
  border-left: 3px solid #00ff88;
}
._sidebar_v3txz_77 ._navigation_v3txz_82 ._navItem_v3txz_85 ._navIcon_v3txz_106 {
  color: #00ff88;
  flex-shrink: 0;
  margin-top: 0.1rem;
}
._sidebar_v3txz_77 ._navigation_v3txz_82 ._navItem_v3txz_85 ._navIcon_v3txz_106 svg {
  width: 1.25rem;
  height: 1.25rem;
}
._sidebar_v3txz_77 ._navigation_v3txz_82 ._navItem_v3txz_85 ._navContent_v3txz_115 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
._sidebar_v3txz_77 ._navigation_v3txz_82 ._navItem_v3txz_85 ._navContent_v3txz_115 ._navTitle_v3txz_120 {
  color: #fff;
  font-weight: 600;
  font-size: 0.95rem;
}
._sidebar_v3txz_77 ._navigation_v3txz_82 ._navItem_v3txz_85 ._navContent_v3txz_115 ._navDescription_v3txz_125 {
  color: #888;
  font-size: 0.8rem;
  line-height: 1.3;
}

._content_v3txz_131 {
  background: #0f0f0f;
  overflow-y: auto;
}

._documentation_v3txz_136 ._docHeader_v3txz_136 {
  background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);
  border-bottom: 1px solid #333;
  padding: 2rem;
}
._documentation_v3txz_136 ._docHeader_v3txz_136 ._docTitleSection_v3txz_141 {
  display: flex;
  align-items: center;
  gap: 1rem;
}
._documentation_v3txz_136 ._docHeader_v3txz_136 ._docTitleSection_v3txz_141 ._docIcon_v3txz_146 {
  color: #00ff88;
}
._documentation_v3txz_136 ._docHeader_v3txz_136 ._docTitleSection_v3txz_141 ._docIcon_v3txz_146 svg {
  width: 2.5rem;
  height: 2.5rem;
}
._documentation_v3txz_136 ._docHeader_v3txz_136 ._docTitleSection_v3txz_141 h2 {
  margin: 0;
  font-size: 2rem;
  color: #fff;
}
._documentation_v3txz_136 ._docHeader_v3txz_136 ._docTitleSection_v3txz_141 p {
  margin: 0;
  color: #888;
  font-size: 1.1rem;
}
._documentation_v3txz_136 ._docContent_v3txz_163 {
  padding: 2rem;
  line-height: 1.6;
  max-width: 100%;
}
._documentation_v3txz_136 ._docContent_v3txz_163 ._h1_v3txz_168 {
  color: #fff;
  font-size: 2.5rem;
  font-weight: 700;
  margin: 2rem 0 1rem 0;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #333;
}
._documentation_v3txz_136 ._docContent_v3txz_163 ._h1_v3txz_168:first-child {
  margin-top: 0;
}
._documentation_v3txz_136 ._docContent_v3txz_163 ._h2_v3txz_179 {
  color: #fff;
  font-size: 1.8rem;
  font-weight: 600;
  margin: 2rem 0 1rem 0;
}
._documentation_v3txz_136 ._docContent_v3txz_163 ._h2_v3txz_179:first-child {
  margin-top: 0;
}
._documentation_v3txz_136 ._docContent_v3txz_163 ._h3_v3txz_188 {
  color: #00ff88;
  font-size: 1.3rem;
  font-weight: 600;
  margin: 1.5rem 0 0.75rem 0;
}
._documentation_v3txz_136 ._docContent_v3txz_163 ._paragraph_v3txz_194 {
  color: #ccc;
  margin: 1rem 0;
  line-height: 1.7;
}
._documentation_v3txz_136 ._docContent_v3txz_163 ._li_v3txz_199 {
  color: #ccc;
  margin: 0.5rem 0;
  padding-left: 1rem;
  position: relative;
}
._documentation_v3txz_136 ._docContent_v3txz_163 ._li_v3txz_199::before {
  content: "•";
  color: #00ff88;
  position: absolute;
  left: 0;
  font-weight: bold;
}
._documentation_v3txz_136 ._docContent_v3txz_163 ._codeBlock_v3txz_212 {
  background: #1a1a1a;
  border: 1px solid #333;
  border-radius: 8px;
  padding: 1rem;
  margin: 1rem 0;
  overflow-x: auto;
}
._documentation_v3txz_136 ._docContent_v3txz_163 ._codeBlock_v3txz_212 ._code_v3txz_212 {
  color: #fff;
  font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
  font-size: 0.9rem;
  line-height: 1.5;
}
._documentation_v3txz_136 ._docContent_v3txz_163 ._tableRow_v3txz_226 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 1rem;
  padding: 0.75rem 0;
  border-bottom: 1px solid #333;
}
._documentation_v3txz_136 ._docContent_v3txz_163 ._tableRow_v3txz_226:first-of-type {
  background: rgba(0, 255, 136, 0.1);
  font-weight: 600;
  color: #00ff88;
  border-radius: 8px 8px 0 0;
  padding: 1rem;
}
._documentation_v3txz_136 ._docContent_v3txz_163 ._tableRow_v3txz_226 ._tableCell_v3txz_240 {
  padding: 0.5rem;
  color: #ccc;
}
._documentation_v3txz_136 ._docFooter_v3txz_244 {
  background: #1a1a1a;
  border-top: 1px solid #333;
  padding: 2rem;
}
._documentation_v3txz_136 ._docFooter_v3txz_244 ._footerActions_v3txz_249 {
  display: flex;
  gap: 1rem;
  margin-bottom: 2rem;
}
._documentation_v3txz_136 ._docFooter_v3txz_244 ._footerActions_v3txz_249 ._feedbackButton_v3txz_254, ._documentation_v3txz_136 ._docFooter_v3txz_244 ._footerActions_v3txz_249 ._shareButton_v3txz_254 {
  background: rgba(0, 255, 136, 0.1);
  border: 1px solid rgba(0, 255, 136, 0.3);
  border-radius: 8px;
  padding: 0.75rem 1rem;
  color: #00ff88;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  transition: all 0.3s ease;
}
._documentation_v3txz_136 ._docFooter_v3txz_244 ._footerActions_v3txz_249 ._feedbackButton_v3txz_254 svg, ._documentation_v3txz_136 ._docFooter_v3txz_244 ._footerActions_v3txz_249 ._shareButton_v3txz_254 svg {
  width: 1rem;
  height: 1rem;
}
._documentation_v3txz_136 ._docFooter_v3txz_244 ._footerActions_v3txz_249 ._feedbackButton_v3txz_254:hover, ._documentation_v3txz_136 ._docFooter_v3txz_244 ._footerActions_v3txz_249 ._shareButton_v3txz_254:hover {
  background: rgba(0, 255, 136, 0.2);
  transform: translateY(-1px);
}
._documentation_v3txz_136 ._docFooter_v3txz_244 ._footerInfo_v3txz_274 {
  color: #888;
  font-size: 0.9rem;
}
._documentation_v3txz_136 ._docFooter_v3txz_244 ._footerInfo_v3txz_274 p {
  margin: 0.5rem 0;
}
._documentation_v3txz_136 ._docFooter_v3txz_244 ._footerInfo_v3txz_274 a {
  color: #00ff88;
  text-decoration: none;
}
._documentation_v3txz_136 ._docFooter_v3txz_244 ._footerInfo_v3txz_274 a:hover {
  text-decoration: underline;
}

@media (max-width: 1024px) {
  ._layout_v3txz_69 {
    grid-template-columns: 250px 1fr;
  }
  ._sidebar_v3txz_77 ._navigation_v3txz_82 ._navItem_v3txz_85 {
    padding: 0.75rem;
  }
  ._sidebar_v3txz_77 ._navigation_v3txz_82 ._navItem_v3txz_85 ._navContent_v3txz_115 ._navTitle_v3txz_120 {
    font-size: 0.9rem;
  }
  ._sidebar_v3txz_77 ._navigation_v3txz_82 ._navItem_v3txz_85 ._navContent_v3txz_115 ._navDescription_v3txz_125 {
    font-size: 0.75rem;
  }
}
@media (max-width: 768px) {
  ._header_v3txz_8 ._headerContent_v3txz_13 {
    flex-direction: column;
    text-align: center;
  }
  ._header_v3txz_8 ._searchBar_v3txz_47 input {
    width: 100%;
    max-width: 300px;
  }
  ._layout_v3txz_69 {
    grid-template-columns: 1fr;
  }
  ._sidebar_v3txz_77 {
    display: none;
  }
  ._content_v3txz_131 ._docContent_v3txz_163 {
    padding: 1rem;
  }
  ._content_v3txz_131 ._docContent_v3txz_163 ._h1_v3txz_168 {
    font-size: 2rem;
  }
  ._content_v3txz_131 ._docContent_v3txz_163 ._h2_v3txz_179 {
    font-size: 1.5rem;
  }
  ._content_v3txz_131 ._docContent_v3txz_163 ._h3_v3txz_188 {
    font-size: 1.2rem;
  }
  ._content_v3txz_131 ._docFooter_v3txz_244 {
    padding: 1rem;
  }
  ._content_v3txz_131 ._docFooter_v3txz_244 ._footerActions_v3txz_249 {
    flex-direction: column;
  }
}._overlay_1btx3_1 {
  position: fixed;
  inset: 0;
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.9) 0%, rgba(15, 15, 15, 0.95) 50%, rgba(0, 0, 0, 0.9) 100%);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: _fadeIn_1btx3_1 0.3s ease-out;
}

._modal_1btx3_13 {
  background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 16px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(59, 130, 246, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  width: 100%;
  max-width: 1000px;
  height: 90vh;
  max-height: 800px;
  margin: 2rem;
  display: flex;
  flex-direction: column;
  color: #ffffff;
  position: relative;
  overflow: hidden;
}
._modal_1btx3_13::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(45deg, transparent 0%, rgba(59, 130, 246, 0.03) 25%, transparent 50%, rgba(147, 51, 234, 0.03) 75%, transparent 100%);
  pointer-events: none;
}

._header_1btx3_40 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 2rem;
  border-bottom: 1px solid rgba(59, 130, 246, 0.2);
  background: linear-gradient(135deg, #0f0f0f 0%, #1a1a1a 100%);
  position: relative;
}
._header_1btx3_40::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(59, 130, 246, 0.5) 50%, transparent 100%);
}

._headerLeft_1btx3_59 {
  display: flex;
  align-items: center;
  gap: 2rem;
}

._titleSection_1btx3_65 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

._titleIcon_1btx3_71 {
  width: 1.5rem;
  height: 1.5rem;
  color: #3b82f6;
  filter: drop-shadow(0 0 8px rgba(59, 130, 246, 0.6));
}

._title_1btx3_65 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #ffffff;
  text-shadow: 0 0 10px rgba(59, 130, 246, 0.3);
}

._subtitle_1btx3_85 {
  font-size: 0.75rem;
  color: #94a3b8;
  font-weight: 500;
  letter-spacing: 0.5px;
}

._statusBadges_1btx3_92 {
  display: flex;
  gap: 0.75rem;
}

._badge_1btx3_97 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 600;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}
._badge_1btx3_97._encrypted_1btx3_107 {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2) 0%, rgba(16, 185, 129, 0.1) 100%);
  border: 1px solid rgba(16, 185, 129, 0.3);
  color: #10b981;
}
._badge_1btx3_97._crypto_1btx3_112 {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.2) 0%, rgba(245, 158, 11, 0.1) 100%);
  border: 1px solid rgba(245, 158, 11, 0.3);
  color: #f59e0b;
}
._badge_1btx3_97._quantum_1btx3_117 {
  background: linear-gradient(135deg, rgba(147, 51, 234, 0.2) 0%, rgba(147, 51, 234, 0.1) 100%);
  border: 1px solid rgba(147, 51, 234, 0.3);
  color: #9333ea;
}

._badgeIcon_1btx3_123 {
  width: 0.875rem;
  height: 0.875rem;
}

._closeButton_1btx3_128 {
  padding: 0.75rem;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #94a3b8;
  transition: all 0.3s ease;
}
._closeButton_1btx3_128:hover {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
  color: #ef4444;
  transform: scale(1.05);
}

._closeIcon_1btx3_143 {
  width: 1.25rem;
  height: 1.25rem;
}

._form_1btx3_148 {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
}

._recipientsSection_1btx3_155 {
  padding: 1.5rem 2rem;
  border-bottom: 1px solid rgba(59, 130, 246, 0.2);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: rgba(15, 15, 15, 0.5);
}

._fieldRow_1btx3_164 {
  display: flex;
  align-items: center;
  gap: 1rem;
}

._fieldLabel_1btx3_170 {
  font-size: 0.875rem;
  font-weight: 600;
  color: #e2e8f0;
  width: 4rem;
  text-align: right;
}

._inputGroup_1btx3_178 {
  flex: 1;
  position: relative;
}

._input_1btx3_178 {
  width: 100%;
  padding: 0.875rem 1rem;
  background: rgba(15, 15, 15, 0.8);
  border: 1px solid rgba(59, 130, 246, 0.2);
  border-radius: 12px;
  color: #ffffff;
  font-size: 0.875rem;
  transition: all 0.3s ease;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}
._input_1btx3_178::-moz-placeholder {
  color: #64748b;
}
._input_1btx3_178::placeholder {
  color: #64748b;
}
._input_1btx3_178:focus {
  outline: none;
  border-color: rgba(59, 130, 246, 0.5);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

._glowEffect_1btx3_203 {
  position: absolute;
  inset: 0;
  border-radius: 12px;
  opacity: 0;
  background: linear-gradient(45deg, rgba(59, 130, 246, 0.1), rgba(147, 51, 234, 0.1));
  pointer-events: none;
  transition: opacity 0.3s ease;
}
._input_1btx3_178:focus + ._glowEffect_1btx3_203 {
  opacity: 1;
}

._fieldActions_1btx3_216 {
  display: flex;
  gap: 0.5rem;
  margin-left: 1rem;
}

._actionButton_1btx3_222 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem 0.75rem;
  border-radius: 8px;
  font-size: 0.75rem;
  font-weight: 600;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.2);
  color: #3b82f6;
  transition: all 0.3s ease;
}
._actionButton_1btx3_222:hover {
  background: rgba(59, 130, 246, 0.2);
  border-color: rgba(59, 130, 246, 0.4);
  transform: translateY(-1px);
}
._actionButton_1btx3_222._crypto_1btx3_112 {
  color: #f59e0b;
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.2);
}
._actionButton_1btx3_222._crypto_1btx3_112._active_1btx3_245 {
  background: rgba(245, 158, 11, 0.2);
  border-color: rgba(245, 158, 11, 0.4);
  box-shadow: 0 0 20px rgba(245, 158, 11, 0.2);
}
._actionButton_1btx3_222._crypto_1btx3_112:hover {
  background: rgba(245, 158, 11, 0.2);
  border-color: rgba(245, 158, 11, 0.4);
}

._actionIcon_1btx3_255 {
  width: 0.875rem;
  height: 0.875rem;
}

._cryptoSection_1btx3_260 {
  padding: 1rem;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.1) 0%, rgba(245, 158, 11, 0.05) 100%);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 12px;
  margin-top: 0.5rem;
  position: relative;
  overflow: hidden;
}
._cryptoSection_1btx3_260::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(45deg, transparent 0%, rgba(245, 158, 11, 0.05) 50%, transparent 100%);
  animation: _shimmer_1btx3_1 3s ease-in-out infinite;
}

._cryptoHeader_1btx3_280 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

._cryptoIcon_1btx3_287 {
  width: 1.25rem;
  height: 1.25rem;
  color: #f59e0b;
  filter: drop-shadow(0 0 8px rgba(245, 158, 11, 0.6));
}

._cryptoTitle_1btx3_294 {
  font-size: 0.875rem;
  font-weight: 700;
  color: #f59e0b;
  text-shadow: 0 0 10px rgba(245, 158, 11, 0.3);
}

._cryptoBadge_1btx3_301 {
  padding: 0.25rem 0.5rem;
  background: rgba(147, 51, 234, 0.2);
  border: 1px solid rgba(147, 51, 234, 0.3);
  border-radius: 20px;
  font-size: 0.625rem;
  font-weight: 700;
  color: #9333ea;
  letter-spacing: 0.5px;
}

._cryptoInputs_1btx3_312 {
  display: flex;
  gap: 0.75rem;
  align-items: center;
}

._amountInput_1btx3_318 {
  flex: 1;
  position: relative;
}

._cryptoAmountField_1btx3_323 {
  width: 100%;
  padding: 0.875rem 1rem;
  background: rgba(15, 15, 15, 0.8);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 12px;
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 600;
  transition: all 0.3s ease;
}
._cryptoAmountField_1btx3_323::-moz-placeholder {
  color: #64748b;
}
._cryptoAmountField_1btx3_323::placeholder {
  color: #64748b;
}
._cryptoAmountField_1btx3_323:focus {
  outline: none;
  border-color: rgba(245, 158, 11, 0.5);
  box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.1);
}

._cryptoGlow_1btx3_343 {
  position: absolute;
  inset: 0;
  border-radius: 12px;
  opacity: 0;
  background: linear-gradient(45deg, rgba(245, 158, 11, 0.1), rgba(245, 158, 11, 0.2));
  pointer-events: none;
  transition: opacity 0.3s ease;
}
._cryptoAmountField_1btx3_323:focus + ._cryptoGlow_1btx3_343 {
  opacity: 1;
}

._cryptoCurrencySelect_1btx3_356 {
  padding: 0.875rem 1rem;
  background: rgba(15, 15, 15, 0.8);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 12px;
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 600;
  transition: all 0.3s ease;
}
._cryptoCurrencySelect_1btx3_356:focus {
  outline: none;
  border-color: rgba(245, 158, 11, 0.5);
  box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.1);
}
._cryptoCurrencySelect_1btx3_356 option {
  background: #1a1a1a;
  color: #ffffff;
}

._cryptoNotice_1btx3_376 {
  font-size: 0.75rem;
  color: #94a3b8;
  margin-top: 0.75rem;
  text-align: center;
  letter-spacing: 0.5px;
}

._templatesSection_1btx3_384 {
  padding: 1rem 2rem;
  border-bottom: 1px solid rgba(59, 130, 246, 0.2);
  background: rgba(15, 15, 15, 0.3);
  display: flex;
  align-items: center;
  gap: 1rem;
}

._templatesHeader_1btx3_393 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._templatesIcon_1btx3_399 {
  width: 1rem;
  height: 1rem;
  color: #64748b;
}

._templatesLabel_1btx3_405 {
  font-size: 0.875rem;
  color: #64748b;
  font-weight: 500;
}

._templatesList_1btx3_411 {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

._templateButton_1btx3_417 {
  position: relative;
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 600;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.2);
  color: #3b82f6;
  transition: all 0.3s ease;
  overflow: hidden;
}
._templateButton_1btx3_417:hover {
  background: rgba(59, 130, 246, 0.2);
  border-color: rgba(59, 130, 246, 0.4);
  transform: translateY(-1px);
}
._templateButton_1btx3_417._active_1btx3_245 {
  background: rgba(59, 130, 246, 0.3);
  border-color: rgba(59, 130, 246, 0.5);
  color: #ffffff;
  box-shadow: 0 0 20px rgba(59, 130, 246, 0.3);
}

._templateGlow_1btx3_441 {
  position: absolute;
  inset: 0;
  border-radius: 20px;
  opacity: 0;
  background: linear-gradient(45deg, rgba(59, 130, 246, 0.2), rgba(147, 51, 234, 0.2));
  transition: opacity 0.3s ease;
}
._templateButton_1btx3_417:hover ._templateGlow_1btx3_441 {
  opacity: 1;
}

._messageSection_1btx3_453 {
  flex: 1;
  padding: 1.5rem 2rem;
  display: flex;
  flex-direction: column;
}

._textareaGroup_1btx3_460 {
  flex: 1;
  position: relative;
  display: flex;
  flex-direction: column;
}

._messageTextarea_1btx3_467 {
  flex: 1;
  padding: 1rem;
  background: rgba(15, 15, 15, 0.8);
  border: 1px solid rgba(59, 130, 246, 0.2);
  border-radius: 12px;
  color: #ffffff;
  font-size: 0.875rem;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  line-height: 1.5;
  resize: none;
  min-height: 200px;
  transition: all 0.3s ease;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}
._messageTextarea_1btx3_467::-moz-placeholder {
  color: #64748b;
}
._messageTextarea_1btx3_467::placeholder {
  color: #64748b;
}
._messageTextarea_1btx3_467:focus {
  outline: none;
  border-color: rgba(59, 130, 246, 0.5);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

._textareaGlow_1btx3_491 {
  position: absolute;
  inset: 0;
  border-radius: 12px;
  opacity: 0;
  background: linear-gradient(45deg, rgba(59, 130, 246, 0.1), rgba(147, 51, 234, 0.1));
  pointer-events: none;
  transition: opacity 0.3s ease;
}
._messageTextarea_1btx3_467:focus + ._textareaGlow_1btx3_491 {
  opacity: 1;
}

._footer_1btx3_504 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 2rem;
  border-top: 1px solid rgba(59, 130, 246, 0.2);
  background: linear-gradient(135deg, #0f0f0f 0%, #1a1a1a 100%);
}

._actionGroup_1btx3_513 {
  display: flex;
  align-items: center;
  gap: 1rem;
}

._sendButton_1btx3_519 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.875rem 2rem;
  background: linear-gradient(135deg, #3b82f6 0%, #9333ea 100%);
  border: 1px solid rgba(59, 130, 246, 0.5);
  border-radius: 12px;
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 700;
  transition: all 0.3s ease;
  overflow: hidden;
}
._sendButton_1btx3_519:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(59, 130, 246, 0.3);
}
._sendButton_1btx3_519:active {
  transform: translateY(0);
}

._sendIcon_1btx3_542 {
  width: 1rem;
  height: 1rem;
}

._sendGlow_1btx3_547 {
  position: absolute;
  inset: 0;
  border-radius: 12px;
  opacity: 0;
  background: linear-gradient(45deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2));
  transition: opacity 0.3s ease;
}
._sendButton_1btx3_519:hover ._sendGlow_1btx3_547 {
  opacity: 1;
}

._toolButtons_1btx3_559 {
  display: flex;
  gap: 0.5rem;
}

._toolButton_1btx3_559 {
  padding: 0.75rem;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #94a3b8;
  transition: all 0.3s ease;
}
._toolButton_1btx3_559:hover {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
  color: #3b82f6;
  transform: translateY(-1px);
}

._toolIcon_1btx3_579 {
  width: 1.25rem;
  height: 1.25rem;
}

._encryptionToggle_1btx3_584 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: 1rem;
}

._checkbox_1btx3_591 {
  width: 1rem;
  height: 1rem;
  background: rgba(15, 15, 15, 0.8);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 4px;
  color: #10b981;
  transition: all 0.3s ease;
}
._checkbox_1btx3_591:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
}
._checkbox_1btx3_591:checked {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  border-color: #10b981;
}

._checkboxLabel_1btx3_609 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
  color: #e2e8f0;
  cursor: pointer;
}

._checkboxIcon_1btx3_618 {
  width: 0.875rem;
  height: 0.875rem;
  color: #10b981;
}

._cancelButton_1btx3_624 {
  padding: 0.75rem 1.5rem;
  border-radius: 10px;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.2);
  color: #ef4444;
  font-size: 0.875rem;
  font-weight: 600;
  transition: all 0.3s ease;
}
._cancelButton_1btx3_624:hover {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.4);
  transform: translateY(-1px);
}

._glow_1btx3_203 {
  filter: drop-shadow(0 0 8px currentColor);
}

._glowBox_1btx3_644 {
  box-shadow: 0 0 20px rgba(59, 130, 246, 0.2);
}

@keyframes _fadeIn_1btx3_1 {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes _shimmer_1btx3_1 {
  0%, 100% {
    transform: translateX(-100%);
  }
  50% {
    transform: translateX(100%);
  }
}
@media (max-width: 768px) {
  ._modal_1btx3_13 {
    margin: 1rem;
    height: 95vh;
    max-height: none;
  }
  ._header_1btx3_40 {
    padding: 1rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
  ._headerLeft_1btx3_59 {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
  ._statusBadges_1btx3_92 {
    flex-wrap: wrap;
  }
  ._recipientsSection_1btx3_155 {
    padding: 1rem;
  }
  ._fieldRow_1btx3_164 {
    flex-direction: column;
    align-items: stretch;
    gap: 0.5rem;
  }
  ._fieldLabel_1btx3_170 {
    text-align: left;
    width: auto;
  }
  ._fieldActions_1btx3_216 {
    margin-left: 0;
    justify-content: flex-start;
  }
  ._templatesSection_1btx3_384 {
    padding: 1rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
  }
  ._messageSection_1btx3_453 {
    padding: 1rem;
  }
  ._footer_1btx3_504 {
    padding: 1rem;
    flex-direction: column;
    gap: 1rem;
  }
  ._actionGroup_1btx3_513 {
    flex-direction: column;
    width: 100%;
    gap: 0.75rem;
  }
  ._sendButton_1btx3_519 {
    width: 100%;
    justify-content: center;
  }
  ._toolButtons_1btx3_559 {
    justify-content: center;
  }
  ._encryptionToggle_1btx3_584 {
    margin-left: 0;
    justify-content: center;
  }
}
._infoSection_1btx3_733 {
  margin-bottom: 1.5rem;
}

._infoBanner_1btx3_737 {
  padding: 1rem;
  border-radius: 12px;
  border: 1px solid rgba(59, 130, 246, 0.3);
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.05) 0%, rgba(147, 51, 234, 0.05) 100%);
  position: relative;
  overflow: hidden;
}
._infoBanner_1btx3_737::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, transparent 0%, rgba(59, 130, 246, 0.1) 50%, transparent 100%);
  animation: _shimmer_1btx3_1 3s ease-in-out infinite;
}
._infoBanner_1btx3_737._external_1btx3_755 {
  border-color: rgba(16, 185, 129, 0.4);
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.08) 0%, rgba(59, 130, 246, 0.05) 100%);
}

._infoContent_1btx3_760 {
  display: flex;
  align-items: center;
  gap: 1rem;
  position: relative;
  z-index: 1;
}

._infoIcon_1btx3_768 {
  font-size: 1.5rem;
  flex-shrink: 0;
}

._infoText_1btx3_773 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
._infoText_1btx3_773 strong {
  color: #ffffff;
  font-weight: 600;
  font-size: 0.95rem;
}
._infoText_1btx3_773 span {
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.85rem;
  line-height: 1.4;
}

@keyframes _shimmer_1btx3_1 {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translateX(100%);
    opacity: 0;
  }
}._container_ntj9d_1 {
  flex: 1;
  display: flex;
  background: linear-gradient(135deg, rgba(15, 15, 15, 0.8) 0%, rgba(26, 26, 26, 0.6) 100%);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

._emailList_ntj9d_8 {
  width: 50%;
  border-right: 1px solid rgba(0, 255, 136, 0.1);
  transition: width 0.3s ease;
}
._emailList_ntj9d_8._expanded_ntj9d_13 {
  width: 33.333%;
}
._emailList_ntj9d_8 ._toolbar_ntj9d_16 {
  background: linear-gradient(135deg, rgba(31, 41, 55, 0.9) 0%, rgba(55, 65, 81, 0.8) 100%);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(0, 255, 136, 0.2);
  padding: 1.5rem;
}
._emailList_ntj9d_8 ._toolbar_ntj9d_16 ._toolbarContent_ntj9d_22 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
._emailList_ntj9d_8 ._toolbar_ntj9d_16 ._toolbarContent_ntj9d_22 ._folderInfo_ntj9d_27 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
._emailList_ntj9d_8 ._toolbar_ntj9d_16 ._toolbarContent_ntj9d_22 ._folderInfo_ntj9d_27 ._folderIcon_ntj9d_32 {
  width: 1.5rem;
  height: 1.5rem;
  color: #00ff88;
  filter: drop-shadow(0 0 5px rgba(0, 255, 136, 0.5));
}
._emailList_ntj9d_8 ._toolbar_ntj9d_16 ._toolbarContent_ntj9d_22 ._folderInfo_ntj9d_27 ._folderTitle_ntj9d_38 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #ffffff;
  margin: 0;
}
._emailList_ntj9d_8 ._toolbar_ntj9d_16 ._toolbarContent_ntj9d_22 ._folderInfo_ntj9d_27 ._emailCount_ntj9d_44 {
  background: linear-gradient(135deg, rgba(0, 255, 136, 0.2) 0%, rgba(59, 130, 246, 0.1) 100%);
  border: 1px solid rgba(0, 255, 136, 0.3);
  color: #00ff88;
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
}
._emailList_ntj9d_8 ._toolbar_ntj9d_16 ._toolbarContent_ntj9d_22 ._actions_ntj9d_53 {
  display: flex;
  gap: 0.5rem;
}
._emailList_ntj9d_8 ._toolbar_ntj9d_16 ._toolbarContent_ntj9d_22 ._actions_ntj9d_53 ._actionButton_ntj9d_57 {
  background: rgba(0, 255, 136, 0.1);
  border: 1px solid rgba(0, 255, 136, 0.2);
  color: #00ff88;
  padding: 0.5rem;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
}
._emailList_ntj9d_8 ._toolbar_ntj9d_16 ._toolbarContent_ntj9d_22 ._actions_ntj9d_53 ._actionButton_ntj9d_57:hover {
  background: rgba(0, 255, 136, 0.2);
  border-color: rgba(0, 255, 136, 0.4);
  transform: translateY(-1px);
}
._emailList_ntj9d_8 ._toolbar_ntj9d_16 ._toolbarContent_ntj9d_22 ._actions_ntj9d_53 ._actionButton_ntj9d_57:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}
._emailList_ntj9d_8 ._toolbar_ntj9d_16 ._toolbarContent_ntj9d_22 ._actions_ntj9d_53 ._actionButton_ntj9d_57 ._icon_ntj9d_76 {
  width: 1rem;
  height: 1rem;
}
._emailList_ntj9d_8 ._emailListContent_ntj9d_80 {
  height: calc(100vh - 280px);
  overflow-y: auto;
}
._emailList_ntj9d_8 ._emailListContent_ntj9d_80::-webkit-scrollbar {
  width: 8px;
}
._emailList_ntj9d_8 ._emailListContent_ntj9d_80::-webkit-scrollbar-track {
  background: rgba(31, 41, 55, 0.5);
}
._emailList_ntj9d_8 ._emailListContent_ntj9d_80::-webkit-scrollbar-thumb {
  background: rgba(0, 255, 136, 0.3);
  border-radius: 4px;
}
._emailList_ntj9d_8 ._emailListContent_ntj9d_80::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 255, 136, 0.5);
}
._emailList_ntj9d_8 ._emailListContent_ntj9d_80 ._emptyState_ntj9d_97 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 400px;
  color: #64748b;
}
._emailList_ntj9d_8 ._emailListContent_ntj9d_80 ._emptyState_ntj9d_97 ._emptyIcon_ntj9d_105 {
  width: 4rem;
  height: 4rem;
  margin-bottom: 1rem;
  opacity: 0.5;
}
._emailList_ntj9d_8 ._emailListContent_ntj9d_80 ._emptyState_ntj9d_97 ._emptyTitle_ntj9d_111 {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
._emailList_ntj9d_8 ._emailListContent_ntj9d_80 ._emptyState_ntj9d_97 ._emptyMessage_ntj9d_116 {
  font-size: 0.875rem;
  opacity: 0.8;
}
._emailList_ntj9d_8 ._emailListContent_ntj9d_80 ._emailItem_ntj9d_120 {
  background: transparent;
  border: none;
  border-bottom: 1px solid rgba(55, 65, 81, 0.3);
  padding: 1rem 1.5rem;
  cursor: pointer;
  transition: all 0.3s ease;
  width: 100%;
  text-align: left;
}
._emailList_ntj9d_8 ._emailListContent_ntj9d_80 ._emailItem_ntj9d_120:hover {
  background: linear-gradient(135deg, rgba(0, 255, 136, 0.05) 0%, rgba(59, 130, 246, 0.03) 100%);
  border-left: 3px solid #00ff88;
  transform: translateX(3px);
}
._emailList_ntj9d_8 ._emailListContent_ntj9d_80 ._emailItem_ntj9d_120._selected_ntj9d_135 {
  background: linear-gradient(135deg, rgba(0, 255, 136, 0.1) 0%, rgba(59, 130, 246, 0.05) 100%);
  border-left: 3px solid #00ff88;
  border-right: 3px solid rgba(59, 130, 246, 0.5);
}
._emailList_ntj9d_8 ._emailListContent_ntj9d_80 ._emailItem_ntj9d_120._unread_ntj9d_140 {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.05) 0%, rgba(0, 255, 136, 0.03) 100%);
}
._emailList_ntj9d_8 ._emailListContent_ntj9d_80 ._emailItem_ntj9d_120._unread_ntj9d_140 ._emailSubject_ntj9d_143 {
  font-weight: 700;
  color: #ffffff;
}
._emailList_ntj9d_8 ._emailListContent_ntj9d_80 ._emailItem_ntj9d_120._unread_ntj9d_140 ._emailFrom_ntj9d_147 {
  font-weight: 600;
  color: #e2e8f0;
}
._emailList_ntj9d_8 ._emailListContent_ntj9d_80 ._emailItem_ntj9d_120 ._emailHeader_ntj9d_151 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
._emailList_ntj9d_8 ._emailListContent_ntj9d_80 ._emailItem_ntj9d_120 ._emailHeader_ntj9d_151 ._emailControls_ntj9d_157 {
  display: flex;
  gap: 0.5rem;
}
._emailList_ntj9d_8 ._emailListContent_ntj9d_80 ._emailItem_ntj9d_120 ._emailHeader_ntj9d_151 ._emailControls_ntj9d_157 ._checkbox_ntj9d_161 {
  width: 1rem;
  height: 1rem;
  border: 1px solid #64748b;
  border-radius: 3px;
  background: transparent;
  cursor: pointer;
}
._emailList_ntj9d_8 ._emailListContent_ntj9d_80 ._emailItem_ntj9d_120 ._emailHeader_ntj9d_151 ._emailControls_ntj9d_157 ._checkbox_ntj9d_161:checked {
  background: #00ff88;
  border-color: #00ff88;
}
._emailList_ntj9d_8 ._emailListContent_ntj9d_80 ._emailItem_ntj9d_120 ._emailHeader_ntj9d_151 ._emailControls_ntj9d_157 ._starButton_ntj9d_173 {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}
._emailList_ntj9d_8 ._emailListContent_ntj9d_80 ._emailItem_ntj9d_120 ._emailHeader_ntj9d_151 ._emailControls_ntj9d_157 ._starButton_ntj9d_173 ._starIcon_ntj9d_179 {
  width: 1rem;
  height: 1rem;
  color: #64748b;
  transition: color 0.3s ease;
}
._emailList_ntj9d_8 ._emailListContent_ntj9d_80 ._emailItem_ntj9d_120 ._emailHeader_ntj9d_151 ._emailControls_ntj9d_157 ._starButton_ntj9d_173 ._starIcon_ntj9d_179._starred_ntj9d_185 {
  color: #fbbf24;
  filter: drop-shadow(0 0 5px rgba(251, 191, 36, 0.5));
}
._emailList_ntj9d_8 ._emailListContent_ntj9d_80 ._emailItem_ntj9d_120 ._emailHeader_ntj9d_151 ._emailControls_ntj9d_157 ._starButton_ntj9d_173:hover ._starIcon_ntj9d_179 {
  color: #fbbf24;
}
._emailList_ntj9d_8 ._emailListContent_ntj9d_80 ._emailItem_ntj9d_120 ._emailHeader_ntj9d_151 ._cryptoIndicator_ntj9d_192 ._cryptoIcon_ntj9d_192 {
  width: 1rem;
  height: 1rem;
  color: #fbbf24;
  filter: drop-shadow(0 0 5px rgba(251, 191, 36, 0.5));
}
._emailList_ntj9d_8 ._emailListContent_ntj9d_80 ._emailItem_ntj9d_120 ._emailHeader_ntj9d_151 ._emailMeta_ntj9d_198 {
  flex: 1;
  min-width: 0;
}
._emailList_ntj9d_8 ._emailListContent_ntj9d_80 ._emailItem_ntj9d_120 ._emailHeader_ntj9d_151 ._emailMeta_ntj9d_198 ._emailTop_ntj9d_202 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.25rem;
}
._emailList_ntj9d_8 ._emailListContent_ntj9d_80 ._emailItem_ntj9d_120 ._emailHeader_ntj9d_151 ._emailMeta_ntj9d_198 ._emailTop_ntj9d_202 ._emailFrom_ntj9d_147 {
  font-size: 0.875rem;
  font-weight: 500;
  color: #cbd5e1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._emailList_ntj9d_8 ._emailListContent_ntj9d_80 ._emailItem_ntj9d_120 ._emailHeader_ntj9d_151 ._emailMeta_ntj9d_198 ._emailTop_ntj9d_202 ._emailTime_ntj9d_216 {
  font-size: 0.75rem;
  color: #64748b;
  font-weight: 500;
  white-space: nowrap;
}
._emailList_ntj9d_8 ._emailListContent_ntj9d_80 ._emailItem_ntj9d_120 ._emailHeader_ntj9d_151 ._emailMeta_ntj9d_198 ._emailSubject_ntj9d_143 {
  font-size: 0.875rem;
  font-weight: 500;
  color: #94a3b8;
  margin-bottom: 0.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._emailList_ntj9d_8 ._emailListContent_ntj9d_80 ._emailItem_ntj9d_120 ._emailHeader_ntj9d_151 ._emailMeta_ntj9d_198 ._emailPreview_ntj9d_231 {
  font-size: 0.75rem;
  color: #64748b;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
._emailList_ntj9d_8 ._emailListContent_ntj9d_80 ._emailItem_ntj9d_120 ._emailHeader_ntj9d_151 ._unreadIndicator_ntj9d_240 {
  width: 0.5rem;
  height: 0.5rem;
  background: #3b82f6;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(59, 130, 246, 0.7);
}
._emailList_ntj9d_8 ._emailListContent_ntj9d_80 ._emailItem_ntj9d_120 ._cryptoPreview_ntj9d_247 {
  margin-top: 0.75rem;
  display: flex;
  gap: 1rem;
  font-size: 0.75rem;
}
._emailList_ntj9d_8 ._emailListContent_ntj9d_80 ._emailItem_ntj9d_120 ._cryptoPreview_ntj9d_247 ._cryptoAmount_ntj9d_253 {
  color: #00ff88;
  font-weight: 700;
  font-family: "Courier New", monospace;
}
._emailList_ntj9d_8 ._emailListContent_ntj9d_80 ._emailItem_ntj9d_120 ._cryptoPreview_ntj9d_247 ._cryptoType_ntj9d_258 {
  color: #3b82f6;
  font-weight: 600;
  text-transform: capitalize;
}
._emailList_ntj9d_8 ._emailListContent_ntj9d_80 ._emailItem_ntj9d_120 ._emailLabels_ntj9d_263 {
  margin-top: 0.5rem;
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
._emailList_ntj9d_8 ._emailListContent_ntj9d_80 ._emailItem_ntj9d_120 ._emailLabels_ntj9d_263 ._label_ntj9d_269 {
  padding: 0.125rem 0.5rem;
  border-radius: 9999px;
  font-size: 0.625rem;
  font-weight: 600;
}
._emailList_ntj9d_8 ._emailListContent_ntj9d_80 ._emailItem_ntj9d_120 ._emailLabels_ntj9d_263 ._label_ntj9d_269._important_ntj9d_275 {
  background: rgba(239, 68, 68, 0.2);
  color: #ef4444;
  border: 1px solid rgba(239, 68, 68, 0.3);
}
._emailList_ntj9d_8 ._emailListContent_ntj9d_80 ._emailItem_ntj9d_120 ._emailLabels_ntj9d_263 ._label_ntj9d_269._work_ntj9d_280 {
  background: rgba(59, 130, 246, 0.2);
  color: #3b82f6;
  border: 1px solid rgba(59, 130, 246, 0.3);
}
._emailList_ntj9d_8 ._emailListContent_ntj9d_80 ._emailItem_ntj9d_120 ._emailLabels_ntj9d_263 ._label_ntj9d_269._crypto_ntj9d_192 {
  background: rgba(251, 191, 36, 0.2);
  color: #fbbf24;
  border: 1px solid rgba(251, 191, 36, 0.3);
}
._emailList_ntj9d_8 ._emailListContent_ntj9d_80 ._emailItem_ntj9d_120 ._emailLabels_ntj9d_263 ._label_ntj9d_269._personal_ntj9d_290 {
  background: rgba(16, 185, 129, 0.2);
  color: #10b981;
  border: 1px solid rgba(16, 185, 129, 0.3);
}

._emailDetail_ntj9d_296 {
  flex: 1;
  display: flex;
  flex-direction: column;
  transition: width 0.3s ease;
}
._emailDetail_ntj9d_296._expanded_ntj9d_13 {
  width: 66.667%;
}
._emailDetail_ntj9d_296 ._emailHeader_ntj9d_151 {
  background: linear-gradient(135deg, rgba(31, 41, 55, 0.9) 0%, rgba(55, 65, 81, 0.8) 100%);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(0, 255, 136, 0.2);
  padding: 2rem;
}
._emailDetail_ntj9d_296 ._emailHeader_ntj9d_151 ._emailMeta_ntj9d_198 {
  margin-bottom: 1.5rem;
}
._emailDetail_ntj9d_296 ._emailHeader_ntj9d_151 ._emailMeta_ntj9d_198 ._emailSubject_ntj9d_143 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 1rem;
  line-height: 1.3;
}
._emailDetail_ntj9d_296 ._emailHeader_ntj9d_151 ._emailMeta_ntj9d_198 ._emailDetails_ntj9d_321 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
._emailDetail_ntj9d_296 ._emailHeader_ntj9d_151 ._emailMeta_ntj9d_198 ._emailDetails_ntj9d_321 ._detail_ntj9d_326 {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
}
._emailDetail_ntj9d_296 ._emailHeader_ntj9d_151 ._emailMeta_ntj9d_198 ._emailDetails_ntj9d_321 ._detail_ntj9d_326 ._label_ntj9d_269 {
  color: #64748b;
  font-weight: 600;
  width: 4rem;
}
._emailDetail_ntj9d_296 ._emailHeader_ntj9d_151 ._emailMeta_ntj9d_198 ._emailDetails_ntj9d_321 ._detail_ntj9d_326 ._value_ntj9d_336 {
  color: #e2e8f0;
  font-weight: 500;
}
._emailDetail_ntj9d_296 ._emailHeader_ntj9d_151 ._emailActions_ntj9d_340 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._emailDetail_ntj9d_296 ._emailHeader_ntj9d_151 ._emailActions_ntj9d_340 ._primaryActions_ntj9d_345 {
  display: flex;
  gap: 0.75rem;
}
._emailDetail_ntj9d_296 ._emailHeader_ntj9d_151 ._emailActions_ntj9d_340 ._primaryActions_ntj9d_345 ._actionButton_ntj9d_57 {
  background: linear-gradient(135deg, rgba(55, 65, 81, 0.8) 0%, rgba(75, 85, 99, 0.6) 100%);
  border: 1px solid rgba(100, 116, 139, 0.4);
  color: #e2e8f0;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._emailDetail_ntj9d_296 ._emailHeader_ntj9d_151 ._emailActions_ntj9d_340 ._primaryActions_ntj9d_345 ._actionButton_ntj9d_57:hover {
  background: linear-gradient(135deg, rgba(75, 85, 99, 0.9) 0%, rgba(100, 116, 139, 0.7) 100%);
  border-color: rgba(0, 255, 136, 0.4);
  color: #00ff88;
  transform: translateY(-1px);
}
._emailDetail_ntj9d_296 ._emailHeader_ntj9d_151 ._emailActions_ntj9d_340 ._primaryActions_ntj9d_345 ._actionButton_ntj9d_57 ._icon_ntj9d_76 {
  width: 1rem;
  height: 1rem;
}
._emailDetail_ntj9d_296 ._emailHeader_ntj9d_151 ._emailActions_ntj9d_340 ._secondaryActions_ntj9d_373 {
  display: flex;
  gap: 0.5rem;
}
._emailDetail_ntj9d_296 ._emailHeader_ntj9d_151 ._emailActions_ntj9d_340 ._secondaryActions_ntj9d_373 ._toggleButton_ntj9d_377 {
  background: transparent;
  border: 1px solid rgba(100, 116, 139, 0.4);
  color: #94a3b8;
  padding: 0.5rem;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
}
._emailDetail_ntj9d_296 ._emailHeader_ntj9d_151 ._emailActions_ntj9d_340 ._secondaryActions_ntj9d_373 ._toggleButton_ntj9d_377:hover {
  border-color: rgba(0, 255, 136, 0.4);
  color: #00ff88;
}
._emailDetail_ntj9d_296 ._emailHeader_ntj9d_151 ._emailActions_ntj9d_340 ._secondaryActions_ntj9d_373 ._toggleButton_ntj9d_377._active_ntj9d_390 {
  background: rgba(0, 255, 136, 0.1);
  border-color: rgba(0, 255, 136, 0.4);
  color: #00ff88;
}
._emailDetail_ntj9d_296 ._emailHeader_ntj9d_151 ._emailActions_ntj9d_340 ._secondaryActions_ntj9d_373 ._toggleButton_ntj9d_377 ._icon_ntj9d_76 {
  width: 1rem;
  height: 1rem;
}
._emailDetail_ntj9d_296 ._emailBody_ntj9d_399 {
  flex: 1;
  padding: 2rem;
  overflow-y: auto;
  background: linear-gradient(135deg, rgba(15, 15, 15, 0.6) 0%, rgba(26, 26, 26, 0.4) 100%);
}
._emailDetail_ntj9d_296 ._emailBody_ntj9d_399::-webkit-scrollbar {
  width: 8px;
}
._emailDetail_ntj9d_296 ._emailBody_ntj9d_399::-webkit-scrollbar-track {
  background: rgba(31, 41, 55, 0.5);
}
._emailDetail_ntj9d_296 ._emailBody_ntj9d_399::-webkit-scrollbar-thumb {
  background: rgba(0, 255, 136, 0.3);
  border-radius: 4px;
}
._emailDetail_ntj9d_296 ._emailBody_ntj9d_399::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 255, 136, 0.5);
}
._emailDetail_ntj9d_296 ._emailBody_ntj9d_399 ._emailContent_ntj9d_418 {
  color: #e2e8f0;
  line-height: 1.6;
}
._emailDetail_ntj9d_296 ._emailBody_ntj9d_399 ._emailContent_ntj9d_418 p {
  margin-bottom: 1rem;
}
._emailDetail_ntj9d_296 ._emailBody_ntj9d_399 ._emailContent_ntj9d_418 p:last-child {
  margin-bottom: 0;
}
._emailDetail_ntj9d_296 ._emailBody_ntj9d_399 ._emailContent_ntj9d_418 a {
  color: #3b82f6;
  text-decoration: underline;
}
._emailDetail_ntj9d_296 ._emailBody_ntj9d_399 ._emailContent_ntj9d_418 a:hover {
  color: #60a5fa;
}
._emailDetail_ntj9d_296 ._emailBody_ntj9d_399 ._emailContent_ntj9d_418 pre {
  background: rgba(31, 41, 55, 0.8);
  border: 1px solid rgba(75, 85, 99, 0.4);
  border-radius: 8px;
  padding: 1rem;
  overflow-x: auto;
  font-family: "Courier New", monospace;
  font-size: 0.875rem;
  color: #e2e8f0;
}
._emailDetail_ntj9d_296 ._emailBody_ntj9d_399 ._cryptoMetadata_ntj9d_445 {
  margin-top: 2rem;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(0, 255, 136, 0.1) 0%, rgba(59, 130, 246, 0.05) 100%);
  border: 1px solid rgba(0, 255, 136, 0.3);
  border-radius: 12px;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
._emailDetail_ntj9d_296 ._emailBody_ntj9d_399 ._cryptoMetadata_ntj9d_445 ._cryptoHeader_ntj9d_453 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
._emailDetail_ntj9d_296 ._emailBody_ntj9d_399 ._cryptoMetadata_ntj9d_445 ._cryptoHeader_ntj9d_453 ._cryptoIcon_ntj9d_192 {
  width: 1.5rem;
  height: 1.5rem;
  color: #fbbf24;
  filter: drop-shadow(0 0 8px rgba(251, 191, 36, 0.5));
}
._emailDetail_ntj9d_296 ._emailBody_ntj9d_399 ._cryptoMetadata_ntj9d_445 ._cryptoHeader_ntj9d_453 ._cryptoTitle_ntj9d_465 {
  font-size: 1rem;
  font-weight: 700;
  color: #ffffff;
}
._emailDetail_ntj9d_296 ._emailBody_ntj9d_399 ._cryptoMetadata_ntj9d_445 ._cryptoGrid_ntj9d_470 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}
._emailDetail_ntj9d_296 ._emailBody_ntj9d_399 ._cryptoMetadata_ntj9d_445 ._cryptoGrid_ntj9d_470 ._cryptoField_ntj9d_475 ._fieldLabel_ntj9d_475 {
  font-size: 0.75rem;
  color: #64748b;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
._emailDetail_ntj9d_296 ._emailBody_ntj9d_399 ._cryptoMetadata_ntj9d_445 ._cryptoGrid_ntj9d_470 ._cryptoField_ntj9d_475 ._fieldValue_ntj9d_481 {
  font-size: 0.875rem;
  font-weight: 600;
}
._emailDetail_ntj9d_296 ._emailBody_ntj9d_399 ._cryptoMetadata_ntj9d_445 ._cryptoGrid_ntj9d_470 ._cryptoField_ntj9d_475 ._fieldValue_ntj9d_481._amount_ntj9d_485 {
  color: #00ff88;
  font-family: "Courier New", monospace;
  font-size: 1rem;
}
._emailDetail_ntj9d_296 ._emailBody_ntj9d_399 ._cryptoMetadata_ntj9d_445 ._cryptoGrid_ntj9d_470 ._cryptoField_ntj9d_475 ._fieldValue_ntj9d_481._type_ntj9d_490 {
  color: #3b82f6;
  text-transform: capitalize;
}
._emailDetail_ntj9d_296 ._emailBody_ntj9d_399 ._cryptoMetadata_ntj9d_445 ._cryptoGrid_ntj9d_470 ._cryptoField_ntj9d_475 ._fieldValue_ntj9d_481._hash_ntj9d_494 {
  color: #94a3b8;
  font-family: "Courier New", monospace;
  font-size: 0.75rem;
  word-break: break-all;
}
._emailDetail_ntj9d_296 ._emailBody_ntj9d_399 ._attachments_ntj9d_500 {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid rgba(75, 85, 99, 0.4);
}
._emailDetail_ntj9d_296 ._emailBody_ntj9d_399 ._attachments_ntj9d_500 ._attachmentTitle_ntj9d_505 {
  font-size: 1rem;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 1rem;
}
._emailDetail_ntj9d_296 ._emailBody_ntj9d_399 ._attachments_ntj9d_500 ._attachmentList_ntj9d_511 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
._emailDetail_ntj9d_296 ._emailBody_ntj9d_399 ._attachments_ntj9d_500 ._attachmentList_ntj9d_511 ._attachment_ntj9d_500 {
  background: rgba(31, 41, 55, 0.8);
  border: 1px solid rgba(75, 85, 99, 0.4);
  border-radius: 8px;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
._emailDetail_ntj9d_296 ._emailBody_ntj9d_399 ._attachments_ntj9d_500 ._attachmentList_ntj9d_511 ._attachment_ntj9d_500 ._attachmentInfo_ntj9d_525 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
._emailDetail_ntj9d_296 ._emailBody_ntj9d_399 ._attachments_ntj9d_500 ._attachmentList_ntj9d_511 ._attachment_ntj9d_500 ._attachmentInfo_ntj9d_525 ._attachmentIcon_ntj9d_530 {
  width: 1.25rem;
  height: 1.25rem;
  color: #64748b;
}
._emailDetail_ntj9d_296 ._emailBody_ntj9d_399 ._attachments_ntj9d_500 ._attachmentList_ntj9d_511 ._attachment_ntj9d_500 ._attachmentInfo_ntj9d_525 ._attachmentName_ntj9d_535 {
  font-size: 0.875rem;
  color: #e2e8f0;
  font-weight: 500;
}
._emailDetail_ntj9d_296 ._emailBody_ntj9d_399 ._attachments_ntj9d_500 ._attachmentList_ntj9d_511 ._attachment_ntj9d_500 ._downloadButton_ntj9d_540 {
  background: rgba(0, 255, 136, 0.1);
  border: 1px solid rgba(0, 255, 136, 0.3);
  color: #00ff88;
  padding: 0.375rem 0.75rem;
  border-radius: 6px;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
._emailDetail_ntj9d_296 ._emailBody_ntj9d_399 ._attachments_ntj9d_500 ._attachmentList_ntj9d_511 ._attachment_ntj9d_500 ._downloadButton_ntj9d_540:hover {
  background: rgba(0, 255, 136, 0.2);
  border-color: rgba(0, 255, 136, 0.5);
}
._emailDetail_ntj9d_296 ._emailBody_ntj9d_399 ._attachments_ntj9d_500 ._attachmentList_ntj9d_511 ._attachment_ntj9d_500 ._downloadButton_ntj9d_540 ._icon_ntj9d_76 {
  width: 0.875rem;
  height: 0.875rem;
}
._emailDetail_ntj9d_296 ._emptyState_ntj9d_97 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #64748b;
}
._emailDetail_ntj9d_296 ._emptyState_ntj9d_97 ._emptyIcon_ntj9d_105 {
  width: 5rem;
  height: 5rem;
  margin-bottom: 1.5rem;
  opacity: 0.5;
}
._emailDetail_ntj9d_296 ._emptyState_ntj9d_97 ._emptyTitle_ntj9d_111 {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
._emailDetail_ntj9d_296 ._emptyState_ntj9d_97 ._emptyMessage_ntj9d_116 {
  font-size: 0.875rem;
  opacity: 0.8;
  text-align: center;
  max-width: 300px;
}._container_3lcdp_1 {
  min-height: 100vh;
  background: linear-gradient(135deg, #0f0f0f 0%, #1a1a1a 100%);
  color: #ffffff;
  display: flex;
  flex-direction: column;
}
._container_3lcdp_1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 20% 20%, rgba(0, 255, 136, 0.1) 0%, transparent 50%), radial-gradient(circle at 80% 80%, rgba(59, 130, 246, 0.1) 0%, transparent 50%), radial-gradient(circle at 40% 60%, rgba(167, 139, 250, 0.05) 0%, transparent 50%);
  pointer-events: none;
  z-index: 0;
}

._header_3lcdp_20 {
  background: linear-gradient(135deg, rgba(26, 26, 26, 0.95) 0%, rgba(42, 42, 42, 0.9) 100%);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(0, 255, 136, 0.2);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
  padding: 1.5rem 2rem;
  position: relative;
  z-index: 10;
}
._header_3lcdp_20 ._headerContent_3lcdp_29 {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._header_3lcdp_20 ._headerContent_3lcdp_29 ._titleSection_3lcdp_36 {
  display: flex;
  align-items: center;
  gap: 1rem;
}
._header_3lcdp_20 ._headerContent_3lcdp_29 ._titleSection_3lcdp_36 ._mailIcon_3lcdp_41 {
  width: 2.5rem;
  height: 2.5rem;
  color: #00ff88;
  filter: drop-shadow(0 0 10px rgba(0, 255, 136, 0.5));
}
._header_3lcdp_20 ._headerContent_3lcdp_29 ._titleSection_3lcdp_36 ._title_3lcdp_36 {
  font-size: 2rem;
  font-weight: 900;
  background: linear-gradient(135deg, #00ff88 0%, #10b981 50%, #3b82f6 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: -0.025em;
  margin: 0;
}
._header_3lcdp_20 ._headerContent_3lcdp_29 ._titleSection_3lcdp_36 ._subtitle_3lcdp_57 {
  color: #cbd5e1;
  font-size: 0.875rem;
  font-weight: 500;
  margin: 0;
  margin-left: 1rem;
  opacity: 0.8;
}
._header_3lcdp_20 ._headerContent_3lcdp_29 ._statusIndicators_3lcdp_65 {
  display: flex;
  gap: 1.5rem;
  align-items: center;
}
._header_3lcdp_20 ._headerContent_3lcdp_29 ._statusIndicators_3lcdp_65 ._indicator_3lcdp_70 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
}
._header_3lcdp_20 ._headerContent_3lcdp_29 ._statusIndicators_3lcdp_65 ._indicator_3lcdp_70 ._icon_3lcdp_77 {
  width: 1rem;
  height: 1rem;
}
._header_3lcdp_20 ._headerContent_3lcdp_29 ._statusIndicators_3lcdp_65 ._indicator_3lcdp_70._connected_3lcdp_81 {
  color: #00ff88;
}
._header_3lcdp_20 ._headerContent_3lcdp_29 ._statusIndicators_3lcdp_65 ._indicator_3lcdp_70._connected_3lcdp_81 ._icon_3lcdp_77 {
  filter: drop-shadow(0 0 5px rgba(0, 255, 136, 0.7));
}
._header_3lcdp_20 ._headerContent_3lcdp_29 ._statusIndicators_3lcdp_65 ._indicator_3lcdp_70._encrypted_3lcdp_87 {
  color: #3b82f6;
}
._header_3lcdp_20 ._headerContent_3lcdp_29 ._statusIndicators_3lcdp_65 ._indicator_3lcdp_70._encrypted_3lcdp_87 ._icon_3lcdp_77 {
  filter: drop-shadow(0 0 5px rgba(59, 130, 246, 0.7));
}
._header_3lcdp_20 ._headerContent_3lcdp_29 ._statusIndicators_3lcdp_65 ._indicator_3lcdp_70._peers_3lcdp_93 {
  color: #a78bfa;
}
._header_3lcdp_20 ._headerContent_3lcdp_29 ._statusIndicators_3lcdp_65 ._indicator_3lcdp_70._peers_3lcdp_93 ._icon_3lcdp_77 {
  filter: drop-shadow(0 0 5px rgba(167, 139, 250, 0.7));
}
._header_3lcdp_20 ._statsBar_3lcdp_99 {
  margin-top: 1rem;
  display: flex;
  gap: 2rem;
  font-size: 0.875rem;
}
._header_3lcdp_20 ._statsBar_3lcdp_99 ._stat_3lcdp_65 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #94a3b8;
}
._header_3lcdp_20 ._statsBar_3lcdp_99 ._stat_3lcdp_65 ._label_3lcdp_111 {
  color: #64748b;
}
._header_3lcdp_20 ._statsBar_3lcdp_99 ._stat_3lcdp_65 ._value_3lcdp_114 {
  font-weight: 600;
}
._header_3lcdp_20 ._statsBar_3lcdp_99 ._stat_3lcdp_65 ._value_3lcdp_114._highlight_3lcdp_117 {
  color: #00ff88;
}
._header_3lcdp_20 ._statsBar_3lcdp_99 ._stat_3lcdp_65 ._value_3lcdp_114._crypto_3lcdp_120 {
  color: #fbbf24;
}
._header_3lcdp_20 ._statsBar_3lcdp_99 ._stat_3lcdp_65 ._value_3lcdp_114._storage_3lcdp_123 {
  color: #a78bfa;
}

._mainContent_3lcdp_127 {
  flex: 1;
  display: flex;
  height: calc(100vh - 180px);
  position: relative;
  z-index: 5;
}

._sidebar_3lcdp_135 {
  width: 280px;
  background: linear-gradient(135deg, rgba(26, 26, 26, 0.95) 0%, rgba(31, 41, 55, 0.9) 100%);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border-right: 1px solid rgba(0, 255, 136, 0.1);
  display: flex;
  flex-direction: column;
}
._sidebar_3lcdp_135 ._composeSection_3lcdp_143 {
  padding: 1.5rem;
}
._sidebar_3lcdp_135 ._composeSection_3lcdp_143 ._composeButton_3lcdp_146 {
  width: 100%;
  background: linear-gradient(135deg, #00ff88 0%, #10b981 100%);
  color: #000;
  border: none;
  border-radius: 12px;
  padding: 0.875rem 1.5rem;
  font-weight: 700;
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(0, 255, 136, 0.3);
}
._sidebar_3lcdp_135 ._composeSection_3lcdp_143 ._composeButton_3lcdp_146:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 255, 136, 0.4);
  background: linear-gradient(135deg, #10b981 0%, #00ff88 100%);
}
._sidebar_3lcdp_135 ._composeSection_3lcdp_143 ._composeButton_3lcdp_146 ._icon_3lcdp_77 {
  width: 1.25rem;
  height: 1.25rem;
}
._sidebar_3lcdp_135 ._navigation_3lcdp_172 {
  flex: 1;
  padding: 0 1rem;
  overflow-y: auto;
}
._sidebar_3lcdp_135 ._navigation_3lcdp_172 ._folderGroup_3lcdp_177 {
  margin-bottom: 2rem;
}
._sidebar_3lcdp_135 ._navigation_3lcdp_172 ._folderGroup_3lcdp_177 ._groupTitle_3lcdp_180 {
  font-size: 0.75rem;
  font-weight: 700;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 0.75rem;
  padding: 0 0.75rem;
}
._sidebar_3lcdp_135 ._navigation_3lcdp_172 ._folderGroup_3lcdp_177 ._folderList_3lcdp_189 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
._sidebar_3lcdp_135 ._navigation_3lcdp_172 ._folderGroup_3lcdp_177 ._folderList_3lcdp_189 ._folder_3lcdp_177 {
  background: transparent;
  border: none;
  color: #cbd5e1;
  padding: 0.75rem;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 0.875rem;
  font-weight: 500;
}
._sidebar_3lcdp_135 ._navigation_3lcdp_172 ._folderGroup_3lcdp_177 ._folderList_3lcdp_189 ._folder_3lcdp_177:hover {
  background: rgba(0, 255, 136, 0.1);
  color: #00ff88;
  transform: translateX(5px);
}
._sidebar_3lcdp_135 ._navigation_3lcdp_172 ._folderGroup_3lcdp_177 ._folderList_3lcdp_189 ._folder_3lcdp_177._active_3lcdp_213 {
  background: linear-gradient(135deg, rgba(0, 255, 136, 0.15) 0%, rgba(59, 130, 246, 0.1) 100%);
  border: 1px solid rgba(0, 255, 136, 0.3);
  color: #00ff88;
}
._sidebar_3lcdp_135 ._navigation_3lcdp_172 ._folderGroup_3lcdp_177 ._folderList_3lcdp_189 ._folder_3lcdp_177._active_3lcdp_213 ._folderIcon_3lcdp_218 {
  filter: drop-shadow(0 0 5px rgba(0, 255, 136, 0.5));
}
._sidebar_3lcdp_135 ._navigation_3lcdp_172 ._folderGroup_3lcdp_177 ._folderList_3lcdp_189 ._folder_3lcdp_177 ._folderContent_3lcdp_221 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
._sidebar_3lcdp_135 ._navigation_3lcdp_172 ._folderGroup_3lcdp_177 ._folderList_3lcdp_189 ._folder_3lcdp_177 ._folderContent_3lcdp_221 ._folderIcon_3lcdp_218 {
  width: 1.125rem;
  height: 1.125rem;
}
._sidebar_3lcdp_135 ._navigation_3lcdp_172 ._folderGroup_3lcdp_177 ._folderList_3lcdp_189 ._folder_3lcdp_177 ._folderContent_3lcdp_221 ._folderIcon_3lcdp_218._crypto_3lcdp_120 {
  color: #fbbf24;
}
._sidebar_3lcdp_135 ._navigation_3lcdp_172 ._folderGroup_3lcdp_177 ._folderList_3lcdp_189 ._folder_3lcdp_177 ._folderContent_3lcdp_221 ._folderIcon_3lcdp_218._mining_3lcdp_233 {
  color: #00ff88;
}
._sidebar_3lcdp_135 ._navigation_3lcdp_172 ._folderGroup_3lcdp_177 ._folderList_3lcdp_189 ._folder_3lcdp_177 ._folderContent_3lcdp_221 ._folderIcon_3lcdp_218._security_3lcdp_236 {
  color: #ef4444;
}
._sidebar_3lcdp_135 ._navigation_3lcdp_172 ._folderGroup_3lcdp_177 ._folderList_3lcdp_189 ._folder_3lcdp_177 ._folderContent_3lcdp_221 ._folderIcon_3lcdp_218._staking_3lcdp_239 {
  color: #a78bfa;
}
._sidebar_3lcdp_135 ._navigation_3lcdp_172 ._folderGroup_3lcdp_177 ._folderList_3lcdp_189 ._folder_3lcdp_177 ._count_3lcdp_242 {
  background: rgba(59, 130, 246, 0.2);
  color: #3b82f6;
  border: 1px solid rgba(59, 130, 246, 0.3);
  padding: 0.125rem 0.5rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
  min-width: 1.5rem;
  text-align: center;
}
._sidebar_3lcdp_135 ._settings_3lcdp_253 {
  padding: 1.5rem;
  border-top: 1px solid rgba(100, 116, 139, 0.2);
}
._sidebar_3lcdp_135 ._settings_3lcdp_253 ._settingsButton_3lcdp_257 {
  width: 100%;
  background: transparent;
  border: none;
  color: #94a3b8;
  padding: 0.75rem;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 0.875rem;
}
._sidebar_3lcdp_135 ._settings_3lcdp_253 ._settingsButton_3lcdp_257:hover {
  background: rgba(148, 163, 184, 0.1);
  color: #cbd5e1;
}
._sidebar_3lcdp_135 ._settings_3lcdp_253 ._settingsButton_3lcdp_257 ._icon_3lcdp_77 {
  width: 1.125rem;
  height: 1.125rem;
}
._sidebar_3lcdp_135 ._settings_3lcdp_253 ._systemStatus_3lcdp_279 {
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(31, 41, 55, 0.5) 0%, rgba(55, 65, 81, 0.3) 100%);
  border: 1px solid rgba(100, 116, 139, 0.2);
  border-radius: 10px;
}
._sidebar_3lcdp_135 ._settings_3lcdp_253 ._systemStatus_3lcdp_279 ._statusItem_3lcdp_286 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.75rem;
  margin-bottom: 0.5rem;
}
._sidebar_3lcdp_135 ._settings_3lcdp_253 ._systemStatus_3lcdp_279 ._statusItem_3lcdp_286:last-child {
  margin-bottom: 0;
}
._sidebar_3lcdp_135 ._settings_3lcdp_253 ._systemStatus_3lcdp_279 ._statusItem_3lcdp_286 ._label_3lcdp_111 {
  color: #64748b;
}
._sidebar_3lcdp_135 ._settings_3lcdp_253 ._systemStatus_3lcdp_279 ._statusItem_3lcdp_286 ._value_3lcdp_114 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-weight: 600;
}
._sidebar_3lcdp_135 ._settings_3lcdp_253 ._systemStatus_3lcdp_279 ._statusItem_3lcdp_286 ._value_3lcdp_114._online_3lcdp_305 {
  color: #00ff88;
}
._sidebar_3lcdp_135 ._settings_3lcdp_253 ._systemStatus_3lcdp_279 ._statusItem_3lcdp_286 ._value_3lcdp_114._online_3lcdp_305 ._indicator_3lcdp_70 {
  width: 0.5rem;
  height: 0.5rem;
  background: #00ff88;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 255, 136, 0.7);
}
._sidebar_3lcdp_135 ._settings_3lcdp_253 ._systemStatus_3lcdp_279 ._statusItem_3lcdp_286 ._value_3lcdp_114._encrypted_3lcdp_87 {
  color: #3b82f6;
}

._emailSection_3lcdp_319 {
  flex: 1;
  display: flex;
  background: linear-gradient(135deg, rgba(15, 15, 15, 0.8) 0%, rgba(26, 26, 26, 0.6) 100%);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

@keyframes _spin_3lcdp_1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
._refreshing_3lcdp_334 {
  animation: _spin_3lcdp_1 1s linear infinite;
}

@keyframes _holographic_3lcdp_349 {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
._holographic_3lcdp_349 {
  background: linear-gradient(45deg, #00ff88, #3b82f6, #a78bfa, #00ff88);
  background-size: 300% 300%;
  animation: _holographic_3lcdp_349 3s ease infinite;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

._glow_3lcdp_358 {
  filter: drop-shadow(0 0 10px currentColor);
}

._glowBox_3lcdp_362 {
  box-shadow: 0 0 20px rgba(0, 255, 136, 0.3);
}/**
 * Copyright (c) 2014 The xterm.js authors. All rights reserved.
 * Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
 * https://github.com/chjj/term.js
 * @license MIT
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 *
 * Originally forked from (with the author's permission):
 *   Fabrice Bellard's javascript vt100 for jslinux:
 *   http://bellard.org/jslinux/
 *   Copyright (c) 2011 Fabrice Bellard
 *   The original design remains. The terminal itself
 *   has been extended to include xterm CSI codes, among
 *   other features.
 */

/**
 *  Default styles for xterm.js
 */

.xterm {
    cursor: text;
    position: relative;
    -moz-user-select: none;
         user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}

.xterm.focus,
.xterm:focus {
    outline: none;
}

.xterm .xterm-helpers {
    position: absolute;
    top: 0;
    /**
     * The z-index of the helpers must be higher than the canvases in order for
     * IMEs to appear on top.
     */
    z-index: 5;
}

.xterm .xterm-helper-textarea {
    padding: 0;
    border: 0;
    margin: 0;
    /* Move textarea out of the screen to the far left, so that the cursor is not visible */
    position: absolute;
    opacity: 0;
    left: -9999em;
    top: 0;
    width: 0;
    height: 0;
    z-index: -5;
    /** Prevent wrapping so the IME appears against the textarea at the correct position */
    white-space: nowrap;
    overflow: hidden;
    resize: none;
}

.xterm .composition-view {
    /* TODO: Composition position got messed up somewhere */
    background: #000;
    color: #FFF;
    display: none;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}

.xterm .composition-view.active {
    display: block;
}

.xterm .xterm-viewport {
    /* On OS X this is required in order for the scroll bar to appear fully opaque */
    background-color: #000;
    overflow-y: scroll;
    cursor: default;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
}

.xterm .xterm-screen {
    position: relative;
}

.xterm .xterm-screen canvas {
    position: absolute;
    left: 0;
    top: 0;
}

.xterm .xterm-scroll-area {
    visibility: hidden;
}

.xterm-char-measure-element {
    display: inline-block;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: -9999em;
    line-height: normal;
}

.xterm.enable-mouse-events {
    /* When mouse events are enabled (eg. tmux), revert to the standard pointer cursor */
    cursor: default;
}

.xterm.xterm-cursor-pointer,
.xterm .xterm-cursor-pointer {
    cursor: pointer;
}

.xterm.column-select.focus {
    /* Column selection mode */
    cursor: crosshair;
}

.xterm .xterm-accessibility:not(.debug),
.xterm .xterm-message {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    color: transparent;
    pointer-events: none;
}

.xterm .xterm-accessibility-tree:not(.debug) *::-moz-selection {
  color: transparent;
}

.xterm .xterm-accessibility-tree:not(.debug) *::selection {
  color: transparent;
}

.xterm .xterm-accessibility-tree {
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  white-space: pre;
}

.xterm .live-region {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.xterm-dim {
    /* Dim should not apply to background, so the opacity of the foreground color is applied
     * explicitly in the generated class and reset to 1 here */
    opacity: 1 !important;
}

.xterm-underline-1 { text-decoration: underline; }
.xterm-underline-2 { -webkit-text-decoration: double underline; text-decoration: double underline; }
.xterm-underline-3 { -webkit-text-decoration: wavy underline; text-decoration: wavy underline; }
.xterm-underline-4 { -webkit-text-decoration: dotted underline; text-decoration: dotted underline; }
.xterm-underline-5 { -webkit-text-decoration: dashed underline; text-decoration: dashed underline; }

.xterm-overline {
    text-decoration: overline;
}

.xterm-overline.xterm-underline-1 { text-decoration: overline underline; }
.xterm-overline.xterm-underline-2 { -webkit-text-decoration: overline double underline; text-decoration: overline double underline; }
.xterm-overline.xterm-underline-3 { -webkit-text-decoration: overline wavy underline; text-decoration: overline wavy underline; }
.xterm-overline.xterm-underline-4 { -webkit-text-decoration: overline dotted underline; text-decoration: overline dotted underline; }
.xterm-overline.xterm-underline-5 { -webkit-text-decoration: overline dashed underline; text-decoration: overline dashed underline; }

.xterm-strikethrough {
    text-decoration: line-through;
}

.xterm-screen .xterm-decoration-container .xterm-decoration {
	z-index: 6;
	position: absolute;
}

.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer {
	z-index: 7;
}

.xterm-decoration-overview-ruler {
    z-index: 8;
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
}

.xterm-decoration-top {
    z-index: 2;
    position: relative;
}
._datacenter_cxc5c_1 {
  min-height: 100vh;
  background: linear-gradient(135deg, #0f0f0f 0%, #1a1a1a 100%);
  color: #ffffff;
  font-family: "Inter", sans-serif;
  position: relative;
  overflow-x: hidden;
}
._datacenter_cxc5c_1::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(600px circle at 20% 20%, rgba(0, 255, 136, 0.1) 0%, transparent 50%), radial-gradient(600px circle at 80% 80%, rgba(255, 102, 53, 0.1) 0%, transparent 50%), radial-gradient(400px circle at 40% 60%, rgba(139, 92, 246, 0.1) 0%, transparent 50%);
  pointer-events: none;
  z-index: 0;
}
._datacenter_cxc5c_1 * {
  position: relative;
  z-index: 1;
}
._datacenter_cxc5c_1._dark_cxc5c_24 {
  background: linear-gradient(135deg, #000000 0%, #111111 100%);
}
._datacenter_cxc5c_1._dark_cxc5c_24 ._statCard_cxc5c_27,
._datacenter_cxc5c_1._dark_cxc5c_24 ._zoneCard_cxc5c_28,
._datacenter_cxc5c_1._dark_cxc5c_24 ._containerCard_cxc5c_29,
._datacenter_cxc5c_1._dark_cxc5c_24 ._terminalSession_cxc5c_30,
._datacenter_cxc5c_1._dark_cxc5c_24 ._modal_cxc5c_31 ._modalContent_cxc5c_31 {
  background: rgba(0, 0, 0, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
._datacenter_cxc5c_1._compact_cxc5c_35 ._containerCard_cxc5c_29 {
  padding: 12px;
}
._datacenter_cxc5c_1._compact_cxc5c_35 ._containerCard_cxc5c_29 ._containerHeader_cxc5c_38 {
  margin-bottom: 8px;
}
._datacenter_cxc5c_1._compact_cxc5c_35 ._containerCard_cxc5c_29 ._containerBody_cxc5c_41 {
  gap: 8px;
}
._datacenter_cxc5c_1._compact_cxc5c_35 ._statCard_cxc5c_27 {
  padding: 16px;
}

._loading_cxc5c_48 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  text-align: center;
  gap: 24px;
}
._loading_cxc5c_48 ._loadingSpinner_cxc5c_57 {
  position: relative;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._loading_cxc5c_48 ._loadingSpinner_cxc5c_57 svg:first-child {
  position: absolute;
  color: #00ff88;
}
._loading_cxc5c_48 ._loadingSpinner_cxc5c_57 svg:last-child {
  position: absolute;
  color: #ff6635;
}
._loading_cxc5c_48 h2 {
  font-size: 24px;
  font-weight: 600;
  color: #ffffff;
  margin: 0;
}
._loading_cxc5c_48 p {
  font-size: 16px;
  color: #888888;
  margin: 0;
}

._error_cxc5c_85 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  text-align: center;
  gap: 24px;
}
._error_cxc5c_85 svg {
  color: #ef4444;
  width: 64px;
  height: 64px;
}
._error_cxc5c_85 h2 {
  font-size: 24px;
  font-weight: 600;
  color: #ffffff;
  margin: 0;
}
._error_cxc5c_85 p {
  font-size: 16px;
  color: #888888;
  margin: 0;
}
._error_cxc5c_85 button {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  background: #ef4444;
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
._error_cxc5c_85 button:hover {
  background: #dc2626;
  transform: translateY(-2px);
}
._error_cxc5c_85 button svg {
  width: 16px;
  height: 16px;
}

._header_cxc5c_133 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 32px;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  position: sticky;
  top: 0;
  z-index: 100;
}
._header_cxc5c_133 ._headerLeft_cxc5c_145 {
  display: flex;
  align-items: center;
  gap: 24px;
}
._header_cxc5c_133 ._headerLeft_cxc5c_145 ._title_cxc5c_150 {
  display: flex;
  align-items: center;
  gap: 16px;
}
._header_cxc5c_133 ._headerLeft_cxc5c_145 ._title_cxc5c_150 svg {
  width: 32px;
  height: 32px;
  color: #00ff88;
}
._header_cxc5c_133 ._headerLeft_cxc5c_145 ._title_cxc5c_150 div h1 {
  font-size: 28px;
  font-weight: 700;
  color: #ffffff;
  margin: 0;
  background: linear-gradient(135deg, #00ff88 0%, #ff6635 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
._header_cxc5c_133 ._headerLeft_cxc5c_145 ._title_cxc5c_150 div p {
  font-size: 14px;
  color: #888888;
  margin: 4px 0 0 0;
}
._header_cxc5c_133 ._headerRight_cxc5c_175 {
  display: flex;
  align-items: center;
  gap: 24px;
}
._header_cxc5c_133 ._headerRight_cxc5c_175 ._globalStats_cxc5c_180 {
  display: flex;
  align-items: center;
  gap: 24px;
}
._header_cxc5c_133 ._headerRight_cxc5c_175 ._globalStats_cxc5c_180 ._statItem_cxc5c_185 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
._header_cxc5c_133 ._headerRight_cxc5c_175 ._globalStats_cxc5c_180 ._statItem_cxc5c_185 svg {
  width: 20px;
  height: 20px;
  color: #00ff88;
}
._header_cxc5c_133 ._headerRight_cxc5c_175 ._globalStats_cxc5c_180 ._statItem_cxc5c_185 span {
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
}
._header_cxc5c_133 ._headerRight_cxc5c_175 ._globalStats_cxc5c_180 ._statItem_cxc5c_185 small {
  font-size: 12px;
  color: #888888;
}
._header_cxc5c_133 ._headerRight_cxc5c_175 ._headerActions_cxc5c_209 {
  display: flex;
  align-items: center;
  gap: 12px;
}
._header_cxc5c_133 ._headerRight_cxc5c_175 ._headerActions_cxc5c_209 ._actionButton_cxc5c_214 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
._header_cxc5c_133 ._headerRight_cxc5c_175 ._headerActions_cxc5c_209 ._actionButton_cxc5c_214:hover {
  background: rgba(255, 255, 255, 0.2);
  transform: translateY(-2px);
}
._header_cxc5c_133 ._headerRight_cxc5c_175 ._headerActions_cxc5c_209 ._actionButton_cxc5c_214:active {
  transform: translateY(0);
}
._header_cxc5c_133 ._headerRight_cxc5c_175 ._headerActions_cxc5c_209 ._actionButton_cxc5c_214 svg {
  width: 16px;
  height: 16px;
}

._tabNavigation_cxc5c_241 {
  padding: 0 32px;
  background: rgba(0, 0, 0, 0.3);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
._tabNavigation_cxc5c_241 ._tabs_cxc5c_247 {
  display: flex;
  align-items: center;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
._tabNavigation_cxc5c_241 ._tabs_cxc5c_247::-webkit-scrollbar {
  display: none;
}
._tabNavigation_cxc5c_241 ._tabs_cxc5c_247 ._tab_cxc5c_241 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px 20px;
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  color: #888888;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}
._tabNavigation_cxc5c_241 ._tabs_cxc5c_247 ._tab_cxc5c_241:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.05);
}
._tabNavigation_cxc5c_241 ._tabs_cxc5c_247 ._tab_cxc5c_241._active_cxc5c_277 {
  color: #00ff88;
  border-bottom-color: #00ff88;
  background: rgba(0, 255, 136, 0.1);
}
._tabNavigation_cxc5c_241 ._tabs_cxc5c_247 ._tab_cxc5c_241 svg {
  width: 16px;
  height: 16px;
}

._content_cxc5c_287 {
  padding: 32px;
  max-width: 1400px;
  margin: 0 auto;
}

._overview_cxc5c_293 {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
._overview_cxc5c_293 ._statsGrid_cxc5c_298 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
}
._overview_cxc5c_293 ._statsGrid_cxc5c_298 ._statCard_cxc5c_27 {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 24px;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  transition: all 0.3s ease;
}
._overview_cxc5c_293 ._statsGrid_cxc5c_298 ._statCard_cxc5c_27:hover {
  transform: translateY(-4px);
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.2);
}
._overview_cxc5c_293 ._statsGrid_cxc5c_298 ._statCard_cxc5c_27 ._statIcon_cxc5c_316 {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: linear-gradient(135deg, #00ff88 0%, #ff6635 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}
._overview_cxc5c_293 ._statsGrid_cxc5c_298 ._statCard_cxc5c_27 ._statIcon_cxc5c_316 svg {
  width: 24px;
  height: 24px;
  color: white;
}
._overview_cxc5c_293 ._statsGrid_cxc5c_298 ._statCard_cxc5c_27 ._statContent_cxc5c_331 h3 {
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  margin: 0 0 8px 0;
}
._overview_cxc5c_293 ._statsGrid_cxc5c_298 ._statCard_cxc5c_27 ._statContent_cxc5c_331 ._statValue_cxc5c_337 {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 12px;
}
._overview_cxc5c_293 ._statsGrid_cxc5c_298 ._statCard_cxc5c_27 ._statContent_cxc5c_331 ._statValue_cxc5c_337 ._primary_cxc5c_343 {
  font-size: 32px;
  font-weight: 700;
  color: #00ff88;
}
._overview_cxc5c_293 ._statsGrid_cxc5c_298 ._statCard_cxc5c_27 ._statContent_cxc5c_331 ._statValue_cxc5c_337 ._secondary_cxc5c_348 {
  font-size: 14px;
  color: #888888;
}
._overview_cxc5c_293 ._statsGrid_cxc5c_298 ._statCard_cxc5c_27 ._statContent_cxc5c_331 ._statBreakdown_cxc5c_352 {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 12px;
}
._overview_cxc5c_293 ._statsGrid_cxc5c_298 ._statCard_cxc5c_27 ._statContent_cxc5c_331 ._statBreakdown_cxc5c_352 span {
  display: flex;
  align-items: center;
  gap: 4px;
}
._overview_cxc5c_293 ._statsGrid_cxc5c_298 ._statCard_cxc5c_27 ._statContent_cxc5c_331 ._statBreakdown_cxc5c_352 span svg {
  width: 12px;
  height: 12px;
}
._overview_cxc5c_293 ._statsGrid_cxc5c_298 ._statCard_cxc5c_27 ._statContent_cxc5c_331 ._statBreakdown_cxc5c_352 ._running_cxc5c_367 {
  color: #10b981;
}
._overview_cxc5c_293 ._statsGrid_cxc5c_298 ._statCard_cxc5c_27 ._statContent_cxc5c_331 ._statBreakdown_cxc5c_352 ._stopped_cxc5c_370 {
  color: #6b7280;
}
._overview_cxc5c_293 ._statsGrid_cxc5c_298 ._statCard_cxc5c_27 ._statContent_cxc5c_331 ._statBreakdown_cxc5c_352 ._total_cxc5c_373 {
  color: #888888;
}
._overview_cxc5c_293 ._statsGrid_cxc5c_298 ._statCard_cxc5c_27 ._statContent_cxc5c_331 ._statBreakdown_cxc5c_352 ._inbound_cxc5c_376 {
  color: #3b82f6;
}
._overview_cxc5c_293 ._statsGrid_cxc5c_298 ._statCard_cxc5c_27 ._statContent_cxc5c_331 ._statBreakdown_cxc5c_352 ._outbound_cxc5c_379 {
  color: #f59e0b;
}
._overview_cxc5c_293 ._statsGrid_cxc5c_298 ._statCard_cxc5c_27 ._statContent_cxc5c_331 ._progressBar_cxc5c_382 {
  width: 100%;
  height: 6px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
  overflow: hidden;
  margin-top: 8px;
}
._overview_cxc5c_293 ._statsGrid_cxc5c_298 ._statCard_cxc5c_27 ._statContent_cxc5c_331 ._progressBar_cxc5c_382 ._progressFill_cxc5c_390 {
  height: 100%;
  background: linear-gradient(90deg, #00ff88 0%, #ff6635 100%);
  transition: width 0.3s ease;
}
._overview_cxc5c_293 ._zoneOverview_cxc5c_395 {
  margin-top: 32px;
}
._overview_cxc5c_293 ._zoneOverview_cxc5c_395 ._sectionHeader_cxc5c_398 {
  margin-bottom: 24px;
}
._overview_cxc5c_293 ._zoneOverview_cxc5c_395 ._sectionHeader_cxc5c_398 h2 {
  font-size: 24px;
  font-weight: 600;
  color: #ffffff;
  margin: 0 0 8px 0;
}
._overview_cxc5c_293 ._zoneOverview_cxc5c_395 ._sectionHeader_cxc5c_398 p {
  font-size: 14px;
  color: #888888;
  margin: 0;
}
._overview_cxc5c_293 ._zoneOverview_cxc5c_395 ._zoneGrid_cxc5c_412 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
}
._overview_cxc5c_293 ._zoneOverview_cxc5c_395 ._zoneGrid_cxc5c_412 ._zoneCard_cxc5c_28 {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 20px;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  transition: all 0.3s ease;
}
._overview_cxc5c_293 ._zoneOverview_cxc5c_395 ._zoneGrid_cxc5c_412 ._zoneCard_cxc5c_28:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.2);
}
._overview_cxc5c_293 ._zoneOverview_cxc5c_395 ._zoneGrid_cxc5c_412 ._zoneCard_cxc5c_28 ._zoneHeader_cxc5c_430 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
._overview_cxc5c_293 ._zoneOverview_cxc5c_395 ._zoneGrid_cxc5c_412 ._zoneCard_cxc5c_28 ._zoneHeader_cxc5c_430 ._zoneFlag_cxc5c_436 {
  font-size: 24px;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}
._overview_cxc5c_293 ._zoneOverview_cxc5c_395 ._zoneGrid_cxc5c_412 ._zoneCard_cxc5c_28 ._zoneHeader_cxc5c_430 ._zoneInfo_cxc5c_446 h3 {
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  margin: 0 0 4px 0;
}
._overview_cxc5c_293 ._zoneOverview_cxc5c_395 ._zoneGrid_cxc5c_412 ._zoneCard_cxc5c_28 ._zoneHeader_cxc5c_430 ._zoneInfo_cxc5c_446 p {
  font-size: 12px;
  color: #888888;
  margin: 0;
}
._overview_cxc5c_293 ._zoneOverview_cxc5c_395 ._zoneGrid_cxc5c_412 ._zoneCard_cxc5c_28 ._zoneStats_cxc5c_457 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
._overview_cxc5c_293 ._zoneOverview_cxc5c_395 ._zoneGrid_cxc5c_412 ._zoneCard_cxc5c_28 ._zoneStats_cxc5c_457 ._zoneStat_cxc5c_457 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 8px;
}
._overview_cxc5c_293 ._zoneOverview_cxc5c_395 ._zoneGrid_cxc5c_412 ._zoneCard_cxc5c_28 ._zoneStats_cxc5c_457 ._zoneStat_cxc5c_457 svg {
  width: 16px;
  height: 16px;
  color: #00ff88;
}
._overview_cxc5c_293 ._zoneOverview_cxc5c_395 ._zoneGrid_cxc5c_412 ._zoneCard_cxc5c_28 ._zoneStats_cxc5c_457 ._zoneStat_cxc5c_457 span {
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
}
._overview_cxc5c_293 ._zoneOverview_cxc5c_395 ._zoneGrid_cxc5c_412 ._zoneCard_cxc5c_28 ._zoneStats_cxc5c_457 ._zoneStat_cxc5c_457 small {
  font-size: 11px;
  color: #888888;
}
._overview_cxc5c_293 ._recentActivity_cxc5c_484 ._sectionHeader_cxc5c_398 {
  margin-bottom: 24px;
}
._overview_cxc5c_293 ._recentActivity_cxc5c_484 ._sectionHeader_cxc5c_398 h2 {
  font-size: 24px;
  font-weight: 600;
  color: #ffffff;
  margin: 0 0 8px 0;
}
._overview_cxc5c_293 ._recentActivity_cxc5c_484 ._sectionHeader_cxc5c_398 p {
  font-size: 14px;
  color: #888888;
  margin: 0;
}
._overview_cxc5c_293 ._recentActivity_cxc5c_484 ._activityList_cxc5c_498 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._overview_cxc5c_293 ._recentActivity_cxc5c_484 ._activityList_cxc5c_498 ._activityItem_cxc5c_503 {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  transition: all 0.2s ease;
}
._overview_cxc5c_293 ._recentActivity_cxc5c_484 ._activityList_cxc5c_498 ._activityItem_cxc5c_503:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.2);
}
._overview_cxc5c_293 ._recentActivity_cxc5c_484 ._activityList_cxc5c_498 ._activityItem_cxc5c_503 ._activityIcon_cxc5c_518 {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
._overview_cxc5c_293 ._recentActivity_cxc5c_484 ._activityList_cxc5c_498 ._activityItem_cxc5c_503 ._activityIcon_cxc5c_518 svg {
  width: 16px;
  height: 16px;
}
._overview_cxc5c_293 ._recentActivity_cxc5c_484 ._activityList_cxc5c_498 ._activityItem_cxc5c_503 ._activityContent_cxc5c_532 {
  flex: 1;
}
._overview_cxc5c_293 ._recentActivity_cxc5c_484 ._activityList_cxc5c_498 ._activityItem_cxc5c_503 ._activityContent_cxc5c_532 ._activityTitle_cxc5c_535 {
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 4px;
}
._overview_cxc5c_293 ._recentActivity_cxc5c_484 ._activityList_cxc5c_498 ._activityItem_cxc5c_503 ._activityContent_cxc5c_532 ._activityDescription_cxc5c_541 {
  font-size: 12px;
  color: #888888;
}
._overview_cxc5c_293 ._recentActivity_cxc5c_484 ._activityList_cxc5c_498 ._activityItem_cxc5c_503 ._activityTime_cxc5c_545 {
  font-size: 12px;
  color: #888888;
  flex-shrink: 0;
}

._containers_cxc5c_551 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
._containers_cxc5c_551 ._containerControls_cxc5c_556 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 20px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
}
._containers_cxc5c_551 ._containerControls_cxc5c_556 ._controlsLeft_cxc5c_567 {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 1;
}
._containers_cxc5c_551 ._containerControls_cxc5c_556 ._controlsLeft_cxc5c_567 ._searchBox_cxc5c_573 {
  position: relative;
  flex: 1;
  max-width: 400px;
}
._containers_cxc5c_551 ._containerControls_cxc5c_556 ._controlsLeft_cxc5c_567 ._searchBox_cxc5c_573 svg {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  color: #888888;
}
._containers_cxc5c_551 ._containerControls_cxc5c_556 ._controlsLeft_cxc5c_567 ._searchBox_cxc5c_573 input {
  width: 100%;
  padding: 8px 12px 8px 40px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  color: #ffffff;
  font-size: 14px;
  transition: all 0.2s ease;
}
._containers_cxc5c_551 ._containerControls_cxc5c_556 ._controlsLeft_cxc5c_567 ._searchBox_cxc5c_573 input:focus {
  outline: none;
  border-color: #00ff88;
  background: rgba(255, 255, 255, 0.15);
}
._containers_cxc5c_551 ._containerControls_cxc5c_556 ._controlsLeft_cxc5c_567 ._searchBox_cxc5c_573 input::-moz-placeholder {
  color: #888888;
}
._containers_cxc5c_551 ._containerControls_cxc5c_556 ._controlsLeft_cxc5c_567 ._searchBox_cxc5c_573 input::placeholder {
  color: #888888;
}
._containers_cxc5c_551 ._containerControls_cxc5c_556 ._controlsLeft_cxc5c_567 ._filters_cxc5c_605 {
  display: flex;
  align-items: center;
  gap: 12px;
}
._containers_cxc5c_551 ._containerControls_cxc5c_556 ._controlsLeft_cxc5c_567 ._filters_cxc5c_605 select {
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  color: #ffffff;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
}
._containers_cxc5c_551 ._containerControls_cxc5c_556 ._controlsLeft_cxc5c_567 ._filters_cxc5c_605 select:focus {
  outline: none;
  border-color: #00ff88;
  background: rgba(255, 255, 255, 0.15);
}
._containers_cxc5c_551 ._containerControls_cxc5c_556 ._controlsLeft_cxc5c_567 ._filters_cxc5c_605 select option {
  background: #1a1a1a;
  color: #ffffff;
}
._containers_cxc5c_551 ._containerControls_cxc5c_556 ._controlsRight_cxc5c_629 {
  display: flex;
  align-items: center;
  gap: 16px;
}
._containers_cxc5c_551 ._containerControls_cxc5c_556 ._controlsRight_cxc5c_629 ._viewModeToggle_cxc5c_634 {
  display: flex;
  align-items: center;
  gap: 4px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 4px;
}
._containers_cxc5c_551 ._containerControls_cxc5c_556 ._controlsRight_cxc5c_629 ._viewModeToggle_cxc5c_634 button {
  padding: 6px;
  background: transparent;
  border: none;
  border-radius: 4px;
  color: #888888;
  cursor: pointer;
  transition: all 0.2s ease;
}
._containers_cxc5c_551 ._containerControls_cxc5c_556 ._controlsRight_cxc5c_629 ._viewModeToggle_cxc5c_634 button:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
}
._containers_cxc5c_551 ._containerControls_cxc5c_556 ._controlsRight_cxc5c_629 ._viewModeToggle_cxc5c_634 button._active_cxc5c_277 {
  color: #00ff88;
  background: rgba(0, 255, 136, 0.2);
}
._containers_cxc5c_551 ._containerControls_cxc5c_556 ._controlsRight_cxc5c_629 ._viewModeToggle_cxc5c_634 button svg {
  width: 16px;
  height: 16px;
}
._containers_cxc5c_551 ._containerControls_cxc5c_556 ._controlsRight_cxc5c_629 ._sortControls_cxc5c_663 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._containers_cxc5c_551 ._containerControls_cxc5c_556 ._controlsRight_cxc5c_629 ._sortControls_cxc5c_663 select {
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  color: #ffffff;
  font-size: 14px;
  cursor: pointer;
}
._containers_cxc5c_551 ._containerControls_cxc5c_556 ._controlsRight_cxc5c_629 ._sortControls_cxc5c_663 select:focus {
  outline: none;
  border-color: #00ff88;
}
._containers_cxc5c_551 ._containerControls_cxc5c_556 ._controlsRight_cxc5c_629 ._sortControls_cxc5c_663 select option {
  background: #1a1a1a;
  color: #ffffff;
}
._containers_cxc5c_551 ._containerControls_cxc5c_556 ._controlsRight_cxc5c_629 ._sortControls_cxc5c_663 button {
  padding: 8px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  color: #ffffff;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
}
._containers_cxc5c_551 ._containerControls_cxc5c_556 ._controlsRight_cxc5c_629 ._sortControls_cxc5c_663 button:hover {
  background: rgba(255, 255, 255, 0.2);
}
._containers_cxc5c_551 ._containerList_cxc5c_698 {
  display: grid;
  gap: 20px;
}
._containers_cxc5c_551 ._containerList_cxc5c_698._grid_cxc5c_702 {
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
}
._containers_cxc5c_551 ._containerList_cxc5c_698._list_cxc5c_705 {
  grid-template-columns: 1fr;
}
._containers_cxc5c_551 ._containerList_cxc5c_698._table_cxc5c_708 {
  grid-template-columns: 1fr;
}
._containers_cxc5c_551 ._containerList_cxc5c_698 ._containerCard_cxc5c_29 {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 20px;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  transition: all 0.3s ease;
}
._containers_cxc5c_551 ._containerList_cxc5c_698 ._containerCard_cxc5c_29:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.2);
}
._containers_cxc5c_551 ._containerList_cxc5c_698 ._containerCard_cxc5c_29 ._containerHeader_cxc5c_38 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
._containers_cxc5c_551 ._containerList_cxc5c_698 ._containerCard_cxc5c_29 ._containerHeader_cxc5c_38 ._containerInfo_cxc5c_730 {
  display: flex;
  align-items: center;
  gap: 12px;
}
._containers_cxc5c_551 ._containerList_cxc5c_698 ._containerCard_cxc5c_29 ._containerHeader_cxc5c_38 ._containerInfo_cxc5c_730 ._containerIcon_cxc5c_735 {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}
._containers_cxc5c_551 ._containerList_cxc5c_698 ._containerCard_cxc5c_29 ._containerHeader_cxc5c_38 ._containerInfo_cxc5c_730 ._containerTitle_cxc5c_745 h3 {
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  margin: 0 0 4px 0;
}
._containers_cxc5c_551 ._containerList_cxc5c_698 ._containerCard_cxc5c_29 ._containerHeader_cxc5c_38 ._containerInfo_cxc5c_730 ._containerTitle_cxc5c_745 ._containerMeta_cxc5c_751 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: #888888;
}
._containers_cxc5c_551 ._containerList_cxc5c_698 ._containerCard_cxc5c_29 ._containerHeader_cxc5c_38 ._containerInfo_cxc5c_730 ._containerTitle_cxc5c_745 ._containerMeta_cxc5c_751 ._containerType_cxc5c_758 {
  background: rgba(0, 255, 136, 0.2);
  color: #00ff88;
  padding: 2px 6px;
  border-radius: 4px;
}
._containers_cxc5c_551 ._containerList_cxc5c_698 ._containerCard_cxc5c_29 ._containerHeader_cxc5c_38 ._containerInfo_cxc5c_730 ._containerTitle_cxc5c_745 ._containerMeta_cxc5c_751 ._containerZone_cxc5c_764 {
  background: rgba(255, 102, 53, 0.2);
  color: #ff6635;
  padding: 2px 6px;
  border-radius: 4px;
}
._containers_cxc5c_551 ._containerList_cxc5c_698 ._containerCard_cxc5c_29 ._containerHeader_cxc5c_38 ._containerStatus_cxc5c_770 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._containers_cxc5c_551 ._containerList_cxc5c_698 ._containerCard_cxc5c_29 ._containerHeader_cxc5c_38 ._containerStatus_cxc5c_770 ._statusText_cxc5c_775 {
  font-size: 12px;
  font-weight: 500;
  text-transform: capitalize;
}
._containers_cxc5c_551 ._containerList_cxc5c_698 ._containerCard_cxc5c_29 ._containerBody_cxc5c_41 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
._containers_cxc5c_551 ._containerList_cxc5c_698 ._containerCard_cxc5c_29 ._containerBody_cxc5c_41 ._containerResources_cxc5c_785 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 12px;
}
._containers_cxc5c_551 ._containerList_cxc5c_698 ._containerCard_cxc5c_29 ._containerBody_cxc5c_41 ._containerResources_cxc5c_785 ._resourceItem_cxc5c_790 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  font-size: 12px;
  color: #ffffff;
}
._containers_cxc5c_551 ._containerList_cxc5c_698 ._containerCard_cxc5c_29 ._containerBody_cxc5c_41 ._containerResources_cxc5c_785 ._resourceItem_cxc5c_790 svg {
  width: 14px;
  height: 14px;
  color: #00ff88;
}
._containers_cxc5c_551 ._containerList_cxc5c_698 ._containerCard_cxc5c_29 ._containerBody_cxc5c_41 ._containerMetrics_cxc5c_805 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._containers_cxc5c_551 ._containerList_cxc5c_698 ._containerCard_cxc5c_29 ._containerBody_cxc5c_41 ._containerMetrics_cxc5c_805 ._metricItem_cxc5c_810 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
}
._containers_cxc5c_551 ._containerList_cxc5c_698 ._containerCard_cxc5c_29 ._containerBody_cxc5c_41 ._containerMetrics_cxc5c_805 ._metricItem_cxc5c_810 ._metricLabel_cxc5c_816 {
  color: #888888;
  min-width: 80px;
}
._containers_cxc5c_551 ._containerList_cxc5c_698 ._containerCard_cxc5c_29 ._containerBody_cxc5c_41 ._containerMetrics_cxc5c_805 ._metricItem_cxc5c_810 ._metricBar_cxc5c_820 {
  flex: 1;
  height: 4px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
  overflow: hidden;
}
._containers_cxc5c_551 ._containerList_cxc5c_698 ._containerCard_cxc5c_29 ._containerBody_cxc5c_41 ._containerMetrics_cxc5c_805 ._metricItem_cxc5c_810 ._metricBar_cxc5c_820 ._metricFill_cxc5c_827 {
  height: 100%;
  background: linear-gradient(90deg, #00ff88 0%, #ff6635 100%);
  transition: width 0.3s ease;
}
._containers_cxc5c_551 ._containerList_cxc5c_698 ._containerCard_cxc5c_29 ._containerBody_cxc5c_41 ._containerMetrics_cxc5c_805 ._metricItem_cxc5c_810 ._metricValue_cxc5c_832 {
  color: #ffffff;
  font-weight: 500;
  min-width: 40px;
  text-align: right;
}
._containers_cxc5c_551 ._containerList_cxc5c_698 ._containerCard_cxc5c_29 ._containerBody_cxc5c_41 ._containerDetails_cxc5c_838 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 12px;
}
._containers_cxc5c_551 ._containerList_cxc5c_698 ._containerCard_cxc5c_29 ._containerBody_cxc5c_41 ._containerDetails_cxc5c_838 ._detailItem_cxc5c_843 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._containers_cxc5c_551 ._containerList_cxc5c_698 ._containerCard_cxc5c_29 ._containerBody_cxc5c_41 ._containerDetails_cxc5c_838 ._detailItem_cxc5c_843 ._detailLabel_cxc5c_848 {
  font-size: 11px;
  color: #888888;
  text-transform: uppercase;
  font-weight: 500;
}
._containers_cxc5c_551 ._containerList_cxc5c_698 ._containerCard_cxc5c_29 ._containerBody_cxc5c_41 ._containerDetails_cxc5c_838 ._detailItem_cxc5c_843 ._detailValue_cxc5c_854 {
  font-size: 12px;
  color: #ffffff;
}
._containers_cxc5c_551 ._containerList_cxc5c_698 ._containerCard_cxc5c_29 ._containerActions_cxc5c_858 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  flex-wrap: wrap;
}
._containers_cxc5c_551 ._containerList_cxc5c_698 ._containerCard_cxc5c_29 ._containerActions_cxc5c_858 ._actionButton_cxc5c_214 {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 6px 12px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 6px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
._containers_cxc5c_551 ._containerList_cxc5c_698 ._containerCard_cxc5c_29 ._containerActions_cxc5c_858 ._actionButton_cxc5c_214:hover {
  background: rgba(255, 255, 255, 0.2);
  transform: translateY(-1px);
}
._containers_cxc5c_551 ._containerList_cxc5c_698 ._containerCard_cxc5c_29 ._containerActions_cxc5c_858 ._actionButton_cxc5c_214._danger_cxc5c_885 {
  color: #ef4444;
  border-color: rgba(239, 68, 68, 0.3);
}
._containers_cxc5c_551 ._containerList_cxc5c_698 ._containerCard_cxc5c_29 ._containerActions_cxc5c_858 ._actionButton_cxc5c_214._danger_cxc5c_885:hover {
  background: rgba(239, 68, 68, 0.2);
}
._containers_cxc5c_551 ._containerList_cxc5c_698 ._containerCard_cxc5c_29 ._containerActions_cxc5c_858 ._actionButton_cxc5c_214 svg {
  width: 12px;
  height: 12px;
}

._terminalTab_cxc5c_897 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
._terminalTab_cxc5c_897 ._terminalHeader_cxc5c_902 h2 {
  font-size: 24px;
  font-weight: 600;
  color: #ffffff;
  margin: 0 0 8px 0;
}
._terminalTab_cxc5c_897 ._terminalHeader_cxc5c_902 p {
  font-size: 14px;
  color: #888888;
  margin: 0;
}
._terminalTab_cxc5c_897 ._terminalSessions_cxc5c_913 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
._terminalTab_cxc5c_897 ._terminalSessions_cxc5c_913 ._terminalSession_cxc5c_30 {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 20px;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  transition: all 0.3s ease;
}
._terminalTab_cxc5c_897 ._terminalSessions_cxc5c_913 ._terminalSession_cxc5c_30:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.2);
}
._terminalTab_cxc5c_897 ._terminalSessions_cxc5c_913 ._terminalSession_cxc5c_30 ._sessionHeader_cxc5c_930 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
._terminalTab_cxc5c_897 ._terminalSessions_cxc5c_913 ._terminalSession_cxc5c_30 ._sessionHeader_cxc5c_930 ._sessionInfo_cxc5c_936 {
  display: flex;
  align-items: center;
  gap: 12px;
}
._terminalTab_cxc5c_897 ._terminalSessions_cxc5c_913 ._terminalSession_cxc5c_30 ._sessionHeader_cxc5c_930 ._sessionInfo_cxc5c_936 svg {
  width: 20px;
  height: 20px;
  color: #00ff88;
}
._terminalTab_cxc5c_897 ._terminalSessions_cxc5c_913 ._terminalSession_cxc5c_30 ._sessionHeader_cxc5c_930 ._sessionInfo_cxc5c_936 h3 {
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  margin: 0 0 4px 0;
}
._terminalTab_cxc5c_897 ._terminalSessions_cxc5c_913 ._terminalSession_cxc5c_30 ._sessionHeader_cxc5c_930 ._sessionInfo_cxc5c_936 p {
  font-size: 12px;
  color: #888888;
  margin: 0;
}
._terminalTab_cxc5c_897 ._terminalSessions_cxc5c_913 ._terminalSession_cxc5c_30 ._sessionHeader_cxc5c_930 ._sessionActions_cxc5c_957 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._terminalTab_cxc5c_897 ._terminalSessions_cxc5c_913 ._terminalSession_cxc5c_30 ._sessionHeader_cxc5c_930 ._sessionActions_cxc5c_957 ._actionButton_cxc5c_214 {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 6px 12px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 6px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
._terminalTab_cxc5c_897 ._terminalSessions_cxc5c_913 ._terminalSession_cxc5c_30 ._sessionHeader_cxc5c_930 ._sessionActions_cxc5c_957 ._actionButton_cxc5c_214:hover {
  background: rgba(255, 255, 255, 0.2);
}
._terminalTab_cxc5c_897 ._terminalSessions_cxc5c_913 ._terminalSession_cxc5c_30 ._sessionHeader_cxc5c_930 ._sessionActions_cxc5c_957 ._actionButton_cxc5c_214 svg {
  width: 12px;
  height: 12px;
}
._terminalTab_cxc5c_897 ._terminalSessions_cxc5c_913 ._terminalSession_cxc5c_30 ._sessionDetails_cxc5c_983 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 12px;
}
._terminalTab_cxc5c_897 ._terminalSessions_cxc5c_913 ._terminalSession_cxc5c_30 ._sessionDetails_cxc5c_983 ._detailItem_cxc5c_843 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
}
._terminalTab_cxc5c_897 ._terminalSessions_cxc5c_913 ._terminalSession_cxc5c_30 ._sessionDetails_cxc5c_983 ._detailItem_cxc5c_843 span:first-child {
  color: #888888;
  font-weight: 500;
}
._terminalTab_cxc5c_897 ._terminalSessions_cxc5c_913 ._terminalSession_cxc5c_30 ._sessionDetails_cxc5c_983 ._detailItem_cxc5c_843 span:last-child {
  color: #ffffff;
}
._terminalTab_cxc5c_897 ._emptyState_cxc5c_1001 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  text-align: center;
}
._terminalTab_cxc5c_897 ._emptyState_cxc5c_1001 svg {
  width: 64px;
  height: 64px;
  color: #888888;
  margin-bottom: 16px;
}
._terminalTab_cxc5c_897 ._emptyState_cxc5c_1001 h3 {
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
  margin: 0 0 8px 0;
}
._terminalTab_cxc5c_897 ._emptyState_cxc5c_1001 p {
  font-size: 14px;
  color: #888888;
  margin: 0;
}

._terminalModal_cxc5c_1027 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
._terminalModal_cxc5c_1027 ._terminalWindow_cxc5c_1040 {
  width: 90vw;
  height: 80vh;
  max-width: 1200px;
  max-height: 800px;
  background: #000000;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
._terminalModal_cxc5c_1027 ._terminalWindow_cxc5c_1040 ._terminalWindowHeader_cxc5c_1052 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
._terminalModal_cxc5c_1027 ._terminalWindow_cxc5c_1040 ._terminalWindowHeader_cxc5c_1052 ._terminalWindowTitle_cxc5c_1060 {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
}
._terminalModal_cxc5c_1027 ._terminalWindow_cxc5c_1040 ._terminalWindowHeader_cxc5c_1052 ._terminalWindowTitle_cxc5c_1060 svg {
  width: 16px;
  height: 16px;
  color: #00ff88;
}
._terminalModal_cxc5c_1027 ._terminalWindow_cxc5c_1040 ._terminalWindowHeader_cxc5c_1052 ._terminalWindowActions_cxc5c_1073 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._terminalModal_cxc5c_1027 ._terminalWindow_cxc5c_1040 ._terminalWindowHeader_cxc5c_1052 ._terminalWindowActions_cxc5c_1073 ._terminalAction_cxc5c_1078 {
  padding: 6px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.2s ease;
}
._terminalModal_cxc5c_1027 ._terminalWindow_cxc5c_1040 ._terminalWindowHeader_cxc5c_1052 ._terminalWindowActions_cxc5c_1073 ._terminalAction_cxc5c_1078:hover {
  background: rgba(255, 255, 255, 0.2);
}
._terminalModal_cxc5c_1027 ._terminalWindow_cxc5c_1040 ._terminalWindowHeader_cxc5c_1052 ._terminalWindowActions_cxc5c_1073 ._terminalAction_cxc5c_1078 svg {
  width: 14px;
  height: 14px;
}
._terminalModal_cxc5c_1027 ._terminalWindow_cxc5c_1040 ._terminalWindowBody_cxc5c_1094 {
  flex: 1;
  position: relative;
}
._terminalModal_cxc5c_1027 ._terminalWindow_cxc5c_1040 ._terminalWindowBody_cxc5c_1094 ._terminalContainer_cxc5c_1098 {
  width: 100%;
  height: 100%;
  background: #000000;
}
._terminalModal_cxc5c_1027 ._terminalWindow_cxc5c_1040 ._terminalWindowBody_cxc5c_1094 ._terminalContainer_cxc5c_1098 ._xterm_cxc5c_1103 {
  width: 100%;
  height: 100%;
  cursor: text;
}
._terminalModal_cxc5c_1027 ._terminalWindow_cxc5c_1040 ._terminalWindowBody_cxc5c_1094 ._terminalContainer_cxc5c_1098 ._xterm_cxc5c_1103 ._xterm-viewport_cxc5c_1108 {
  background-color: #000000;
  overflow-y: scroll;
  cursor: default;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}
._terminalModal_cxc5c_1027 ._terminalWindow_cxc5c_1040 ._terminalWindowBody_cxc5c_1094 ._terminalContainer_cxc5c_1098 ._xterm_cxc5c_1103 ._xterm-screen_cxc5c_1118 {
  position: relative;
}
._terminalModal_cxc5c_1027 ._terminalWindow_cxc5c_1040 ._terminalWindowBody_cxc5c_1094 ._terminalContainer_cxc5c_1098 ._xterm_cxc5c_1103 ._xterm-rows_cxc5c_1121 {
  position: absolute;
  left: 0;
  top: 0;
}
._terminalModal_cxc5c_1027 ._terminalWindow_cxc5c_1040 ._terminalWindowBody_cxc5c_1094 ._terminalContainer_cxc5c_1098 ._xterm_cxc5c_1103 ._xterm-cursor_cxc5c_1126 {
  background-color: #ffffff;
  color: #000000;
}
._terminalModal_cxc5c_1027 ._terminalWindow_cxc5c_1040 ._terminalWindowBody_cxc5c_1094 ._terminalContainer_cxc5c_1098 ._xterm_cxc5c_1103 ._xterm-selection_cxc5c_1130 {
  background-color: rgba(255, 255, 255, 0.3);
}

._modal_cxc5c_31 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
._modal_cxc5c_31 ._modalContent_cxc5c_31 {
  width: 90vw;
  max-width: 600px;
  max-height: 80vh;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  overflow: hidden;
}
._modal_cxc5c_31 ._modalContent_cxc5c_31 ._modalHeader_cxc5c_1157 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
._modal_cxc5c_31 ._modalContent_cxc5c_31 ._modalHeader_cxc5c_1157 h2 {
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
  margin: 0;
}
._modal_cxc5c_31 ._modalContent_cxc5c_31 ._modalHeader_cxc5c_1157 button {
  padding: 8px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.2s ease;
}
._modal_cxc5c_31 ._modalContent_cxc5c_31 ._modalHeader_cxc5c_1157 button:hover {
  background: rgba(255, 255, 255, 0.2);
}
._modal_cxc5c_31 ._modalContent_cxc5c_31 ._modalHeader_cxc5c_1157 button svg {
  width: 16px;
  height: 16px;
}
._modal_cxc5c_31 ._modalContent_cxc5c_31 ._modalBody_cxc5c_1186 {
  padding: 24px;
  max-height: 60vh;
  overflow-y: auto;
}
._modal_cxc5c_31 ._modalContent_cxc5c_31 ._modalBody_cxc5c_1186 form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
._modal_cxc5c_31 ._modalContent_cxc5c_31 ._modalBody_cxc5c_1186 form ._formGroup_cxc5c_1196 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._modal_cxc5c_31 ._modalContent_cxc5c_31 ._modalBody_cxc5c_1186 form ._formGroup_cxc5c_1196 label {
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
}
._modal_cxc5c_31 ._modalContent_cxc5c_31 ._modalBody_cxc5c_1186 form ._formGroup_cxc5c_1196 input,
._modal_cxc5c_31 ._modalContent_cxc5c_31 ._modalBody_cxc5c_1186 form ._formGroup_cxc5c_1196 select {
  padding: 10px 12px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  color: #ffffff;
  font-size: 14px;
  transition: all 0.2s ease;
}
._modal_cxc5c_31 ._modalContent_cxc5c_31 ._modalBody_cxc5c_1186 form ._formGroup_cxc5c_1196 input:focus,
._modal_cxc5c_31 ._modalContent_cxc5c_31 ._modalBody_cxc5c_1186 form ._formGroup_cxc5c_1196 select:focus {
  outline: none;
  border-color: #00ff88;
  background: rgba(255, 255, 255, 0.15);
}
._modal_cxc5c_31 ._modalContent_cxc5c_31 ._modalBody_cxc5c_1186 form ._formGroup_cxc5c_1196 input::-moz-placeholder, ._modal_cxc5c_31 ._modalContent_cxc5c_31 ._modalBody_cxc5c_1186 form ._formGroup_cxc5c_1196 select::-moz-placeholder {
  color: #888888;
}
._modal_cxc5c_31 ._modalContent_cxc5c_31 ._modalBody_cxc5c_1186 form ._formGroup_cxc5c_1196 input::placeholder,
._modal_cxc5c_31 ._modalContent_cxc5c_31 ._modalBody_cxc5c_1186 form ._formGroup_cxc5c_1196 select::placeholder {
  color: #888888;
}
._modal_cxc5c_31 ._modalContent_cxc5c_31 ._modalBody_cxc5c_1186 form ._formGroup_cxc5c_1196 select {
  cursor: pointer;
}
._modal_cxc5c_31 ._modalContent_cxc5c_31 ._modalBody_cxc5c_1186 form ._formGroup_cxc5c_1196 select option {
  background: #1a1a1a;
  color: #ffffff;
}
._modal_cxc5c_31 ._modalContent_cxc5c_31 ._modalBody_cxc5c_1186 form ._formRow_cxc5c_1233 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
._modal_cxc5c_31 ._modalContent_cxc5c_31 ._modalBody_cxc5c_1186 form ._modalActions_cxc5c_1238 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
._modal_cxc5c_31 ._modalContent_cxc5c_31 ._modalBody_cxc5c_1186 form ._modalActions_cxc5c_1238 button {
  padding: 10px 20px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
._modal_cxc5c_31 ._modalContent_cxc5c_31 ._modalBody_cxc5c_1186 form ._modalActions_cxc5c_1238 button:first-child {
  background: transparent;
  color: #888888;
}
._modal_cxc5c_31 ._modalContent_cxc5c_31 ._modalBody_cxc5c_1186 form ._modalActions_cxc5c_1238 button:first-child:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}
._modal_cxc5c_31 ._modalContent_cxc5c_31 ._modalBody_cxc5c_1186 form ._modalActions_cxc5c_1238 button._primary_cxc5c_343 {
  background: #00ff88;
  color: #000000;
  display: flex;
  align-items: center;
  gap: 8px;
}
._modal_cxc5c_31 ._modalContent_cxc5c_31 ._modalBody_cxc5c_1186 form ._modalActions_cxc5c_1238 button._primary_cxc5c_343:hover {
  background: #00cc6a;
  transform: translateY(-1px);
}
._modal_cxc5c_31 ._modalContent_cxc5c_31 ._modalBody_cxc5c_1186 form ._modalActions_cxc5c_1238 button._primary_cxc5c_343 svg {
  width: 16px;
  height: 16px;
}

@media (max-width: 768px) {
  ._header_cxc5c_133 {
    flex-direction: column;
    gap: 16px;
    padding: 16px;
  }
  ._header_cxc5c_133 ._headerLeft_cxc5c_145,
  ._header_cxc5c_133 ._headerRight_cxc5c_175 {
    width: 100%;
    justify-content: space-between;
  }
  ._header_cxc5c_133 ._globalStats_cxc5c_180 {
    flex-wrap: wrap;
    gap: 12px;
  }
  ._header_cxc5c_133 ._globalStats_cxc5c_180 ._statItem_cxc5c_185 {
    flex: 1;
    min-width: 120px;
  }
  ._tabNavigation_cxc5c_241 {
    padding: 0 16px;
  }
  ._content_cxc5c_287 {
    padding: 16px;
  }
  ._overview_cxc5c_293 ._statsGrid_cxc5c_298 {
    grid-template-columns: 1fr;
  }
  ._overview_cxc5c_293 ._zoneGrid_cxc5c_412 {
    grid-template-columns: 1fr;
  }
  ._containers_cxc5c_551 ._containerControls_cxc5c_556 {
    flex-direction: column;
    gap: 16px;
  }
  ._containers_cxc5c_551 ._containerControls_cxc5c_556 ._controlsLeft_cxc5c_567,
  ._containers_cxc5c_551 ._containerControls_cxc5c_556 ._controlsRight_cxc5c_629 {
    width: 100%;
  }
  ._containers_cxc5c_551 ._containerControls_cxc5c_556 ._controlsLeft_cxc5c_567 {
    flex-direction: column;
    gap: 12px;
  }
  ._containers_cxc5c_551 ._containerControls_cxc5c_556 ._controlsLeft_cxc5c_567 ._searchBox_cxc5c_573 {
    max-width: none;
  }
  ._containers_cxc5c_551 ._containerControls_cxc5c_556 ._controlsLeft_cxc5c_567 ._filters_cxc5c_605 {
    flex-wrap: wrap;
    gap: 8px;
  }
  ._containers_cxc5c_551 ._containerControls_cxc5c_556 ._controlsLeft_cxc5c_567 ._filters_cxc5c_605 select {
    flex: 1;
    min-width: 120px;
  }
  ._containerList_cxc5c_698._grid_cxc5c_702 {
    grid-template-columns: 1fr;
  }
  ._containerCard_cxc5c_29 ._containerActions_cxc5c_858 {
    gap: 6px;
  }
  ._containerCard_cxc5c_29 ._containerActions_cxc5c_858 ._actionButton_cxc5c_214 {
    flex: 1;
    justify-content: center;
  }
  ._containerCard_cxc5c_29 ._containerActions_cxc5c_858 ._actionButton_cxc5c_214 span {
    display: none;
  }
  ._terminalModal_cxc5c_1027 ._terminalWindow_cxc5c_1040 {
    width: 95vw;
    height: 90vh;
  }
  ._modal_cxc5c_31 ._modalContent_cxc5c_31 {
    width: 95vw;
  }
  ._modal_cxc5c_31 ._modalContent_cxc5c_31 ._modalBody_cxc5c_1186 form ._formRow_cxc5c_1233 {
    grid-template-columns: 1fr;
  }
}
@keyframes _fadeIn_cxc5c_1 {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes _slideIn_cxc5c_1 {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes _pulse_cxc5c_1 {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
}
@keyframes _spin_cxc5c_1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
._animate-fadeIn_cxc5c_1392 {
  animation: _fadeIn_cxc5c_1 0.3s ease-out;
}

._animate-slideIn_cxc5c_1396 {
  animation: _slideIn_cxc5c_1 0.3s ease-out;
}

._animate-pulse_cxc5c_1400 {
  animation: _pulse_cxc5c_1 2s infinite;
}

._animate-spin_cxc5c_1404 {
  animation: _spin_cxc5c_1 1s linear infinite;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.5);
}

._nodes_cxc5c_1426 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
._nodes_cxc5c_1426 ._nodesHeader_cxc5c_1431 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
._nodes_cxc5c_1426 ._nodesHeader_cxc5c_1431 h2 {
  font-size: 24px;
  font-weight: 600;
  color: #ffffff;
  margin: 0;
}
._nodes_cxc5c_1426 ._nodesHeader_cxc5c_1431 p {
  font-size: 14px;
  color: #888888;
  margin: 0;
}
._nodes_cxc5c_1426 ._nodesGrid_cxc5c_1448 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: 20px;
}
._nodes_cxc5c_1426 ._nodesGrid_cxc5c_1448 ._nodeCard_cxc5c_1453 {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 20px;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  transition: all 0.3s ease;
}
._nodes_cxc5c_1426 ._nodesGrid_cxc5c_1448 ._nodeCard_cxc5c_1453:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.2);
}
._nodes_cxc5c_1426 ._nodesGrid_cxc5c_1448 ._nodeCard_cxc5c_1453 ._nodeHeader_cxc5c_1466 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
._nodes_cxc5c_1426 ._nodesGrid_cxc5c_1448 ._nodeCard_cxc5c_1453 ._nodeHeader_cxc5c_1466 ._nodeInfo_cxc5c_1472 {
  display: flex;
  align-items: center;
  gap: 12px;
}
._nodes_cxc5c_1426 ._nodesGrid_cxc5c_1448 ._nodeCard_cxc5c_1453 ._nodeHeader_cxc5c_1466 ._nodeInfo_cxc5c_1472 ._nodeIcon_cxc5c_1477 {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: linear-gradient(135deg, #00ff88 0%, #ff6635 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}
._nodes_cxc5c_1426 ._nodesGrid_cxc5c_1448 ._nodeCard_cxc5c_1453 ._nodeHeader_cxc5c_1466 ._nodeInfo_cxc5c_1472 ._nodeIcon_cxc5c_1477 svg {
  width: 20px;
  height: 20px;
  color: white;
}
._nodes_cxc5c_1426 ._nodesGrid_cxc5c_1448 ._nodeCard_cxc5c_1453 ._nodeHeader_cxc5c_1466 ._nodeInfo_cxc5c_1472 h3 {
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  margin: 0 0 4px 0;
}
._nodes_cxc5c_1426 ._nodesGrid_cxc5c_1448 ._nodeCard_cxc5c_1453 ._nodeHeader_cxc5c_1466 ._nodeInfo_cxc5c_1472 p {
  font-size: 12px;
  color: #888888;
  margin: 0;
}
._nodes_cxc5c_1426 ._nodesGrid_cxc5c_1448 ._nodeCard_cxc5c_1453 ._nodeHeader_cxc5c_1466 ._nodeStatus_cxc5c_1502 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 6px;
}
._nodes_cxc5c_1426 ._nodesGrid_cxc5c_1448 ._nodeCard_cxc5c_1453 ._nodeHeader_cxc5c_1466 ._nodeStatus_cxc5c_1502 svg {
  width: 14px;
  height: 14px;
}
._nodes_cxc5c_1426 ._nodesGrid_cxc5c_1448 ._nodeCard_cxc5c_1453 ._nodeHeader_cxc5c_1466 ._nodeStatus_cxc5c_1502 ._statusText_cxc5c_775 {
  font-size: 12px;
  font-weight: 500;
  text-transform: capitalize;
  color: #10b981;
}
._nodes_cxc5c_1426 ._nodesGrid_cxc5c_1448 ._nodeCard_cxc5c_1453 ._nodeBody_cxc5c_1520 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
._nodes_cxc5c_1426 ._nodesGrid_cxc5c_1448 ._nodeCard_cxc5c_1453 ._nodeBody_cxc5c_1520 ._nodeResources_cxc5c_1525 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._nodes_cxc5c_1426 ._nodesGrid_cxc5c_1448 ._nodeCard_cxc5c_1453 ._nodeBody_cxc5c_1520 ._nodeResources_cxc5c_1525 ._resourceStat_cxc5c_1530 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
}
._nodes_cxc5c_1426 ._nodesGrid_cxc5c_1448 ._nodeCard_cxc5c_1453 ._nodeBody_cxc5c_1520 ._nodeResources_cxc5c_1525 ._resourceStat_cxc5c_1530 span:first-child {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #888888;
}
._nodes_cxc5c_1426 ._nodesGrid_cxc5c_1448 ._nodeCard_cxc5c_1453 ._nodeBody_cxc5c_1520 ._nodeResources_cxc5c_1525 ._resourceStat_cxc5c_1530 span:first-child svg {
  width: 14px;
  height: 14px;
  color: #00ff88;
}
._nodes_cxc5c_1426 ._nodesGrid_cxc5c_1448 ._nodeCard_cxc5c_1453 ._nodeBody_cxc5c_1520 ._nodeResources_cxc5c_1525 ._resourceStat_cxc5c_1530 ._resourceValue_cxc5c_1547 {
  font-weight: 600;
  color: #ffffff;
}
._nodes_cxc5c_1426 ._nodesGrid_cxc5c_1448 ._nodeCard_cxc5c_1453 ._nodeBody_cxc5c_1520 ._nodeMetrics_cxc5c_1551 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._nodes_cxc5c_1426 ._nodesGrid_cxc5c_1448 ._nodeCard_cxc5c_1453 ._nodeBody_cxc5c_1520 ._nodeMetrics_cxc5c_1551 ._metricRow_cxc5c_1556 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._nodes_cxc5c_1426 ._nodesGrid_cxc5c_1448 ._nodeCard_cxc5c_1453 ._nodeBody_cxc5c_1520 ._nodeMetrics_cxc5c_1551 ._metricRow_cxc5c_1556 span {
  font-size: 11px;
  color: #888888;
  font-weight: 500;
}
._nodes_cxc5c_1426 ._nodesGrid_cxc5c_1448 ._nodeCard_cxc5c_1453 ._nodeBody_cxc5c_1520 ._nodeMetrics_cxc5c_1551 ._metricRow_cxc5c_1556 ._metricBar_cxc5c_820 {
  width: 100%;
  height: 4px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
  overflow: hidden;
}
._nodes_cxc5c_1426 ._nodesGrid_cxc5c_1448 ._nodeCard_cxc5c_1453 ._nodeBody_cxc5c_1520 ._nodeMetrics_cxc5c_1551 ._metricRow_cxc5c_1556 ._metricBar_cxc5c_820 ._metricFill_cxc5c_827 {
  height: 100%;
  background: linear-gradient(90deg, #00ff88 0%, #ff6635 100%);
  transition: width 0.3s ease;
}
._nodes_cxc5c_1426 ._nodesGrid_cxc5c_1448 ._nodeCard_cxc5c_1453 ._nodeBody_cxc5c_1520 ._nodeDetails_cxc5c_1578 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
._nodes_cxc5c_1426 ._nodesGrid_cxc5c_1448 ._nodeCard_cxc5c_1453 ._nodeBody_cxc5c_1520 ._nodeDetails_cxc5c_1578 > div {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
}
._nodes_cxc5c_1426 ._nodesGrid_cxc5c_1448 ._nodeCard_cxc5c_1453 ._nodeBody_cxc5c_1520 ._nodeDetails_cxc5c_1578 > div span:first-child {
  color: #888888;
}
._nodes_cxc5c_1426 ._nodesGrid_cxc5c_1448 ._nodeCard_cxc5c_1453 ._nodeBody_cxc5c_1520 ._nodeDetails_cxc5c_1578 > div span:last-child {
  color: #ffffff;
  font-weight: 500;
}
._nodes_cxc5c_1426 ._nodesGrid_cxc5c_1448 ._nodeCard_cxc5c_1453 ._nodeBody_cxc5c_1520 ._nodeLabels_cxc5c_1598 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
._nodes_cxc5c_1426 ._nodesGrid_cxc5c_1448 ._nodeCard_cxc5c_1453 ._nodeBody_cxc5c_1520 ._nodeLabels_cxc5c_1598 ._nodeLabel_cxc5c_1598 {
  padding: 4px 8px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  font-size: 11px;
  color: #888888;
}
._nodes_cxc5c_1426 ._nodesGrid_cxc5c_1448 ._nodeCard_cxc5c_1453 ._nodeActions_cxc5c_1611 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
._nodes_cxc5c_1426 ._nodesGrid_cxc5c_1448 ._nodeCard_cxc5c_1453 ._nodeActions_cxc5c_1611 button {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 6px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
._nodes_cxc5c_1426 ._nodesGrid_cxc5c_1448 ._nodeCard_cxc5c_1453 ._nodeActions_cxc5c_1611 button:hover {
  background: rgba(255, 255, 255, 0.2);
  transform: translateY(-1px);
}
._nodes_cxc5c_1426 ._nodesGrid_cxc5c_1448 ._nodeCard_cxc5c_1453 ._nodeActions_cxc5c_1611 button._danger_cxc5c_885 {
  color: #ef4444;
  border-color: rgba(239, 68, 68, 0.3);
}
._nodes_cxc5c_1426 ._nodesGrid_cxc5c_1448 ._nodeCard_cxc5c_1453 ._nodeActions_cxc5c_1611 button._danger_cxc5c_885:hover {
  background: rgba(239, 68, 68, 0.2);
}
._nodes_cxc5c_1426 ._nodesGrid_cxc5c_1448 ._nodeCard_cxc5c_1453 ._nodeActions_cxc5c_1611 button svg {
  width: 14px;
  height: 14px;
}

._metrics_cxc5c_1651 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
._metrics_cxc5c_1651 ._metricsHeader_cxc5c_1656 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
._metrics_cxc5c_1651 ._metricsHeader_cxc5c_1656 h2 {
  font-size: 24px;
  font-weight: 600;
  color: #ffffff;
  margin: 0;
}
._metrics_cxc5c_1651 ._metricsHeader_cxc5c_1656 p {
  font-size: 14px;
  color: #888888;
  margin: 0;
}
._metrics_cxc5c_1651 ._metricsGrid_cxc5c_1673 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 24px;
}
._metrics_cxc5c_1651 ._metricsGrid_cxc5c_1673 ._metricCard_cxc5c_1678 {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 24px;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  transition: all 0.3s ease;
}
._metrics_cxc5c_1651 ._metricsGrid_cxc5c_1673 ._metricCard_cxc5c_1678:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.2);
}
._metrics_cxc5c_1651 ._metricsGrid_cxc5c_1673 ._metricCard_cxc5c_1678 h3 {
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
  margin: 0 0 16px 0;
}
._metrics_cxc5c_1651 ._metricsGrid_cxc5c_1673 ._metricCard_cxc5c_1678 ._nodeUtilization_cxc5c_1697 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
._metrics_cxc5c_1651 ._metricsGrid_cxc5c_1673 ._metricCard_cxc5c_1678 ._nodeUtilization_cxc5c_1697:last-child {
  border-bottom: none;
}
._metrics_cxc5c_1651 ._metricsGrid_cxc5c_1673 ._metricCard_cxc5c_1678 ._nodeUtilization_cxc5c_1697 ._nodeLabel_cxc5c_1598 {
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
}
._metrics_cxc5c_1651 ._metricsGrid_cxc5c_1673 ._metricCard_cxc5c_1678 ._nodeUtilization_cxc5c_1697 > div:last-child {
  display: flex;
  align-items: center;
  gap: 24px;
}
._metrics_cxc5c_1651 ._metricsGrid_cxc5c_1673 ._metricCard_cxc5c_1678 ._nodeUtilization_cxc5c_1697 > div:last-child > div {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
}
._metrics_cxc5c_1651 ._metricsGrid_cxc5c_1673 ._metricCard_cxc5c_1678 ._nodeUtilization_cxc5c_1697 > div:last-child > div span:first-child {
  color: #888888;
}
._metrics_cxc5c_1651 ._metricsGrid_cxc5c_1673 ._metricCard_cxc5c_1678 ._nodeUtilization_cxc5c_1697 > div:last-child > div span:last-child {
  font-weight: 600;
  color: #ffffff;
}

:root {
  --primary-color: #00ff88;
  --secondary-color: #ff6635;
  --accent-color: #8b5cf6;
  --success-color: #10b981;
  --warning-color: #f59e0b;
  --error-color: #ef4444;
  --info-color: #3b82f6;
  --text-primary: #ffffff;
  --text-secondary: #888888;
  --background-primary: rgba(255, 255, 255, 0.05);
  --background-secondary: rgba(255, 255, 255, 0.1);
  --border-color: rgba(255, 255, 255, 0.1);
  --shadow-color: rgba(0, 0, 0, 0.3);
}._pluginContainer_psmuz_1 {
  padding: 2rem;
  background: linear-gradient(135deg, #0f1419 0%, #1a1f36 100%);
  min-height: 100vh;
  color: #ffffff;
}

._header_psmuz_8 {
  text-align: center;
  margin-bottom: 2rem;
}

._title_psmuz_13 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  font-size: 2.5rem;
  font-weight: bold;
  background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  margin-bottom: 0.5rem;
}

._titleIcon_psmuz_27 {
  width: 3rem;
  height: 3rem;
  color: #ff6b35;
}

._subtitle_psmuz_33 {
  color: #888;
  font-size: 1.1rem;
}

._tabs_psmuz_38 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 2rem;
  justify-content: center;
}

._tabButton_psmuz_46 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 0.5rem;
  color: #fff;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 0.9rem;
}
._tabButton_psmuz_46:hover {
  background: rgba(255, 255, 255, 0.15);
  transform: translateY(-2px);
}
._tabButton_psmuz_46._active_psmuz_63 {
  background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
  border-color: #ff6b35;
  box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);
}

._content_psmuz_69 {
  max-width: 1200px;
  margin: 0 auto;
}

._card_psmuz_74 {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 1rem;
  padding: 2rem;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}

._cardHeader_psmuz_83 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2rem;
}
._cardHeader_psmuz_83 h2 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 1.5rem;
  margin: 0;
}

._button_psmuz_97 {
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  border: none;
  cursor: pointer;
  font-weight: 600;
  transition: all 0.3s ease;
}
._button_psmuz_97:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

._buttonPrimary_psmuz_110 {
  background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
  color: white;
}
._buttonPrimary_psmuz_110:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);
}

._buttonSecondary_psmuz_119 {
  background: rgba(255, 255, 255, 0.1);
  color: white;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
._buttonSecondary_psmuz_119:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.15);
}

._statsGrid_psmuz_128 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.5rem;
  margin-bottom: 2rem;
}

._statCard_psmuz_135 {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.75rem;
  padding: 1.5rem;
}

._statHeader_psmuz_142 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
._statHeader_psmuz_142 span {
  color: #888;
  font-size: 0.9rem;
}

._statValue_psmuz_153 {
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  margin-bottom: 0.5rem;
}

._statLabel_psmuz_160 {
  color: #888;
  font-size: 0.8rem;
}

._progressBar_psmuz_165 {
  width: 100%;
  height: 0.5rem;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 0.25rem;
  overflow: hidden;
}

._progressFill_psmuz_173 {
  height: 100%;
  background: linear-gradient(90deg, #00ff88 0%, #0099ff 100%);
  transition: width 0.3s ease;
}

._section_psmuz_179 {
  margin-top: 2rem;
}
._section_psmuz_179 h3 {
  font-size: 1.2rem;
  margin-bottom: 1rem;
  color: #fff;
}

._tagList_psmuz_188 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

._tag_psmuz_188 {
  padding: 0.5rem 1rem;
  background: rgba(138, 43, 226, 0.2);
  color: #dda0dd;
  border-radius: 1rem;
  font-size: 0.85rem;
  border: 1px solid rgba(138, 43, 226, 0.3);
}

._tableContainer_psmuz_203 {
  overflow-x: auto;
  margin-top: 1rem;
}

._table_psmuz_203 {
  width: 100%;
  border-collapse: collapse;
}
._table_psmuz_203 th, ._table_psmuz_203 td {
  padding: 1rem;
  text-align: left;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
._table_psmuz_203 th {
  background: rgba(255, 255, 255, 0.05);
  font-weight: 600;
  color: #fff;
}
._table_psmuz_203 td {
  color: #ccc;
}

._status_psmuz_226 {
  padding: 0.25rem 0.75rem;
  border-radius: 1rem;
  font-size: 0.8rem;
  font-weight: 600;
}
._status_psmuz_226._active_psmuz_63 {
  background: rgba(0, 255, 136, 0.2);
  color: #00ff88;
}
._status_psmuz_226._idle_psmuz_236 {
  background: rgba(255, 193, 7, 0.2);
  color: #ffc107;
}
._status_psmuz_226._charging_psmuz_240 {
  background: rgba(0, 153, 255, 0.2);
  color: #0099ff;
}
._status_psmuz_226._maintenance_psmuz_244 {
  background: rgba(255, 107, 53, 0.2);
  color: #ff6b35;
}

._batteryInfo_psmuz_249 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._actionButtons_psmuz_255 {
  display: flex;
  gap: 0.5rem;
}

._actionButton_psmuz_255 {
  padding: 0.5rem 1rem;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 0.25rem;
  color: white;
  cursor: pointer;
  font-size: 0.85rem;
  transition: all 0.3s ease;
}
._actionButton_psmuz_255:hover {
  background: rgba(255, 255, 255, 0.2);
}

._storeGrid_psmuz_274 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 1.5rem;
}

._storeCard_psmuz_280 {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.75rem;
  padding: 1.5rem;
}

._storeHeader_psmuz_287 {
  display: flex;
  align-items: center;
  justify-content: between;
  margin-bottom: 1rem;
}
._storeHeader_psmuz_287 h3 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  font-size: 1.1rem;
}

._revenue_psmuz_301 {
  color: #00ff88;
  font-weight: bold;
  font-size: 1.2rem;
}

._storeStats_psmuz_307 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 1rem;
}

._storeStat_psmuz_307 span {
  display: block;
  color: #888;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
._storeStat_psmuz_307 div {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.1rem;
  font-weight: 600;
}

._inventory_psmuz_328 {
  margin-bottom: 1rem;
}
._inventory_psmuz_328 h4 {
  color: #888;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}

._inventoryItem_psmuz_337 {
  display: flex;
  justify-content: space-between;
  padding: 0.25rem 0;
  font-size: 0.85rem;
}
._inventoryItem_psmuz_337 span:first-child {
  color: #ccc;
}
._inventoryItem_psmuz_337 span:last-child {
  color: #888;
}

._efficiency_psmuz_350 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

._efficiencyValue_psmuz_358 {
  color: #00ff88;
  font-weight: bold;
  font-size: 1.1rem;
}

._zones_psmuz_364 {
  margin-top: 2rem;
}
._zones_psmuz_364 h3 {
  margin-bottom: 1rem;
}

._zoneGrid_psmuz_371 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1rem;
}

._zone_psmuz_364 {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.5rem;
  padding: 1rem;
  background: rgba(255, 255, 255, 0.02);
}
._zone_psmuz_364 h4 {
  color: #fff;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
._zone_psmuz_364 p {
  color: #888;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
}

._zoneStatus_psmuz_394 {
  font-size: 0.9rem;
  font-weight: 600;
}

._metricsGrid_psmuz_399 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1.5rem;
  margin-bottom: 2rem;
}

._metricCard_psmuz_406 {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.75rem;
  padding: 1.5rem;
  text-align: center;
}
._metricCard_psmuz_406 h3 {
  color: #888;
  font-size: 1rem;
  margin-bottom: 1rem;
}

._metricValue_psmuz_419 {
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  margin-bottom: 0.5rem;
}

._materials_psmuz_426 h3 {
  margin-bottom: 1rem;
}

._materialItem_psmuz_430 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
._materialItem_psmuz_430 span:first-child {
  color: #ccc;
  text-transform: capitalize;
  min-width: 100px;
}

._materialProgress_psmuz_442 {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex: 1;
}
._materialProgress_psmuz_442 span {
  color: #888;
  font-size: 0.85rem;
  min-width: 60px;
  text-align: right;
}

._activities_psmuz_455 h3 {
  margin-bottom: 1rem;
}

._activityList_psmuz_459 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._activity_psmuz_459 {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.75rem;
  background: rgba(255, 255, 255, 0.02);
  border-radius: 0.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
._activity_psmuz_459 span:nth-child(2) {
  flex: 1;
  color: #ccc;
}

._time_psmuz_479 {
  color: #888;
  font-size: 0.85rem;
  min-width: 80px;
  text-align: right;
}

._headerStats_psmuz_486 {
  display: flex;
  gap: 2rem;
  align-items: center;
}

._headerStat_psmuz_486 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
._headerStat_psmuz_486 span:first-child {
  color: #888;
  font-size: 0.85rem;
}
._headerStat_psmuz_486 ._statValue_psmuz_153 {
  color: #00ff88;
  font-weight: bold;
  font-size: 1.1rem;
}

._growFarmGrid_psmuz_508 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 1.5rem;
  margin-bottom: 2rem;
}

._growFarmCard_psmuz_515 {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 1rem;
  padding: 1.5rem;
  cursor: pointer;
  transition: all 0.3s ease;
}
._growFarmCard_psmuz_515:hover {
  background: rgba(255, 255, 255, 0.08);
  transform: translateY(-2px);
}
._growFarmCard_psmuz_515._selected_psmuz_527 {
  border-color: #00ff88;
  box-shadow: 0 0 20px rgba(0, 255, 136, 0.2);
}

._farmHeader_psmuz_532 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1rem;
}

._farmInfo_psmuz_539 h3 {
  margin: 0 0 0.5rem 0;
  color: #fff;
  font-size: 1.2rem;
}
._farmInfo_psmuz_539 ._location_psmuz_544 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: #888;
  font-size: 0.85rem;
}

._stageIndicator_psmuz_552 {
  text-align: right;
}
._stageIndicator_psmuz_552 ._stageDays_psmuz_555 {
  display: block;
  color: #888;
  font-size: 0.8rem;
  margin-top: 0.25rem;
}

._growthStage_psmuz_562 {
  padding: 0.25rem 0.75rem;
  border-radius: 1rem;
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: capitalize;
}
._growthStage_psmuz_562._seedling_psmuz_569 {
  background: rgba(34, 197, 94, 0.2);
  color: #22c55e;
}
._growthStage_psmuz_562._vegetative_psmuz_573 {
  background: rgba(59, 130, 246, 0.2);
  color: #3b82f6;
}
._growthStage_psmuz_562._flowering_psmuz_577 {
  background: rgba(147, 51, 234, 0.2);
  color: #9333ea;
}
._growthStage_psmuz_562._harvest_psmuz_581 {
  background: rgba(245, 158, 11, 0.2);
  color: #f59e0b;
}

._farmMetrics_psmuz_586 {
  margin-bottom: 1rem;
}

._metricRow_psmuz_590 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
._metricRow_psmuz_590 span:first-child {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #ccc;
  font-size: 0.9rem;
}
._metricRow_psmuz_590 span:last-child {
  color: #fff;
  font-weight: 600;
}

._farmPredictions_psmuz_609 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 1rem;
  padding: 1rem;
  background: rgba(255, 255, 255, 0.02);
  border-radius: 0.5rem;
}

._prediction_psmuz_619 {
  text-align: center;
}
._prediction_psmuz_619 span:first-child {
  display: block;
  color: #888;
  font-size: 0.8rem;
  margin-bottom: 0.25rem;
}
._prediction_psmuz_619 ._yieldValue_psmuz_628 {
  color: #00ff88;
  font-weight: bold;
  font-size: 1.1rem;
}
._prediction_psmuz_619 ._harvestDate_psmuz_633 {
  color: #ffc107;
  font-weight: 600;
}

._farmStatus_psmuz_638 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1rem;
}

._statusItem_psmuz_644 span:first-child {
  display: block;
  color: #888;
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
}

._qualityBar_psmuz_651 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._qualityBar_psmuz_651 ._qualityFill_psmuz_656 {
  flex: 1;
  height: 0.5rem;
  background: linear-gradient(90deg, #ff6b35 0%, #f7931e 50%, #00ff88 100%);
  border-radius: 0.25rem;
  position: relative;
}
._qualityBar_psmuz_651 ._qualityFill_psmuz_656::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 0.25rem;
}
._qualityBar_psmuz_651 span {
  color: #fff;
  font-size: 0.85rem;
  font-weight: 600;
}

._complianceIndicator_psmuz_679 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._complianceIndicator_psmuz_679 ._compliant_psmuz_684 {
  color: #00ff88;
}
._complianceIndicator_psmuz_679 ._warning_psmuz_687 {
  color: #ffc107;
}
._complianceIndicator_psmuz_679 span {
  color: #fff;
  font-size: 0.85rem;
  font-weight: 600;
}

._neuralStatus_psmuz_696 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
}
._neuralStatus_psmuz_696 ._active_psmuz_63 {
  color: #00ff88;
}
._neuralStatus_psmuz_696 ._inactive_psmuz_705 {
  color: #888;
}

._farmDetail_psmuz_709 {
  margin-top: 2rem;
  padding: 1.5rem;
  background: rgba(255, 255, 255, 0.02);
  border-radius: 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
._farmDetail_psmuz_709 h3 {
  margin-bottom: 1rem;
  color: #fff;
}

._controlButtons_psmuz_721 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 1rem;
}

._controlButton_psmuz_721 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 0.5rem;
  color: white;
  cursor: pointer;
  transition: all 0.3s ease;
}
._controlButton_psmuz_721:hover {
  background: rgba(255, 255, 255, 0.15);
  transform: translateY(-2px);
}

._neuralInterface_psmuz_745 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  margin-bottom: 2rem;
}

._neuralControls_psmuz_752 h3 {
  margin-bottom: 1rem;
  color: #fff;
}

._thoughtCommands_psmuz_757 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._commandCard_psmuz_763 {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.75rem;
  transition: all 0.3s ease;
}
._commandCard_psmuz_763:hover {
  background: rgba(255, 255, 255, 0.08);
}

._commandIcon_psmuz_777 {
  width: 2.5rem;
  height: 2.5rem;
  background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  flex-shrink: 0;
}

._commandInfo_psmuz_789 {
  flex: 1;
}
._commandInfo_psmuz_789 h4 {
  margin: 0 0 0.25rem 0;
  color: #fff;
  font-size: 1rem;
}
._commandInfo_psmuz_789 p {
  margin: 0;
  color: #888;
  font-size: 0.85rem;
}

._commandStatus_psmuz_803 {
  color: #00ff88;
  font-size: 0.85rem;
  font-weight: 600;
  flex-shrink: 0;
}

._neuralFeedback_psmuz_810 h3 {
  margin-bottom: 1rem;
  color: #fff;
}

._brainWaves_psmuz_815 {
  margin-bottom: 2rem;
}

._waveDisplay_psmuz_819 {
  position: relative;
}
._waveDisplay_psmuz_819 ._brainWaveCanvas_psmuz_822 {
  width: 100%;
  height: 100px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
._waveDisplay_psmuz_819 ._waveLabels_psmuz_829 {
  display: flex;
  justify-content: space-around;
  margin-top: 0.5rem;
}
._waveDisplay_psmuz_819 ._waveLabels_psmuz_829 span {
  color: #888;
  font-size: 0.75rem;
}

._intentionMeter_psmuz_839 h4 {
  margin-bottom: 0.5rem;
  color: #fff;
  font-size: 1rem;
}

._intentionBar_psmuz_845 {
  position: relative;
  width: 100%;
  height: 1.5rem;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 0.75rem;
  overflow: hidden;
  margin-bottom: 0.5rem;
}
._intentionBar_psmuz_845 ._intentionFill_psmuz_854 {
  height: 100%;
  background: linear-gradient(90deg, #9333ea 0%, #c084fc 100%);
  transition: width 0.3s ease;
}
._intentionBar_psmuz_845 ._intentionPercent_psmuz_859 {
  position: absolute;
  top: 50%;
  right: 0.75rem;
  transform: translateY(-50%);
  color: #fff;
  font-size: 0.85rem;
  font-weight: 600;
}

._detectedIntent_psmuz_869 {
  color: #c084fc;
  font-style: italic;
  font-size: 0.9rem;
  margin: 0;
}

._neuralHistory_psmuz_876 h3 {
  margin-bottom: 1rem;
  color: #fff;
}

._commandHistory_psmuz_881 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._historyItem_psmuz_887 {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.75rem;
  background: rgba(255, 255, 255, 0.02);
  border-radius: 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.05);
}
._historyItem_psmuz_887 span:nth-child(2) {
  flex: 1;
  color: #ccc;
  font-size: 0.9rem;
}

._commandSuccess_psmuz_902 {
  color: #00ff88;
  font-size: 0.85rem;
  font-weight: 600;
}

._overallCompliance_psmuz_908 {
  display: flex;
  align-items: center;
  gap: 1rem;
}
._overallCompliance_psmuz_908 ._complianceLabel_psmuz_913 {
  color: #888;
  font-size: 1rem;
}
._overallCompliance_psmuz_908 ._complianceScore_psmuz_917 {
  font-size: 1.5rem;
  font-weight: bold;
}
._overallCompliance_psmuz_908 ._complianceScore_psmuz_917._excellent_psmuz_921 {
  color: #00ff88;
}
._overallCompliance_psmuz_908 ._complianceScore_psmuz_917._good_psmuz_924 {
  color: #ffc107;
}
._overallCompliance_psmuz_908 ._complianceScore_psmuz_917._warning_psmuz_687 {
  color: #ff6b35;
}

._complianceGrid_psmuz_931 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5rem;
  margin-bottom: 2rem;
}

._complianceCard_psmuz_938 {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.75rem;
  padding: 1.5rem;
}

._complianceHeader_psmuz_945 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
._complianceHeader_psmuz_945 span {
  color: #fff;
  font-weight: 600;
}

._complianceValue_psmuz_956 {
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  margin-bottom: 0.5rem;
}

._complianceBar_psmuz_963 {
  width: 100%;
  height: 0.5rem;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 0.25rem;
  overflow: hidden;
  margin-bottom: 1rem;
}
._complianceBar_psmuz_963 ._complianceFill_psmuz_971 {
  height: 100%;
  background: linear-gradient(90deg, #ff6b35 0%, #ffc107 50%, #00ff88 100%);
  transition: width 0.3s ease;
}

._complianceDetails_psmuz_977 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
._complianceDetails_psmuz_977 span {
  color: #888;
  font-size: 0.85rem;
}

._violationsSection_psmuz_987 {
  margin-bottom: 2rem;
}
._violationsSection_psmuz_987 h3 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #ff6b35;
  margin-bottom: 1rem;
}

._violationsList_psmuz_998 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._violation_psmuz_987 {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: rgba(255, 107, 53, 0.1);
  border: 1px solid rgba(255, 107, 53, 0.2);
  border-radius: 0.5rem;
}
._violation_psmuz_987 ._violationIcon_psmuz_1013 {
  color: #ff6b35;
  flex-shrink: 0;
}
._violation_psmuz_987 span {
  flex: 1;
  color: #ccc;
}
._violation_psmuz_987 ._fixButton_psmuz_1021 {
  background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
  color: white;
  border: none;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  cursor: pointer;
  font-size: 0.85rem;
  font-weight: 600;
  transition: all 0.3s ease;
}
._violation_psmuz_987 ._fixButton_psmuz_1021:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(255, 107, 53, 0.3);
}

._recommendationsSection_psmuz_1037 h3 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #00ff88;
  margin-bottom: 1rem;
}

._recommendationsList_psmuz_1045 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._recommendation_psmuz_1037 {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: rgba(0, 255, 136, 0.05);
  border: 1px solid rgba(0, 255, 136, 0.1);
  border-radius: 0.5rem;
}
._recommendation_psmuz_1037 ._recommendationIcon_psmuz_1060 {
  color: #00ff88;
  flex-shrink: 0;
}
._recommendation_psmuz_1037 span {
  flex: 1;
  color: #ccc;
}
._recommendation_psmuz_1037 ._implementButton_psmuz_1068 {
  background: linear-gradient(135deg, #00ff88 0%, #0099ff 100%);
  color: white;
  border: none;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  cursor: pointer;
  font-size: 0.85rem;
  font-weight: 600;
  transition: all 0.3s ease;
}
._recommendation_psmuz_1037 ._implementButton_psmuz_1068:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 255, 136, 0.3);
}

._neuralConnected_psmuz_1084 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #00ff88;
  font-weight: 600;
}

._neuralDisconnected_psmuz_1092 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #888;
  font-weight: 600;
}._container_ir9nk_1 {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--gray-50);
}
._container_ir9nk_1 ._content_ir9nk_8 {
  text-align: center;
}
._container_ir9nk_1 ._content_ir9nk_8 h1 {
  font-size: 2.25rem;
  font-weight: 700;
  color: var(--gray-900);
  margin-bottom: 1rem;
}
._container_ir9nk_1 ._content_ir9nk_8 p {
  color: var(--gray-600);
  margin-bottom: 2rem;
}
._container_ir9nk_1 ._content_ir9nk_8 a {
  display: inline-block;
  background-color: var(--primary-color);
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  transition: background-color 0.2s;
}
._container_ir9nk_1 ._content_ir9nk_8 a:hover {
  background-color: var(--primary-color);
  filter: brightness(0.9);
}

._dark_ir9nk_34 ._container_ir9nk_1 {
  background-color: var(--gray-900);
}
._dark_ir9nk_34 ._container_ir9nk_1 ._content_ir9nk_8 h1 {
  color: var(--gray-200);
}
._dark_ir9nk_34 ._container_ir9nk_1 ._content_ir9nk_8 p {
  color: var(--gray-400);
}._quantum-dashboard_17twf_1 {
  background: linear-gradient(135deg, #0f0f0f 0%, #1a1a2e 50%, #16213e 100%);
  color: #00ffff;
  font-family: "Courier New", monospace;
  padding: 20px;
  border-radius: 10px;
  border: 2px solid #00ffff;
  box-shadow: 0 0 20px rgba(0, 255, 255, 0.3);
  animation: _quantum-glow_17twf_1 2s ease-in-out infinite alternate;
}
._quantum-dashboard_17twf_1._loading_17twf_11 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 400px;
}
._quantum-dashboard_17twf_1._loading_17twf_11 h2 {
  animation: _pulse_17twf_1 1.5s ease-in-out infinite;
}

@keyframes _quantum-glow_17twf_1 {
  from {
    box-shadow: 0 0 20px rgba(0, 255, 255, 0.3);
  }
  to {
    box-shadow: 0 0 30px rgba(0, 255, 255, 0.6);
  }
}
@keyframes _pulse_17twf_1 {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
._dashboard-header_17twf_37 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #00ffff;
}
._dashboard-header_17twf_37 h1 {
  margin: 0;
  font-size: 1.5rem;
  text-shadow: 0 0 10px rgba(0, 255, 255, 0.8);
}
._dashboard-header_17twf_37 ._runtime_17twf_50 {
  font-size: 1.2rem;
  color: #ffff00;
  text-shadow: 0 0 8px rgba(255, 255, 0, 0.6);
}

._metrics-grid_17twf_56 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
  margin-bottom: 20px;
}

._metric-card_17twf_63 {
  background: rgba(0, 255, 255, 0.1);
  border: 1px solid rgba(0, 255, 255, 0.3);
  border-radius: 8px;
  padding: 15px;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
._metric-card_17twf_63 h3 {
  margin: 0 0 15px 0;
  color: #00ffff;
  text-shadow: 0 0 8px rgba(0, 255, 255, 0.8);
  border-bottom: 1px solid rgba(0, 255, 255, 0.3);
  padding-bottom: 8px;
}
._metric-card_17twf_63._orb-economics_17twf_77 {
  border-color: #ffd700;
}
._metric-card_17twf_63._orb-economics_17twf_77 ._value_17twf_80 {
  color: #ffd700;
  text-shadow: 0 0 8px rgba(255, 215, 0, 0.8);
}
._metric-card_17twf_63._quantum-physics_17twf_84 {
  border-color: #ff6b6b;
}
._metric-card_17twf_63._quantum-physics_17twf_84 ._breakthrough_17twf_87 {
  color: #ff6b6b;
  font-weight: bold;
  animation: _breakthrough-flash_17twf_1 1s ease-in-out infinite;
}
._metric-card_17twf_63._quantum-blocks_17twf_92 {
  border-color: #4ecdc4;
}
._metric-card_17twf_63._k-parameters_17twf_95 {
  border-color: #ffe66d;
}

@keyframes _breakthrough-flash_17twf_1 {
  0%, 100% {
    text-shadow: 0 0 8px rgba(255, 107, 107, 0.8);
  }
  50% {
    text-shadow: 0 0 15px rgb(255, 107, 107);
  }
}
._metric-row_17twf_107 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  padding: 5px 0;
}
._metric-row_17twf_107 ._value_17twf_80 {
  font-weight: bold;
  font-size: 1.1rem;
}

._block-row_17twf_119 {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  padding: 8px;
  border-radius: 4px;
  transition: all 0.3s ease;
}
._block-row_17twf_119._frozen_17twf_127 {
  background: rgba(64, 224, 255, 0.1);
  border-left: 3px solid #40e0ff;
}
._block-row_17twf_119._active_17twf_131 {
  background: rgba(255, 69, 0, 0.1);
  border-left: 3px solid #ff4500;
}
._block-row_17twf_119 ._block-icon_17twf_135 {
  margin-right: 10px;
  font-size: 1.2rem;
}
._block-row_17twf_119 ._block-name_17twf_139 {
  flex: 1;
  font-weight: bold;
}
._block-row_17twf_119 ._block-score_17twf_143 {
  margin: 0 10px;
  color: #00ff00;
  font-weight: bold;
}
._block-row_17twf_119 ._block-status_17twf_148 {
  font-size: 0.8rem;
  padding: 2px 6px;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.1);
}

._k-param-block_17twf_155 {
  margin-bottom: 15px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
._k-param-block_17twf_155 h4 {
  margin: 0 0 8px 0;
  color: #ffe66d;
  font-size: 0.9rem;
}

._k-param-grid_17twf_167 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 4px;
}

._k-param_17twf_95 {
  display: flex;
  justify-content: space-between;
  font-size: 0.8rem;
}
._k-param_17twf_95 span:first-child {
  color: #cccccc;
}
._k-param_17twf_95 span:last-child {
  color: #ffffff;
  font-weight: bold;
}

._live-alerts_17twf_186 {
  margin: 20px 0;
}
._live-alerts_17twf_186 h3 {
  margin-bottom: 10px;
  color: #ff6b6b;
}
._live-alerts_17twf_186 ._alert_17twf_193 {
  padding: 10px;
  margin-bottom: 8px;
  border-radius: 4px;
  animation: _alert-pulse_17twf_1 2s ease-in-out infinite;
}
._live-alerts_17twf_186 ._alert_17twf_193._breakthrough-alert_17twf_199 {
  background: rgba(255, 107, 107, 0.2);
  border-left: 4px solid #ff6b6b;
}
._live-alerts_17twf_186 ._alert_17twf_193._warning-alert_17twf_203 {
  background: rgba(255, 193, 7, 0.2);
  border-left: 4px solid #ffc107;
}

@keyframes _alert-pulse_17twf_1 {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
}
._kid-status_17twf_216 {
  margin-top: 20px;
  padding: 15px;
  background: linear-gradient(45deg, #ff6b6b, #4ecdc4);
  color: white;
  border-radius: 8px;
  text-align: center;
  font-size: 1.1rem;
  font-weight: bold;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

/* Responsive design */
@media (max-width: 768px) {
  ._dashboard-header_17twf_37 {
    flex-direction: column;
    text-align: center;
  }
  ._dashboard-header_17twf_37 h1 {
    font-size: 1.2rem;
    margin-bottom: 10px;
  }
  ._metrics-grid_17twf_56 {
    grid-template-columns: 1fr;
  }
  ._block-row_17twf_119 {
    flex-wrap: wrap;
  }
  ._block-row_17twf_119 ._block-name_17twf_139 {
    flex-basis: 100%;
    margin-bottom: 5px;
  }
}._p2p-dashboard_7q8sw_1 {
  background: linear-gradient(135deg, #0a0a0a 0%, #1a1a2e 50%, #16213e 100%);
  color: #00ffff;
  font-family: "Courier New", monospace;
  min-height: 100vh;
  padding: 20px;
  animation: _quantum-pulse_7q8sw_1 3s ease-in-out infinite alternate;
}

@keyframes _quantum-pulse_7q8sw_1 {
  0% {
    box-shadow: 0 0 20px rgba(0, 255, 255, 0.3);
  }
  100% {
    box-shadow: 0 0 40px rgba(0, 255, 255, 0.6);
  }
}
._dashboard-header_7q8sw_18 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  padding: 20px;
  background: rgba(0, 255, 255, 0.1);
  border-radius: 10px;
  border: 2px solid #00ffff;
}

._dashboard-header_7q8sw_18 h1 {
  margin: 0;
  font-size: 2.5rem;
  text-shadow: 0 0 10px #00ffff;
  animation: _glow_7q8sw_1 2s ease-in-out infinite alternate;
}

@keyframes _glow_7q8sw_1 {
  0% {
    text-shadow: 0 0 10px #00ffff;
  }
  100% {
    text-shadow: 0 0 20px #00ffff, 0 0 30px #00ffff;
  }
}
._header-controls_7q8sw_44 {
  display: flex;
  align-items: center;
  gap: 20px;
}

._auto-refresh_7q8sw_50 {
  display: flex;
  align-items: center;
  gap: 10px;
}
._auto-refresh_7q8sw_50 label {
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}
._auto-refresh_7q8sw_50 input[type=checkbox] {
  accent-color: #00ffff;
}

._refresh-button_7q8sw_65 {
  background: linear-gradient(45deg, #00ffff, #0080ff);
  color: #000;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
  font-weight: bold;
  transition: transform 0.2s;
}
._refresh-button_7q8sw_65:hover {
  transform: scale(1.05);
  box-shadow: 0 0 15px rgba(0, 255, 255, 0.5);
}

._dashboard-tabs_7q8sw_80 {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  border: 1px solid #00ffff;
  overflow: hidden;
}

._tab-list_7q8sw_87 {
  display: flex;
  background: rgba(0, 255, 255, 0.1);
  border-bottom: 1px solid #00ffff;
}

._tab_7q8sw_87 {
  background: transparent;
  color: #00ffff;
  border: none;
  padding: 15px 25px;
  cursor: pointer;
  font-family: "Courier New", monospace;
  font-size: 1rem;
  transition: all 0.3s;
  border-right: 1px solid #00ffff;
}
._tab_7q8sw_87:last-child {
  border-right: none;
}
._tab_7q8sw_87:hover {
  background: rgba(0, 255, 255, 0.2);
  transform: translateY(-2px);
}
._tab_7q8sw_87._active_7q8sw_111 {
  background: linear-gradient(45deg, #00ffff, #0080ff);
  color: #000;
  font-weight: bold;
  box-shadow: 0 0 15px rgba(0, 255, 255, 0.5);
}

._tab-content_7q8sw_118 {
  padding: 30px;
  min-height: 600px;
}

._overview-section_7q8sw_123 ._metrics-grid_7q8sw_123 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  margin-bottom: 30px;
}
._overview-section_7q8sw_123 ._metric-card_7q8sw_129 {
  background: rgba(0, 255, 255, 0.1);
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #00ffff;
  text-align: center;
  transition: transform 0.3s;
}
._overview-section_7q8sw_123 ._metric-card_7q8sw_129:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 255, 255, 0.3);
}
._overview-section_7q8sw_123 ._metric-card_7q8sw_129 ._metric-value_7q8sw_141 {
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 10px;
  text-shadow: 0 0 10px #00ffff;
}
._overview-section_7q8sw_123 ._metric-card_7q8sw_129 ._metric-label_7q8sw_147 {
  font-size: 1rem;
  opacity: 0.8;
}
._overview-section_7q8sw_123 ._health-section_7q8sw_151 {
  margin-bottom: 30px;
}
._overview-section_7q8sw_123 ._health-section_7q8sw_151 ._network-health_7q8sw_154 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 50px;
}
._overview-section_7q8sw_123 ._health-section_7q8sw_151 ._network-health_7q8sw_154 ._health-indicator_7q8sw_160 {
  padding: 30px;
  border-radius: 50%;
  text-align: center;
  border: 3px solid #fff;
  animation: _health-pulse_7q8sw_1 2s ease-in-out infinite;
}
._overview-section_7q8sw_123 ._health-section_7q8sw_151 ._network-health_7q8sw_154 ._health-indicator_7q8sw_160 ._health-value_7q8sw_167 {
  font-size: 3rem;
  font-weight: bold;
  color: #000;
}
._overview-section_7q8sw_123 ._health-section_7q8sw_151 ._network-health_7q8sw_154 ._health-indicator_7q8sw_160 ._health-status_7q8sw_172 {
  font-size: 1.2rem;
  font-weight: bold;
  color: #000;
  margin-top: 10px;
}
._overview-section_7q8sw_123 ._health-section_7q8sw_151 ._network-health_7q8sw_154 ._quantum-enhancement_7q8sw_178 {
  text-align: center;
}
._overview-section_7q8sw_123 ._health-section_7q8sw_151 ._network-health_7q8sw_154 ._quantum-enhancement_7q8sw_178 ._quantum-score_7q8sw_181 {
  font-size: 2.5rem;
  font-weight: bold;
  color: #ffff00;
  text-shadow: 0 0 15px #ffff00;
}
._overview-section_7q8sw_123 ._health-section_7q8sw_151 ._network-health_7q8sw_154 ._quantum-enhancement_7q8sw_178 ._quantum-label_7q8sw_187 {
  font-size: 1.2rem;
  margin-top: 10px;
  color: #ffff00;
}
._overview-section_7q8sw_123 ._geographic-distribution_7q8sw_192 h3 {
  margin-bottom: 20px;
  font-size: 1.5rem;
  text-shadow: 0 0 10px #00ffff;
}
._overview-section_7q8sw_123 ._geographic-distribution_7q8sw_192 ._region-grid_7q8sw_197 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 15px;
}
._overview-section_7q8sw_123 ._geographic-distribution_7q8sw_192 ._region-grid_7q8sw_197 ._region-card_7q8sw_202 {
  background: rgba(0, 255, 255, 0.1);
  padding: 15px;
  border-radius: 8px;
  border: 1px solid #00ffff;
  text-align: center;
}
._overview-section_7q8sw_123 ._geographic-distribution_7q8sw_192 ._region-grid_7q8sw_197 ._region-card_7q8sw_202 ._region-name_7q8sw_209 {
  font-weight: bold;
  margin-bottom: 8px;
}
._overview-section_7q8sw_123 ._geographic-distribution_7q8sw_192 ._region-grid_7q8sw_197 ._region-card_7q8sw_202 ._region-count_7q8sw_213 {
  font-size: 1.2rem;
  color: #ffff00;
}

@keyframes _health-pulse_7q8sw_1 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
._topology-section_7q8sw_229 h3 {
  margin-bottom: 20px;
  font-size: 1.8rem;
  text-shadow: 0 0 10px #00ffff;
}
._topology-section_7q8sw_229 ._topology-metrics_7q8sw_234 {
  background: rgba(0, 255, 255, 0.1);
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #00ffff;
  margin-bottom: 30px;
}
._topology-section_7q8sw_229 ._topology-metrics_7q8sw_234 ._topology-row_7q8sw_241 {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid rgba(0, 255, 255, 0.3);
}
._topology-section_7q8sw_229 ._topology-metrics_7q8sw_234 ._topology-row_7q8sw_241:last-child {
  border-bottom: none;
}
._topology-section_7q8sw_229 ._topology-metrics_7q8sw_234 ._topology-row_7q8sw_241 span:first-child {
  font-weight: bold;
}
._topology-section_7q8sw_229 ._topology-metrics_7q8sw_234 ._topology-row_7q8sw_241 span:last-child {
  color: #ffff00;
}
._topology-section_7q8sw_229 ._protocol-distribution_7q8sw_256 h4 {
  margin-bottom: 15px;
  font-size: 1.3rem;
}
._topology-section_7q8sw_229 ._protocol-distribution_7q8sw_256 ._protocol-grid_7q8sw_260 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
}
._topology-section_7q8sw_229 ._protocol-distribution_7q8sw_256 ._protocol-grid_7q8sw_260 ._protocol-card_7q8sw_265 {
  background: rgba(0, 255, 255, 0.1);
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #00ffff;
  text-align: center;
}
._topology-section_7q8sw_229 ._protocol-distribution_7q8sw_256 ._protocol-grid_7q8sw_260 ._protocol-card_7q8sw_265 ._protocol-name_7q8sw_272 {
  font-weight: bold;
  margin-bottom: 5px;
}
._topology-section_7q8sw_229 ._protocol-distribution_7q8sw_256 ._protocol-grid_7q8sw_260 ._protocol-card_7q8sw_265 ._protocol-count_7q8sw_276 {
  color: #ffff00;
}

._routing-section_7q8sw_280 h3 {
  margin-bottom: 20px;
  font-size: 1.8rem;
  text-shadow: 0 0 10px #00ffff;
}
._routing-section_7q8sw_280 ._routing-metrics_7q8sw_285 {
  background: rgba(0, 255, 255, 0.1);
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #00ffff;
  margin-bottom: 30px;
}
._routing-section_7q8sw_280 ._routing-metrics_7q8sw_285 ._routing-row_7q8sw_292 {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid rgba(0, 255, 255, 0.3);
}
._routing-section_7q8sw_280 ._routing-metrics_7q8sw_285 ._routing-row_7q8sw_292:last-child {
  border-bottom: none;
}
._routing-section_7q8sw_280 ._routing-metrics_7q8sw_285 ._routing-row_7q8sw_292 span:first-child {
  font-weight: bold;
}
._routing-section_7q8sw_280 ._routing-metrics_7q8sw_285 ._routing-row_7q8sw_292 span:last-child {
  color: #ffff00;
}
._routing-section_7q8sw_280 ._bottleneck-section_7q8sw_307 h4 {
  margin-bottom: 15px;
  font-size: 1.3rem;
  color: #ff8000;
}
._routing-section_7q8sw_280 ._bottleneck-section_7q8sw_307 ._bottleneck-list_7q8sw_312 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
._routing-section_7q8sw_280 ._bottleneck-section_7q8sw_307 ._bottleneck-list_7q8sw_312 ._bottleneck-peer_7q8sw_317 {
  background: rgba(255, 128, 0, 0.2);
  padding: 8px 12px;
  border-radius: 5px;
  border: 1px solid #ff8000;
  font-family: monospace;
  font-size: 0.9rem;
}

._security-section_7q8sw_326 h3 {
  margin-bottom: 20px;
  font-size: 1.8rem;
  text-shadow: 0 0 10px #00ffff;
}
._security-section_7q8sw_326 ._security-metrics_7q8sw_331 {
  background: rgba(0, 255, 255, 0.1);
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #00ffff;
  margin-bottom: 30px;
}
._security-section_7q8sw_326 ._security-metrics_7q8sw_331 ._security-row_7q8sw_338 {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid rgba(0, 255, 255, 0.3);
}
._security-section_7q8sw_326 ._security-metrics_7q8sw_331 ._security-row_7q8sw_338:last-child {
  border-bottom: none;
}
._security-section_7q8sw_326 ._security-metrics_7q8sw_331 ._security-row_7q8sw_338 span:first-child {
  font-weight: bold;
}
._security-section_7q8sw_326 ._security-metrics_7q8sw_331 ._security-row_7q8sw_338 ._threat-level_7q8sw_350._high_7q8sw_350 {
  color: #ff0000;
  font-weight: bold;
}
._security-section_7q8sw_326 ._security-metrics_7q8sw_331 ._security-row_7q8sw_338 ._threat-level_7q8sw_350._low_7q8sw_354 {
  color: #00ff00;
}
._security-section_7q8sw_326 ._security-metrics_7q8sw_331 ._security-row_7q8sw_338 ._security-strength_7q8sw_357 {
  color: #00ff00;
  font-weight: bold;
}
._security-section_7q8sw_326 ._security-metrics_7q8sw_331 ._security-row_7q8sw_338 ._quantum-security_7q8sw_361 {
  color: #ffff00;
  font-weight: bold;
}
._security-section_7q8sw_326 ._malicious-peers-section_7q8sw_365 h4 {
  margin-bottom: 15px;
  font-size: 1.3rem;
  color: #ff0000;
}
._security-section_7q8sw_326 ._malicious-peers-section_7q8sw_365 ._malicious-list_7q8sw_370 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
._security-section_7q8sw_326 ._malicious-peers-section_7q8sw_365 ._malicious-list_7q8sw_370 ._malicious-peer_7q8sw_365 {
  background: rgba(255, 0, 0, 0.2);
  padding: 8px 12px;
  border-radius: 5px;
  border: 1px solid #ff0000;
  font-family: monospace;
  font-size: 0.9rem;
}

._peers-section_7q8sw_384 h3 {
  margin-bottom: 20px;
  font-size: 1.8rem;
  text-shadow: 0 0 10px #00ffff;
}
._peers-section_7q8sw_384 ._peers-grid_7q8sw_389 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 15px;
}
._peers-section_7q8sw_384 ._peers-grid_7q8sw_389 ._peer-card_7q8sw_394 {
  background: rgba(0, 255, 255, 0.1);
  padding: 15px;
  border-radius: 8px;
  border: 1px solid #00ffff;
  transition: transform 0.3s;
}
._peers-section_7q8sw_384 ._peers-grid_7q8sw_389 ._peer-card_7q8sw_394:hover {
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(0, 255, 255, 0.3);
}
._peers-section_7q8sw_384 ._peers-grid_7q8sw_389 ._peer-card_7q8sw_394 ._peer-id_7q8sw_405 {
  font-weight: bold;
  margin-bottom: 10px;
  color: #ffff00;
  font-family: monospace;
}
._peers-section_7q8sw_384 ._peers-grid_7q8sw_389 ._peer-card_7q8sw_394 ._peer-metrics_7q8sw_411 ._peer-metric_7q8sw_411 {
  display: flex;
  justify-content: space-between;
  padding: 3px 0;
}
._peers-section_7q8sw_384 ._peers-grid_7q8sw_389 ._peer-card_7q8sw_394 ._peer-metrics_7q8sw_411 ._peer-metric_7q8sw_411 span:first-child {
  font-weight: bold;
}
._peers-section_7q8sw_384 ._peers-grid_7q8sw_389 ._peer-card_7q8sw_394 ._peer-metrics_7q8sw_411 ._peer-metric_7q8sw_411 span:last-child {
  color: #ffff00;
}

._recommendations-section_7q8sw_423 h3 {
  margin-bottom: 20px;
  font-size: 1.8rem;
  text-shadow: 0 0 10px #00ffff;
}
._recommendations-section_7q8sw_423 ._recommendations-list_7q8sw_428 ._recommendation-item_7q8sw_428 {
  display: flex;
  align-items: flex-start;
  margin-bottom: 15px;
  padding: 15px;
  background: rgba(0, 255, 255, 0.1);
  border-radius: 8px;
  border: 1px solid #00ffff;
}
._recommendations-section_7q8sw_423 ._recommendations-list_7q8sw_428 ._recommendation-item_7q8sw_428 ._recommendation-number_7q8sw_437 {
  background: #00ffff;
  color: #000;
  font-weight: bold;
  padding: 5px 10px;
  border-radius: 50%;
  margin-right: 15px;
  min-width: 30px;
  text-align: center;
}
._recommendations-section_7q8sw_423 ._recommendations-list_7q8sw_428 ._recommendation-item_7q8sw_428 ._recommendation-text_7q8sw_447 {
  flex: 1;
  line-height: 1.6;
}
._recommendations-section_7q8sw_423 ._no-recommendations_7q8sw_451 {
  text-align: center;
  padding: 40px;
  background: rgba(0, 255, 0, 0.1);
  border-radius: 10px;
  border: 1px solid #00ff00;
  color: #00ff00;
  font-size: 1.2rem;
}

._dashboard-footer_7q8sw_461 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
  padding: 20px;
  background: rgba(0, 255, 255, 0.1);
  border-radius: 10px;
  border: 1px solid #00ffff;
}
._dashboard-footer_7q8sw_461 ._timestamp_7q8sw_471 {
  font-size: 0.9rem;
  opacity: 0.8;
}
._dashboard-footer_7q8sw_461 ._quantum-indicator_7q8sw_475 {
  color: #ffff00;
  font-weight: bold;
  animation: _quantum-blink_7q8sw_1 1.5s infinite;
}

@keyframes _quantum-blink_7q8sw_1 {
  0%, 50% {
    opacity: 1;
  }
  51%, 100% {
    opacity: 0.5;
  }
}
._loading_7q8sw_489 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}
._loading_7q8sw_489 ._loading-spinner_7q8sw_496 {
  font-size: 4rem;
  animation: _spin_7q8sw_1 1s linear infinite;
}
._loading_7q8sw_489 ._loading-text_7q8sw_500 {
  margin-top: 20px;
  font-size: 1.2rem;
  text-shadow: 0 0 10px #00ffff;
}

@keyframes _spin_7q8sw_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
._error_7q8sw_514 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}
._error_7q8sw_514 ._error-message_7q8sw_521 {
  background: rgba(255, 0, 0, 0.2);
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #ff0000;
  color: #ff0000;
  font-size: 1.2rem;
  margin-bottom: 20px;
  text-align: center;
}
._error_7q8sw_514 ._retry-button_7q8sw_531 {
  background: linear-gradient(45deg, #ff0000, #ff8000);
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
  font-weight: bold;
  transition: transform 0.2s;
}
._error_7q8sw_514 ._retry-button_7q8sw_531:hover {
  transform: scale(1.05);
  box-shadow: 0 0 15px rgba(255, 0, 0, 0.5);
}

@media (max-width: 768px) {
  ._dashboard-header_7q8sw_18 {
    flex-direction: column;
    gap: 20px;
  }
  ._dashboard-header_7q8sw_18 h1 {
    font-size: 2rem;
  }
  ._tab-list_7q8sw_87 {
    flex-wrap: wrap;
  }
  ._tab-list_7q8sw_87 ._tab_7q8sw_87 {
    flex: 1;
    min-width: 120px;
    border-right: none;
    border-bottom: 1px solid #00ffff;
  }
  ._metrics-grid_7q8sw_123 {
    grid-template-columns: 1fr;
  }
  ._health-section_7q8sw_151 ._network-health_7q8sw_154 {
    flex-direction: column;
    gap: 20px;
  }
  ._region-grid_7q8sw_197, ._protocol-grid_7q8sw_260 {
    grid-template-columns: 1fr;
  }
  ._peers-grid_7q8sw_389 {
    grid-template-columns: 1fr;
  }
  ._dashboard-footer_7q8sw_461 {
    flex-direction: column;
    gap: 10px;
    text-align: center;
  }
}._mixerIndicator_1hizf_1 {
  position: fixed;
  top: 20px;
  right: 20px;
  background: linear-gradient(135deg, rgba(36, 0, 70, 0.95), rgba(58, 12, 163, 0.95));
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border: 1px solid rgba(147, 51, 234, 0.3);
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
  z-index: 1000;
  min-width: 280px;
  max-width: 400px;
  overflow: hidden;
}
@media (max-width: 768px) {
  ._mixerIndicator_1hizf_1 {
    top: 10px;
    right: 10px;
    min-width: 260px;
  }
}

._indicatorHeader_1hizf_23 {
  padding: 12px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
._indicatorHeader_1hizf_23:hover {
  background: rgba(147, 51, 234, 0.1);
}

._indicatorIcon_1hizf_35 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
}

._quantumSpinner_1hizf_43 {
  width: 24px;
  height: 24px;
  border: 2px solid rgba(147, 51, 234, 0.3);
  border-top: 2px solid #9333ea;
  border-radius: 50%;
  animation: _quantumSpin_1hizf_43 1s linear infinite;
}
._quantumSpinner_1hizf_43::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  border: 1px solid rgba(147, 51, 234, 0.5);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: _quantumSpin_1hizf_43 1.5s linear infinite reverse;
}

@keyframes _quantumSpin_1hizf_43 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
._indicatorText_1hizf_72 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._sessionCount_1hizf_79 {
  color: #e2e8f0;
  font-weight: 600;
  font-size: 14px;
}

._averageProgress_1hizf_85 {
  color: #9333ea;
  font-size: 12px;
  font-weight: 500;
}

._expandIcon_1hizf_91 {
  color: #94a3b8;
  font-size: 12px;
  transition: transform 0.2s ease;
}

._sessionsList_1hizf_97 {
  border-top: 1px solid rgba(147, 51, 234, 0.2);
  max-height: 300px;
  overflow-y: auto;
}
._sessionsList_1hizf_97::-webkit-scrollbar {
  width: 4px;
}
._sessionsList_1hizf_97::-webkit-scrollbar-track {
  background: rgba(147, 51, 234, 0.1);
}
._sessionsList_1hizf_97::-webkit-scrollbar-thumb {
  background: rgba(147, 51, 234, 0.5);
  border-radius: 2px;
}

._sessionItem_1hizf_113 {
  padding: 12px 16px;
  border-bottom: 1px solid rgba(147, 51, 234, 0.1);
  display: flex;
  align-items: center;
  gap: 12px;
}
._sessionItem_1hizf_113:last-child {
  border-bottom: none;
}
._sessionItem_1hizf_113:hover {
  background: rgba(147, 51, 234, 0.05);
}

._sessionInfo_1hizf_127 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._sessionAmount_1hizf_134 {
  color: #e2e8f0;
  font-weight: 600;
  font-size: 13px;
}

._sessionDetails_1hizf_140 {
  display: flex;
  gap: 8px;
  font-size: 11px;
}

._sessionType_1hizf_146 {
  color: #9333ea;
  text-transform: capitalize;
  font-weight: 500;
}

._sessionDuration_1hizf_152 {
  color: #64748b;
}

._sessionProgress_1hizf_156 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  min-width: 60px;
}

._progressBar_1hizf_164 {
  width: 60px;
  height: 4px;
  background: rgba(147, 51, 234, 0.2);
  border-radius: 2px;
  overflow: hidden;
}

._progressFill_1hizf_172 {
  height: 100%;
  background: linear-gradient(90deg, #9333ea, #c084fc);
  border-radius: 2px;
  transition: width 0.3s ease;
}

._progressText_1hizf_179 {
  color: #94a3b8;
  font-size: 10px;
  font-weight: 500;
}

._cancelButton_1hizf_185 {
  background: none;
  border: none;
  color: #ef4444;
  font-size: 14px;
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
  transition: all 0.2s ease;
  opacity: 0.7;
}
._cancelButton_1hizf_185:hover {
  opacity: 1;
  background: rgba(239, 68, 68, 0.1);
}
._cancelButton_1hizf_185:active {
  transform: scale(0.95);
}

._mixerIndicator_1hizf_1._floating_1hizf_204 {
  animation: _floatIn_1hizf_271 0.3s ease-out;
}

@keyframes _floatIn_1hizf_271 {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
._indicatorHeader_1hizf_23._mixing_1hizf_218 {
  animation: _mixingPulse_1hizf_268 2s ease-in-out infinite;
}

@keyframes _mixingPulse_1hizf_268 {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(147, 51, 234, 0.7);
  }
  50% {
    box-shadow: 0 0 0 10px rgba(147, 51, 234, 0);
  }
}
@media (max-width: 480px) {
  ._mixerIndicator_1hizf_1 {
    min-width: 240px;
    font-size: 13px;
  }
  ._indicatorHeader_1hizf_23 {
    padding: 10px 12px;
  }
  ._sessionItem_1hizf_113 {
    padding: 10px 12px;
  }
  ._quantumSpinner_1hizf_43 {
    width: 20px;
    height: 20px;
  }
}
@media (prefers-color-scheme: dark) {
  ._mixerIndicator_1hizf_1 {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.95), rgba(30, 41, 59, 0.95));
    border-color: rgba(147, 51, 234, 0.4);
  }
}
@media (prefers-contrast: high) {
  ._mixerIndicator_1hizf_1 {
    border: 2px solid #9333ea;
    background: rgba(0, 0, 0, 0.9);
  }
  ._sessionCount_1hizf_79 {
    color: #ffffff;
  }
  ._averageProgress_1hizf_85 {
    color: #c084fc;
  }
}
@media (prefers-reduced-motion: reduce) {
  ._quantumSpinner_1hizf_43 {
    animation: none;
  }
  ._mixingPulse_1hizf_268 {
    animation: none;
  }
  ._floatIn_1hizf_271 {
    animation: none;
  }
}