html,
body {
    min-height: 100vh;
    height: 100%;
    margin: 0;
    overflow-x: hidden;
}

:root {
    --brand-red: #e30613;
    --brand-red-dark: #b8050f;
    --brand-red-light: #ff1a2e;
}

body {
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    background-color: var(--p-surface-50);
    color: var(--p-text-color);
    transition: background-color .25s ease, color .25s ease;
}

* {
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: inherit;
}

h1 {
    margin: 0;
    font-weight: 400;
    font-size: 2rem;
}

#app {
    height: 100%;
    width: 100%;
}

.break-all {
    word-break: break-all;
}

.font-bold {
    font-weight: bold;
}

.cursor-pointer {
    cursor: pointer;
}

.p-datatable-column-title {
    font-size: .8125rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.p-datatable-tbody > tr > td {
    font-size: .9375rem;
}
@font-face {
    font-family: 'primeicons';
    font-display: block;
    src: url('/assets/primeicons-DMOk5skT.eot');
    src: url('/assets/primeicons-DMOk5skT.eot?#iefix') format('embedded-opentype'), url('/assets/primeicons-C6QP2o4f.woff2') format('woff2'), url('/assets/primeicons-WjwUDZjB.woff') format('woff'), url('/assets/primeicons-MpK4pl85.ttf') format('truetype'), url('/assets/primeicons-Dr5RGzOO.svg?#primeicons') format('svg');
    font-weight: normal;
    font-style: normal;
}

.pi {
    font-family: 'primeicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.pi:before {
    --webkit-backface-visibility:hidden;
    backface-visibility: hidden;
}

.pi-fw {
    width: 1.28571429em;
    text-align: center;
}

.pi-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

@media (prefers-reduced-motion: reduce) {
  .pi-spin {
    -webkit-animation-delay: -1ms;
    animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
  }
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.pi-folder-plus:before {
    content: "\ea05";
}

.pi-receipt:before {
    content: "\ea06";
}

.pi-asterisk:before {
    content: "\ea07";
}

.pi-face-smile:before {
    content: "\ea08";
}

.pi-pinterest:before {
    content: "\ea09";
}

.pi-expand:before {
    content: "\ea0a";
}

.pi-pen-to-square:before {
    content: "\ea0b";
}

.pi-wave-pulse:before {
    content: "\ea0c";
}

.pi-turkish-lira:before {
    content: "\ea0d";
}

.pi-spinner-dotted:before {
    content: "\ea0e";
}

.pi-crown:before {
    content: "\ea0f";
}

.pi-pause-circle:before {
    content: "\ea10";
}

.pi-warehouse:before {
    content: "\ea11";
}

.pi-objects-column:before {
    content: "\ea12";
}

.pi-clipboard:before {
    content: "\ea13";
}

.pi-play-circle:before {
    content: "\ea14";
}

.pi-venus:before {
    content: "\ea15";
}

.pi-cart-minus:before {
    content: "\ea16";
}

.pi-file-plus:before {
    content: "\ea17";
}

.pi-microchip:before {
    content: "\ea18";
}

.pi-twitch:before {
    content: "\ea19";
}

.pi-building-columns:before {
    content: "\ea1a";
}

.pi-file-check:before {
    content: "\ea1b";
}

.pi-microchip-ai:before {
    content: "\ea1c";
}

.pi-trophy:before {
    content: "\ea1d";
}

.pi-barcode:before {
    content: "\ea1e";
}

.pi-file-arrow-up:before {
    content: "\ea1f";
}

.pi-mars:before {
    content: "\ea20";
}

.pi-tiktok:before {
    content: "\ea21";
}

.pi-arrow-up-right-and-arrow-down-left-from-center:before {
    content: "\ea22";
}

.pi-ethereum:before {
    content: "\ea23";
}

.pi-list-check:before {
    content: "\ea24";
}

.pi-thumbtack:before {
    content: "\ea25";
}

.pi-arrow-down-left-and-arrow-up-right-to-center:before {
    content: "\ea26";
}

.pi-equals:before {
    content: "\ea27";
}

.pi-lightbulb:before {
    content: "\ea28";
}

.pi-star-half:before {
    content: "\ea29";
}

.pi-address-book:before {
    content: "\ea2a";
}

.pi-chart-scatter:before {
    content: "\ea2b";
}

.pi-indian-rupee:before {
    content: "\ea2c";
}

.pi-star-half-fill:before {
    content: "\ea2d";
}

.pi-cart-arrow-down:before {
    content: "\ea2e";
}

.pi-calendar-clock:before {
    content: "\ea2f";
}

.pi-sort-up-fill:before {
    content: "\ea30";
}

.pi-sparkles:before {
    content: "\ea31";
}

.pi-bullseye:before {
    content: "\ea32";
}

.pi-sort-down-fill:before {
    content: "\ea33";
}

.pi-graduation-cap:before {
    content: "\ea34";
}

.pi-hammer:before {
    content: "\ea35";
}

.pi-bell-slash:before {
    content: "\ea36";
}

.pi-gauge:before {
    content: "\ea37";
}

.pi-shop:before {
    content: "\ea38";
}

.pi-headphones:before {
    content: "\ea39";
}

.pi-eraser:before {
    content: "\ea04";
}

.pi-stopwatch:before {
    content: "\ea01";
}

.pi-verified:before {
    content: "\ea02";
}

.pi-delete-left:before {
    content: "\ea03";
}

.pi-hourglass:before {
    content: "\e9fe";
}

.pi-truck:before {
    content: "\ea00";
}

.pi-wrench:before {
    content: "\e9ff";
}

.pi-microphone:before {
    content: "\e9fa";
}

.pi-megaphone:before {
    content: "\e9fb";
}

.pi-arrow-right-arrow-left:before {
    content: "\e9fc";
}

.pi-bitcoin:before {
    content: "\e9fd";
}

.pi-file-edit:before {
    content: "\e9f6";
}

.pi-language:before {
    content: "\e9f7";
}

.pi-file-export:before {
    content: "\e9f8";
}

.pi-file-import:before {
    content: "\e9f9";
}

.pi-file-word:before {
    content: "\e9f1";
}

.pi-gift:before {
    content: "\e9f2";
}

.pi-cart-plus:before {
    content: "\e9f3";
}

.pi-thumbs-down-fill:before {
    content: "\e9f4";
}

.pi-thumbs-up-fill:before {
    content: "\e9f5";
}

.pi-arrows-alt:before {
    content: "\e9f0";
}

.pi-calculator:before {
    content: "\e9ef";
}

.pi-sort-alt-slash:before {
    content: "\e9ee";
}

.pi-arrows-h:before {
    content: "\e9ec";
}

.pi-arrows-v:before {
    content: "\e9ed";
}

.pi-pound:before {
    content: "\e9eb";
}

.pi-prime:before {
    content: "\e9ea";
}

.pi-chart-pie:before {
    content: "\e9e9";
}

.pi-reddit:before {
    content: "\e9e8";
}

.pi-code:before {
    content: "\e9e7";
}

.pi-sync:before {
    content: "\e9e6";
}

.pi-shopping-bag:before {
    content: "\e9e5";
}

.pi-server:before {
    content: "\e9e4";
}

.pi-database:before {
    content: "\e9e3";
}

.pi-hashtag:before {
    content: "\e9e2";
}

.pi-bookmark-fill:before {
    content: "\e9df";
}

.pi-filter-fill:before {
    content: "\e9e0";
}

.pi-heart-fill:before {
    content: "\e9e1";
}

.pi-flag-fill:before {
    content: "\e9de";
}

.pi-circle:before {
    content: "\e9dc";
}

.pi-circle-fill:before {
    content: "\e9dd";
}

.pi-bolt:before {
    content: "\e9db";
}

.pi-history:before {
    content: "\e9da";
}

.pi-box:before {
    content: "\e9d9";
}

.pi-at:before {
    content: "\e9d8";
}

.pi-arrow-up-right:before {
    content: "\e9d4";
}

.pi-arrow-up-left:before {
    content: "\e9d5";
}

.pi-arrow-down-left:before {
    content: "\e9d6";
}

.pi-arrow-down-right:before {
    content: "\e9d7";
}

.pi-telegram:before {
    content: "\e9d3";
}

.pi-stop-circle:before {
    content: "\e9d2";
}

.pi-stop:before {
    content: "\e9d1";
}

.pi-whatsapp:before {
    content: "\e9d0";
}

.pi-building:before {
    content: "\e9cf";
}

.pi-qrcode:before {
    content: "\e9ce";
}

.pi-car:before {
    content: "\e9cd";
}

.pi-instagram:before {
    content: "\e9cc";
}

.pi-linkedin:before {
    content: "\e9cb";
}

.pi-send:before {
    content: "\e9ca";
}

.pi-slack:before {
    content: "\e9c9";
}

.pi-sun:before {
    content: "\e9c8";
}

.pi-moon:before {
    content: "\e9c7";
}

.pi-vimeo:before {
    content: "\e9c6";
}

.pi-youtube:before {
    content: "\e9c5";
}

.pi-flag:before {
    content: "\e9c4";
}

.pi-wallet:before {
    content: "\e9c3";
}

.pi-map:before {
    content: "\e9c2";
}

.pi-link:before {
    content: "\e9c1";
}

.pi-credit-card:before {
    content: "\e9bf";
}

.pi-discord:before {
    content: "\e9c0";
}

.pi-percentage:before {
    content: "\e9be";
}

.pi-euro:before {
    content: "\e9bd";
}

.pi-book:before {
    content: "\e9ba";
}

.pi-shield:before {
    content: "\e9b9";
}

.pi-paypal:before {
    content: "\e9bb";
}

.pi-amazon:before {
    content: "\e9bc";
}

.pi-phone:before {
    content: "\e9b8";
}

.pi-filter-slash:before {
    content: "\e9b7";
}

.pi-facebook:before {
    content: "\e9b4";
}

.pi-github:before {
    content: "\e9b5";
}

.pi-twitter:before {
    content: "\e9b6";
}

.pi-step-backward-alt:before {
    content: "\e9ac";
}

.pi-step-forward-alt:before {
    content: "\e9ad";
}

.pi-forward:before {
    content: "\e9ae";
}

.pi-backward:before {
    content: "\e9af";
}

.pi-fast-backward:before {
    content: "\e9b0";
}

.pi-fast-forward:before {
    content: "\e9b1";
}

.pi-pause:before {
    content: "\e9b2";
}

.pi-play:before {
    content: "\e9b3";
}

.pi-compass:before {
    content: "\e9ab";
}

.pi-id-card:before {
    content: "\e9aa";
}

.pi-ticket:before {
    content: "\e9a9";
}

.pi-file-o:before {
    content: "\e9a8";
}

.pi-reply:before {
    content: "\e9a7";
}

.pi-directions-alt:before {
    content: "\e9a5";
}

.pi-directions:before {
    content: "\e9a6";
}

.pi-thumbs-up:before {
    content: "\e9a3";
}

.pi-thumbs-down:before {
    content: "\e9a4";
}

.pi-sort-numeric-down-alt:before {
    content: "\e996";
}

.pi-sort-numeric-up-alt:before {
    content: "\e997";
}

.pi-sort-alpha-down-alt:before {
    content: "\e998";
}

.pi-sort-alpha-up-alt:before {
    content: "\e999";
}

.pi-sort-numeric-down:before {
    content: "\e99a";
}

.pi-sort-numeric-up:before {
    content: "\e99b";
}

.pi-sort-alpha-down:before {
    content: "\e99c";
}

.pi-sort-alpha-up:before {
    content: "\e99d";
}

.pi-sort-alt:before {
    content: "\e99e";
}

.pi-sort-amount-up:before {
    content: "\e99f";
}

.pi-sort-amount-down:before {
    content: "\e9a0";
}

.pi-sort-amount-down-alt:before {
    content: "\e9a1";
}

.pi-sort-amount-up-alt:before {
    content: "\e9a2";
}

.pi-palette:before {
    content: "\e995";
}

.pi-undo:before {
    content: "\e994";
}

.pi-desktop:before {
    content: "\e993";
}

.pi-sliders-v:before {
    content: "\e991";
}

.pi-sliders-h:before {
    content: "\e992";
}

.pi-search-plus:before {
    content: "\e98f";
}

.pi-search-minus:before {
    content: "\e990";
}

.pi-file-excel:before {
    content: "\e98e";
}

.pi-file-pdf:before {
    content: "\e98d";
}

.pi-check-square:before {
    content: "\e98c";
}

.pi-chart-line:before {
    content: "\e98b";
}

.pi-user-edit:before {
    content: "\e98a";
}

.pi-exclamation-circle:before {
    content: "\e989";
}

.pi-android:before {
    content: "\e985";
}

.pi-google:before {
    content: "\e986";
}

.pi-apple:before {
    content: "\e987";
}

.pi-microsoft:before {
    content: "\e988";
}

.pi-heart:before {
    content: "\e984";
}

.pi-mobile:before {
    content: "\e982";
}

.pi-tablet:before {
    content: "\e983";
}

.pi-key:before {
    content: "\e981";
}

.pi-shopping-cart:before {
    content: "\e980";
}

.pi-comments:before {
    content: "\e97e";
}

.pi-comment:before {
    content: "\e97f";
}

.pi-briefcase:before {
    content: "\e97d";
}

.pi-bell:before {
    content: "\e97c";
}

.pi-paperclip:before {
    content: "\e97b";
}

.pi-share-alt:before {
    content: "\e97a";
}

.pi-envelope:before {
    content: "\e979";
}

.pi-volume-down:before {
    content: "\e976";
}

.pi-volume-up:before {
    content: "\e977";
}

.pi-volume-off:before {
    content: "\e978";
}

.pi-eject:before {
    content: "\e975";
}

.pi-money-bill:before {
    content: "\e974";
}

.pi-images:before {
    content: "\e973";
}

.pi-image:before {
    content: "\e972";
}

.pi-sign-in:before {
    content: "\e970";
}

.pi-sign-out:before {
    content: "\e971";
}

.pi-wifi:before {
    content: "\e96f";
}

.pi-sitemap:before {
    content: "\e96e";
}

.pi-chart-bar:before {
    content: "\e96d";
}

.pi-camera:before {
    content: "\e96c";
}

.pi-dollar:before {
    content: "\e96b";
}

.pi-lock-open:before {
    content: "\e96a";
}

.pi-table:before {
    content: "\e969";
}

.pi-map-marker:before {
    content: "\e968";
}

.pi-list:before {
    content: "\e967";
}

.pi-eye-slash:before {
    content: "\e965";
}

.pi-eye:before {
    content: "\e966";
}

.pi-folder-open:before {
    content: "\e964";
}

.pi-folder:before {
    content: "\e963";
}

.pi-video:before {
    content: "\e962";
}

.pi-inbox:before {
    content: "\e961";
}

.pi-lock:before {
    content: "\e95f";
}

.pi-unlock:before {
    content: "\e960";
}

.pi-tags:before {
    content: "\e95d";
}

.pi-tag:before {
    content: "\e95e";
}

.pi-power-off:before {
    content: "\e95c";
}

.pi-save:before {
    content: "\e95b";
}

.pi-question-circle:before {
    content: "\e959";
}

.pi-question:before {
    content: "\e95a";
}

.pi-copy:before {
    content: "\e957";
}

.pi-file:before {
    content: "\e958";
}

.pi-clone:before {
    content: "\e955";
}

.pi-calendar-times:before {
    content: "\e952";
}

.pi-calendar-minus:before {
    content: "\e953";
}

.pi-calendar-plus:before {
    content: "\e954";
}

.pi-ellipsis-v:before {
    content: "\e950";
}

.pi-ellipsis-h:before {
    content: "\e951";
}

.pi-bookmark:before {
    content: "\e94e";
}

.pi-globe:before {
    content: "\e94f";
}

.pi-replay:before {
    content: "\e94d";
}

.pi-filter:before {
    content: "\e94c";
}

.pi-print:before {
    content: "\e94b";
}

.pi-align-right:before {
    content: "\e946";
}

.pi-align-left:before {
    content: "\e947";
}

.pi-align-center:before {
    content: "\e948";
}

.pi-align-justify:before {
    content: "\e949";
}

.pi-cog:before {
    content: "\e94a";
}

.pi-cloud-download:before {
    content: "\e943";
}

.pi-cloud-upload:before {
    content: "\e944";
}

.pi-cloud:before {
    content: "\e945";
}

.pi-pencil:before {
    content: "\e942";
}

.pi-users:before {
    content: "\e941";
}

.pi-clock:before {
    content: "\e940";
}

.pi-user-minus:before {
    content: "\e93e";
}

.pi-user-plus:before {
    content: "\e93f";
}

.pi-trash:before {
    content: "\e93d";
}

.pi-external-link:before {
    content: "\e93c";
}

.pi-window-maximize:before {
    content: "\e93b";
}

.pi-window-minimize:before {
    content: "\e93a";
}

.pi-refresh:before {
    content: "\e938";
}
  
.pi-user:before {
    content: "\e939";
}

.pi-exclamation-triangle:before {
    content: "\e922";
}

.pi-calendar:before {
    content: "\e927";
}

.pi-chevron-circle-left:before {
    content: "\e928";
}

.pi-chevron-circle-down:before {
    content: "\e929";
}

.pi-chevron-circle-right:before {
    content: "\e92a";
}

.pi-chevron-circle-up:before {
    content: "\e92b";
}

.pi-angle-double-down:before {
    content: "\e92c";
}

.pi-angle-double-left:before {
    content: "\e92d";
}

.pi-angle-double-right:before {
    content: "\e92e";
}

.pi-angle-double-up:before {
    content: "\e92f";
}

.pi-angle-down:before {
    content: "\e930";
}

.pi-angle-left:before {
    content: "\e931";
}

.pi-angle-right:before {
    content: "\e932";
}

.pi-angle-up:before {
    content: "\e933";
}

.pi-upload:before {
    content: "\e934";
}

.pi-download:before {
    content: "\e956";
}

.pi-ban:before {
    content: "\e935";
}

.pi-star-fill:before {
    content: "\e936";
}

.pi-star:before {
    content: "\e937";
}

.pi-chevron-left:before {
    content: "\e900";
}

.pi-chevron-right:before {
    content: "\e901";
}

.pi-chevron-down:before {
    content: "\e902";
}

.pi-chevron-up:before {
    content: "\e903";
}

.pi-caret-left:before {
    content: "\e904";
}

.pi-caret-right:before {
    content: "\e905";
}

.pi-caret-down:before {
    content: "\e906";
}

.pi-caret-up:before {
    content: "\e907";
}

.pi-search:before {
    content: "\e908";
}

.pi-check:before {
    content: "\e909";
}

.pi-check-circle:before {
    content: "\e90a";
}

.pi-times:before {
    content: "\e90b";
}

.pi-times-circle:before {
    content: "\e90c";
}

.pi-plus:before {
    content: "\e90d";
}

.pi-plus-circle:before {
    content: "\e90e";
}

.pi-minus:before {
    content: "\e90f";
}

.pi-minus-circle:before {
    content: "\e910";
}

.pi-circle-on:before {
    content: "\e911";
}

.pi-circle-off:before {
    content: "\e912";
}

.pi-sort-down:before {
    content: "\e913";
}

.pi-sort-up:before {
    content: "\e914";
}

.pi-sort:before {
    content: "\e915";
}

.pi-step-backward:before {
    content: "\e916";
}

.pi-step-forward:before {
    content: "\e917";
}

.pi-th-large:before {
    content: "\e918";
}

.pi-arrow-down:before {
    content: "\e919";
}

.pi-arrow-left:before {
    content: "\e91a";
}

.pi-arrow-right:before {
    content: "\e91b";
}

.pi-arrow-up:before {
    content: "\e91c";
}

.pi-bars:before {
    content: "\e91d";
}

.pi-arrow-circle-down:before {
    content: "\e91e";
}

.pi-arrow-circle-left:before {
    content: "\e91f";
}

.pi-arrow-circle-right:before {
    content: "\e920";
}

.pi-arrow-circle-up:before {
    content: "\e921";
}

.pi-info:before {
    content: "\e923";
}

.pi-info-circle:before {
    content: "\e924";
}

.pi-home:before {
    content: "\e925";
}

.pi-spinner:before {
    content: "\e926";
}

.loader[data-v-127d705c] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--p-primary-contrast-color);
}

.container[data-v-758f6274] {
    font-size: 1rem;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}
.content[data-v-758f6274] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
}
.footer[data-v-758f6274] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
}

.page-block-mask {
    background: transparent !important;
}
.page-loader-wrapper[data-v-76669537] {
    position: fixed;
    inset: 0;
    z-index: 99999;
}
/*
 * WinkPay rebrand: re-skin of the shared red PrimeVue primary scale to blue, matching the
 * WinkPay logo. Applies everywhere now (merchant, trader dashboard, and admin all share the
 * same brand — this used to be scoped to merchant-only routes via a `.merchant-theme` class).
 * Scoped to `html.winkpay-theme` (set as a static class in index.html, always present) rather
 * than a plain `:root` selector: PrimeVue injects its own design tokens as `:root { ... }`
 * (and `.dark-mode { ... }` for the dark variant) at runtime. A bare `:root` override here
 * would tie with PrimeVue's own `:root` block on specificity and lose on source order, since
 * PrimeVue's tag is injected after this file loads. `html.winkpay-theme` has one extra
 * element+class in its specificity, so it always wins regardless of injection order — the
 * same trick the old `.merchant-theme` scoping relied on.
 * Everything downstream (button colors, active-nav highlight, focus rings, hover states)
 * already reads through var(--p-primary-NNN), so redeclaring just this base scale re-skins
 * all of it without touching per-component styles. --p-red-* (form validation/danger state)
 * is intentionally left alone — errors should stay red regardless of brand color.
 */
html.winkpay-theme {
    --p-primary-50: #eff6ff;
    --p-primary-100: #dbeafe;
    --p-primary-200: #bfdbfe;
    --p-primary-300: #93c5fd;
    --p-primary-400: #60a5fa;
    --p-primary-500: #3b82f6;
    --p-primary-600: #2563eb;
    --p-primary-700: #1d4ed8;
    --p-primary-800: #1e40af;
    --p-primary-900: #1e3a8a;
    --p-primary-950: #172554;

    --brand-red: #2563eb;
    --brand-red-dark: #1d4ed8;
    --brand-red-light: #60a5fa;
}

.logo-container[data-v-336d2d96] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: var(--logo-height, 38px);
}
.logo-image[data-v-336d2d96] {
    height: 100%;
    width: auto;
    max-width: 100%;
    object-fit: contain;
}

.page-theme-toggle[data-v-680761b2] {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    z-index: 1000;
}
.page-theme-toggle[data-v-680761b2] .p-button {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    border-color: color-mix(in srgb, #6b8ec9, transparent 65%);
    background: rgba(8, 13, 22, .55);
    color: #9fb3d1;
}
.page-theme-toggle[data-v-680761b2] .p-button:hover {
    background: rgba(8, 13, 22, .8);
    border-color: color-mix(in srgb, #6b8ec9, transparent 45%);
}
.container[data-v-680761b2] {
    position: relative;
    min-height: 100vh;
    min-width: 100vw;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background-color: #05080d;
    background-image: url('../../../assets/auth-background.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    animation: auth-background-pan-680761b2 24s ease-in-out infinite alternate;
}
@keyframes auth-background-pan-680761b2 {
from { background-position: 48% 52%;
}
to { background-position: 52% 48%;
}
}

/* Two soft radial blobs echoing the arcs already in the background photo — a slow
   opacity pulse is enough motion to feel alive without competing with the login card. */
.background-glow[data-v-680761b2] {
    position: absolute;
    width: 46vw;
    height: 46vw;
    max-width: 640px;
    max-height: 640px;
    border-radius: 50%;
    background: radial-gradient(circle, color-mix(in srgb, var(--p-primary-color, #3b82f6), transparent 55%) 0%, transparent 70%);
    filter: blur(10px);
    opacity: .35;
    pointer-events: none;
    animation: auth-glow-pulse-680761b2 11s ease-in-out infinite;
}
.background-glow-top[data-v-680761b2] {
    top: -14vw;
    left: -12vw;
}
.background-glow-bottom[data-v-680761b2] {
    right: -16vw;
    bottom: -18vw;
    animation-delay: -5s;
}
@keyframes auth-glow-pulse-680761b2 {
0%, 100% { opacity: .25;
}
50% { opacity: .45;
}
}
.background-particle[data-v-680761b2] {
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #7fb0ff;
    box-shadow: 0 0 6px 1px rgba(127, 176, 255, .6);
    pointer-events: none;
    opacity: 0;
    animation: auth-particle-twinkle-680761b2 9s ease-in-out infinite;
}
.background-particle-1[data-v-680761b2] { top: 18%; left: 22%; animation-delay: 0s;
}
.background-particle-2[data-v-680761b2] { top: 32%; left: 78%; animation-delay: 1.4s;
}
.background-particle-3[data-v-680761b2] { top: 62%; left: 12%; animation-delay: 2.8s;
}
.background-particle-4[data-v-680761b2] { top: 74%; left: 68%; animation-delay: 4.2s;
}
.background-particle-5[data-v-680761b2] { top: 12%; left: 55%; animation-delay: 5.6s;
}
.background-particle-6[data-v-680761b2] { top: 85%; left: 40%; animation-delay: 7s;
}
@keyframes auth-particle-twinkle-680761b2 {
0%, 100% { opacity: 0; transform: translateY(0);
}
50% { opacity: .8; transform: translateY(-6px);
}
}
@media (prefers-reduced-motion: reduce) {
.container[data-v-680761b2],
    .background-glow[data-v-680761b2],
    .background-particle[data-v-680761b2] {
        animation: none;
}
}
.form-container[data-v-680761b2] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 480px;
    background: rgba(12, 18, 30, .92);
    border: 1px solid color-mix(in srgb, #6b8ec9, transparent 80%);
    border-radius: 18px;
    box-shadow:
        0 20px 50px 0 rgba(0, 0, 0, .4),
        0 0 0 1px rgba(59, 130, 246, .05),
        0 0 60px -18px color-mix(in srgb, var(--p-primary-color, #3b82f6), transparent 60%);
    padding: 42px 34px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.header[data-v-680761b2] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.form-logo[data-v-680761b2] {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin: 0;
    height: 88px;
    margin-inline: auto;
    --logo-transform: none;
    --logo-height: 88px;
}
.form-logo[data-v-680761b2] .logo-image {
    height: var(--logo-height);
    margin-inline: auto;
}
.auth-heading[data-v-680761b2] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-top: -6px;
    text-align: center;
}

/* :slotted() (not a plain selector) because #title content provided by a parent view
   (e.g. SignupView overriding the default login copy) renders with the parent's own
   scope id, not this component's — plain scoped selectors would silently not match it. */
.auth-heading .auth-title[data-v-680761b2-s] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #f5f8ff;
}
.auth-heading .auth-subtitle[data-v-680761b2-s] {
    font-size: .8125rem;
    color: #93a4c3;
}
.security-note[data-v-680761b2] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .375rem;
    font-size: .75rem;
    color: #7c8bab;
}
.security-note-icon[data-v-680761b2] {
    font-size: .875rem;
}

/* Restyle the shared form controls to the dark/premium palette — scoped to this
   layout only, so nothing outside the auth pages is affected. Component logic
   (validation, floating label, password toggle) is untouched, only appearance. */
.form-container[data-v-680761b2] .p-inputtext,
.form-container[data-v-680761b2] .p-password-input {
    height: 52px;
    padding-inline: 15px;
    border: 1px solid color-mix(in srgb, #6b8ec9, transparent 72%);
    border-radius: 10px;
    background: rgba(6, 10, 18, .65);
    color: #f5f8ff;
    font-size: .875rem;
}
.form-container[data-v-680761b2] .p-inputtext:enabled:hover,
.form-container[data-v-680761b2] .p-password-input:enabled:hover {
    border-color: color-mix(in srgb, #6b8ec9, transparent 45%);
}
.form-container[data-v-680761b2] .p-inputtext:enabled:focus,
.form-container[data-v-680761b2] .p-password-input:enabled:focus {
    border-color: var(--p-primary-color, #3b82f6);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--p-primary-color, #3b82f6), transparent 82%);
}
.form-container[data-v-680761b2] .p-password {
    display: flex;
}
.form-container[data-v-680761b2] .p-password-toggle-mask-icon {
    color: #7c8bab;
}
.form-container[data-v-680761b2] .p-password-toggle-mask-icon:hover {
    color: #c3d0e8;
}
.form-container[data-v-680761b2] .float-label label {
    color: #7c8bab;
}
.form-container[data-v-680761b2] .p-button {
    width: 100%;
    height: 54px;
    justify-content: space-between;
    border-radius: 10px;
    font-size: .9375rem;
    font-weight: 600;
}
.form-container[data-v-680761b2] .p-button:not(.p-button-outlined):not(.p-button-text) {
    background: linear-gradient(135deg, color-mix(in srgb, var(--p-primary-color, #3b82f6), white 8%), var(--p-primary-color, #3b82f6));
    border-color: transparent;
}
.form-container[data-v-680761b2] .p-button:not(.p-button-outlined):not(.p-button-text):not(:disabled):hover {
    background: linear-gradient(135deg, color-mix(in srgb, var(--p-primary-color, #3b82f6), white 16%), color-mix(in srgb, var(--p-primary-color, #3b82f6), white 4%));
}
.form-container[data-v-680761b2] .p-button-outlined {
    color: var(--p-primary-color, #3b82f6);
    border-color: color-mix(in srgb, var(--p-primary-color, #3b82f6), transparent 45%);
    background: transparent;
}
.form-container[data-v-680761b2] .p-button-outlined:not(:disabled):hover {
    background: color-mix(in srgb, var(--p-primary-color, #3b82f6), transparent 90%);
}

/* Compact variant (trader signup — see the `compact` prop): denser card, smaller
   logo, tighter heading spacing, and a deeper (non-gradient) button blue. Nothing
   here touches `.form-container` without the `.compact` class, so login pages —
   which don't pass the prop — render exactly as before. */
.form-container.compact[data-v-680761b2] {
    max-width: 570px;
    padding: 40px;
    border-radius: 18px;
    gap: 24px;
    transform: translateY(-24px);
}
.form-container.compact .form-logo[data-v-680761b2] {
    height: 118px;
    --logo-height: 118px;
}
.form-container.compact .auth-heading[data-v-680761b2] {
    gap: 7px;
    margin-top: -4px;
}
.form-container.compact[data-v-680761b2] .p-inputtext,
.form-container.compact[data-v-680761b2] .p-password-input {
    height: 53px;
    border-radius: 10px;
    font-size: .9375rem;
}
.form-container.compact[data-v-680761b2] .p-button {
    height: 54px;
    justify-content: center;
    border-radius: 10px;
    font-size: .9375rem;
}
.form-container.compact[data-v-680761b2] .p-button:not(.p-button-outlined):not(.p-button-text) {
    background: var(--p-primary-color, #3b82f6);
}
.form-container.compact[data-v-680761b2] .p-button:not(.p-button-outlined):not(.p-button-text):not(:disabled):hover {
    background: color-mix(in srgb, var(--p-primary-color, #3b82f6), white 12%);
}
@media (width <= 600px) {
.form-container.compact[data-v-680761b2] {
        transform: none;
}
.form-container[data-v-680761b2] {
        max-width: 100%;
        padding: 26px 22px;
        box-shadow: none;
}
.form-container:not(.compact) .form-logo[data-v-680761b2] {
        height: 64px;
        --logo-height: 64px;
}
.background-glow[data-v-680761b2] {
        opacity: .2;
}
}

.form[data-v-cfc8a245] {
    display: flex;
    flex-direction: column;
}

.form-layout[data-v-b57ba40b] {
    width: 100%;
    gap: 1rem;
}

.help-text {
&[data-v-a25a4eec] {
    margin-left: 1rem;
}
&.error[data-v-a25a4eec] {
        color: var(--p-form-field-invalid-placeholder-color);
}
}

.float-label label[data-v-b8ba04b0] {
    z-index: 200;
}

.nav-link.fluid[data-v-fefcebd1] {
    width: 100%;
}

.header[data-v-7fae183d] {
    background-color: var(--p-content-secondary-background);
    backdrop-filter: blur(16px) saturate(140%);
    border-bottom-style: solid;
    border-bottom-color: color-mix(in srgb, var(--p-primary-color), transparent 75%);
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.05);
}
.container[data-v-7fae183d] {
    display: flex;
    align-items: center;
    gap: .875rem;
}
.header-actions[data-v-7fae183d] {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-left: auto;
}

.header-rate[data-v-e444c840] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .4375rem .875rem;
    border-radius: var(--p-border-radius-md);
    border: 1px solid color-mix(in srgb, var(--p-primary-color), transparent 75%);
    background: linear-gradient(135deg,
        color-mix(in srgb, var(--p-primary-color), transparent 92%),
        color-mix(in srgb, var(--p-primary-color), transparent 96%));
    font-size: .875rem;
    line-height: 1;
    white-space: nowrap;
}
.header-rate-icon[data-v-e444c840] {
    font-size: .75rem;
    color: var(--p-primary-color);
}
.header-rate-pair[data-v-e444c840] {
    color: var(--p-text-muted-color);
    font-weight: 500;
}
.header-rate-value[data-v-e444c840] {
    color: var(--p-text-color);
    font-weight: 700;
    letter-spacing: .01em;
}
@media (width <= 640px) {
.header-rate-pair[data-v-e444c840] {
        display: none;
}
}

.logo-wrapper[data-v-f0dd26b8] {
    flex: 1;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 1.5rem;
}
.menu-toggle-icon[data-v-f0dd26b8] {
    cursor: pointer;
    font-size: 2rem;
    color: var(--brand-red);
}
@media (width <= 768px) {
.user-login[data-v-f0dd26b8] {
        display: none;
}
}

.nav-item[data-v-5496236a] {
    position: relative;
    display: flex;
    align-items: center;
    gap: .65rem;
    margin: 0 .625rem;
    font-size: .9rem;
    padding: .625rem 1rem;
    border-radius: var(--p-border-radius-sm);
    color: var(--p-text-muted-color);
    transition: background-color .2s ease, color .2s ease;
}
.nav-item[data-v-5496236a]:hover {
    background-color: var(--p-content-hover-background);
    color: var(--p-text-color);
}
.nav-item.active[data-v-5496236a] {
    background-color: color-mix(in srgb, var(--p-primary-color), transparent 88%);
    color: var(--p-primary-color);
    font-weight: 600;
}
.nav-item-icon[data-v-5496236a] {
    font-size: 1.05rem;
    width: 1.05rem;
    text-align: center;
    flex-shrink: 0;
}
.nav-item-badge[data-v-5496236a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.125rem;
    height: 1.125rem;
    padding: 0 .3125rem;
    margin-left: auto;
    border-radius: 999px;
    background: var(--p-red-500, #ef4444);
    color: #fff;
    font-size: .625rem;
    font-weight: 700;
    line-height: 1;
}

.nav[data-v-605d1409] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

.page-sidebar[data-v-c14f1d52] {
    min-width: 250px;
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding: 1.125rem 0;
    background-color: var(--p-content-secondary-background);
    backdrop-filter: blur(16px) saturate(140%);
    border-top-right-radius: var(--p-border-radius-lg);
    border-bottom-right-radius: var(--p-border-radius-lg);
    border-right: 1px solid color-mix(in srgb, var(--p-primary-color), transparent 75%);
    box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.05);
    overflow: hidden;
}
.page-sidebar-nav[data-v-c14f1d52] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
}
.page-sidebar-footer[data-v-c14f1d52] {
    padding: 0 .75rem;
    flex-shrink: 0;
}

.container[data-v-22a79312] {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.header[data-v-22a79312] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid color-mix(in srgb, var(--p-primary-color), transparent 65%);
}
.mobile-sidebar-footer[data-v-22a79312] {
    margin-top: auto;
    padding: 0 1rem 1rem;
}

.content[data-v-07be362f] {
    min-height: 100vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: var(--p-primary-contrast-color);
}
.layout-header[data-v-07be362f] {
    top: 0;
}
.layout-sidebar[data-v-07be362f] {
    height: calc(100vh - var(--75574c4c));
    top: var(--75574c4c);
}
.layout-header[data-v-07be362f], .layout-sidebar[data-v-07be362f] {
    position: sticky;
    z-index: 2;
}
.desktop-layout-header[data-v-07be362f] {
    display: block;
}
.mobile-layout-header[data-v-07be362f] {
    display: none;
}
.main-content-wrapper[data-v-07be362f] {
    position: relative;
    width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: row;
}
.main[data-v-07be362f] {
    height: 100%;
    width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .875rem;
    overflow-x: auto;
    overflow-y: hidden;
}
.content.secondary .main[data-v-07be362f] {
    padding: 1.25rem;
}
@media (width <= 1000px) {
.layout-sidebar[data-v-07be362f] {
        display: none;
}
.desktop-layout-header[data-v-07be362f] {
        display: none;
}
.mobile-layout-header[data-v-07be362f] {
        display: block;
}
}
@media (width <= 768px) {
.content.secondary .main[data-v-07be362f] {
        padding: 0;
        gap: .5rem;
}
}

.content-container[data-v-08f79c17] {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
    gap: .875rem;
}
.content-container.secondary[data-v-08f79c17] {
    height: auto;
    padding: 1.5rem;
    gap: 1.125rem;
}
.content-container.full-height[data-v-08f79c17] {
    height: calc(100vh - var(--31c55d7c));
}
@media (width <= 768px) {
.content-container[data-v-08f79c17] {
        padding: 1rem .5rem;
}
.content-container.secondary[data-v-08f79c17] {
        padding: 1rem;
        gap: .5rem;
}
}

.header-logo[data-v-24b2c653] {
    /* The header row is a fixed height — sizing the mark past that and pulling it back
       with negative margin lets it read as bigger without stretching the header itself. */
    --logo-height: 62px;
    margin-block: -10px;
}

.content-bar[data-v-61101915] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: .75rem;
    border-radius: var(--p-content-border-radius);
    background-color: var(--p-content-background);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .06);
}
.content-bar.styled[data-v-61101915] {
    padding: .875rem 1.5rem;
    border: 1px solid var(--p-content-border-color);
}
.content-bar.secondary[data-v-61101915] {
    background-color: transparent;
    box-shadow: none;
}

.content-header[data-v-0cb62f95] {
    padding: .875rem 1.5rem;
}
.content-header.secondary[data-v-0cb62f95] {
    padding: 0;
}
.content-header-main[data-v-0cb62f95] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}
.content-header-title[data-v-0cb62f95] {
    display: flex;
    align-items: center;
    gap: .75rem;
    color: var(--p-text-color);
}
.content-header-title[data-v-0cb62f95] {
    font-size: 1.375rem;
}
.content-header-subtitle[data-v-0cb62f95] {
    font-size: .8125rem;
    font-weight: 400;
    color: var(--p-text-muted-color);
}
.content-header-actions[data-v-0cb62f95] {
    margin-left: auto;
    display: flex;
    gap: .75rem;
}
@media (width <= 768px) {
.content-header[data-v-0cb62f95] {
        padding: .75rem;
}
.content-header.secondary[data-v-0cb62f95] {
        padding: .5rem 0;
}
.content-header-title[data-v-0cb62f95] {
        font-size: 1.25rem;
}
.content-header-subtitle[data-v-0cb62f95] {
        font-size: .75rem;
}
}

.content-body[data-v-5bf29875] {
    height: 100%;
    padding: .875rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: .75rem;
    background:
        linear-gradient(155deg, color-mix(in srgb, var(--p-primary-color), transparent 88%) 0%, transparent 45%),
        var(--p-content-background);
    border: 1px solid var(--p-content-border-color);
    border-radius: var(--p-border-radius-md);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .06);
    transition: box-shadow .25s ease, transform .25s ease;
}
.content-body.secondary[data-v-5bf29875] {
    height: auto;
    padding: 1.5rem;
}
@media (width <= 768px) {
.content-body[data-v-5bf29875] {
        padding: .5rem;
}
.content-body.secondary[data-v-5bf29875] {
        padding: 1rem;
}
}

.group-header-wrapper[data-v-b7aa01dd] {
    display: inline-block;
    padding-left: 1rem;
    width: calc(100% - var(--p-datatable-row-toggle-button-size));
}
.group-header-container[data-v-b7aa01dd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}
.group-header[data-v-b7aa01dd] {
    cursor: pointer;
    font-weight: bold;
    font-size: 1.2rem;
}

.data-row-actions[data-v-56c4cdff] {
    display: flex;
    gap: 1px;
}
.data-row-actions.can-add[data-v-56c4cdff] {
    gap: 5px;
}

.container[data-v-ce7fcf22] {
    padding-top: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.actions[data-v-ce7fcf22] {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    align-items: center;
}
.form-container[data-v-ce7fcf22] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
@media (min-width: 550px) {
.data-record-dialog {
        width: 100%;
        max-width: 500px;
}
}

.form-row[data-v-ee1aa52e] {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 1rem;
}
.form-row > * {
    width: 100%;
}

.toggle-switch-container[data-v-b20c8582] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1rem;
}
.toggle-switch[data-v-b20c8582] {
    flex-shrink: 0;
}

.country-change-hint[data-v-72478d4c] {
    margin-top: -.5rem;
    font-size: .8125rem;
    color: var(--p-primary-color);
}
.tier-rates-hint[data-v-72478d4c] {
    margin-top: -.5rem;
    font-size: .8125rem;
    color: var(--p-text-muted-color);
}

.options[data-v-3ee0a6e4] {
    display: flex;
    gap: 1rem;
    padding-top: .5rem;
}
.role-option[data-v-3ee0a6e4] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .625rem;
    padding: 1.5rem 1rem;
    border: 1px solid var(--p-content-border-color);
    border-radius: var(--p-border-radius-md);
    background: var(--p-content-background);
    color: var(--p-text-color);
    font-size: 1rem;
    cursor: pointer;
    transition: border-color .15s ease, background-color .15s ease;
}
.role-option[data-v-3ee0a6e4]:hover {
    border-color: var(--p-primary-color);
    background: color-mix(in srgb, var(--p-primary-color), transparent 94%);
}
.role-option .pi[data-v-3ee0a6e4] {
    font-size: 1.5rem;
    color: var(--p-primary-color);
}

.tier-rates-hint[data-v-71681850] {
    margin-top: -.5rem;
    font-size: .8125rem;
    color: var(--p-text-muted-color);
}

.readonly-token-input[data-v-0f7346e0] {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.totp-status[data-v-d9916997] {
    font-weight: 500;
    color: var(--p-text-muted-color);
}
.totp-status.enabled[data-v-d9916997] {
    color: var(--p-green-500);
}

.textarea[data-v-e3e962b9] {
    resize: none;
}

.empty-pool-hint[data-v-697c6829] {
    color: var(--p-text-muted-color);
}

.type-toggle[data-v-38ef23a6] {
    margin-bottom: 1rem;
}
.amount-cell[data-v-38ef23a6] {
    display: flex;
    flex-direction: column;
    white-space: nowrap;
}
.amount-usdt[data-v-38ef23a6] {
    font-size: .75rem;
    color: var(--p-text-muted-color);
}
.actions-cell[data-v-38ef23a6] {
    display: flex;
    gap: .5rem;
}
.status-badge[data-v-38ef23a6] {
    display: inline-block;
    padding: .1875rem .625rem;
    border-radius: var(--p-border-radius-xl, 999px);
    font-size: .75rem;
    font-weight: 600;
    white-space: nowrap;
}
.status-pending[data-v-38ef23a6] {
    color: var(--p-yellow-500);
    background: color-mix(in srgb, var(--p-yellow-500), transparent 88%);
}
.status-success[data-v-38ef23a6] {
    color: var(--p-green-500);
    background: color-mix(in srgb, var(--p-green-500), transparent 88%);
}
.status-cancelled[data-v-38ef23a6] {
    color: var(--p-text-muted-color);
    background: color-mix(in srgb, var(--p-text-muted-color), transparent 88%);
}
.status-dispute[data-v-38ef23a6] {
    color: var(--p-red-500);
    background: color-mix(in srgb, var(--p-red-500), transparent 88%);
}
.empty-state[data-v-38ef23a6] {
    padding: 1.5rem;
    text-align: center;
    color: var(--p-text-muted-color);
}

.amount-cell[data-v-54e14139] {
    display: flex;
    flex-direction: column;
    white-space: nowrap;
}
.amount-usdt[data-v-54e14139] {
    font-size: .75rem;
    color: var(--p-text-muted-color);
}
.reason-cell[data-v-54e14139] {
    display: flex;
    align-items: center;
    gap: .5rem;
    max-width: 220px;
}
.reason-text[data-v-54e14139] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.receipt-link[data-v-54e14139] {
    flex-shrink: 0;
    color: var(--p-primary-color);
}
.actions-cell[data-v-54e14139] {
    display: flex;
    gap: .5rem;
}
.status-badge[data-v-54e14139] {
    display: inline-block;
    padding: .1875rem .625rem;
    border-radius: var(--p-border-radius-xl, 999px);
    font-size: .75rem;
    font-weight: 600;
    white-space: nowrap;
}
.status-open[data-v-54e14139],
.status-pending_trader[data-v-54e14139] {
    color: var(--p-yellow-500);
    background: color-mix(in srgb, var(--p-yellow-500), transparent 88%);
}
.status-resolved_merchant[data-v-54e14139] {
    color: var(--p-green-500);
    background: color-mix(in srgb, var(--p-green-500), transparent 88%);
}
.status-cancelled_merchant[data-v-54e14139],
.status-resolved_psp[data-v-54e14139] {
    color: var(--p-text-muted-color);
    background: color-mix(in srgb, var(--p-text-muted-color), transparent 88%);
}
.empty-state[data-v-54e14139] {
    padding: 1.5rem;
    text-align: center;
    color: var(--p-text-muted-color);
}

.two-factor-intro[data-v-2c908bbc] {
    display: flex;
    flex-direction: column;
    gap: .375rem;
    margin-bottom: .25rem;
}
.two-factor-title[data-v-2c908bbc] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--p-text-color);
}
.two-factor-description[data-v-2c908bbc] {
    font-size: .875rem;
    color: var(--p-text-muted-color);
}

/* Compound selector (.signup-form.form-layout) so this reliably wins over
   FormLayout's own scoped `.form-layout { gap: 1rem }` on the same root element —
   this form needs its own hand-tuned rhythm (token/email/password/buttons each
   have a different gap below them) rather than one uniform flex gap. */
.signup-form.form-layout[data-v-3633c1c2] {
    gap: 0;
}
.token-field[data-v-3633c1c2] {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}
.token-field-label[data-v-3633c1c2] {
    margin-bottom: 7px;
    font-size: .75rem;
    font-weight: 500;
    color: #93a4c3;
}
.field-email[data-v-3633c1c2] {
    margin-bottom: 13px;
}
.field-password[data-v-3633c1c2] {
    margin-bottom: 22px;
}
.field-submit[data-v-3633c1c2] {
    margin-bottom: 13px;
}

.sidebar-balance-card[data-v-8f14571e] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding: 1rem 1.125rem;
    border-radius: var(--p-border-radius-lg);
    border: 1px solid color-mix(in srgb, var(--p-primary-color), transparent 82%);
    background: linear-gradient(160deg,
        color-mix(in srgb, var(--p-primary-color), transparent 92%),
        color-mix(in srgb, var(--p-primary-color), transparent 97%));
}
.sidebar-balance-title[data-v-8f14571e] {
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--p-text-muted-color);
}
.sidebar-balance-row[data-v-8f14571e] {
    display: flex;
    align-items: center;
    gap: .75rem;
}
.sidebar-balance-icon[data-v-8f14571e] {
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--p-border-radius-md);
    background: color-mix(in srgb, var(--p-primary-color), transparent 85%);
    color: var(--p-primary-color);
    font-size: .875rem;
}
.sidebar-balance-icon.frozen[data-v-8f14571e] {
    background: var(--p-content-hover-background);
    color: var(--p-text-muted-color);
}
.sidebar-balance-info[data-v-8f14571e] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .0625rem;
}
.sidebar-balance-label[data-v-8f14571e] {
    font-size: .75rem;
    color: var(--p-text-muted-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sidebar-balance-value[data-v-8f14571e] {
    font-size: .9375rem;
    font-weight: 700;
    color: var(--p-text-color);
    white-space: nowrap;
}
.sidebar-balance-divider[data-v-8f14571e] {
    height: 1px;
    background: color-mix(in srgb, var(--p-primary-color), transparent 85%);
}

.header-logo[data-v-d523c93f] {
    /* The header row is a fixed height — sizing the mark past that and pulling it back
       with negative margin lets it read as bigger without stretching the header itself. */
    --logo-height: 62px;
    margin-block: -10px;
}

.chart canvas {
    width: 100% !important;
}
.chart[data-v-b913d189] {
    height: 100%;
    width: 100%;
}

.kpi-card[data-v-d1416a02] {
    display: flex;
    flex-direction: column;
    min-height: 176px;
    padding: 22px 22px 18px;
    border: 1px solid var(--p-content-border-color);
    border-radius: 13px;
    background: var(--p-content-background);
}
.kpi-icon[data-v-d1416a02] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    font-size: 1.125rem;
    margin-bottom: 1rem;
}
.icon-blue[data-v-d1416a02] {
    color: var(--p-primary-color);
    background: color-mix(in srgb, var(--p-primary-color), transparent 85%);
}
.icon-green[data-v-d1416a02] {
    color: var(--p-green-500);
    background: color-mix(in srgb, var(--p-green-500), transparent 85%);
}
.icon-purple[data-v-d1416a02] {
    color: var(--p-purple-500);
    background: color-mix(in srgb, var(--p-purple-500), transparent 85%);
}
.icon-orange[data-v-d1416a02] {
    color: var(--p-orange-500);
    background: color-mix(in srgb, var(--p-orange-500), transparent 85%);
}
.icon-cyan[data-v-d1416a02] {
    color: var(--p-cyan-500);
    background: color-mix(in srgb, var(--p-cyan-500), transparent 85%);
}
.icon-gray[data-v-d1416a02] {
    color: var(--p-text-muted-color);
    background: color-mix(in srgb, var(--p-text-color), transparent 90%);
}
.kpi-label[data-v-d1416a02] {
    font-size: .8125rem;
    font-weight: 400;
    color: var(--p-text-muted-color);
}
.kpi-value[data-v-d1416a02] {
    margin-top: .375rem;
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--p-text-color);
    line-height: 1.2;
}
.kpi-underline[data-v-d1416a02] {
    margin-top: auto;
    padding-top: 14px;
}
.kpi-underline[data-v-d1416a02]::before {
    content: '';
    display: block;
    height: 2px;
    width: 100%;
    border-radius: 999px;
    background: color-mix(in srgb, var(--underline-color, var(--p-primary-color)), transparent 78%);
}
.underline-blue[data-v-d1416a02] {
    --underline-color: var(--p-primary-color);
}
.underline-green[data-v-d1416a02] {
    --underline-color: var(--p-green-500);
}
.underline-purple[data-v-d1416a02] {
    --underline-color: var(--p-purple-500);
}
.underline-orange[data-v-d1416a02] {
    --underline-color: var(--p-orange-500);
}
.underline-cyan[data-v-d1416a02] {
    --underline-color: var(--p-cyan-500);
}
.underline-gray[data-v-d1416a02] {
    --underline-color: var(--p-text-muted-color);
}

.secondary-card[data-v-8cc69162] {
    display: flex;
    align-items: center;
    gap: .875rem;
    min-height: 96px;
    padding: 18px 22px;
    border: 1px solid var(--p-content-border-color);
    border-radius: 13px;
    background: var(--p-content-background);
}
.secondary-icon[data-v-8cc69162] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    flex-shrink: 0;
    border-radius: 10px;
    font-size: 1.0625rem;
    font-weight: 600;
    color: var(--p-primary-color);
    background: color-mix(in srgb, var(--p-primary-color), transparent 85%);
}
.secondary-body[data-v-8cc69162] {
    flex: 1;
    min-width: 0;
}
.secondary-label[data-v-8cc69162] {
    font-size: .8125rem;
    color: var(--p-text-muted-color);
}
.secondary-value-row[data-v-8cc69162] {
    margin-top: .25rem;
}
.secondary-value[data-v-8cc69162] {
    font-size: 1.0625rem;
    font-weight: 600;
    color: var(--p-text-color);
}
.secondary-progress-track[data-v-8cc69162] {
    margin-top: .5rem;
    height: 6px;
    border-radius: 999px;
    background: var(--p-content-border-color);
    overflow: hidden;
}
.secondary-progress-fill[data-v-8cc69162] {
    height: 100%;
    border-radius: 999px;
    background: var(--p-primary-color);
}

.period-toggle[data-v-5d1abd31] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 2px;
    background: var(--p-content-background);
    border: 1px solid var(--p-content-border-color);
    border-radius: 8px;
}
.segment[data-v-5d1abd31] {
    appearance: none;
    border: none;
    background: transparent;
    color: var(--p-text-muted-color);
    font-size: .8125rem;
    font-weight: 500;
    line-height: 1;
    padding: 7px 12px;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color .15s ease, color .15s ease;
    white-space: nowrap;
}
.segment[data-v-5d1abd31]:hover:not(.active) {
    color: var(--p-text-color);
}
.segment.active[data-v-5d1abd31] {
    background: color-mix(in srgb, var(--p-primary-color), transparent 85%);
    color: var(--p-primary-color);
}

.activity-card[data-v-efd2211c] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    height: 100%;
    min-height: 480px;
    padding: 22px 24px;
    border: 1px solid var(--p-content-border-color);
    border-radius: 14px;
    background: var(--p-content-background);
}
.activity-header[data-v-efd2211c] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.activity-title[data-v-efd2211c] {
    font-size: 1.1875rem;
    font-weight: 600;
    color: var(--p-text-color);
}
.chart-body[data-v-efd2211c] {
    flex: 1;
    min-height: 300px;
}
.chart-empty-state[data-v-efd2211c] {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    text-align: center;
}
.empty-icon[data-v-efd2211c] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin-bottom: 8px;
    border-radius: 12px;
    color: var(--p-primary-color);
    background: color-mix(in srgb, var(--p-primary-color), transparent 88%);
    font-size: 1.25rem;
}
.empty-title[data-v-efd2211c] {
    font-size: .9375rem;
    font-weight: 600;
    color: var(--p-text-color);
}
.empty-subtitle[data-v-efd2211c] {
    font-size: .8125rem;
    color: var(--p-text-muted-color);
}
.chart-legend[data-v-efd2211c] {
    display: flex;
    align-items: center;
    gap: 20px;
}
.legend-item[data-v-efd2211c] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    font-size: .8125rem;
    color: var(--p-text-muted-color);
}
.legend-item-muted[data-v-efd2211c] {
    opacity: .55;
}
.legend-dot[data-v-efd2211c] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}
.dot-deals[data-v-efd2211c] {
    background: var(--p-primary-color);
}
.dot-traffic[data-v-efd2211c] {
    background: var(--p-text-muted-color);
}
@media (width <= 768px) {
.activity-card[data-v-efd2211c] {
        min-height: 420px;
}
.chart-body[data-v-efd2211c] {
        min-height: 260px;
}
}

.last-60-card[data-v-a05bb7d8] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 480px;
    padding: 22px 24px;
    border: 1px solid var(--p-content-border-color);
    border-radius: 14px;
    background: var(--p-content-background);
}
.card-header[data-v-a05bb7d8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .5rem;
}
.card-title[data-v-a05bb7d8] {
    font-size: 1.1875rem;
    font-weight: 600;
    color: var(--p-text-color);
}
.error-badge[data-v-a05bb7d8] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    border: none;
    border-radius: 8px;
    background: color-mix(in srgb, var(--p-orange-500), transparent 88%);
    color: var(--p-orange-500);
    font-size: .8125rem;
    cursor: pointer;
}
.card-rows[data-v-a05bb7d8] {
    display: flex;
    flex-direction: column;
}
.card-row[data-v-a05bb7d8] {
    display: flex;
    align-items: center;
    gap: .875rem;
    min-height: 68px;
    padding: 14px 0;
    border-bottom: 1px solid var(--p-content-border-color);
}
.card-row[data-v-a05bb7d8]:last-child {
    border-bottom: none;
}
.row-icon[data-v-a05bb7d8] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    border-radius: 10px;
    font-size: .9375rem;
    color: var(--p-primary-color);
    background: color-mix(in srgb, var(--p-primary-color), transparent 88%);
}
.row-label[data-v-a05bb7d8] {
    flex: 1;
    font-size: .8125rem;
    color: var(--p-text-muted-color);
}
.row-value[data-v-a05bb7d8] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--p-text-color);
    white-space: nowrap;
}
.row-skeleton[data-v-a05bb7d8] {
    display: block;
    width: 72px;
    height: 14px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--p-text-color), transparent 92%);
    animation: last-60-skeleton-pulse-a05bb7d8 1.2s ease-in-out infinite;
}
@keyframes last-60-skeleton-pulse-a05bb7d8 {
0%, 100% { opacity: 1;
}
50% { opacity: .4;
}
}
.card-error[data-v-a05bb7d8] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .625rem;
    text-align: center;
    color: var(--p-text-muted-color);
    font-size: .875rem;
}
.card-error .pi[data-v-a05bb7d8] {
    font-size: 1.5rem;
    color: var(--p-orange-500);
}
.retry-button[data-v-a05bb7d8] {
    padding: .5rem 1.125rem;
    border: 1px solid var(--p-content-border-color);
    border-radius: var(--p-border-radius-md);
    background: transparent;
    color: var(--p-text-color);
    font-family: inherit;
    font-size: .875rem;
    font-weight: 500;
    cursor: pointer;
    transition: background-color .15s ease;
}
.retry-button[data-v-a05bb7d8]:hover {
    background: var(--p-content-hover-background);
}

.page-header[data-v-495a0fe9] {
    display: flex;
    align-items: baseline;
    gap: .75rem;
}
.page-title[data-v-495a0fe9] {
    font-size: 1.625rem;
    font-weight: 600;
    color: var(--p-text-color);
}
.page-status[data-v-495a0fe9] {
    display: inline-flex;
    align-items: center;
    gap: .4375rem;
    font-size: .8125rem;
    color: var(--p-text-muted-color);
}
.status-dot[data-v-495a0fe9] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--p-green-500);
    flex-shrink: 0;
}
.kpi-grid[data-v-495a0fe9] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 16px;
}
.secondary-grid[data-v-495a0fe9] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}
.main-content-grid[data-v-495a0fe9] {
    display: grid;
    grid-template-columns: 58fr 42fr;
    gap: 16px;
    align-items: stretch;
}
@media (width <= 1200px) {
.kpi-grid[data-v-495a0fe9] {
        grid-template-columns: repeat(3, 1fr);
}
}
@media (width <= 900px) {
.main-content-grid[data-v-495a0fe9] {
        grid-template-columns: 1fr;
}
}
@media (width <= 640px) {
.kpi-grid[data-v-495a0fe9],
    .secondary-grid[data-v-495a0fe9] {
        grid-template-columns: repeat(2, 1fr);
}
}

.tab-count[data-v-b578e7ad] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.25rem;
    height: 1.25rem;
    margin-left: .375rem;
    padding: 0 .375rem;
    border-radius: 999px;
    font-size: .6875rem;
    font-weight: 600;
    color: var(--p-text-muted-color);
    background: color-mix(in srgb, var(--p-text-color), transparent 90%);
}

.load-bar[data-v-78dff6eb] {
    display: flex;
    flex-direction: column;
    gap: .3125rem;
    min-width: 11rem;
}
.load-bar-track[data-v-78dff6eb] {
    position: relative;
    height: .5rem;
    border-radius: 999px;
    background: var(--p-content-border-color);
    overflow: hidden;
}
.load-bar-fill[data-v-78dff6eb] {
    height: 100%;
    border-radius: 999px;
    transition: width .4s ease;
}
.load-bar-fill.normal[data-v-78dff6eb] {
    background: var(--p-primary-color);
}
.load-bar-fill.warning[data-v-78dff6eb] {
    background: var(--p-yellow-500);
}
.load-bar-fill.high[data-v-78dff6eb] {
    background: var(--p-orange-500);
}
.load-bar-fill.critical[data-v-78dff6eb] {
    background: var(--p-red-500);
}
.load-bar-label[data-v-78dff6eb] {
    display: flex;
    align-items: baseline;
    gap: .25rem;
    font-size: .8125rem;
    white-space: nowrap;
}
.load-bar-used[data-v-78dff6eb] {
    font-weight: 700;
    color: var(--p-text-color);
}
.load-bar-separator[data-v-78dff6eb],
.load-bar-limit[data-v-78dff6eb] {
    color: var(--p-text-muted-color);
}
.load-bar-percent[data-v-78dff6eb] {
    margin-left: auto;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}
.load-bar-percent.normal[data-v-78dff6eb] {
    color: var(--p-primary-color);
}
.load-bar-percent.warning[data-v-78dff6eb] {
    color: var(--p-yellow-500);
}
.load-bar-percent.high[data-v-78dff6eb] {
    color: var(--p-orange-500);
}
.load-bar-percent.critical[data-v-78dff6eb] {
    color: var(--p-red-500);
}
.load-bar-no-limit[data-v-78dff6eb] {
    font-size: .8125rem;
    color: var(--p-text-muted-color);
}

.requisite-cell[data-v-5c049698] {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-width: 0;
}
.requisite-text[data-v-5c049698] {
    display: flex;
    flex-direction: column;
    gap: .125rem;
    min-width: 0;
}
.requisite-bank[data-v-5c049698] {
    font-size: .9375rem;
    font-weight: 600;
    color: var(--p-text-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.requisite-value[data-v-5c049698] {
    font-size: .8125rem;
    color: var(--p-text-color);
    white-space: nowrap;
}
.requisite-type[data-v-5c049698] {
    font-size: .75rem;
    color: var(--p-text-muted-color);
}

.status-badge[data-v-a1101cde] {
    display: inline-flex;
    align-items: center;
    gap: .4375rem;
    padding: .1875rem .625rem;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 600;
    white-space: nowrap;
}
.status-dot[data-v-a1101cde] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentcolor;
    flex-shrink: 0;
}
.status-active[data-v-a1101cde] {
    color: var(--p-green-500);
    background: color-mix(in srgb, var(--p-green-500), transparent 88%);
}
.status-paused[data-v-a1101cde] {
    color: var(--p-text-muted-color);
    background: color-mix(in srgb, var(--p-text-color), transparent 90%);
}
.status-near_limit[data-v-a1101cde] {
    color: var(--p-orange-500);
    background: color-mix(in srgb, var(--p-orange-500), transparent 88%);
}
.status-limit_reached[data-v-a1101cde] {
    color: var(--p-red-500);
    background: color-mix(in srgb, var(--p-red-500), transparent 88%);
}

.actions-cell[data-v-94d61ee2] {
    display: flex;
    gap: 1px;
}
.actions-menu-danger-item .p-menu-item-link {
    color: var(--p-red-500);
}

.methods-cell[data-v-772cda5a] {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
}
.method-badge[data-v-772cda5a] {
    display: inline-block;
    padding: .1875rem .5rem;
    border-radius: var(--p-border-radius-xl, 999px);
    font-size: .75rem;
    font-weight: 600;
    white-space: nowrap;
    color: var(--p-primary-color);
    background: color-mix(in srgb, var(--p-primary-color), transparent 88%);
}
.empty-state[data-v-772cda5a] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .625rem;
    padding: 2.5rem 1rem;
    text-align: center;
}
.empty-state .pi[data-v-772cda5a] {
    font-size: 1.75rem;
    color: var(--p-text-muted-color);
}
.empty-title[data-v-772cda5a] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--p-text-color);
}
.empty-subtitle[data-v-772cda5a] {
    font-size: .875rem;
    color: var(--p-text-muted-color);
    margin-bottom: .5rem;
}
.table-footer[data-v-772cda5a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}
.stale-error-indicator[data-v-772cda5a] {
    display: inline-flex;
    align-items: center;
    gap: .4375rem;
    font-size: .8125rem;
    color: var(--p-orange-500);
}
.paginator[data-v-772cda5a] {
    margin-left: auto;
}
.table-skeleton[data-v-772cda5a] {
    display: flex;
    flex-direction: column;
    gap: .625rem;
}
.skeleton-row[data-v-772cda5a] {
    height: 64px;
    border-radius: 10px;
    background: color-mix(in srgb, var(--p-text-color), transparent 94%);
    animation: cards-table-skeleton-pulse-772cda5a 1.2s ease-in-out infinite;
}
@keyframes cards-table-skeleton-pulse-772cda5a {
0%, 100% { opacity: 1;
}
50% { opacity: .5;
}
}

.summary-card[data-v-1c497c71] {
    display: flex;
    align-items: center;
    gap: .875rem;
    min-height: 84px;
    padding: 18px 20px;
    border: 1px solid var(--p-content-border-color);
    border-radius: 12px;
    background: var(--p-content-background);
}
.summary-icon[data-v-1c497c71] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    border-radius: 10px;
    font-size: 1.0625rem;
}
.icon-blue[data-v-1c497c71] {
    color: var(--p-primary-color);
    background: color-mix(in srgb, var(--p-primary-color), transparent 85%);
}
.icon-gray[data-v-1c497c71] {
    color: var(--p-text-muted-color);
    background: color-mix(in srgb, var(--p-text-color), transparent 90%);
}
.icon-amber[data-v-1c497c71] {
    color: var(--p-orange-500);
    background: color-mix(in srgb, var(--p-orange-500), transparent 85%);
}
.icon-green[data-v-1c497c71] {
    color: var(--p-green-500);
    background: color-mix(in srgb, var(--p-green-500), transparent 85%);
}
.summary-text[data-v-1c497c71] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    min-width: 0;
}
.summary-label[data-v-1c497c71] {
    font-size: .8125rem;
    color: var(--p-text-muted-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.summary-value[data-v-1c497c71] {
    font-size: 1.375rem;
    font-weight: 600;
    color: var(--p-text-color);
    line-height: 1.2;
    white-space: nowrap;
}

.summary-row[data-v-103a17bc] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}
.summary-skeleton[data-v-103a17bc] {
    min-height: 84px;
    border-radius: 12px;
    background: color-mix(in srgb, var(--p-text-color), transparent 94%);
    animation: cards-summary-skeleton-pulse-103a17bc 1.2s ease-in-out infinite;
}
@keyframes cards-summary-skeleton-pulse-103a17bc {
0%, 100% { opacity: 1;
}
50% { opacity: .5;
}
}
@media (width <= 900px) {
.summary-row[data-v-103a17bc] {
        grid-template-columns: repeat(2, 1fr);
}
}

.cards-filters[data-v-2a2318cf] {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 12px;
    padding: 16px 18px;
    border: 1px solid var(--p-content-border-color);
    border-radius: 13px;
    background: var(--p-content-background);
}
.search-field-wrapper[data-v-2a2318cf] {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1 1 30%;
    min-width: 0;
    height: 50px;
}
.search-field-icon[data-v-2a2318cf] {
    position: absolute;
    left: .875rem;
    font-size: .8125rem;
    color: var(--p-text-muted-color);
    pointer-events: none;
    z-index: 1;
}
.search-field-input[data-v-2a2318cf] {
    width: 100%;
    height: 50px;
    padding: 0 .875rem 0 2.125rem;
    border: 1px solid var(--p-content-border-color);
    border-radius: 9px;
    background: var(--p-content-background);
    color: var(--p-text-color);
    font-size: .8125rem;
    font-family: inherit;
    transition: border-color .15s ease;
}
.search-field-input[data-v-2a2318cf]::placeholder {
    color: var(--p-text-muted-color);
}
.search-field-input[data-v-2a2318cf]:hover {
    border-color: color-mix(in srgb, var(--p-text-color), transparent 65%);
}
.search-field-input[data-v-2a2318cf]:focus {
    outline: none;
    border-color: var(--p-primary-color);
}
.filter-select[data-v-2a2318cf] {
    flex-shrink: 0;
    width: 172px;
    height: 50px;
    border: 1px solid var(--p-content-border-color);
    border-radius: 9px;
    background: var(--p-content-background);
    transition: border-color .15s ease;
}
.filter-select[data-v-2a2318cf]:hover {
    border-color: color-mix(in srgb, var(--p-text-color), transparent 65%);
}
.filter-select[data-v-2a2318cf] .p-select-label {
    display: flex;
    align-items: center;
    padding: 0 .625rem;
}
.filter-select-value[data-v-2a2318cf] {
    display: flex;
    align-items: center;
    gap: .5rem;
    min-width: 0;
}
.filter-select-icon[data-v-2a2318cf] {
    flex-shrink: 0;
    font-size: .9375rem;
    color: var(--p-text-muted-color);
}
.filter-select-text[data-v-2a2318cf] {
    display: flex;
    flex-direction: column;
    gap: .125rem;
    min-width: 0;
    line-height: 1.1;
}
.filter-select-label[data-v-2a2318cf] {
    font-size: .6875rem;
    color: var(--p-text-muted-color);
    white-space: nowrap;
}
.filter-select-current[data-v-2a2318cf] {
    font-size: .8125rem;
    font-weight: 500;
    color: var(--p-text-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.filter-actions[data-v-2a2318cf] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-shrink: 0;
    margin-left: auto;
}
.filter-actions[data-v-2a2318cf] .p-button {
    height: 50px;
    padding-inline: 24px;
    border-radius: 9px;
    font-size: .8125rem;
}
.reset-action[data-v-2a2318cf] {
    padding: 0;
    border: none;
    background: none;
    color: var(--p-primary-color);
    font-size: .8125rem;
    font-weight: 500;
    font-family: inherit;
    cursor: pointer;
    white-space: nowrap;
}
.reset-action[data-v-2a2318cf]:hover {
    text-decoration: underline;
}
@media (width <= 1100px) {
.cards-filters[data-v-2a2318cf] {
        flex-wrap: wrap;
        height: auto;
}
.search-field-wrapper[data-v-2a2318cf] {
        flex: 1 1 100%;
}
.filter-actions[data-v-2a2318cf] {
        margin-left: 0;
        width: 100%;
}
.apply-action[data-v-2a2318cf] {
        flex: 1;
}
}
@media (width <= 640px) {
.filter-select[data-v-2a2318cf] {
        width: 100%;
}
}

.container[data-v-e635d61d] {
    padding-top: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.actions[data-v-e635d61d] {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    align-items: center;
}
.form-container[data-v-e635d61d] {
    display: flex;
    flex-direction: column;
    gap: 1.75rem;
}
.form-group[data-v-e635d61d] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.form-group[data-v-e635d61d]:not(:first-child) {
    padding-top: 1.5rem;
    border-top: 1px solid var(--p-content-border-color);
}
.group-label[data-v-e635d61d] {
    font-size: .8125rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--p-text-muted-color);
}
.field-group[data-v-e635d61d] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}
.field-label[data-v-e635d61d] {
    font-size: .8125rem;
    color: var(--p-text-muted-color);
}
.methods-checkboxes[data-v-e635d61d] {
    display: flex;
    flex-wrap: wrap;
    gap: .875rem;
}
.methods-checkboxes.invalid[data-v-e635d61d] {
    outline: 1px solid var(--p-red-500);
    outline-offset: 6px;
    border-radius: var(--p-border-radius-xs);
}
.method-checkbox[data-v-e635d61d] {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .875rem;
    color: var(--p-text-color);
    cursor: pointer;
    white-space: nowrap;
}
.field-error[data-v-e635d61d] {
    font-size: .75rem;
    color: var(--p-red-500);
}
.toggle-row[data-v-e635d61d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}
.toggle-row label[data-v-e635d61d] {
    font-size: 1rem;
    cursor: pointer;
}
.collapsible-field[data-v-e635d61d] {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    transform: translateY(-6px);
    transition: grid-template-rows .3s ease, opacity .25s ease, transform .3s ease;
}
.collapsible-field.expanded[data-v-e635d61d] {
    grid-template-rows: 1fr;
    opacity: 1;
    transform: translateY(0);
}
.collapsible-field-inner[data-v-e635d61d] {
    overflow: hidden;
    min-height: 0;
}
.farm-settings-row[data-v-e635d61d] {
    padding-top: .25rem;
}

.details-container[data-v-d115e037] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 320px;
    padding-top: 1rem;
}
.details-row[data-v-d115e037] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: .75rem;
    border-bottom: 1px solid var(--p-content-border-color);
}
.details-row[data-v-d115e037]:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.details-label[data-v-d115e037] {
    font-size: .8125rem;
    color: var(--p-text-muted-color);
    white-space: nowrap;
}
.details-value[data-v-d115e037] {
    font-size: .9375rem;
    font-weight: 500;
    color: var(--p-text-color);
    text-align: right;
}
.methods-value[data-v-d115e037] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .375rem;
}
.method-badge[data-v-d115e037] {
    display: inline-block;
    padding: .1875rem .5rem;
    border-radius: var(--p-border-radius-xl, 999px);
    font-size: .75rem;
    font-weight: 600;
    color: var(--p-primary-color);
    background: color-mix(in srgb, var(--p-primary-color), transparent 88%);
}
.details-loading[data-v-d115e037] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 320px;
    min-height: 160px;
    color: var(--p-text-muted-color);
    font-size: 1.5rem;
}

.cards-error[data-v-4e82dfc5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .75rem;
    padding: 3rem 1rem;
    text-align: center;
}
.cards-error .pi[data-v-4e82dfc5] {
    font-size: 2rem;
    color: var(--p-orange-500);
}
.cards-error-title[data-v-4e82dfc5] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--p-text-color);
}

.info-item[data-v-f1189911] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-left: 1rem;
}
.info-item.compact[data-v-f1189911] {
    flex-direction: row;
    align-items: baseline;
    gap: .5rem;
    padding-left: .75rem;
}
.item-accent[data-v-f1189911] {
    position: absolute;
    top: .15rem;
    bottom: .15rem;
    left: 0;
    width: 3px;
    border-radius: var(--p-border-radius-xs);
    background: linear-gradient(180deg, var(--p-primary-color), color-mix(in srgb, var(--p-primary-color), transparent 55%));
}
.item-label[data-v-f1189911] {
    display: flex;
    align-items: center;
    font-size: .8125rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--p-text-muted-color);
}
.info-item.compact .item-label[data-v-f1189911] {
    font-size: .8125rem;
    font-weight: 500;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
}
.item-value[data-v-f1189911] {
    display: flex;
    align-items: center;
    font-size: 2.25rem;
    font-weight: 700;
    letter-spacing: -.02em;
    color: var(--p-text-color);
}
.info-item.compact .item-value[data-v-f1189911] {
    font-size: 1rem;
    font-weight: 600;
    white-space: nowrap;
}
.info-item.compact .item-accent[data-v-f1189911] {
    top: .2rem;
    bottom: .2rem;
    width: 2px;
}
@media (width <= 768px) {
.info-item[data-v-f1189911] {
        gap: 0.25rem;
}
.item-value[data-v-f1189911] {
        font-size: 1.5rem;
}
}

[data-v-56e31cb9] .currency-info-item-value {
    text-transform: uppercase;
}

.info-container[data-v-a3ff73c4] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1rem;
}
@media (max-width: 600px) {
.info-container[data-v-a3ff73c4] {
        grid-template-columns: 1fr;
}
}

.container[data-v-443000d5] {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    padding: .5rem;
}
.content[data-v-443000d5] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.actions[data-v-443000d5] {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.filters-group[data-v-49903d23] {
    display: flex;
    flex-direction: column;
    gap: .8rem;
}

.analytics-section[data-v-5e03f5ad] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.section-title[data-v-5e03f5ad] {
    position: relative;
    padding-left: 1rem;
    font-size: 1.125rem;
    font-weight: 700;
}
.section-title[data-v-5e03f5ad]::before {
    content: '';
    position: absolute;
    top: .15rem;
    bottom: .15rem;
    left: 0;
    width: 3px;
    border-radius: var(--p-border-radius-xs);
    background: linear-gradient(180deg, var(--p-primary-color), color-mix(in srgb, var(--p-primary-color), transparent 55%));
}
.hero-card[data-v-5e03f5ad] {
    padding: 1.5rem 2rem;
}
.secondary-row[data-v-5e03f5ad] {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    row-gap: .75rem;
    column-gap: 1.5rem;
    padding: 1rem 2rem;
}
.secondary-row[data-v-5e03f5ad] >  * {
    padding-right: 1.5rem;
    border-right: 1px solid var(--p-content-border-color);
}
.secondary-row[data-v-5e03f5ad] >  *:last-child {
    padding-right: 0;
    border-right: none;
}
.ratio-item[data-v-5e03f5ad] {
    display: flex;
    flex-direction: column;
    gap: .375rem;
    min-width: 140px;
}
.ratio-label[data-v-5e03f5ad] {
    font-size: .8125rem;
    color: var(--p-text-muted-color);
}
.ratio-bar[data-v-5e03f5ad] {
    display: flex;
    width: 100%;
    height: 6px;
    border-radius: var(--p-border-radius-xs);
    overflow: hidden;
    background: var(--p-content-border-color);
}
.ratio-segment[data-v-5e03f5ad] {
    height: 100%;
    transition: width .3s ease;
}
.ratio-segment.confirmed[data-v-5e03f5ad] {
    background: var(--p-green-500);
}
.ratio-segment.cancelled[data-v-5e03f5ad] {
    background: var(--p-surface-400);
}
.ratio-counts[data-v-5e03f5ad] {
    display: flex;
    gap: .75rem;
    font-size: .875rem;
    font-weight: 600;
}
.ratio-counts .confirmed[data-v-5e03f5ad] {
    color: var(--p-green-500);
}
.ratio-counts .cancelled[data-v-5e03f5ad] {
    color: var(--p-text-muted-color);
}
@media (width <= 768px) {
.hero-card[data-v-5e03f5ad] {
        padding: 1rem;
}
.secondary-row[data-v-5e03f5ad] {
        gap: 1rem;
        padding: .75rem 1rem;
}
}

.sales-tabs-bar[data-v-fe61570e] {
    justify-content: space-between;
}
.filters-toggle[data-v-fe61570e] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem 1rem;
    border-radius: var(--p-border-radius-md);
    border: 1px solid var(--p-content-border-color);
    background: transparent;
    color: var(--p-text-muted-color);
    font-size: .9375rem;
    font-family: inherit;
    cursor: pointer;
    transition: border-color .2s ease, background-color .2s ease, color .2s ease;
}
.filters-toggle .pi-filter-fill[data-v-fe61570e] {
    color: var(--p-primary-color);
    font-size: .875rem;
}
.filters-toggle[data-v-fe61570e]:hover {
    border-color: var(--p-primary-color);
    color: var(--p-text-color);
    background: color-mix(in srgb, var(--p-primary-color), transparent 94%);
}
.filters-toggle.open[data-v-fe61570e] {
    border-color: color-mix(in srgb, var(--p-primary-color), transparent 40%);
    background: color-mix(in srgb, var(--p-primary-color), transparent 88%);
    color: var(--p-primary-color);
}
.filters-toggle-badge[data-v-fe61570e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.25rem;
    height: 1.25rem;
    padding: 0 .375rem;
    border-radius: 999px;
    background: var(--p-primary-color);
    color: #ffffff;
    font-size: .75rem;
    font-weight: 700;
}
.filters-toggle-chevron[data-v-fe61570e] {
    font-size: .75rem;
    transition: transform .2s ease;
}
.filters-toggle-chevron.rotated[data-v-fe61570e] {
    transform: rotate(180deg);
}
@media (width <= 768px) {
.filters-toggle span[data-v-fe61570e]:not(.filters-toggle-badge) {
        display: none;
}
}

.countdown-ring[data-v-b400a264] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    flex-shrink: 0;
}
.ring-svg[data-v-b400a264] {
    position: absolute;
    inset: 0;
    transform: rotate(-90deg);
}
.ring-track[data-v-b400a264] {
    fill: none;
    stroke: var(--p-content-border-color);
    stroke-width: 4;
}
.ring-progress[data-v-b400a264] {
    fill: none;
    stroke: var(--p-primary-color);
    stroke-width: 4;
    stroke-linecap: round;
    transition: stroke-dashoffset 1s linear;
}
.ring-svg.urgent .ring-progress[data-v-b400a264] {
    stroke: var(--p-red-500, #ef4444);
    animation: countdown-pulse-b400a264 1s ease-in-out infinite;
}
.countdown-label[data-v-b400a264] {
    position: relative;
    z-index: 1;
    font-size: .5625rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: var(--p-text-color);
}
.countdown-label.urgent[data-v-b400a264] {
    color: var(--p-red-500, #ef4444);
}
.countdown-label.inactive[data-v-b400a264] {
    font-size: .75rem;
    font-weight: 400;
    color: var(--p-text-muted-color);
}
@keyframes countdown-pulse-b400a264 {
0%, 100% { opacity: 1;
}
50% { opacity: .45;
}
}

.orders-table[data-v-8ddf1a09] {
    display: flex;
    flex-direction: column;
    gap: .625rem;
}
.orders-table-container[data-v-8ddf1a09] {
    display: flex;
    flex-direction: column;
    gap: .375rem;
    overflow: auto;
    max-height: 44rem;
}
.tr[data-v-8ddf1a09] {
    display: grid;
    grid-gap: .75rem;
    min-width: fit-content;
    border: 1.5px solid var(--p-primary-color);
    border-radius: 12px;
    padding: 2px 12px;
}
.header-row[data-v-8ddf1a09] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--p-content-background);
    border-color: transparent;
    padding: 0 12px;
}

/* Reads as archived (muted border, dimmed data columns) once its timer hits
   zero — but not via opacity on the whole row, since that would also fade
   the Confirm button into looking disabled. The action stays fully legible:
   a trader still needs to close this order out. */
.tr.row-expired[data-v-8ddf1a09] {
    border-color: var(--p-content-border-color);
}
.tr.row-expired .td[data-v-8ddf1a09]:not(.actions-td) {
    color: var(--p-text-muted-color);
}
.td[data-v-8ddf1a09] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: .375rem .625rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.td.wrap-td[data-v-8ddf1a09] {
    white-space: normal;
    word-break: break-word;
}
.td.align-right[data-v-8ddf1a09] {
    justify-content: flex-end;
    text-align: right;
}
.td.align-center[data-v-8ddf1a09] {
    justify-content: center;
    text-align: center;
}
.amount-cell[data-v-8ddf1a09],
.date-cell[data-v-8ddf1a09] {
    display: flex;
    flex-direction: column;
    gap: .125rem;
    line-height: 1.3;
}
.amount-usdt[data-v-8ddf1a09],
.date-time[data-v-8ddf1a09] {
    font-size: .75rem;
    color: var(--p-text-muted-color);
}
.header-td[data-v-8ddf1a09] {
    padding: 0 .625rem;
    font-size: .6875rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--p-text-muted-color);
}
.actions-td[data-v-8ddf1a09] {
    padding: 0;
}
@media (width <= 1000px) {
.tr[data-v-8ddf1a09] {
        padding: 2px 8px;
}
}

.filters-reveal[data-v-68386df8] {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    transform: translateY(-6px);
    transition: grid-template-rows .22s ease, opacity .2s ease, transform .22s ease;
}
.filters-reveal.expanded[data-v-68386df8] {
    grid-template-rows: 1fr;
    opacity: 1;
    transform: translateY(0);
}
.filters-reveal-inner[data-v-68386df8] {
    overflow: hidden;
    min-height: 0;
}
.filters-panel[data-v-68386df8] {
    padding: 1.25rem 1.5rem;
    gap: .875rem;
}
.filters-row[data-v-68386df8] {
    display: grid;
    grid-template-columns: 22fr 18fr 18fr 42fr;
    gap: 1rem;
    align-items: start;
}
.filters-row[data-v-68386df8]:last-of-type {
    grid-template-columns: 20fr 20fr 25fr 35fr;
}
.filters-actions[data-v-68386df8] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .75rem;
}
.filters-error[data-v-68386df8] {
    font-size: .8125rem;
    color: var(--p-primary-color);
    margin-top: -.5rem;
}
@media (width <= 1100px) {
.filters-row[data-v-68386df8],
    .filters-row[data-v-68386df8]:last-of-type {
        grid-template-columns: repeat(2, 1fr);
}
.filters-actions[data-v-68386df8] {
        grid-column: 1 / -1;
        justify-content: flex-start;
}
}
@media (width <= 640px) {
.filters-row[data-v-68386df8],
    .filters-row[data-v-68386df8]:last-of-type {
        grid-template-columns: 1fr;
}
.filters-actions[data-v-68386df8] {
        flex-direction: column;
        align-items: stretch;
}
}

.filters-empty-state[data-v-6f1b2354] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .5rem;
    padding: 1rem 0;
}
.filters-empty-title[data-v-6f1b2354] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--p-text-color);
}
.filters-empty-subtitle[data-v-6f1b2354] {
    font-size: .875rem;
    color: var(--p-text-muted-color);
    margin-bottom: .25rem;
}

.orders-view-content-container[data-v-c2d8f064] {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.orders-view-tabs-bar[data-v-c2d8f064] {
    overflow: hidden;
}
.orders-view-content-body[data-v-c2d8f064] {
    overflow: hidden;
}
.block-mask[data-v-c2d8f064] {
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: absolute;
    inset: 0;
    padding: 10% 2rem;
    border-radius: var(--p-content-border-radius);
    background-color: var(--p-content-secondary-background);
    backdrop-filter: blur(8px);
}

.balance-stat-card[data-v-0a35521f] {
    flex-direction: row;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
    height: 100%;
}
.stat-icon[data-v-0a35521f] {
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--p-border-radius-md);
    background: color-mix(in srgb, var(--p-primary-color), transparent 88%);
    color: var(--p-primary-color);
    font-size: 1.125rem;
}
.stat-body[data-v-0a35521f] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    min-width: 0;
}
.stat-label[data-v-0a35521f] {
    font-size: .875rem;
    color: var(--p-text-muted-color);
}
.stat-value[data-v-0a35521f] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--p-text-color);
    white-space: nowrap;
}
.stat-description[data-v-0a35521f] {
    font-size: .8125rem;
    color: var(--p-text-muted-color);
}

.history-amount[data-v-fecc9bda] {
    font-weight: 700;
}
.history-amount.positive[data-v-fecc9bda] {
    color: var(--p-green-500);
}
.history-amount.negative[data-v-fecc9bda] {
    color: var(--p-primary-color);
}
.status-badge[data-v-fecc9bda] {
    display: inline-flex;
    align-items: center;
    padding: .25rem .625rem;
    border-radius: var(--p-border-radius-xs);
    font-size: .8125rem;
    font-weight: 600;
}
.status-badge.success[data-v-fecc9bda] {
    background: color-mix(in srgb, var(--p-green-500), transparent 85%);
    color: var(--p-green-500);
}
.history-empty[data-v-fecc9bda] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5rem;
    padding: 2rem 1rem;
    text-align: center;
    color: var(--p-text-muted-color);
}
.history-empty .pi[data-v-fecc9bda] {
    font-size: 1.5rem;
    margin-bottom: .25rem;
}
.history-empty-title[data-v-fecc9bda] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--p-text-color);
}
.history-empty-subtitle[data-v-fecc9bda] {
    font-size: .875rem;
}

.balance-info-list[data-v-da11e096] {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1.5rem;
}
.balance-info-item[data-v-da11e096] {
    flex: 1 1 220px;
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    font-size: .875rem;
    color: var(--p-text-muted-color);
    line-height: 1.4;
}
.balance-info-item .pi[data-v-da11e096] {
    margin-top: .1875rem;
    color: var(--p-primary-color);
    font-size: 1rem;
    flex-shrink: 0;
}

.wallet-card[data-v-f672c0a2] {
    flex-direction: row;
    align-items: stretch;
    gap: 2rem;
}
.wallet-details[data-v-f672c0a2] {
    flex: 1 1 65%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}
.network-badge[data-v-f672c0a2] {
    padding: .25rem .625rem;
    border-radius: var(--p-border-radius-xs);
    background: color-mix(in srgb, var(--p-primary-color), transparent 88%);
    color: var(--p-primary-color);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .02em;
}
.wallet-address-block[data-v-f672c0a2] {
    display: flex;
    flex-direction: column;
    gap: .375rem;
    width: 100%;
}
.wallet-address-label[data-v-f672c0a2] {
    font-size: .8125rem;
    color: var(--p-text-muted-color);
}
.wallet-address[data-v-f672c0a2] {
    font-family: ui-monospace, monospace;
    font-size: 1.0625rem;
    color: var(--p-text-color);
    word-break: break-all;
}
.copy-button[data-v-f672c0a2] {
    width: 100%;
    max-width: 220px;
}
.wallet-warning[data-v-f672c0a2] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    font-size: .8125rem;
    color: var(--p-text-muted-color);
    line-height: 1.4;
}
.wallet-warning .pi[data-v-f672c0a2] {
    margin-top: .125rem;
    color: var(--p-primary-color);
    flex-shrink: 0;
}
.wallet-warning strong[data-v-f672c0a2] {
    color: var(--p-text-color);
}
.wallet-divider[data-v-f672c0a2] {
    align-self: stretch;
    width: 1px;
    background: var(--p-content-border-color);
}
.wallet-qr-block[data-v-f672c0a2] {
    flex: 1 1 35%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    text-align: center;
}
.wallet-qr-caption[data-v-f672c0a2] {
    font-size: .875rem;
    color: var(--p-text-color);
}
.wallet-qr[data-v-f672c0a2] {
    width: 160px;
    height: 160px;
    border-radius: var(--p-border-radius-md);
    background: #ffffff;
    padding: .5rem;
}
.wallet-qr-hint[data-v-f672c0a2] {
    font-size: .75rem;
    color: var(--p-text-muted-color);
    max-width: 200px;
}
@media (width <= 900px) {
.wallet-card[data-v-f672c0a2] {
        flex-direction: column;
}
.wallet-divider[data-v-f672c0a2] {
        width: 100%;
        height: 1px;
}
.copy-button[data-v-f672c0a2] {
        max-width: none;
}
}

.container[data-v-571e7fca] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}
.network-badge[data-v-571e7fca] {
    align-self: flex-start;
    padding: .25rem .625rem;
    border-radius: var(--p-border-radius-xs);
    background: color-mix(in srgb, var(--p-primary-color), transparent 88%);
    color: var(--p-primary-color);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .02em;
}
.amount-field[data-v-571e7fca] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}
.available-hint[data-v-571e7fca] {
    font-size: .8125rem;
    color: var(--p-text-muted-color);
}
.withdraw-summary[data-v-571e7fca] {
    display: flex;
    flex-direction: column;
    gap: .625rem;
    padding: 1rem 1.125rem;
    border-radius: var(--p-border-radius-md);
    border: 1px solid color-mix(in srgb, var(--p-primary-color), transparent 80%);
    background: linear-gradient(135deg,
        color-mix(in srgb, var(--p-primary-color), transparent 93%),
        color-mix(in srgb, var(--p-primary-color), transparent 97%));
}
.withdraw-summary-row[data-v-571e7fca] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .875rem;
    color: var(--p-text-muted-color);
}
.withdraw-summary-row.total[data-v-571e7fca] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--p-text-color);
}

.balance-stats-row[data-v-f1433151] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}
.history-card[data-v-f1433151] {
    padding: 0;
}
.withdraw-button[data-v-f1433151] {
    margin-top: .5rem;
}
.history-card[data-v-f1433151] .p-datatable-table-container {
    border-radius: var(--p-border-radius-lg);
}
@media (width <= 900px) {
.balance-stats-row[data-v-f1433151] {
        grid-template-columns: repeat(2, 1fr);
}
}
@media (width <= 600px) {
.balance-stats-row[data-v-f1433151] {
        grid-template-columns: 1fr;
}
}

.amount-cell[data-v-7b2f7424] {
    display: flex;
    flex-direction: column;
    white-space: nowrap;
}
.amount-usdt[data-v-7b2f7424] {
    font-size: .75rem;
    color: var(--p-text-muted-color);
}
.reason-cell[data-v-7b2f7424] {
    display: flex;
    align-items: center;
    gap: .5rem;
    max-width: 260px;
}
.reason-text[data-v-7b2f7424] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.receipt-link[data-v-7b2f7424] {
    flex-shrink: 0;
    color: var(--p-primary-color);
}
.actions-cell[data-v-7b2f7424] {
    display: flex;
    gap: .5rem;
}
.status-badge[data-v-7b2f7424] {
    display: inline-block;
    padding: .1875rem .625rem;
    border-radius: var(--p-border-radius-xl, 999px);
    font-size: .75rem;
    font-weight: 600;
    white-space: nowrap;
}
.status-pending_trader[data-v-7b2f7424] {
    color: var(--p-yellow-500);
    background: color-mix(in srgb, var(--p-yellow-500), transparent 88%);
}
.status-pending_trader.status-overdue[data-v-7b2f7424] {
    color: var(--p-red-500);
    background: color-mix(in srgb, var(--p-red-500), transparent 88%);
}
.status-resolved_merchant[data-v-7b2f7424] {
    color: var(--p-green-500);
    background: color-mix(in srgb, var(--p-green-500), transparent 88%);
}
.status-resolved_psp[data-v-7b2f7424] {
    color: var(--p-text-muted-color);
    background: color-mix(in srgb, var(--p-text-muted-color), transparent 88%);
}
.empty-state[data-v-7b2f7424] {
    padding: 1.5rem;
    text-align: center;
    color: var(--p-text-muted-color);
}

.qr-dialog-body[data-v-57e1b17a] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    text-align: center;
}
.qr-image[data-v-57e1b17a] {
    width: 280px;
    height: 280px;
    border-radius: var(--p-content-border-radius);
    background: #fff;
    padding: .5rem;
}
.pairing-code[data-v-57e1b17a] {
    margin: 0;
    font-family: ui-monospace, monospace;
    font-size: 1.0625rem;
    font-weight: 600;
    letter-spacing: .05em;
    word-break: break-all;
    color: var(--p-text-color);
}
.pairing-hint[data-v-57e1b17a] {
    margin: 0;
    font-size: .8125rem;
    color: var(--p-text-muted-color);
}
.claimed-icon[data-v-57e1b17a] {
    font-size: 3rem;
    color: var(--p-green-500, #22c55e);
}
.claimed-text[data-v-57e1b17a] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--p-text-color);
}


.status[data-v-593e15e0] {
    display: inline-flex;
    align-items: center;
    gap: .4375rem;
    font-weight: 500;
}
.status-dot[data-v-593e15e0] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
}
.status-online[data-v-593e15e0] {
    color: var(--p-green-500, #22c55e);
}
.status-online .status-dot[data-v-593e15e0] {
    background: var(--p-green-500, #22c55e);
}
.status-offline[data-v-593e15e0] {
    color: var(--p-text-muted-color);
}
.status-offline .status-dot[data-v-593e15e0] {
    background: var(--p-text-muted-color);
}
.device-actions[data-v-593e15e0] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.settings-card[data-v-b8851df7] {
    gap: 0;
}
.settings-card-header[data-v-b8851df7] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}
.settings-card-icon[data-v-b8851df7] {
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--p-border-radius-md);
    background: color-mix(in srgb, var(--p-primary-color), transparent 88%);
    color: var(--p-primary-color);
    font-size: 1.125rem;
}
.settings-card-body[data-v-b8851df7] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .25rem;
}
.settings-card-title[data-v-b8851df7] {
    font-size: 1.0625rem;
    font-weight: 700;
    color: var(--p-text-color);
}
.settings-card-description[data-v-b8851df7] {
    font-size: .8125rem;
    color: var(--p-text-muted-color);
}
.settings-card-control[data-v-b8851df7] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: .75rem;
}
.settings-card-content[data-v-b8851df7] {
    margin-top: 1.25rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--p-content-border-color);
}
@media (width <= 640px) {
.settings-card-header[data-v-b8851df7] {
        flex-wrap: wrap;
}
.settings-card-control[data-v-b8851df7] {
        width: 100%;
        margin-left: calc(2.5rem + 1rem);
}
}

.container[data-v-0b75109b] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
    text-align: center;
}
.hint[data-v-0b75109b] {
    margin: 0;
    font-size: .875rem;
    color: var(--p-text-muted-color);
}
.qr-image[data-v-0b75109b] {
    width: 220px;
    height: 220px;
    border-radius: var(--p-content-border-radius);
    background: #fff;
    padding: .5rem;
}
.secret-block[data-v-0b75109b] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .375rem;
}
.secret-label[data-v-0b75109b] {
    font-size: .8125rem;
    color: var(--p-text-muted-color);
}
.secret-row[data-v-0b75109b] {
    display: flex;
    align-items: center;
    gap: .5rem;
}
.secret-value[data-v-0b75109b] {
    font-family: ui-monospace, monospace;
    font-size: .9375rem;
    letter-spacing: .05em;
    color: var(--p-text-color);
}
.container[data-v-0b75109b] .float-label {
    width: 100%;
}

.empty-state[data-v-0685d0af] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .75rem;
    padding: 2.5rem 1rem;
    color: var(--p-text-muted-color);
}
.empty-state-icon[data-v-0685d0af] {
    font-size: 2rem;
    color: color-mix(in srgb, var(--p-text-muted-color), transparent 30%);
}
.empty-state-text[data-v-0685d0af] {
    font-size: .9375rem;
}

.status-badge[data-v-7d68f46f] {
    padding: .375rem .75rem;
    border-radius: var(--p-border-radius-md);
    background: var(--p-content-hover-background);
    color: var(--p-text-muted-color);
    font-size: .8125rem;
    font-weight: 600;
    white-space: nowrap;
}
.status-badge.active[data-v-7d68f46f] {
    background: color-mix(in srgb, var(--p-primary-color), transparent 88%);
    color: var(--p-primary-color);
}
.timezone-select[data-v-7d68f46f] {
    width: 12rem;
}
.language-switch[data-v-7d68f46f] {
    display: flex;
    gap: .5rem;
}
.password-form[data-v-7d68f46f] {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    align-items: start;
    gap: 1rem;
}
.password-submit[data-v-7d68f46f] {
    margin-top: .125rem;
}
@media (width <= 640px) {
.timezone-select[data-v-7d68f46f] {
        width: 100%;
}
.password-form[data-v-7d68f46f] {
        grid-template-columns: 1fr;
}
}

.two-factor-intro[data-v-9faf70d2] {
    display: flex;
    flex-direction: column;
    gap: .375rem;
    margin-bottom: .25rem;
}
.two-factor-title[data-v-9faf70d2] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--p-text-color);
}
.two-factor-description[data-v-9faf70d2] {
    font-size: .875rem;
    color: var(--p-text-muted-color);
}

.header-logo[data-v-3042751a] {
    /* The header row is a fixed 42px tall — sizing the mark past that and pulling it back
       with negative margin lets it read as bigger without stretching the header itself. */
    --logo-height: 62px;
    margin-block: -10px;
}


.flat-card[data-v-3a4557e9] {
    background: var(--p-content-background);
    border: 1px solid var(--p-content-border-color);
    border-radius: 10px;
    padding: 20px 24px;
}
@media (width <= 768px) {
.flat-card[data-v-3a4557e9] {
        padding: 16px;
}
}

.segmented-toggle[data-v-12978176] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 2px;
    background: var(--p-content-background);
    border: 1px solid var(--p-content-border-color);
    border-radius: 8px;
}
.segment[data-v-12978176] {
    appearance: none;
    border: none;
    background: transparent;
    color: var(--p-text-muted-color);
    font-size: .8125rem;
    font-weight: 500;
    line-height: 1;
    padding: 7px 12px;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color .15s ease, color .15s ease;
    white-space: nowrap;
}
.segment[data-v-12978176]:hover:not(.active) {
    color: var(--p-text-color);
}
.segment.active[data-v-12978176] {
    background: var(--p-primary-color);
    color: var(--p-primary-contrast-color);
}

.period-selector[data-v-b681be49] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .75rem;
}
.custom-range[data-v-b681be49] {
    display: flex;
    align-items: flex-end;
    gap: .5rem;
}
.date-field[data-v-b681be49] {
    width: 140px;
}
@media (width <= 640px) {
.custom-range[data-v-b681be49] {
        flex-wrap: wrap;
}
.date-field[data-v-b681be49] {
        width: 130px;
}
}

.kpi-card[data-v-b9adcea8] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}
.kpi-label[data-v-b9adcea8] {
    font-size: .8125rem;
    color: var(--p-text-muted-color);
}
.kpi-value[data-v-b9adcea8] {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--p-text-color);
    letter-spacing: -.01em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.kpi-secondary[data-v-b9adcea8] {
    font-size: .8125rem;
    color: var(--p-text-muted-color);
}
.kpi-secondary.positive[data-v-b9adcea8] {
    color: var(--p-green-500);
}
.kpi-secondary.negative[data-v-b9adcea8] {
    color: var(--p-red-500);
}
@media (width <= 768px) {
.kpi-value[data-v-b9adcea8] {
        font-size: 1.25rem;
}
}

.kpi-row[data-v-e4105be6] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    column-gap: 24px;
    padding: 20px 24px;
}
.kpi-row[data-v-e4105be6] >  .kpi-card {
    padding-left: 24px;
    border-left: 1px solid var(--p-content-border-color);
}
.kpi-row[data-v-e4105be6] >  .kpi-card:first-child {
    padding-left: 0;
    border-left: none;
}
@media (width <= 900px) {
.kpi-row[data-v-e4105be6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 20px;
}
.kpi-row[data-v-e4105be6] >  .kpi-card:nth-child(odd) {
        padding-left: 0;
        border-left: none;
}
}
@media (width <= 480px) {
.kpi-row[data-v-e4105be6] {
        grid-template-columns: 1fr;
}
.kpi-row[data-v-e4105be6] >  .kpi-card {
        padding-left: 0;
        border-left: none;
}
}

.chart-card[data-v-93f2437c] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.chart-card-header[data-v-93f2437c] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}
.chart-card-title[data-v-93f2437c] {
    font-size: 1.0625rem;
    font-weight: 600;
    color: var(--p-text-color);
}
.chart-card-subtitle[data-v-93f2437c] {
    font-size: .8125rem;
    color: var(--p-text-muted-color);
    margin-top: 2px;
}
.chart-card-controls[data-v-93f2437c] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}
.metric-select[data-v-93f2437c] {
    width: 140px;
}
.chart-body[data-v-93f2437c] {
    height: 380px;
}
.chart-empty-state[data-v-93f2437c] {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    text-align: center;
}
.chart-empty-title[data-v-93f2437c] {
    font-size: .9375rem;
    font-weight: 600;
    color: var(--p-text-color);
}
.chart-empty-subtitle[data-v-93f2437c] {
    font-size: .8125rem;
    color: var(--p-text-muted-color);
    margin-bottom: 12px;
}
@media (width <= 768px) {
.chart-body[data-v-93f2437c] {
        height: 320px;
}
}

.events-feed[data-v-2a6dabab] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}
.events-feed-title[data-v-2a6dabab] {
    font-weight: 600;
    font-size: 1rem;
    color: var(--p-text-color);
}
.events-feed-empty[data-v-2a6dabab] {
    color: var(--p-text-muted-color);
    font-size: .875rem;
}
.events-feed-list[data-v-2a6dabab] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}
.events-feed-item[data-v-2a6dabab] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: .5rem;
    padding: .5rem 0;
    border-bottom: 1px solid var(--p-content-border-color);
    font-size: .875rem;
}
.events-feed-item[data-v-2a6dabab]:last-child {
    border-bottom: none;
}
.events-feed-item-date[data-v-2a6dabab] {
    color: var(--p-text-muted-color);
    flex-shrink: 0;
}
.events-feed-item-type[data-v-2a6dabab] {
    font-weight: 600;
    color: var(--p-primary-color);
    flex-shrink: 0;
}
.events-feed-item-message[data-v-2a6dabab] {
    color: var(--p-text-color);
}

.filter-pill[data-v-3b03628c] {
    height: 36px;
    border: 1px solid var(--p-content-border-color);
    border-radius: 8px;
    background: var(--p-content-background);
    transition: border-color .15s ease;
}
.filter-pill[data-v-3b03628c]:hover {
    border-color: color-mix(in srgb, var(--p-text-color), transparent 65%);
}
.filter-pill[data-v-3b03628c]:has(.p-select-label:focus) {
    border-color: var(--p-primary-color);
}
.filter-pill[data-v-3b03628c] .p-select-label {
    display: flex;
    align-items: center;
    padding: 0 .625rem;
}
.filter-pill[data-v-3b03628c] .p-select-dropdown {
    width: 1.5rem;
}
.filter-pill[data-v-3b03628c] .p-select-dropdown-icon {
    width: 9px;
    height: 9px;
    color: var(--p-text-muted-color);
}
.pill-text[data-v-3b03628c] {
    white-space: nowrap;
    font-size: .8125rem;
}
.pill-label[data-v-3b03628c] {
    color: var(--p-text-muted-color);
    font-weight: 400;
}
.pill-value[data-v-3b03628c] {
    color: var(--p-text-color);
    font-weight: 500;
    margin-left: .25rem;
}

.period-toggle[data-v-07c6612a] {
    display: flex;
    align-items: stretch;
    height: 36px;
    border: 1px solid var(--p-content-border-color);
    border-radius: 8px;
    background: var(--p-content-background);
    overflow: hidden;
}
.segment[data-v-07c6612a] {
    appearance: none;
    border: none;
    border-right: 1px solid var(--p-content-border-color);
    background: transparent;
    color: var(--p-text-muted-color);
    font-size: .8125rem;
    font-weight: 400;
    line-height: 1;
    padding: 0 12px;
    cursor: pointer;
    transition: background-color .15s ease, color .15s ease, border-color .15s ease;
    white-space: nowrap;
}
.segment[data-v-07c6612a]:last-child {
    border-right: none;
}
.segment.active[data-v-07c6612a],
.segment[data-v-07c6612a]:has(+ .segment.active) {
    border-right-color: transparent;
}
.segment[data-v-07c6612a]:hover:not(.active) {
    color: var(--p-text-color);
    background: color-mix(in srgb, var(--p-text-color), transparent 95%);
}
.segment.active[data-v-07c6612a] {
    background: var(--p-primary-color);
    color: var(--p-primary-contrast-color);
    font-weight: 500;
}

.filters-panel[data-v-8dd26dc9] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px 20px;
}
.filters-row[data-v-8dd26dc9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.date-range-wrapper[data-v-8dd26dc9] {
    position: relative;
    display: flex;
    align-items: center;
    height: 36px;
}
.date-range-icon[data-v-8dd26dc9] {
    position: absolute;
    left: .625rem;
    font-size: .75rem;
    color: var(--p-text-muted-color);
    pointer-events: none;
    z-index: 1;
}
.date-range-picker[data-v-8dd26dc9] {
    width: 230px;
}
.date-range-picker[data-v-8dd26dc9] .p-datepicker-input {
    height: 36px;
    padding: 0 .625rem 0 1.75rem;
    font-size: .8125rem;
    font-weight: 500;
    color: transparent;
    caret-color: transparent;
    border: 1px solid var(--p-content-border-color);
    border-radius: 8px;
    background: var(--p-content-background);
    transition: border-color .15s ease;
}
.date-range-picker[data-v-8dd26dc9] .p-datepicker-input:hover {
    border-color: color-mix(in srgb, var(--p-text-color), transparent 65%);
}
.date-range-picker[data-v-8dd26dc9] .p-datepicker-input:focus {
    border-color: var(--p-primary-color);
}
.date-range-overlay[data-v-8dd26dc9] {
    position: absolute;
    left: 1.75rem;
    font-size: .8125rem;
    font-weight: 500;
    color: var(--p-text-color);
    pointer-events: none;
    white-space: nowrap;
}
.reset-action[data-v-8dd26dc9] {
    display: inline-flex;
    align-items: center;
    gap: .375rem;
    margin-left: auto;
    padding: 0 .25rem;
    height: 36px;
    border: none;
    background: transparent;
    color: var(--p-primary-color);
    font-size: .8125rem;
    font-weight: 500;
    font-family: inherit;
    cursor: pointer;
}
.reset-action .pi[data-v-8dd26dc9] {
    font-size: .75rem;
}
.reset-action[data-v-8dd26dc9]:hover:not(:disabled) {
    text-decoration: underline;
}
.reset-action[data-v-8dd26dc9]:disabled {
    color: var(--p-text-muted-color);
    cursor: default;
}
@media (width <= 900px) {
.reset-action[data-v-8dd26dc9] {
        margin-left: 0;
}
}

.summary-panel[data-v-97f66550] {
    background: var(--p-content-background);
    border: 1px solid var(--p-content-border-color);
    border-radius: 13px;
    padding: 26px 30px;
}
.hero-row[data-v-97f66550] {
    display: flex;
    align-items: stretch;
    height: 76px;
}
.hero-kpi[data-v-97f66550] {
    flex: 1 1 33.33%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 7px;
}
.hero-divider[data-v-97f66550] {
    width: 1px;
    align-self: center;
    height: 48px;
    flex-shrink: 0;
    margin: 0 24px;
    background: var(--p-content-border-color);
    opacity: .6;
}
.hero-value[data-v-97f66550] {
    font-size: 1.875rem;
    font-weight: 600;
    color: var(--p-text-color);
    letter-spacing: -.01em;
    line-height: 1.1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hero-label[data-v-97f66550] {
    font-size: .875rem;
    font-weight: 400;
    color: var(--p-text-muted-color);
}
.section-divider[data-v-97f66550] {
    height: 1px;
    background: var(--p-content-border-color);
    margin: 23px 0 16px;
}
.table-scroll[data-v-97f66550] {
    overflow-x: auto;
}
.comparison-table[data-v-97f66550] {
    width: 100%;
    min-width: 480px;
    border-collapse: collapse;
    table-layout: fixed;
}
.comparison-table th[data-v-97f66550],
.comparison-table td[data-v-97f66550] {
    padding: 16px 12px;
    font-size: .9375rem;
    line-height: 1.2;
}
.comparison-table thead th[data-v-97f66550] {
    padding-top: 0;
    padding-bottom: 12px;
}
.comparison-table tbody tr:not(:last-child) td[data-v-97f66550] {
    border-bottom: 1px solid var(--p-content-border-color);
}
.comparison-table th[data-v-97f66550]:first-child,
.comparison-table td[data-v-97f66550]:first-child {
    text-align: left;
    padding-left: 0;
}
.type-header[data-v-97f66550] {
    text-align: center;
    font-size: 1.0625rem;
    font-weight: 600;
    color: var(--p-primary-500);
}
.row-label[data-v-97f66550] {
    color: var(--p-text-muted-color);
    font-weight: 400;
}
.row-value[data-v-97f66550] {
    text-align: center;
    color: var(--p-text-color);
    font-weight: 600;
}
.conversion-high[data-v-97f66550] {
    color: var(--p-green-500) !important;
}
.conversion-medium[data-v-97f66550] {
    color: var(--p-yellow-500) !important;
}
.conversion-low[data-v-97f66550] {
    color: var(--p-red-500) !important;
}
@media (width <= 768px) {
.summary-panel[data-v-97f66550] {
        padding: 18px 16px;
}
.hero-row[data-v-97f66550] {
        flex-direction: column;
        height: auto;
        gap: 16px;
        align-items: flex-start;
}
.hero-divider[data-v-97f66550] {
        display: none;
}
}

.status-card[data-v-ce0c6184] {
    height: 100%;
    display: flex;
    flex-direction: column;
    background: var(--p-content-background);
    border: 1px solid var(--p-content-border-color);
    border-radius: 13px;
    padding: 26px;
}
.status-header[data-v-ce0c6184] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.status-title[data-v-ce0c6184] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--p-text-color);
}
.status-info-icon[data-v-ce0c6184] {
    font-size: .875rem;
    color: var(--p-text-muted-color);
    cursor: default;
}
.status-summary[data-v-ce0c6184] {
    display: flex;
    justify-content: space-between;
    margin-top: 18px;
}
.summary-item.align-right[data-v-ce0c6184] {
    text-align: right;
}
.summary-label[data-v-ce0c6184] {
    font-size: .8125rem;
    font-weight: 400;
    color: var(--p-text-muted-color);
    margin-bottom: 6px;
}
.summary-value[data-v-ce0c6184] {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--p-text-color);
    letter-spacing: -.01em;
}
.summary-value.success-rate[data-v-ce0c6184] {
    color: var(--p-green-500);
}
.status-divider[data-v-ce0c6184] {
    height: 1px;
    background: var(--p-content-border-color);
    margin: 18px 0 6px;
}
.status-rows[data-v-ce0c6184] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    gap: 22px;
    padding-top: 6px;
}
.status-row[data-v-ce0c6184] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.status-row-top[data-v-ce0c6184] {
    display: flex;
    align-items: baseline;
}
.status-name[data-v-ce0c6184] {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .9375rem;
    font-weight: 500;
    color: var(--p-text-color);
    white-space: nowrap;
}
.status-dot[data-v-ce0c6184] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}
.dot-success[data-v-ce0c6184] {
    background: var(--p-green-500);
}
.dot-cancelled[data-v-ce0c6184] {
    background: var(--p-red-500);
}
.dot-pending[data-v-ce0c6184] {
    background: var(--p-yellow-500);
}
.dot-dispute[data-v-ce0c6184] {
    background: var(--p-orange-500);
}
.status-value[data-v-ce0c6184] {
    margin-left: 14px;
    font-size: .9375rem;
    font-weight: 600;
    color: var(--p-text-color);
    white-space: nowrap;
}
.status-percent[data-v-ce0c6184] {
    margin-left: auto;
    font-size: .875rem;
    color: var(--p-text-muted-color);
    white-space: nowrap;
}
.status-bar-track[data-v-ce0c6184] {
    height: 5px;
    border-radius: 999px;
    background: var(--p-content-border-color);
    overflow: hidden;
}
.status-bar-fill[data-v-ce0c6184] {
    height: 100%;
    border-radius: 999px;
}
.fill-success[data-v-ce0c6184] {
    background: var(--p-green-500);
}
.fill-cancelled[data-v-ce0c6184] {
    background: var(--p-red-500);
}
.fill-pending[data-v-ce0c6184] {
    background: var(--p-yellow-500);
}
.fill-dispute[data-v-ce0c6184] {
    background: var(--p-orange-500);
}

.chart-card[data-v-3d128e72] {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 14px;
    background: var(--p-content-background);
    border: 1px solid var(--p-content-border-color);
    border-radius: 13px;
    padding: 26px;
}
.chart-header[data-v-3d128e72] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.chart-title[data-v-3d128e72] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--p-text-color);
}
.scale-toggle[data-v-3d128e72] {
    display: flex;
    align-items: stretch;
    height: 34px;
    border: 1px solid var(--p-content-border-color);
    border-radius: 8px;
    overflow: hidden;
    flex-shrink: 0;
}
.scale-option[data-v-3d128e72] {
    appearance: none;
    border: none;
    background: transparent;
    color: var(--p-text-muted-color);
    font-size: .8125rem;
    font-weight: 500;
    padding: 0 14px;
    cursor: pointer;
    transition: background-color .15s ease, color .15s ease;
}
.scale-option[data-v-3d128e72]:hover:not(.active) {
    color: var(--p-text-color);
}
.scale-option.active[data-v-3d128e72] {
    background: color-mix(in srgb, var(--p-primary-color), transparent 88%);
    color: var(--p-primary-color);
}
.chart-legend[data-v-3d128e72] {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
}
.legend-item[data-v-3d128e72] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: .8125rem;
    font-weight: 500;
    color: var(--p-text-color);
}
.legend-dot[data-v-3d128e72] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}
.chart-body[data-v-3d128e72] {
    flex: 1;
    min-height: 320px;
}

.chart-card[data-v-6ad74363] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    background: var(--p-content-background);
    border: 1px solid var(--p-content-border-color);
    border-radius: 13px;
    padding: 26px;
}
.chart-header-row[data-v-6ad74363],
.chart-subheader-row[data-v-6ad74363] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}
.title-group[data-v-6ad74363] {
    display: flex;
    align-items: center;
    gap: .5rem;
}
.chart-title[data-v-6ad74363] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--p-text-color);
}
.info-icon[data-v-6ad74363] {
    font-size: .8125rem;
    color: var(--p-text-muted-color);
    cursor: default;
}
.chart-subtitle[data-v-6ad74363] {
    font-size: .8125rem;
    font-weight: 400;
    color: var(--p-text-muted-color);
}
.chart-legend[data-v-6ad74363] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 18px;
}
.legend-item[data-v-6ad74363] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: .8125rem;
    font-weight: 400;
    color: var(--p-text-muted-color);
    white-space: nowrap;
}
.legend-value[data-v-6ad74363] {
    font-weight: 600;
    color: var(--p-text-color);
}
.legend-dot[data-v-6ad74363] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}
.legend-dash[data-v-6ad74363] {
    width: 12px;
    height: 0;
    border-top: 1px dashed var(--p-text-muted-color);
    flex-shrink: 0;
}
.legend-item-target[data-v-6ad74363] {
    background: none;
    border: none;
    padding: 3px 6px;
    margin: -3px -6px;
    border-radius: 6px;
    cursor: pointer;
    font-family: inherit;
    transition: background-color .15s ease;
}
.legend-item-target[data-v-6ad74363]:hover {
    background: color-mix(in srgb, var(--p-text-color), transparent 94%);
}
.target-edit-icon[data-v-6ad74363] {
    font-size: .6875rem;
    color: var(--p-text-muted-color);
    opacity: .7;
}
.target-popover-body[data-v-6ad74363] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .25rem;
}
.target-popover-label[data-v-6ad74363] {
    font-size: .8125rem;
    color: var(--p-text-muted-color);
    white-space: nowrap;
}
.date-range-wrapper[data-v-6ad74363] {
    position: relative;
    display: flex;
    align-items: center;
    height: 38px;
    flex-shrink: 0;
}
.date-range-icon[data-v-6ad74363] {
    position: absolute;
    left: .625rem;
    font-size: .75rem;
    color: var(--p-text-muted-color);
    pointer-events: none;
    z-index: 1;
}
.date-range-chevron[data-v-6ad74363] {
    position: absolute;
    right: .625rem;
    font-size: .625rem;
    color: var(--p-text-muted-color);
    pointer-events: none;
    z-index: 1;
}
.date-range-picker[data-v-6ad74363] {
    width: 210px;
}
.date-range-picker[data-v-6ad74363] .p-datepicker-input {
    height: 38px;
    padding: 0 1.75rem 0 1.75rem;
    font-size: .875rem;
    font-weight: 500;
    color: transparent;
    caret-color: transparent;
    border: 1px solid var(--p-content-border-color);
    border-radius: 9px;
    background: var(--p-content-background);
    transition: border-color .15s ease;
}
.date-range-picker[data-v-6ad74363] .p-datepicker-input:hover {
    border-color: color-mix(in srgb, var(--p-text-color), transparent 65%);
}
.date-range-picker[data-v-6ad74363] .p-datepicker-input:focus {
    border-color: var(--p-primary-color);
}
.date-range-picker[data-v-6ad74363] .p-datepicker-input-icon-container {
    display: none;
}
.date-range-overlay[data-v-6ad74363] {
    position: absolute;
    left: 1.75rem;
    font-size: .875rem;
    font-weight: 500;
    color: var(--p-text-color);
    pointer-events: none;
    white-space: nowrap;
}
.chart-container[data-v-6ad74363] {
    height: 320px;
}
@media (width <= 768px) {
.chart-header-row[data-v-6ad74363] {
        flex-direction: column;
        align-items: flex-start;
}
.chart-container[data-v-6ad74363] {
        min-height: 280px;
}
}

.select-pill[data-v-0b22c538] {
    height: 34px;
    border: 1px solid var(--p-content-border-color);
    border-radius: 8px;
    background: var(--p-content-background);
}
.select-pill[data-v-0b22c538] .p-select-label {
    padding: 0 .625rem;
    font-size: .8125rem;
}
.select-pill[data-v-0b22c538] .p-select-dropdown {
    width: 1.75rem;
}
.select-pill-text[data-v-0b22c538] {
    white-space: nowrap;
}

.analytics-table-block[data-v-f7af80d1] {
    gap: 1rem;
}
.analytics-table-header[data-v-f7af80d1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}
.analytics-table-title[data-v-f7af80d1] {
    font-size: 1.0625rem;
    font-weight: 600;
    color: var(--p-text-color);
}
.analytics-table[data-v-f7af80d1] td,
.analytics-table[data-v-f7af80d1] th {
    font-size: .875rem;
}
.analytics-table[data-v-f7af80d1] .col-left {
    text-align: left;
}
.analytics-table[data-v-f7af80d1] .col-right {
    text-align: right;
}
.type-badge[data-v-f7af80d1] {
    font-weight: 600;
    padding: .125rem .5rem;
    border-radius: var(--p-border-radius-xs);
}
.type-badge.pay_in[data-v-f7af80d1] {
    color: #93c5fd;
    background: color-mix(in srgb, #93c5fd, transparent 88%);
}
.type-badge.pay_out[data-v-f7af80d1] {
    color: #3b82f6;
    background: color-mix(in srgb, #3b82f6, transparent 88%);
}
.conversion-good[data-v-f7af80d1] {
    color: var(--p-green-500);
    font-weight: 600;
}
.conversion-bad[data-v-f7af80d1] {
    color: var(--p-red-500);
    font-weight: 600;
}
.empty-state[data-v-f7af80d1] {
    padding: 1.5rem;
    text-align: center;
    color: var(--p-text-muted-color);
}
@media (width <= 768px) {
.analytics-table-header[data-v-f7af80d1] {
        flex-direction: column;
        align-items: stretch;
}
}

.charts-grid[data-v-2c0ac086] {
    display: grid;
    grid-template-columns: 13fr 7fr;
    gap: 18px;
    align-items: stretch;
}
@media (width <= 1000px) {
.charts-grid[data-v-2c0ac086] {
        grid-template-columns: 1fr;
}
}

.wallet-card[data-v-e54b5891] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1.5rem;
    min-height: 330px;
    padding: 1.75rem 2rem;
    border: 1px solid color-mix(in srgb, #3b82f6, transparent 65%);
    border-radius: 20px;
    background:
        radial-gradient(120% 140% at 100% 0%, color-mix(in srgb, #3b82f6, transparent 72%) 0%, transparent 55%),
        repeating-linear-gradient(115deg, color-mix(in srgb, #ffffff, transparent 97%) 0px, color-mix(in srgb, #ffffff, transparent 97%) 1px, transparent 1px, transparent 64px),
        linear-gradient(160deg, #0d1730 0%, #0a1122 55%, #080d1a 100%);
    overflow: hidden;
}
.wallet-card-header[data-v-e54b5891] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}
.wallet-card-title[data-v-e54b5891] {
    font-size: 1.125rem;
    font-weight: 500;
    color: #ffffff;
}
.main-wallet-badge[data-v-e54b5891] {
    padding: .3125rem .75rem;
    border: 1px solid color-mix(in srgb, #3b82f6, transparent 55%);
    border-radius: 8px;
    background: color-mix(in srgb, #3b82f6, transparent 82%);
    color: #bfdbfe;
    font-size: .8125rem;
    font-weight: 500;
    white-space: nowrap;
}
.wallet-balance-block[data-v-e54b5891] {
    display: flex;
    flex-direction: column;
    gap: .375rem;
}
.wallet-balance[data-v-e54b5891] {
    font-size: 3.25rem;
    font-weight: 600;
    color: #ffffff;
    line-height: 1.1;
}
.wallet-balance-currency[data-v-e54b5891] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #ffffff;
}
.wallet-balance-usd[data-v-e54b5891] {
    font-size: 1.125rem;
    font-weight: 400;
    color: #90a4c9;
}
.wallet-info-panel[data-v-e54b5891] {
    position: relative;
    display: flex;
    border: 1px solid color-mix(in srgb, #ffffff, transparent 88%);
    border-radius: 12px;
    background: color-mix(in srgb, #000000, transparent 72%);
    padding: 1rem 1.125rem;
}
.wallet-info-col[data-v-e54b5891] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: .375rem;
    padding: 0 1rem;
    border-left: 1px solid color-mix(in srgb, #ffffff, transparent 90%);
    min-width: 0;
}
.wallet-info-col[data-v-e54b5891]:first-child {
    padding-left: 0;
    border-left: none;
}
.wallet-info-label[data-v-e54b5891] {
    font-size: .75rem;
    font-weight: 400;
    color: #7c8bab;
}
.wallet-info-value[data-v-e54b5891] {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .9375rem;
    font-weight: 600;
    color: #ffffff;
}
.wallet-id-value[data-v-e54b5891] {
    color: #93c5fd;
}
.wallet-id-value span[data-v-e54b5891] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.icon-action[data-v-e54b5891] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: none;
    background: none;
    color: #7c8bab;
    font-size: .75rem;
    cursor: pointer;
    flex-shrink: 0;
    transition: color .15s ease;
}
.icon-action[data-v-e54b5891]:hover {
    color: #93c5fd;
}
.wallet-status-value[data-v-e54b5891] {
    color: #ffffff;
    font-weight: 500;
}
.status-dot[data-v-e54b5891] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--p-green-500);
    flex-shrink: 0;
}
.edit-popover-body[data-v-e54b5891] {
    display: flex;
    flex-direction: column;
    gap: .625rem;
    padding: .25rem;
    width: 260px;
}
.edit-popover-label[data-v-e54b5891] {
    font-size: .8125rem;
    color: var(--p-text-muted-color);
}
.edit-popover-input[data-v-e54b5891] {
    height: 36px;
    padding: 0 .625rem;
    border: 1px solid var(--p-content-border-color);
    border-radius: 8px;
    background: var(--p-content-background);
    color: var(--p-text-color);
    font-size: .8125rem;
    font-family: ui-monospace, monospace;
}
.edit-popover-input[data-v-e54b5891]:focus {
    outline: none;
    border-color: var(--p-primary-color);
}
.edit-popover-input.is-invalid[data-v-e54b5891] {
    border-color: var(--p-red-500);
}
.edit-popover-error[data-v-e54b5891] {
    font-size: .75rem;
    color: var(--p-red-500);
}
@media (width <= 640px) {
.wallet-info-panel[data-v-e54b5891] {
        flex-direction: column;
        gap: .875rem;
}
.wallet-info-col[data-v-e54b5891] {
        padding: 0;
        border-left: none;
        padding-top: .875rem;
        border-top: 1px solid color-mix(in srgb, #ffffff, transparent 90%);
}
.wallet-info-col[data-v-e54b5891]:first-child {
        padding-top: 0;
        border-top: none;
}
}

.test-balance-hint[data-v-df03ff5a] {
    display: block;
    margin-top: .125rem;
    font-size: .75rem;
    color: var(--p-text-muted-color);
}
.test-balance-value[data-v-df03ff5a] {
    color: var(--p-orange-500);
}
.test-balance-hint[data-v-df03ff5a] {
    display: block;
    margin-top: .125rem;
    font-size: .75rem;
    color: var(--p-text-muted-color);
}
.test-balance-value[data-v-df03ff5a] {
    color: var(--p-orange-500);
}
.summary-card[data-v-df03ff5a] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1.5rem;
    min-height: 330px;
    padding: 1.75rem 2rem;
    border: 1px solid var(--p-content-border-color);
    border-radius: 18px;
    background: var(--p-content-background);
}
.summary-rows[data-v-df03ff5a] {
    display: flex;
    flex-direction: column;
}
.summary-row[data-v-df03ff5a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 0;
    border-bottom: 1px solid var(--p-content-border-color);
}
.summary-row[data-v-df03ff5a]:first-child {
    padding-top: 0;
}
.summary-row[data-v-df03ff5a]:last-child {
    border-bottom: none;
}
.summary-label[data-v-df03ff5a] {
    font-size: .875rem;
    color: var(--p-text-muted-color);
}
.summary-value[data-v-df03ff5a] {
    font-size: 1.0625rem;
    font-weight: 600;
    color: var(--p-text-color);
}
.value-available[data-v-df03ff5a] {
    color: var(--p-green-500);
}
.summary-status[data-v-df03ff5a] {
    display: inline-flex;
    align-items: center;
    gap: .4375rem;
}
.status-dot[data-v-df03ff5a] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--p-green-500);
    flex-shrink: 0;
}
.summary-actions[data-v-df03ff5a] {
    display: flex;
    gap: .75rem;
}
.summary-actions[data-v-df03ff5a] .p-button {
    height: 50px;
    border-radius: 9px;
}
.action-primary[data-v-df03ff5a],
.action-secondary[data-v-df03ff5a] {
    flex: 1;
}
@media (width <= 640px) {
.summary-actions[data-v-df03ff5a] {
        flex-wrap: wrap;
}
.action-primary[data-v-df03ff5a],
    .action-secondary[data-v-df03ff5a] {
        flex-basis: 100%;
}
}

.mini-stats-row[data-v-c66754fc] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}
.mini-stat-card[data-v-c66754fc] {
    display: flex;
    align-items: center;
    gap: .875rem;
    min-height: 92px;
    padding: 1.125rem 1.25rem;
    border: 1px solid var(--p-content-border-color);
    border-radius: 12px;
    background: var(--p-content-background);
}
.mini-stat-icon[data-v-c66754fc] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 11px;
    flex-shrink: 0;
    font-size: 1.125rem;
}
.icon-blue[data-v-c66754fc] {
    color: var(--p-primary-color);
    background: color-mix(in srgb, var(--p-primary-color), transparent 88%);
}
.icon-green[data-v-c66754fc] {
    color: var(--p-green-500);
    background: color-mix(in srgb, var(--p-green-500), transparent 88%);
}
.icon-red[data-v-c66754fc] {
    color: var(--p-red-500);
    background: color-mix(in srgb, var(--p-red-500), transparent 88%);
}
.mini-stat-body[data-v-c66754fc] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    min-width: 0;
}
.mini-stat-label[data-v-c66754fc] {
    font-size: .8125rem;
    color: var(--p-text-muted-color);
    white-space: nowrap;
}
.mini-stat-value[data-v-c66754fc] {
    font-size: 1.1875rem;
    font-weight: 600;
    color: var(--p-text-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.value-positive[data-v-c66754fc] {
    color: var(--p-green-500);
}
.value-negative[data-v-c66754fc] {
    color: var(--p-red-500);
}
@media (width <= 1000px) {
.mini-stats-row[data-v-c66754fc] {
        grid-template-columns: repeat(2, 1fr);
}
}
@media (width <= 480px) {
.mini-stats-row[data-v-c66754fc] {
        grid-template-columns: 1fr;
}
}

.history-filters[data-v-5ea62ed4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.date-field-wrapper[data-v-5ea62ed4],
.search-field-wrapper[data-v-5ea62ed4] {
    position: relative;
    display: flex;
    align-items: center;
    height: 38px;
}
.date-field-icon[data-v-5ea62ed4],
.search-field-icon[data-v-5ea62ed4] {
    position: absolute;
    left: .625rem;
    font-size: .75rem;
    color: var(--p-text-muted-color);
    pointer-events: none;
    z-index: 1;
}
.date-field-input[data-v-5ea62ed4] {
    width: 130px;
}
.date-field-input[data-v-5ea62ed4] .p-datepicker-input {
    height: 38px;
    padding: 0 .625rem 0 1.75rem;
    font-size: .8125rem;
    font-weight: 500;
    border: 1px solid var(--p-content-border-color);
    border-radius: 8px;
    background: var(--p-content-background);
    color: var(--p-text-color);
    transition: border-color .15s ease;
}
.date-field-input[data-v-5ea62ed4] .p-datepicker-input::placeholder {
    color: var(--p-text-muted-color);
    font-weight: 400;
}
.date-field-input[data-v-5ea62ed4] .p-datepicker-input:hover {
    border-color: color-mix(in srgb, var(--p-text-color), transparent 65%);
}
.date-field-input[data-v-5ea62ed4] .p-datepicker-input:focus {
    border-color: var(--p-primary-color);
}
.date-field-input[data-v-5ea62ed4] .p-datepicker-input-icon-container {
    display: none;
}
.search-field-input[data-v-5ea62ed4] {
    width: 190px;
    height: 38px;
    padding: 0 .625rem 0 1.75rem;
    border: 1px solid var(--p-content-border-color);
    border-radius: 8px;
    background: var(--p-content-background);
    color: var(--p-text-color);
    font-size: .8125rem;
    font-family: inherit;
    transition: border-color .15s ease;
}
.search-field-input[data-v-5ea62ed4]::placeholder {
    color: var(--p-text-muted-color);
}
.search-field-input[data-v-5ea62ed4]:hover {
    border-color: color-mix(in srgb, var(--p-text-color), transparent 65%);
}
.search-field-input[data-v-5ea62ed4]:focus {
    outline: none;
    border-color: var(--p-primary-color);
}
.filter-actions[data-v-5ea62ed4] {
    display: flex;
    align-items: center;
    gap: .875rem;
    margin-left: auto;
}
.filter-actions[data-v-5ea62ed4] .p-button {
    height: 38px;
    border-radius: 8px;
    font-size: .8125rem;
}
.reset-action[data-v-5ea62ed4] {
    padding: 0;
    border: none;
    background: none;
    color: var(--p-primary-color);
    font-size: .8125rem;
    font-weight: 500;
    font-family: inherit;
    cursor: pointer;
}
.reset-action[data-v-5ea62ed4]:hover {
    text-decoration: underline;
}
@media (width <= 900px) {
.history-filters[data-v-5ea62ed4] {
        gap: .625rem;
}
.filter-actions[data-v-5ea62ed4] {
        margin-left: 0;
        width: 100%;
}
.apply-action[data-v-5ea62ed4] {
        flex: 1;
}
}

.history-table-block[data-v-32447c35] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.history-table[data-v-32447c35] th {
    padding-top: .625rem;
    padding-bottom: .625rem;
    font-size: .8125rem;
    font-weight: 500;
    color: var(--p-text-muted-color);
}
.history-table[data-v-32447c35] td {
    padding-top: .875rem;
    padding-bottom: .875rem;
    font-size: .875rem;
}
.history-table[data-v-32447c35] .p-datatable-tbody > tr:hover {
    background: color-mix(in srgb, var(--p-text-color), transparent 97%);
}
.type-cell[data-v-32447c35] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    white-space: nowrap;
}
.type-icon[data-v-32447c35] {
    font-size: .8125rem;
    color: var(--p-text-muted-color);
}
.amount-positive[data-v-32447c35] {
    color: var(--p-green-500);
    font-weight: 600;
    white-space: nowrap;
}
.amount-negative[data-v-32447c35] {
    color: var(--p-red-500);
    font-weight: 600;
    white-space: nowrap;
}
.txid-cell[data-v-32447c35] {
    font-family: ui-monospace, monospace;
    font-size: .8125rem;
    color: var(--p-text-muted-color);
    white-space: nowrap;
}
.txid-copyable[data-v-32447c35] {
    display: inline-flex;
    align-items: center;
    gap: .375rem;
    cursor: pointer;
}
.txid-copyable[data-v-32447c35]:hover {
    color: var(--p-text-color);
}
.txid-copyable .pi[data-v-32447c35] {
    font-size: .75rem;
}
.status-badge[data-v-32447c35] {
    display: inline-block;
    padding: .1875rem .625rem;
    border-radius: var(--p-border-radius-xl, 999px);
    font-size: .75rem;
    font-weight: 600;
    white-space: nowrap;
}
.status-success[data-v-32447c35] {
    color: var(--p-green-500);
    background: color-mix(in srgb, var(--p-green-500), transparent 88%);
}
.status-pending[data-v-32447c35] {
    color: var(--p-yellow-500);
    background: color-mix(in srgb, var(--p-yellow-500), transparent 88%);
}
.status-cancelled[data-v-32447c35] {
    color: var(--p-red-500);
    background: color-mix(in srgb, var(--p-red-500), transparent 88%);
}
.details-action[data-v-32447c35] {
    padding: 0;
    border: none;
    background: none;
    color: var(--p-primary-color);
    font-size: .8125rem;
    font-weight: 500;
    font-family: inherit;
    cursor: pointer;
}
.details-action[data-v-32447c35]:hover {
    color: color-mix(in srgb, var(--p-primary-color), white 20%);
    text-decoration: underline;
}
.empty-state[data-v-32447c35] {
    padding: 1.5rem;
    text-align: center;
    color: var(--p-text-muted-color);
}

.history-card[data-v-edb1ef1a] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding: 1.625rem 1.75rem;
    border: 1px solid var(--p-content-border-color);
    border-radius: 16px;
    background: var(--p-content-background);
}
.history-card-title[data-v-edb1ef1a] {
    font-size: 1.3125rem;
    font-weight: 600;
    color: var(--p-text-color);
}
@media (width <= 768px) {
.history-card[data-v-edb1ef1a] {
        padding: 1.25rem;
}
}

.container[data-v-5373c92c] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}
.available-hint[data-v-5373c92c] {
    margin-top: -.75rem;
    font-size: .8125rem;
    color: var(--p-text-muted-color);
}

.container[data-v-0b2db5af] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
    text-align: center;
}
.network-badge[data-v-0b2db5af] {
    align-self: flex-start;
    padding: .25rem .625rem;
    border-radius: var(--p-border-radius-xs);
    background: color-mix(in srgb, var(--p-primary-color), transparent 88%);
    color: var(--p-primary-color);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .02em;
}
.deposit-qr[data-v-0b2db5af] {
    width: 180px;
    height: 180px;
    border-radius: var(--p-border-radius-md);
    background: #ffffff;
    padding: .5rem;
}
.deposit-address-block[data-v-0b2db5af] {
    display: flex;
    flex-direction: column;
    gap: .375rem;
    width: 100%;
}
.deposit-address-label[data-v-0b2db5af] {
    font-size: .8125rem;
    color: var(--p-text-muted-color);
}
.deposit-address[data-v-0b2db5af] {
    font-family: ui-monospace, monospace;
    font-size: .9375rem;
    color: var(--p-text-color);
    word-break: break-all;
}
.deposit-warning[data-v-0b2db5af] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    text-align: left;
    font-size: .8125rem;
    color: var(--p-text-muted-color);
    line-height: 1.4;
}
.deposit-warning .pi[data-v-0b2db5af] {
    margin-top: .125rem;
    color: var(--p-primary-color);
    flex-shrink: 0;
}
.deposit-warning strong[data-v-0b2db5af] {
    color: var(--p-text-color);
}

.details-container[data-v-d7f63f73] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}
.details-row[data-v-d7f63f73] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: .625rem;
    border-bottom: 1px solid var(--p-content-border-color);
}
.details-row[data-v-d7f63f73]:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.details-label[data-v-d7f63f73] {
    font-size: .8125rem;
    color: var(--p-text-muted-color);
    white-space: nowrap;
}
.details-value[data-v-d7f63f73] {
    font-weight: 600;
    color: var(--p-text-color);
    text-align: right;
    word-break: break-word;
}
.monospace[data-v-d7f63f73] {
    font-family: ui-monospace, monospace;
    font-size: .8125rem;
}
.amount-positive[data-v-d7f63f73] {
    color: var(--p-green-500);
}
.amount-negative[data-v-d7f63f73] {
    color: var(--p-red-500);
}
.status-badge[data-v-d7f63f73] {
    display: inline-block;
    padding: .1875rem .625rem;
    border-radius: var(--p-border-radius-xl, 999px);
    font-size: .75rem;
    font-weight: 600;
}
.status-success[data-v-d7f63f73] {
    color: var(--p-green-500);
    background: color-mix(in srgb, var(--p-green-500), transparent 88%);
}
.status-pending[data-v-d7f63f73] {
    color: var(--p-yellow-500);
    background: color-mix(in srgb, var(--p-yellow-500), transparent 88%);
}
.status-cancelled[data-v-d7f63f73] {
    color: var(--p-red-500);
    background: color-mix(in srgb, var(--p-red-500), transparent 88%);
}
.details-loading[data-v-d7f63f73] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    font-size: 1.5rem;
    color: var(--p-text-muted-color);
}

.hero-section[data-v-34fca40c] {
    display: grid;
    grid-template-columns: 53fr 47fr;
    gap: 16px;
    align-items: stretch;
}
.hero-wallet[data-v-34fca40c],
.hero-summary[data-v-34fca40c] {
    min-width: 0;
}
@media (width <= 900px) {
.hero-section[data-v-34fca40c] {
        grid-template-columns: 1fr;
}
}

.container[data-v-99dc20ff] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}
.transaction-card[data-v-99dc20ff] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .75rem 1rem;
    border: 1px solid var(--p-content-border-color);
    border-radius: var(--p-border-radius-md);
    background: var(--p-content-background);
}
.transaction-card-label[data-v-99dc20ff] {
    font-size: .875rem;
    color: var(--p-text-muted-color);
    white-space: nowrap;
}
.transaction-card-value[data-v-99dc20ff] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--p-text-color);
    white-space: nowrap;
}
.field-group[data-v-99dc20ff] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}
.field-label[data-v-99dc20ff] {
    font-size: .8125rem;
    color: var(--p-text-muted-color);
}
.dropzone[data-v-99dc20ff] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .375rem;
    padding: 1.5rem 1rem;
    border: 1px dashed var(--p-content-border-color);
    border-radius: var(--p-border-radius-md);
    cursor: pointer;
    text-align: center;
    transition: border-color .15s ease, background-color .15s ease;
}
.dropzone[data-v-99dc20ff]:hover,
.dropzone.dragging[data-v-99dc20ff] {
    border-color: var(--p-primary-color);
    background: color-mix(in srgb, var(--p-primary-color), transparent 94%);
}
.dropzone .pi-cloud-upload[data-v-99dc20ff] {
    font-size: 1.5rem;
    color: var(--p-primary-color);
}
.dropzone-text[data-v-99dc20ff] {
    font-size: .875rem;
    color: var(--p-text-color);
}
.dropzone-hint[data-v-99dc20ff] {
    font-size: .75rem;
    color: var(--p-text-muted-color);
}
.hidden-input[data-v-99dc20ff] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.field-error[data-v-99dc20ff] {
    font-size: .75rem;
    color: var(--p-red-500);
}
.file-item[data-v-99dc20ff] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem .625rem;
    border-radius: var(--p-border-radius-sm);
    background: var(--p-content-background);
    border: 1px solid var(--p-content-border-color);
}
.file-item .pi-file[data-v-99dc20ff] {
    color: var(--p-text-muted-color);
    font-size: .875rem;
}
.file-name[data-v-99dc20ff] {
    flex: 1;
    font-size: .8125rem;
    color: var(--p-text-color);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.warning-hint[data-v-99dc20ff] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    padding: .625rem .75rem;
    border-radius: var(--p-border-radius-md);
    background: color-mix(in srgb, var(--p-yellow-500), transparent 90%);
    color: var(--p-text-color);
    font-size: .8125rem;
    line-height: 1.45;
}
.warning-hint .pi-exclamation-triangle[data-v-99dc20ff] {
    color: var(--p-yellow-500);
    font-size: .875rem;
    margin-top: .125rem;
}

.payin-filters[data-v-6d8e38e2] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 16px;
    padding: 22px 24px;
    border: 1px solid var(--p-content-border-color);
    border-radius: 14px;
    background: var(--p-content-background);
}
.filter-field[data-v-6d8e38e2] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}
.filter-label[data-v-6d8e38e2] {
    font-size: .8125rem;
    font-weight: 400;
    color: var(--p-text-muted-color);
}
.status-select[data-v-6d8e38e2] {
    width: 168px;
    height: 46px;
    border: 1px solid var(--p-content-border-color);
    border-radius: 9px;
    background: var(--p-content-background);
    transition: border-color .15s ease;
}
.status-select[data-v-6d8e38e2]:hover {
    border-color: color-mix(in srgb, var(--p-text-color), transparent 65%);
}
.method-select[data-v-6d8e38e2] {
    width: 190px;
    height: 46px;
    border: 1px solid var(--p-content-border-color);
    border-radius: 9px;
    background: var(--p-content-background);
    transition: border-color .15s ease;
}
.method-select[data-v-6d8e38e2]:hover {
    border-color: color-mix(in srgb, var(--p-text-color), transparent 65%);
}
.method-select[data-v-6d8e38e2] .p-select-label {
    display: flex;
    align-items: center;
    padding: 0 .875rem;
    font-size: .875rem;
}
.status-select[data-v-6d8e38e2] .p-select-label {
    display: flex;
    align-items: center;
    padding: 0 .875rem;
    font-size: .875rem;
}
.status-select-value[data-v-6d8e38e2],
.status-option[data-v-6d8e38e2] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
}
.status-dot[data-v-6d8e38e2] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}
.dot-all[data-v-6d8e38e2] {
    background: var(--p-text-muted-color);
}
.dot-success[data-v-6d8e38e2] {
    background: var(--p-green-500);
}
.dot-pending[data-v-6d8e38e2] {
    background: var(--p-blue-500);
}
.dot-cancelled[data-v-6d8e38e2] {
    background: var(--p-red-500);
}
.dot-dispute[data-v-6d8e38e2] {
    background: var(--p-orange-500);
}
.date-field-wrapper[data-v-6d8e38e2] {
    position: relative;
    display: flex;
    align-items: center;
    height: 46px;
}
.date-field-icon[data-v-6d8e38e2] {
    position: absolute;
    left: .875rem;
    font-size: .8125rem;
    color: var(--p-text-muted-color);
    pointer-events: none;
    z-index: 1;
}
.date-field-input[data-v-6d8e38e2] {
    width: 152px;
}
.date-field-input[data-v-6d8e38e2] .p-datepicker-input {
    height: 46px;
    padding: 0 .875rem 0 2.125rem;
    font-size: .875rem;
    border: 1px solid var(--p-content-border-color);
    border-radius: 9px;
    background: var(--p-content-background);
    color: var(--p-text-color);
    transition: border-color .15s ease;
}
.date-field-input[data-v-6d8e38e2] .p-datepicker-input::placeholder {
    color: var(--p-text-muted-color);
}
.date-field-input[data-v-6d8e38e2] .p-datepicker-input:hover {
    border-color: color-mix(in srgb, var(--p-text-color), transparent 65%);
}
.date-field-input[data-v-6d8e38e2] .p-datepicker-input:focus {
    border-color: var(--p-primary-color);
}
.date-field-input[data-v-6d8e38e2] .p-datepicker-input-icon-container {
    display: none;
}
.amount-field-input[data-v-6d8e38e2] {
    width: 120px;
    height: 46px;
    padding: 0 .875rem;
    border: 1px solid var(--p-content-border-color);
    border-radius: 9px;
    background: var(--p-content-background);
    color: var(--p-text-color);
    font-size: .875rem;
    font-family: inherit;
    transition: border-color .15s ease;
}
.amount-field-input[data-v-6d8e38e2]::placeholder {
    color: var(--p-text-muted-color);
}
.amount-field-input[data-v-6d8e38e2]:hover {
    border-color: color-mix(in srgb, var(--p-text-color), transparent 65%);
}
.amount-field-input[data-v-6d8e38e2]:focus {
    outline: none;
    border-color: var(--p-primary-color);
}
.filter-actions[data-v-6d8e38e2] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-left: auto;
}
.filter-actions[data-v-6d8e38e2] .p-button {
    height: 46px;
    border-radius: 9px;
    font-size: .875rem;
}
.reset-action[data-v-6d8e38e2] {
    padding: 0;
    border: none;
    background: none;
    color: var(--p-primary-color);
    font-size: .875rem;
    font-weight: 500;
    font-family: inherit;
    cursor: pointer;
    white-space: nowrap;
}
.reset-action[data-v-6d8e38e2]:hover {
    text-decoration: underline;
}
@media (width <= 1100px) {
.payin-filters[data-v-6d8e38e2] {
        gap: 12px;
}
.filter-actions[data-v-6d8e38e2] {
        margin-left: 0;
        width: 100%;
}
.apply-action[data-v-6d8e38e2] {
        flex: 1;
}
}
@media (width <= 640px) {
.filter-field[data-v-6d8e38e2] {
        width: 100%;
}
.status-select[data-v-6d8e38e2],
    .method-select[data-v-6d8e38e2],
    .date-field-input[data-v-6d8e38e2],
    .amount-field-input[data-v-6d8e38e2] {
        width: 100%;
}
}

.test-badge[data-v-d18f949d] {
    margin-left: .375rem;
    padding: .125rem .375rem;
    border-radius: 6px;
    background: color-mix(in srgb, var(--p-orange-500), transparent 85%);
    color: var(--p-orange-500);
    font-size: .6875rem;
    font-weight: 700;
    line-height: 1.2;
}
.payin-table-block[data-v-d18f949d] {
    display: flex;
    flex-direction: column;
    padding: 0;
    border: 1px solid var(--p-content-border-color);
    border-radius: 15px;
    background: var(--p-content-background);
    overflow: hidden;
}
.payin-table[data-v-d18f949d] .p-datatable-thead > tr > th {
    height: 54px;
    padding-top: 0;
    padding-bottom: 0;
    background: color-mix(in srgb, var(--p-text-color), transparent 97%);
    border-color: var(--p-content-border-color);
    font-size: .8125rem;
    font-weight: 500;
    color: var(--p-text-muted-color);
}
.payin-table[data-v-d18f949d] .p-datatable-tbody > tr {
    height: 68px;
    cursor: pointer;
}
.payin-table[data-v-d18f949d] .p-datatable-tbody > tr > td {
    border-color: var(--p-content-border-color);
}
.payin-table[data-v-d18f949d] .p-datatable-tbody > tr:hover {
    background: color-mix(in srgb, var(--p-text-color), transparent 97%);
}
.payin-table[data-v-d18f949d] .p-datatable-tbody > tr:last-child > td {
    border-bottom: none;
}
.id-cell[data-v-d18f949d] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    font-weight: 600;
    color: var(--p-text-color);
    white-space: nowrap;
}
.icon-action[data-v-d18f949d] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: none;
    background: none;
    color: var(--p-text-muted-color);
    font-size: .75rem;
    cursor: pointer;
    transition: color .15s ease;
}
.icon-action[data-v-d18f949d]:hover {
    color: var(--p-text-color);
}
.bank-cell-empty[data-v-d18f949d] {
    color: var(--p-text-muted-color);
}
.bank-cell[data-v-d18f949d] {
    display: flex;
    flex-direction: column;
    gap: .1875rem;
}
.bank-primary[data-v-d18f949d] {
    font-size: .875rem;
    color: var(--p-text-color);
}
.bank-secondary[data-v-d18f949d] {
    font-size: .75rem;
    color: var(--p-text-muted-color);
}
.amount-cell[data-v-d18f949d] {
    display: flex;
    flex-direction: column;
    gap: .1875rem;
}
.amount-primary[data-v-d18f949d] {
    font-size: .9375rem;
    font-weight: 600;
    color: var(--p-text-color);
    white-space: nowrap;
}
.amount-secondary[data-v-d18f949d] {
    font-size: .75rem;
    color: var(--p-text-muted-color);
    white-space: nowrap;
}
.rate-cell[data-v-d18f949d] {
    font-size: .875rem;
    font-weight: 500;
    color: var(--p-text-color);
    white-space: nowrap;
}
.date-cell[data-v-d18f949d] {
    display: inline-flex;
    align-items: baseline;
    gap: .375rem;
    white-space: nowrap;
}
.date-part[data-v-d18f949d] {
    font-size: .875rem;
    color: var(--p-text-color);
}
.time-part[data-v-d18f949d] {
    font-size: .8125rem;
    color: var(--p-text-muted-color);
    font-variant-numeric: tabular-nums;
}
.status-badge[data-v-d18f949d] {
    display: inline-flex;
    align-items: center;
    gap: .375rem;
    height: 27px;
    padding: 0 .75rem;
    border-radius: var(--p-border-radius-xl, 999px);
    font-size: .8125rem;
    font-weight: 500;
    white-space: nowrap;
}
.status-badge-dot[data-v-d18f949d] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentcolor;
    flex-shrink: 0;
}
.status-pending[data-v-d18f949d] {
    color: var(--p-blue-500);
    background: color-mix(in srgb, var(--p-blue-500), transparent 88%);
}
.status-success[data-v-d18f949d] {
    color: var(--p-green-500);
    background: color-mix(in srgb, var(--p-green-500), transparent 88%);
}
.status-cancelled[data-v-d18f949d] {
    color: var(--p-red-500);
    background: color-mix(in srgb, var(--p-red-500), transparent 88%);
}
.status-dispute[data-v-d18f949d] {
    color: var(--p-orange-500);
    background: color-mix(in srgb, var(--p-orange-500), transparent 88%);
}
.action-link[data-v-d18f949d] {
    padding: 0;
    border: none;
    background: none;
    color: var(--p-primary-color);
    font-size: .8125rem;
    font-weight: 500;
    font-family: inherit;
    cursor: pointer;
    white-space: nowrap;
}
.action-link[data-v-d18f949d]:hover {
    color: color-mix(in srgb, var(--p-primary-color), white 20%);
    text-decoration: underline;
}
.action-link-danger[data-v-d18f949d] {
    color: var(--p-red-500);
}
.action-link-danger[data-v-d18f949d]:hover {
    color: color-mix(in srgb, var(--p-red-500), white 20%);
}
.action-link-warn[data-v-d18f949d] {
    color: var(--p-orange-500);
}
.action-link-warn[data-v-d18f949d]:hover {
    color: color-mix(in srgb, var(--p-orange-500), white 20%);
}
.empty-state[data-v-d18f949d] {
    padding: 1.5rem;
    text-align: center;
    color: var(--p-text-muted-color);
}
.pagination-bar[data-v-d18f949d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--p-content-border-color);
}
.pagination-report[data-v-d18f949d] {
    font-size: .8125rem;
    color: var(--p-text-muted-color);
    white-space: nowrap;
}
.pagination-links[data-v-d18f949d] {
    padding: 0;
}
.pagination-links[data-v-d18f949d] .p-paginator-content {
    gap: .375rem;
}
.pagination-links[data-v-d18f949d] .p-paginator-page,
.pagination-links[data-v-d18f949d] .p-paginator-prev,
.pagination-links[data-v-d18f949d] .p-paginator-next,
.pagination-links[data-v-d18f949d] .p-paginator-last {
    min-width: 34px;
    height: 34px;
    border-radius: 8px;
}
.per-page-select[data-v-d18f949d] {
    width: 168px;
    height: 36px;
    border: 1px solid var(--p-content-border-color);
    border-radius: 8px;
    background: var(--p-content-background);
}
.per-page-select[data-v-d18f949d] .p-select-label {
    display: flex;
    align-items: center;
    padding: 0 .75rem;
    font-size: .8125rem;
}
@media (width <= 900px) {
.pagination-bar[data-v-d18f949d] {
        flex-wrap: wrap;
        justify-content: center;
}
}

.test-badge[data-v-061e036d] {
    margin-right: .375rem;
    padding: .125rem .375rem;
    border-radius: 6px;
    background: color-mix(in srgb, var(--p-orange-500), transparent 85%);
    color: var(--p-orange-500);
    font-size: .6875rem;
    font-weight: 700;
    vertical-align: middle;
}
.payin-details-drawer[data-v-061e036d] {
    width: min(420px, 100vw) !important;
}
.details-container[data-v-061e036d] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}
.details-section[data-v-061e036d] {
    display: flex;
    flex-direction: column;
    gap: .625rem;
}
.section-title[data-v-061e036d] {
    font-size: .9375rem;
    font-weight: 700;
    color: var(--p-text-color);
}
.details-row[data-v-061e036d] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: .625rem;
    border-bottom: 1px solid var(--p-content-border-color);
}
.details-row[data-v-061e036d]:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.details-label[data-v-061e036d] {
    font-size: .8125rem;
    color: var(--p-text-muted-color);
    white-space: nowrap;
}
.details-value[data-v-061e036d] {
    font-weight: 600;
    color: var(--p-text-color);
    text-align: right;
    word-break: break-word;
}
.status-badge[data-v-061e036d] {
    display: inline-block;
    padding: .1875rem .625rem;
    border-radius: var(--p-border-radius-xl, 999px);
    font-size: .75rem;
    font-weight: 600;
    white-space: nowrap;
}
.status-pending[data-v-061e036d] {
    color: var(--p-blue-500);
    background: color-mix(in srgb, var(--p-blue-500), transparent 88%);
}
.status-success[data-v-061e036d] {
    color: var(--p-green-500);
    background: color-mix(in srgb, var(--p-green-500), transparent 88%);
}
.status-cancelled[data-v-061e036d] {
    color: var(--p-red-500);
    background: color-mix(in srgb, var(--p-red-500), transparent 88%);
}
.status-dispute[data-v-061e036d] {
    color: var(--p-orange-500);
    background: color-mix(in srgb, var(--p-orange-500), transparent 88%);
}
.history-list[data-v-061e036d] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}
.history-item[data-v-061e036d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}
.history-time[data-v-061e036d] {
    font-size: .8125rem;
    color: var(--p-text-muted-color);
}
.test-actions[data-v-061e036d] {
    padding: 1rem;
    border-radius: 12px;
    border: 1px dashed color-mix(in srgb, var(--p-orange-500), transparent 45%);
    background: color-mix(in srgb, var(--p-orange-500), transparent 93%);
}
.test-actions-hint[data-v-061e036d] {
    margin: 0;
    font-size: .8125rem;
    color: var(--p-text-muted-color);
}
.test-amount-row[data-v-061e036d] {
    display: flex;
    gap: .5rem;
}
.test-amount-input[data-v-061e036d] {
    flex: 1;
    min-width: 0;
}
.test-amount-input[data-v-061e036d] input {
    width: 100%;
}
.details-actions[data-v-061e036d] {
    display: flex;
    flex-direction: column;
    gap: .625rem;
}
.dispute-link[data-v-061e036d] {
    font-size: .875rem;
    font-weight: 600;
    color: var(--p-orange-500);
    text-decoration: none;
    text-align: center;
}
.dispute-link[data-v-061e036d]:hover {
    text-decoration: underline;
}
.details-loading[data-v-061e036d] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    font-size: 1.5rem;
    color: var(--p-text-muted-color);
}

.method-checkbox.test-checkbox[data-v-64912d71] {
    align-items: flex-start;
    white-space: normal;
}
.test-checkbox-hint[data-v-64912d71] {
    display: block;
    margin-top: .125rem;
    color: var(--p-text-muted-color);
    font-size: .8125rem;
}
.container[data-v-64912d71] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}
.rate-hint[data-v-64912d71] {
    margin-top: -.75rem;
    font-size: .8125rem;
    color: var(--p-text-muted-color);
}
.total-hint[data-v-64912d71] {
    margin-top: -.5rem;
    font-size: .875rem;
    font-weight: 600;
    color: var(--p-primary-color);
}
.field-group[data-v-64912d71] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}
.field-label[data-v-64912d71] {
    font-size: .8125rem;
    color: var(--p-text-muted-color);
}
.methods-checkboxes[data-v-64912d71] {
    display: flex;
    flex-wrap: wrap;
    gap: .875rem;
}
.method-checkbox[data-v-64912d71] {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .875rem;
    color: var(--p-text-color);
    cursor: pointer;
    white-space: nowrap;
}
.field-error[data-v-64912d71] {
    font-size: .75rem;
    color: var(--p-red-500);
}

.payout-filters[data-v-6a4cdafe] {
    padding: 1rem 1.25rem;
    gap: .75rem;
}
.filters-line[data-v-6a4cdafe] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .625rem;
}
.filters-label[data-v-6a4cdafe] {
    font-size: .8125rem;
    color: var(--p-text-muted-color);
    white-space: nowrap;
}
.status-checkboxes[data-v-6a4cdafe] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    row-gap: .5rem;
    column-gap: 1.125rem;
}
.status-checkbox[data-v-6a4cdafe] {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .875rem;
    color: var(--p-text-color);
    cursor: pointer;
    white-space: nowrap;
}
.status-dot[data-v-6a4cdafe] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}
.dot-success[data-v-6a4cdafe] {
    background: var(--p-green-500);
}
.dot-pending[data-v-6a4cdafe] {
    background: var(--p-blue-500);
}
.dot-cancelled[data-v-6a4cdafe] {
    background: var(--p-red-500);
}
.dot-dispute[data-v-6a4cdafe] {
    background: var(--p-orange-500);
}
.second-line[data-v-6a4cdafe] {
    align-items: end;
}
.filter-field[data-v-6a4cdafe] {
    display: flex;
    flex-direction: column;
    gap: .375rem;
}
.date-field[data-v-6a4cdafe] {
    width: 150px;
}
.amount-field[data-v-6a4cdafe] {
    width: 130px;
}
.search-field[data-v-6a4cdafe] {
    flex: 1 1 180px;
    min-width: 160px;
}
.filter-actions[data-v-6a4cdafe] {
    display: flex;
    gap: .5rem;
}
@media (width <= 900px) {
.search-field[data-v-6a4cdafe] {
        flex-basis: 100%;
}
}
@media (width <= 640px) {
.date-field[data-v-6a4cdafe],
    .amount-field[data-v-6a4cdafe] {
        width: 100%;
}
.filter-field[data-v-6a4cdafe] {
        width: 100%;
}
.filter-actions[data-v-6a4cdafe] {
        flex-direction: column;
        width: 100%;
}
}

.payout-table-block[data-v-edabefbb] {
    gap: 1rem;
    padding: 1.25rem 1.5rem;
}
.payout-table[data-v-edabefbb] .p-datatable-tbody > tr {
    cursor: pointer;
}
.requisites-cell[data-v-edabefbb],
.trader-cell[data-v-edabefbb] {
    color: var(--p-text-muted-color);
    white-space: nowrap;
}
.status-badge[data-v-edabefbb] {
    display: inline-block;
    padding: .1875rem .625rem;
    border-radius: var(--p-border-radius-xl, 999px);
    font-size: .75rem;
    font-weight: 600;
    white-space: nowrap;
}
.status-pending[data-v-edabefbb] {
    color: var(--p-blue-500);
    background: color-mix(in srgb, var(--p-blue-500), transparent 88%);
}
.status-success[data-v-edabefbb] {
    color: var(--p-green-500);
    background: color-mix(in srgb, var(--p-green-500), transparent 88%);
}
.status-cancelled[data-v-edabefbb] {
    color: var(--p-red-500);
    background: color-mix(in srgb, var(--p-red-500), transparent 88%);
}
.status-dispute[data-v-edabefbb] {
    color: var(--p-orange-500);
    background: color-mix(in srgb, var(--p-orange-500), transparent 88%);
}
.empty-state[data-v-edabefbb] {
    padding: 1.5rem;
    text-align: center;
    color: var(--p-text-muted-color);
}

.payout-details-drawer[data-v-19faa0e9] {
    width: min(420px, 100vw) !important;
}
.details-container[data-v-19faa0e9] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}
.details-section[data-v-19faa0e9] {
    display: flex;
    flex-direction: column;
    gap: .625rem;
}
.section-title[data-v-19faa0e9] {
    font-size: .9375rem;
    font-weight: 700;
    color: var(--p-text-color);
}
.details-row[data-v-19faa0e9] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: .625rem;
    border-bottom: 1px solid var(--p-content-border-color);
}
.details-row[data-v-19faa0e9]:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.details-label[data-v-19faa0e9] {
    font-size: .8125rem;
    color: var(--p-text-muted-color);
    white-space: nowrap;
}
.details-value[data-v-19faa0e9] {
    font-weight: 600;
    color: var(--p-text-color);
    text-align: right;
    word-break: break-word;
}
.status-badge[data-v-19faa0e9] {
    display: inline-block;
    padding: .1875rem .625rem;
    border-radius: var(--p-border-radius-xl, 999px);
    font-size: .75rem;
    font-weight: 600;
    white-space: nowrap;
}
.status-pending[data-v-19faa0e9] {
    color: var(--p-blue-500);
    background: color-mix(in srgb, var(--p-blue-500), transparent 88%);
}
.status-success[data-v-19faa0e9] {
    color: var(--p-green-500);
    background: color-mix(in srgb, var(--p-green-500), transparent 88%);
}
.status-cancelled[data-v-19faa0e9] {
    color: var(--p-red-500);
    background: color-mix(in srgb, var(--p-red-500), transparent 88%);
}
.status-dispute[data-v-19faa0e9] {
    color: var(--p-orange-500);
    background: color-mix(in srgb, var(--p-orange-500), transparent 88%);
}
.history-list[data-v-19faa0e9] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}
.history-item[data-v-19faa0e9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}
.history-time[data-v-19faa0e9] {
    font-size: .8125rem;
    color: var(--p-text-muted-color);
}
.details-actions[data-v-19faa0e9] {
    display: flex;
    flex-direction: column;
    gap: .625rem;
}
.dispute-link[data-v-19faa0e9] {
    font-size: .875rem;
    font-weight: 600;
    color: var(--p-orange-500);
    text-decoration: none;
    text-align: center;
}
.dispute-link[data-v-19faa0e9]:hover {
    text-decoration: underline;
}
.details-loading[data-v-19faa0e9] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    font-size: 1.5rem;
    color: var(--p-text-muted-color);
}

.container[data-v-2bf426e0] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}
.total-hint[data-v-2bf426e0] {
    margin-top: -.75rem;
    font-size: .875rem;
    font-weight: 600;
    color: var(--p-primary-color);
}

.disputes-statistics[data-v-ef5d78ac] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .75rem;
}
.stat-card[data-v-ef5d78ac] {
    gap: .25rem;
    padding: .75rem 1rem !important;
    border-left: 3px solid transparent;
}
.stat-open[data-v-ef5d78ac] {
    border-left-color: var(--p-yellow-500);
}
.stat-overdue[data-v-ef5d78ac] {
    border-left-color: var(--p-red-500);
}
.stat-resolved[data-v-ef5d78ac] {
    border-left-color: var(--p-green-500);
}
.stat-label[data-v-ef5d78ac] {
    font-size: .8125rem;
    color: var(--p-text-muted-color);
    white-space: nowrap;
}
.stat-value[data-v-ef5d78ac] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--p-text-color);
}
@media (width <= 640px) {
.disputes-statistics[data-v-ef5d78ac] {
        grid-template-columns: 1fr;
}
}

.disputes-filters[data-v-4dd230f6] {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: end;
    gap: .625rem;
    padding: .75rem 1rem;
}
.filter-field[data-v-4dd230f6] {
    display: flex;
    flex-direction: column;
    gap: .3125rem;
}
.filter-label[data-v-4dd230f6] {
    font-size: .75rem;
    color: var(--p-text-muted-color);
    white-space: nowrap;
}
.status-select[data-v-4dd230f6] {
    width: 190px;
}
.status-select[data-v-4dd230f6] .p-multiselect-label {
    font-size: .875rem;
    padding-top: .375rem;
    padding-bottom: .375rem;
}
.date-field[data-v-4dd230f6] {
    width: 145px;
}
.search-field[data-v-4dd230f6] {
    flex: 1 1 190px;
    min-width: 170px;
    max-width: 220px;
}
.filter-actions[data-v-4dd230f6] {
    display: flex;
    gap: .5rem;
}
@media (width <= 900px) {
.search-field[data-v-4dd230f6] {
        flex-basis: 100%;
        max-width: none;
}
}
@media (width <= 640px) {
.status-select[data-v-4dd230f6],
    .date-field[data-v-4dd230f6] {
        width: 100%;
}
.filter-field[data-v-4dd230f6] {
        width: 100%;
}
.filter-actions[data-v-4dd230f6] {
        flex-direction: column;
        width: 100%;
}
}

.test-badge[data-v-373c0c08] {
    margin-left: .375rem;
    padding: .125rem .375rem;
    border-radius: 6px;
    background: color-mix(in srgb, var(--p-orange-500), transparent 85%);
    color: var(--p-orange-500);
    font-size: .6875rem;
    font-weight: 700;
    line-height: 1.2;
}
.disputes-table-block[data-v-373c0c08] {
    gap: 1rem;
    padding: 1.25rem 1.5rem;
}
.disputes-table[data-v-373c0c08] .p-datatable-tbody > tr {
    cursor: pointer;
}
.amount-cell[data-v-373c0c08] {
    display: flex;
    flex-direction: column;
    white-space: nowrap;
}
.amount-usdt[data-v-373c0c08] {
    font-size: .75rem;
    color: var(--p-text-muted-color);
}
.time-left-cell[data-v-373c0c08] {
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}
.time-left-overdue[data-v-373c0c08] {
    color: var(--p-red-500);
    font-weight: 700;
}
.status-badge[data-v-373c0c08] {
    display: inline-block;
    padding: .1875rem .625rem;
    border-radius: var(--p-border-radius-xl, 999px);
    font-size: .75rem;
    font-weight: 600;
    white-space: nowrap;
}
.status-open[data-v-373c0c08],
.status-pending_trader[data-v-373c0c08] {
    color: var(--p-yellow-500);
    background: color-mix(in srgb, var(--p-yellow-500), transparent 88%);
}
.status-resolved_merchant[data-v-373c0c08] {
    color: var(--p-green-500);
    background: color-mix(in srgb, var(--p-green-500), transparent 88%);
}
.status-cancelled_merchant[data-v-373c0c08],
.status-resolved_psp[data-v-373c0c08] {
    color: var(--p-text-muted-color);
    background: color-mix(in srgb, var(--p-text-muted-color), transparent 88%);
}
.empty-state[data-v-373c0c08] {
    padding: 1.5rem;
    text-align: center;
    color: var(--p-text-muted-color);
}

.test-actions[data-v-bf472f0d] {
    padding: 1rem;
    border-radius: 12px;
    border: 1px dashed color-mix(in srgb, var(--p-orange-500), transparent 45%);
    background: color-mix(in srgb, var(--p-orange-500), transparent 93%);
}
.test-actions-title[data-v-bf472f0d] {
    font-size: .9375rem;
    font-weight: 700;
    color: var(--p-text-color);
}
.dispute-details-drawer[data-v-bf472f0d] {
    width: min(420px, 100vw) !important;
}
.details-container[data-v-bf472f0d] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}
.transaction-card[data-v-bf472f0d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .75rem 1rem;
    border: 1px solid var(--p-content-border-color);
    border-radius: var(--p-border-radius-md);
    background: var(--p-content-background);
}
.transaction-card-label[data-v-bf472f0d] {
    font-size: .875rem;
    color: var(--p-text-muted-color);
    white-space: nowrap;
}
.transaction-card-value[data-v-bf472f0d] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--p-text-color);
    white-space: nowrap;
}
.details-section[data-v-bf472f0d] {
    display: flex;
    flex-direction: column;
    gap: .625rem;
}
.details-row[data-v-bf472f0d] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: .625rem;
    border-bottom: 1px solid var(--p-content-border-color);
}
.details-row[data-v-bf472f0d]:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.details-label[data-v-bf472f0d] {
    font-size: .8125rem;
    color: var(--p-text-muted-color);
    white-space: nowrap;
}
.details-value[data-v-bf472f0d] {
    font-weight: 600;
    color: var(--p-text-color);
    text-align: right;
    word-break: break-word;
}
.value-overdue[data-v-bf472f0d] {
    color: var(--p-red-500);
}
.receipt-link[data-v-bf472f0d] {
    color: var(--p-primary-color);
    text-decoration: none;
}
.receipt-link[data-v-bf472f0d]:hover {
    text-decoration: underline;
}
.status-badge[data-v-bf472f0d] {
    display: inline-block;
    padding: .1875rem .625rem;
    border-radius: var(--p-border-radius-xl, 999px);
    font-size: .75rem;
    font-weight: 600;
    white-space: nowrap;
}
.status-open[data-v-bf472f0d],
.status-pending_trader[data-v-bf472f0d] {
    color: var(--p-yellow-500);
    background: color-mix(in srgb, var(--p-yellow-500), transparent 88%);
}
.status-resolved_merchant[data-v-bf472f0d] {
    color: var(--p-green-500);
    background: color-mix(in srgb, var(--p-green-500), transparent 88%);
}
.status-cancelled_merchant[data-v-bf472f0d],
.status-resolved_psp[data-v-bf472f0d] {
    color: var(--p-text-muted-color);
    background: color-mix(in srgb, var(--p-text-muted-color), transparent 88%);
}
.details-actions[data-v-bf472f0d] {
    display: flex;
    flex-direction: column;
    gap: .625rem;
}
.details-loading[data-v-bf472f0d] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    font-size: 1.5rem;
    color: var(--p-text-muted-color);
}

.merchant-id-block[data-v-6d568720] {
    gap: .75rem;
}
.id-row[data-v-6d568720] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding-bottom: .75rem;
    border-bottom: 1px solid var(--p-content-border-color);
}
.id-row[data-v-6d568720]:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.id-field[data-v-6d568720] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    min-width: 0;
}
.id-label[data-v-6d568720] {
    font-size: .8125rem;
    color: var(--p-text-muted-color);
}
.id-value[data-v-6d568720] {
    font-family: ui-monospace, monospace;
    font-size: .9375rem;
    font-weight: 600;
    color: var(--p-text-color);
    overflow-wrap: break-word;
}

.api-keys-table-block[data-v-fbf34ae2] {
    gap: 1rem;
    padding: 1.25rem 1.5rem;
}
.name-cell[data-v-fbf34ae2] {
    display: flex;
    flex-direction: column;
    gap: .1875rem;
}
.key-name[data-v-fbf34ae2] {
    font-weight: 600;
    color: var(--p-text-color);
}
.key-masked[data-v-fbf34ae2] {
    font-family: ui-monospace, monospace;
    font-size: .8125rem;
    color: var(--p-text-muted-color);
    white-space: nowrap;
}
.permissions-cell[data-v-fbf34ae2] {
    color: var(--p-text-muted-color);
    white-space: nowrap;
}
.badge[data-v-fbf34ae2] {
    display: inline-block;
    padding: .1875rem .625rem;
    border-radius: var(--p-border-radius-xl, 999px);
    font-size: .75rem;
    font-weight: 600;
    white-space: nowrap;
}
.env-live[data-v-fbf34ae2] {
    color: var(--p-green-500);
    background: color-mix(in srgb, var(--p-green-500), transparent 88%);
}
.env-test[data-v-fbf34ae2] {
    color: var(--p-blue-500);
    background: color-mix(in srgb, var(--p-blue-500), transparent 88%);
}
.status-active[data-v-fbf34ae2] {
    color: var(--p-green-500);
    background: color-mix(in srgb, var(--p-green-500), transparent 88%);
}
.status-revoked[data-v-fbf34ae2] {
    color: var(--p-text-muted-color);
    background: color-mix(in srgb, var(--p-text-muted-color), transparent 88%);
}
.actions-cell[data-v-fbf34ae2] {
    display: flex;
    align-items: center;
    gap: .25rem;
    flex-wrap: wrap;
}
.empty-state[data-v-fbf34ae2] {
    padding: 1.5rem;
    text-align: center;
    color: var(--p-text-muted-color);
}

.container[data-v-ac24ede7] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}
.field-group[data-v-ac24ede7] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}
.field-label[data-v-ac24ede7] {
    font-size: .8125rem;
    color: var(--p-text-muted-color);
}
.permissions-checkboxes[data-v-ac24ede7] {
    display: flex;
    flex-direction: column;
    gap: .625rem;
}
.permissions-checkboxes.invalid[data-v-ac24ede7] {
    outline: 1px solid var(--p-red-500);
    outline-offset: 6px;
    border-radius: var(--p-border-radius-xs);
}
.permission-checkbox[data-v-ac24ede7] {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .875rem;
    color: var(--p-text-color);
    cursor: pointer;
}
.field-error[data-v-ac24ede7] {
    font-size: .75rem;
    color: var(--p-red-500);
}
.ip-input-row[data-v-ac24ede7] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
}
.ip-input-field[data-v-ac24ede7] {
    flex: 1;
}
.ip-chips[data-v-ac24ede7] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}
.ip-chip[data-v-ac24ede7] {
    display: inline-flex;
    align-items: center;
    gap: .375rem;
    padding: .25rem .625rem;
    border-radius: var(--p-border-radius-xl, 999px);
    background: var(--p-content-background);
    border: 1px solid var(--p-content-border-color);
    font-family: ui-monospace, monospace;
    font-size: .8125rem;
    color: var(--p-text-color);
}
.ip-chip .pi-times[data-v-ac24ede7] {
    font-size: .6875rem;
    color: var(--p-text-muted-color);
    cursor: pointer;
}
.ip-chip .pi-times[data-v-ac24ede7]:hover {
    color: var(--p-red-500);
}

.container[data-v-5a4985af] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}
.key-name[data-v-5a4985af] {
    font-size: .9375rem;
    font-weight: 700;
    color: var(--p-text-color);
}
.key-box[data-v-5a4985af] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding: .875rem 1rem;
    border: 1px solid var(--p-content-border-color);
    border-radius: var(--p-border-radius-md);
    background: var(--p-content-background);
}
.key-value[data-v-5a4985af] {
    font-family: ui-monospace, monospace;
    font-size: .875rem;
    font-weight: 600;
    color: var(--p-text-color);
    overflow-wrap: break-word;
    word-break: break-all;
}
.key-warning[data-v-5a4985af] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    padding: .75rem 1rem;
    border-radius: var(--p-border-radius-md);
    background: color-mix(in srgb, var(--p-yellow-500), transparent 90%);
    color: var(--p-text-color);
    font-size: .8125rem;
    line-height: 1.45;
}
.key-warning .pi[data-v-5a4985af] {
    color: var(--p-yellow-500);
    font-size: .875rem;
    margin-top: .125rem;
}

.webhook-secret-block[data-v-1f8ca6a0] {
    gap: .75rem;
}
.secret-row[data-v-1f8ca6a0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    flex-wrap: wrap;
}
.secret-field[data-v-1f8ca6a0] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    min-width: 0;
}
.secret-label[data-v-1f8ca6a0] {
    font-size: .8125rem;
    color: var(--p-text-muted-color);
}
.secret-value[data-v-1f8ca6a0] {
    font-family: ui-monospace, monospace;
    font-size: .9375rem;
    font-weight: 600;
    color: var(--p-text-color);
    overflow-wrap: break-word;
}
.revealed-block[data-v-1f8ca6a0] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding: .75rem 1rem;
    border: 1px solid var(--p-content-border-color);
    border-radius: var(--p-border-radius-md);
    background: var(--p-content-background);
}
.revealed-row[data-v-1f8ca6a0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}
.revealed-value[data-v-1f8ca6a0] {
    font-family: ui-monospace, monospace;
    font-size: .875rem;
    font-weight: 700;
    color: var(--p-text-color);
    overflow-wrap: break-word;
}
.revealed-warning[data-v-1f8ca6a0] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    font-size: .8125rem;
    color: var(--p-yellow-500);
    line-height: 1.4;
}

.webhook-settings-block[data-v-66d9e4c8] {
    gap: 1rem;
}
.settings-title[data-v-66d9e4c8] {
    font-size: .9375rem;
    font-weight: 700;
    color: var(--p-text-color);
}
.field-group[data-v-66d9e4c8] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}
.field-label[data-v-66d9e4c8] {
    font-size: .8125rem;
    color: var(--p-text-muted-color);
}
.events-select[data-v-66d9e4c8] {
    width: 100%;
}
.settings-actions[data-v-66d9e4c8] {
    display: flex;
}

.webhook-logs-block[data-v-0fc251df] {
    gap: 1rem;
    padding: 1.25rem 1.5rem;
}
.logs-header[data-v-0fc251df] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .75rem;
}
.logs-title[data-v-0fc251df] {
    font-size: .9375rem;
    font-weight: 700;
    color: var(--p-text-color);
    padding-top: .5rem;
}
.test-row[data-v-0fc251df] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    flex: 1 1 320px;
    max-width: 420px;
}
.test-input-field[data-v-0fc251df] {
    flex: 1;
}
.url-cell[data-v-0fc251df] {
    color: var(--p-text-muted-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 260px;
    display: inline-block;
}
.status-badge[data-v-0fc251df] {
    display: inline-block;
    padding: .1875rem .625rem;
    border-radius: var(--p-border-radius-xl, 999px);
    font-size: .75rem;
    font-weight: 600;
    white-space: nowrap;
}
.status-success[data-v-0fc251df] {
    color: var(--p-green-500);
    background: color-mix(in srgb, var(--p-green-500), transparent 88%);
}
.status-error[data-v-0fc251df] {
    color: var(--p-red-500);
    background: color-mix(in srgb, var(--p-red-500), transparent 88%);
}
.empty-state[data-v-0fc251df] {
    padding: 1.5rem;
    text-align: center;
    color: var(--p-text-muted-color);
}

.settings-card[data-v-3b4ed010] {
    gap: 0;
}
.settings-card-header[data-v-3b4ed010] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}
.settings-card-icon[data-v-3b4ed010] {
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--p-border-radius-md);
    background: color-mix(in srgb, var(--p-primary-color), transparent 88%);
    color: var(--p-primary-color);
    font-size: 1.125rem;
}
.settings-card-body[data-v-3b4ed010] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .25rem;
}
.settings-card-title[data-v-3b4ed010] {
    font-size: 1.0625rem;
    font-weight: 700;
    color: var(--p-text-color);
}
.settings-card-description[data-v-3b4ed010] {
    font-size: .8125rem;
    color: var(--p-text-muted-color);
}
.settings-card-control[data-v-3b4ed010] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: .75rem;
}
.settings-card-content[data-v-3b4ed010] {
    margin-top: 1.25rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--p-content-border-color);
}
@media (width <= 640px) {
.settings-card-header[data-v-3b4ed010] {
        flex-wrap: wrap;
}
.settings-card-control[data-v-3b4ed010] {
        width: 100%;
        margin-left: calc(2.5rem + 1rem);
}
}

.security-section[data-v-e2d415e9] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.security-section[data-v-e2d415e9]:not(:last-child) {
    padding-bottom: 1.5rem;
    margin-bottom: .5rem;
    border-bottom: 1px solid var(--p-content-border-color);
}
.section-title[data-v-e2d415e9] {
    font-size: .9375rem;
    font-weight: 700;
    color: var(--p-text-color);
}
.password-form[data-v-e2d415e9] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 380px;
}
.password-submit[data-v-e2d415e9],
.two-factor-action[data-v-e2d415e9] {
    align-self: flex-start;
}
.two-factor-header[data-v-e2d415e9] {
    display: flex;
    align-items: center;
    gap: .75rem;
}
.status-badge[data-v-e2d415e9] {
    display: inline-block;
    padding: .1875rem .625rem;
    border-radius: var(--p-border-radius-xl, 999px);
    font-size: .75rem;
    font-weight: 600;
    color: var(--p-text-muted-color);
    background: color-mix(in srgb, var(--p-text-muted-color), transparent 88%);
}
.status-badge.active[data-v-e2d415e9] {
    color: var(--p-green-500);
    background: color-mix(in srgb, var(--p-green-500), transparent 88%);
}
.two-factor-setup[data-v-e2d415e9] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid var(--p-content-border-color);
    border-radius: var(--p-border-radius-md);
    background: var(--p-content-background);
}
.hint[data-v-e2d415e9] {
    margin: 0;
    font-size: .875rem;
    color: var(--p-text-muted-color);
}
.qr-image[data-v-e2d415e9] {
    width: 180px;
    height: 180px;
    border-radius: var(--p-border-radius-md);
    background: #fff;
    padding: .5rem;
}
.secret-row[data-v-e2d415e9] {
    display: flex;
    align-items: center;
    gap: .5rem;
}
.secret-label[data-v-e2d415e9] {
    font-size: .8125rem;
    color: var(--p-text-muted-color);
}
.secret-value[data-v-e2d415e9] {
    font-family: ui-monospace, monospace;
    font-size: .875rem;
    letter-spacing: .05em;
    color: var(--p-text-color);
}
.code-row[data-v-e2d415e9] {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    flex-wrap: wrap;
}
.code-field[data-v-e2d415e9] {
    width: 140px;
}
@media (width <= 640px) {
.password-form[data-v-e2d415e9] {
        max-width: none;
}
}