@xlui/xux-ui 0.1.0 → 0.2.1

package/LICENSE

@@ -0,0 +1,194 @@
+木兰宽松许可证，第2版
+
+木兰宽松许可证，第2版
+
+2020年1月 http://license.coscl.org.cn/MulanPSL2
+
+您对“软件”的复制、使用、修改及分发受木兰宽松许可证，第2版（“本许可证”）的如下条款的约束：
+
+0.   定义
+
+“软件” 是指由“贡献”构成的许可在“本许可证”下的程序和相关文档的集合。
+
+“贡献” 是指由任一“贡献者”许可在“本许可证”下的受版权法保护的作品。
+
+“贡献者” 是指将受版权法保护的作品许可在“本许可证”下的自然人或“法人实体”。
+
+“法人实体” 是指提交贡献的机构及其“关联实体”。
+
+“关联实体” 是指，对“本许可证”下的行为方而言，控制、受控制或与其共同受控制的机构，此处的控制是
+指有受控方或共同受控方至少50%直接或间接的投票权、资金或其他有价证券。
+
+1.   授予版权许可
+
+每个“贡献者”根据“本许可证”授予您永久性的、全球性的、免费的、非独占的、不可撤销的版权许可，您可
+以复制、使用、修改、分发其“贡献”，不论修改与否。
+
+2.   授予专利许可
+
+每个“贡献者”根据“本许可证”授予您永久性的、全球性的、免费的、非独占的、不可撤销的（根据本条规定
+撤销除外）专利许可，供您制造、委托制造、使用、许诺销售、销售、进口其“贡献”或以其他方式转移其“贡
+献”。前述专利许可仅限于“贡献者”现在或将来拥有或控制的其“贡献”本身或其“贡献”与许可“贡献”时的“软
+件”结合而将必然会侵犯的专利权利要求，不包括对“贡献”的修改或包含“贡献”的其他结合。如果您或您的“
+关联实体”直接或间接地，就“软件”或其中的“贡献”对任何人发起专利侵权诉讼（包括反诉或交叉诉讼）或
+其他专利维权行动，指控其侵犯专利权，则“本许可证”授予您对“软件”的专利许可自您提起诉讼或发起维权
+行动之日终止。
+
+3.   无商标许可
+
+“本许可证”不提供对“贡献者”的商品名称、商标、服务标志或产品名称的商标许可，但您为满足第4条规定
+的声明义务而必须使用除外。
+
+4.   分发限制
+
+您可以在任何媒介中将“软件”以源程序形式或可执行形式重新分发，不论修改与否，但您必须向接收者提供“
+本许可证”的副本，并保留“软件”中的版权、商标、专利及免责声明。
+
+5.   免责声明与责任限制
+
+“软件”及其中的“贡献”在提供时不带任何明示或默示的担保。在任何情况下，“贡献者”或版权所有者不对
+任何人因使用“软件”或其中的“贡献”而引发的任何直接或间接损失承担责任，不论因何种原因导致或者基于
+何种法律理论，即使其曾被建议有此种损失的可能性。
+
+6.   语言
+
+“本许可证”以中英文双语表述，中英文版本具有同等法律效力。如果中英文版本存在任何冲突不一致，以中文
+版为准。
+
+条款结束
+
+如何将木兰宽松许可证，第2版，应用到您的软件
+
+如果您希望将木兰宽松许可证，第2版，应用到您的新软件，为了方便接收者查阅，建议您完成如下三步：
+
+1， 请您补充如下声明中的空白，包括软件名、软件的首次发表年份以及您作为版权人的名字；
+
+2， 请您在软件包的一级目录下创建以“LICENSE”为名的文件，将整个许可证文本放入该文件中；
+
+3， 请将如下声明文本放入每个源文件的头部注释中。
+
+Copyright (c) [Year] [name of copyright holder]
+[Software Name] is licensed under Mulan PSL v2.
+You can use this software according to the terms and conditions of the Mulan
+PSL v2.
+You may obtain a copy of Mulan PSL v2 at:
+         http://license.coscl.org.cn/MulanPSL2
+THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY
+KIND, EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+NON-INFRINGEMENT, MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
+See the Mulan PSL v2 for more details.
+
+Mulan Permissive Software License，Version 2
+
+Mulan Permissive Software License，Version 2 (Mulan PSL v2)
+
+January 2020 http://license.coscl.org.cn/MulanPSL2
+
+Your reproduction, use, modification and distribution of the Software shall
+be subject to Mulan PSL v2 (this License) with the following terms and
+conditions:
+
+0. Definition
+
+Software means the program and related documents which are licensed under
+this License and comprise all Contribution(s).
+
+Contribution means the copyrightable work licensed by a particular
+Contributor under this License.
+
+Contributor means the Individual or Legal Entity who licenses its
+copyrightable work under this License.
+
+Legal Entity means the entity making a Contribution and all its
+Affiliates.
+
+Affiliates means entities that control, are controlled by, or are under
+common control with the acting entity under this License, ‘control’ means
+direct or indirect ownership of at least fifty percent (50%) of the voting
+power, capital or other securities of controlled or commonly controlled
+entity.
+
+1. Grant of Copyright License
+
+Subject to the terms and conditions of this License, each Contributor hereby
+grants to you a perpetual, worldwide, royalty-free, non-exclusive,
+irrevocable copyright license to reproduce, use, modify, or distribute its
+Contribution, with modification or not.
+
+2. Grant of Patent License
+
+Subject to the terms and conditions of this License, each Contributor hereby
+grants to you a perpetual, worldwide, royalty-free, non-exclusive,
+irrevocable (except for revocation under this Section) patent license to
+make, have made, use, offer for sale, sell, import or otherwise transfer its
+Contribution, where such patent license is only limited to the patent claims
+owned or controlled by such Contributor now or in future which will be
+necessarily infringed by its Contribution alone, or by combination of the
+Contribution with the Software to which the Contribution was contributed.
+The patent license shall not apply to any modification of the Contribution,
+and any other combination which includes the Contribution. If you or your
+Affiliates directly or indirectly institute patent litigation (including a
+cross claim or counterclaim in a litigation) or other patent enforcement
+activities against any individual or entity by alleging that the Software or
+any Contribution in it infringes patents, then any patent license granted to
+you under this License for the Software shall terminate as of the date such
+litigation or activity is filed or taken.
+
+3. No Trademark License
+
+No trademark license is granted to use the trade names, trademarks, service
+marks, or product names of Contributor, except as required to fulfill notice
+requirements in section 4.
+
+4. Distribution Restriction
+
+You may distribute the Software in any medium with or without modification,
+whether in source or executable forms, provided that you provide recipients
+with a copy of this License and retain copyright, patent, trademark and
+disclaimer statements in the Software.
+
+5. Disclaimer of Warranty and Limitation of Liability
+
+THE SOFTWARE AND CONTRIBUTION IN IT ARE PROVIDED WITHOUT WARRANTIES OF ANY
+KIND, EITHER EXPRESS OR IMPLIED. IN NO EVENT SHALL ANY CONTRIBUTOR OR
+COPYRIGHT HOLDER BE LIABLE TO YOU FOR ANY DAMAGES, INCLUDING, BUT NOT
+LIMITED TO ANY DIRECT, OR INDIRECT, SPECIAL OR CONSEQUENTIAL DAMAGES ARISING
+FROM YOUR USE OR INABILITY TO USE THE SOFTWARE OR THE CONTRIBUTION IN IT, NO
+MATTER HOW IT’S CAUSED OR BASED ON WHICH LEGAL THEORY, EVEN IF ADVISED OF
+THE POSSIBILITY OF SUCH DAMAGES.
+
+6. Language
+
+THIS LICENSE IS WRITTEN IN BOTH CHINESE AND ENGLISH, AND THE CHINESE VERSION
+AND ENGLISH VERSION SHALL HAVE THE SAME LEGAL EFFECT. IN THE CASE OF
+DIVERGENCE BETWEEN THE CHINESE AND ENGLISH VERSIONS, THE CHINESE VERSION
+SHALL PREVAIL.
+
+END OF THE TERMS AND CONDITIONS
+
+How to Apply the Mulan Permissive Software License，Version 2
+(Mulan PSL v2) to Your Software
+
+To apply the Mulan PSL v2 to your work, for easy identification by
+recipients, you are suggested to complete following three steps:
+
+i. Fill in the blanks in following statement, including insert your software
+name, the year of the first publication of your software, and your name
+identified as the copyright owner;
+
+ii. Create a file named "LICENSE" which contains the whole context of this
+License in the first directory of your software package;
+
+iii. Attach the statement to the appropriate annotated syntax at the
+beginning of each source file.
+
+Copyright (c) [Year] [name of copyright holder]
+[Software Name] is licensed under Mulan PSL v2.
+You can use this software according to the terms and conditions of the Mulan
+PSL v2.
+You may obtain a copy of Mulan PSL v2 at:
+         http://license.coscl.org.cn/MulanPSL2
+THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY
+KIND, EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+NON-INFRINGEMENT, MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
+See the Mulan PSL v2 for more details.

package/README.md

@@ -1,27 +1,74 @@
-# @xux/ui
+# @xlui/xux-ui
 
-UniApp X 组件库
+Vue3 电商组件库 - 专为电商平台打造的现代化 UI 组件库
 
-## 安装
+## 在线文档 [xux.xlcig.cn](https://xux.xlcig.cn)
+
+## 📦 安装
 
 ```bash
-npm install @xux/ui
+npm install @xlui/xux-ui
 # 或
-pnpm add @xux/ui
+pnpm add @xlui/xux-ui
 # 或
-yarn add @xux/ui
+yarn add @xlui/xux-ui
 ```
 
-## 使用
+## 🚀 快速开始
+
+### 按需引入（推荐）
 
 ```vue
-<script setup>
-import { XButton } from '@xux/ui'
+<template>
+  <div>
+    <XButton type="primary">主要按钮</XButton>
+    <XCard title="商品卡片">
+      <p>卡片内容</p>
+    </XCard>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { XButton, XCard } from '@xlui/xux-ui'
+import '@xlui/xux-ui/dist/index.css'
+// 或者使用别名
+// import '@xlui/xux-ui/style.css'
 </script>
+```
+
+### 全局注册
+
+如果不想每次都引入，可以在 `main.ts` 中全局注册：
+
+```ts
+// main.ts
+import { createApp } from 'vue'
+import App from './App.vue'
+import * as XUXComponents from '@xlui/xux-ui'
+import '@xlui/xux-ui/dist/index.css'
 
+const app = createApp(App)
+
+// 全局注册所有组件
+Object.entries(XUXComponents).forEach(([name, component]) => {
+  if (name.startsWith('X')) {
+    app.component(name, component)
+  }
+})
+
+app.mount('#app')
+```
+
+注册后即可直接使用：
+
+```vue
 <template>
-  <XButton>点击我</XButton>
+  <XButton type="primary">按钮</XButton>
 </template>
+
+<script setup>
+// 无需导入
+</script>
 ```
 
 ## 组件列表

package/dist/index.css

@@ -1 +1 @@
-:root{--x-color-base: #1a1a1a;--x-color-primary: #1a1a1a;--x-color-primary-light: #3a3a3a;--x-color-primary-lighter: #4a4a4a;--x-color-primary-dark: #0d0d0d;--x-color-primary-darker: #000000;--x-color-secondary: #4a90e2;--x-color-secondary-light: #6ba8ed;--x-color-secondary-lighter: #8dc0f7;--x-color-secondary-dark: #3a7bc8;--x-color-secondary-darker: #2a6bb0;--x-color-success: #10b981;--x-color-success-light: #34d399;--x-color-success-lighter: #6ee7b7;--x-color-success-dark: #059669;--x-color-success-darker: #047857;--x-color-warning: #f59e0b;--x-color-warning-light: #fbbf24;--x-color-warning-lighter: #fcd34d;--x-color-warning-dark: #d97706;--x-color-warning-darker: #b45309;--x-color-danger: #ef4444;--x-color-danger-light: #f87171;--x-color-danger-lighter: #fca5a5;--x-color-danger-dark: #dc2626;--x-color-danger-darker: #b91c1c;--x-color-black: #1a1a1a;--x-color-gray-900: #2a2a2a;--x-color-gray-800: #3a3a3a;--x-color-gray-700: #4a4a4a;--x-color-gray-600: #6a6a6a;--x-color-gray-500: #8a8a8a;--x-color-gray-400: #aaaaaa;--x-color-gray-300: #cacaca;--x-color-gray-200: #e5e5e5;--x-color-gray-100: #f5f5f5;--x-color-white: #ffffff;--x-gradient-primary: linear-gradient(135deg, #1a1a1a 0%, #3a3a3a 100%);--x-gradient-primary-hover: linear-gradient(135deg, #3a3a3a 0%, #4a4a4a 100%);--x-gradient-secondary: linear-gradient(135deg, #4a90e2 0%, #3a7bc8 100%);--x-gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--x-gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--x-gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--x-gradient-dark: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);--x-shadow-sm: 0 1px 2px rgba(26, 26, 26, .05);--x-shadow: 0 2px 8px rgba(26, 26, 26, .1);--x-shadow-md: 0 4px 12px rgba(26, 26, 26, .15);--x-shadow-lg: 0 8px 24px rgba(26, 26, 26, .2);--x-shadow-xl: 0 16px 48px rgba(26, 26, 26, .25);--x-shadow-primary: 0 4px 12px rgba(26, 26, 26, .3);--x-shadow-primary-lg: 0 8px 24px rgba(26, 26, 26, .4);--x-shadow-secondary: 0 4px 12px rgba(74, 144, 226, .3);--x-shadow-success: 0 4px 12px rgba(16, 185, 129, .3);--x-shadow-warning: 0 4px 12px rgba(245, 158, 11, .3);--x-shadow-danger: 0 4px 12px rgba(239, 68, 68, .3);--x-radius-sm: 4px;--x-radius: 6px;--x-radius-md: 8px;--x-radius-lg: 12px;--x-radius-xl: 16px;--x-radius-full: 9999px;--x-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--x-transition: .3s cubic-bezier(.4, 0, .2, 1);--x-transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--x-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--x-font-size-xs: 12px;--x-font-size-sm: 14px;--x-font-size: 16px;--x-font-size-lg: 18px;--x-font-size-xl: 20px;--x-font-size-2xl: 24px;--x-font-size-3xl: 30px}.dark{--x-color-white: #1a1a1a;--x-color-black: #ffffff;--x-color-gray-100: #2a2a2a;--x-color-gray-200: #3a3a3a;--x-color-gray-300: #4a4a4a;--x-color-gray-400: #6a6a6a;--x-color-gray-500: #8a8a8a;--x-color-gray-600: #aaaaaa;--x-color-gray-700: #cacaca;--x-color-gray-800: #e5e5e5;--x-color-gray-900: #f5f5f5}.x-btn[data-v-e1b43d39]{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:500;border:1px solid transparent;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;white-space:nowrap;outline:none;overflow:hidden;transform:translateY(0)}.x-btn[data-v-e1b43d39]:active:not(.x-btn-disabled):not(.x-btn-loading){transform:translateY(1px);box-shadow:0 2px 4px #0000001a}.x-btn-ripple[data-v-e1b43d39]{position:absolute;border-radius:50%;background-color:#fff6;width:0;height:0;pointer-events:none;animation:ripple-animation-e1b43d39 .6s ease-out;transform:translate(-50%,-50%)}@keyframes ripple-animation-e1b43d39{to{width:300px;height:300px;opacity:0}}.x-btn-icon[data-v-e1b43d39]{display:inline-flex;align-items:center;font-size:1.2em;animation:icon-in-e1b43d39 .3s ease-out}.x-btn-content[data-v-e1b43d39]{display:inline-flex;align-items:center}@keyframes icon-in-e1b43d39{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.x-btn-small[data-v-e1b43d39]{padding:4px 12px;font-size:14px;border-radius:4px;height:28px}.x-btn-medium[data-v-e1b43d39]{padding:8px 16px;font-size:14px;border-radius:6px;height:36px}.x-btn-large[data-v-e1b43d39]{padding:12px 20px;font-size:16px;border-radius:8px;height:44px}.x-btn-default[data-v-e1b43d39]{background-color:var(--x-color-white, #ffffff);border-color:var(--x-color-gray-300, #cacaca);color:var(--x-color-black, #1a1a1a);box-shadow:var(--x-shadow-sm, 0 1px 2px rgba(26, 26, 26, .05))}.x-btn-default[data-v-e1b43d39]:hover:not(.x-btn-disabled):not(.x-btn-loading){border-color:var(--x-color-primary, #1a1a1a);color:var(--x-color-primary, #1a1a1a);box-shadow:var(--x-shadow-primary, 0 4px 12px rgba(26, 26, 26, .3));transform:translateY(-2px)}.x-btn-primary[data-v-e1b43d39]{background:var(--x-gradient-primary, linear-gradient(135deg, #ff6b35 0%, #ff8c61 100%));border-color:var(--x-color-primary, #ff6b35);color:var(--x-color-white, #ffffff);box-shadow:var(--x-shadow-primary, 0 4px 12px rgba(255, 107, 53, .3))}.x-btn-primary[data-v-e1b43d39]:hover:not(.x-btn-disabled):not(.x-btn-loading){background:var(--x-gradient-primary-hover, linear-gradient(135deg, #ff8c61 0%, #ffad8d 100%));box-shadow:var(--x-shadow-primary-lg, 0 8px 24px rgba(255, 107, 53, .4));transform:translateY(-2px)}.x-btn-success[data-v-e1b43d39]{background:var(--x-gradient-success, linear-gradient(135deg, #10b981 0%, #059669 100%));border-color:var(--x-color-success, #10b981);color:var(--x-color-white, #ffffff);box-shadow:var(--x-shadow-success, 0 4px 12px rgba(16, 185, 129, .3))}.x-btn-success[data-v-e1b43d39]:hover:not(.x-btn-disabled):not(.x-btn-loading){background:linear-gradient(135deg,var(--x-color-success-light, #34d399) 0%,var(--x-color-success, #10b981) 100%);box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.x-btn-warning[data-v-e1b43d39]{background:var(--x-gradient-warning, linear-gradient(135deg, #f59e0b 0%, #d97706 100%));border-color:var(--x-color-warning, #f59e0b);color:var(--x-color-white, #ffffff);box-shadow:var(--x-shadow-warning, 0 4px 12px rgba(245, 158, 11, .3))}.x-btn-warning[data-v-e1b43d39]:hover:not(.x-btn-disabled):not(.x-btn-loading){background:linear-gradient(135deg,var(--x-color-warning-light, #fbbf24) 0%,var(--x-color-warning, #f59e0b) 100%);box-shadow:0 6px 16px #f59e0b66;transform:translateY(-2px)}.x-btn-danger[data-v-e1b43d39]{background:var(--x-gradient-danger, linear-gradient(135deg, #ef4444 0%, #dc2626 100%));border-color:var(--x-color-danger, #ef4444);color:var(--x-color-white, #ffffff);box-shadow:var(--x-shadow-danger, 0 4px 12px rgba(239, 68, 68, .3))}.x-btn-danger[data-v-e1b43d39]:hover:not(.x-btn-disabled):not(.x-btn-loading){background:linear-gradient(135deg,var(--x-color-danger-light, #f87171) 0%,var(--x-color-danger, #ef4444) 100%);box-shadow:0 6px 16px #ef444466;transform:translateY(-2px)}.x-btn-text[data-v-e1b43d39]{background-color:transparent;border-color:transparent;color:var(--x-color-black, #1a1a1a)}.x-btn-text[data-v-e1b43d39]:hover:not(.x-btn-disabled):not(.x-btn-loading){background-color:var(--x-color-gray-100, #f5f5f5);color:var(--x-color-primary, #ff6b35)}.x-btn-plain.x-btn-primary[data-v-e1b43d39]{background-color:#1a1a1a1a;border-color:var(--x-color-primary-lighter, #ffad8d);color:#fff}.x-btn-plain.x-btn-primary[data-v-e1b43d39]:hover:not(.x-btn-disabled):not(.x-btn-loading){background-color:#1a1a1a33;border-color:var(--x-color-primary, #1a1a1a);color:#fff}.x-btn-plain.x-btn-success[data-v-e1b43d39]{background-color:#10b9811a;border-color:var(--x-color-success-lighter, #6ee7b7);color:#fff}.x-btn-plain.x-btn-success[data-v-e1b43d39]:hover:not(.x-btn-disabled):not(.x-btn-loading){background-color:#10b98133;border-color:var(--x-color-success, #10b981);color:#fff}.x-btn-plain.x-btn-warning[data-v-e1b43d39]{background-color:#f59e0b1a;border-color:var(--x-color-warning-lighter, #fcd34d);color:#fff}.x-btn-plain.x-btn-warning[data-v-e1b43d39]:hover:not(.x-btn-disabled):not(.x-btn-loading){background-color:#f59e0b33;border-color:var(--x-color-warning, #f59e0b);color:#fff}.x-btn-plain.x-btn-danger[data-v-e1b43d39]{background-color:#ef44441a;border-color:var(--x-color-danger-lighter, #fca5a5);color:#fff}.x-btn-plain.x-btn-danger[data-v-e1b43d39]:hover:not(.x-btn-disabled):not(.x-btn-loading){background-color:#ef444433;border-color:var(--x-color-danger, #ef4444);color:#fff}.x-btn-round.x-btn-small[data-v-e1b43d39]{border-radius:14px}.x-btn-round.x-btn-medium[data-v-e1b43d39]{border-radius:18px}.x-btn-round.x-btn-large[data-v-e1b43d39]{border-radius:22px}.x-btn-block[data-v-e1b43d39]{display:flex;width:100%}.x-btn-disabled[data-v-e1b43d39]{cursor:not-allowed;opacity:.6}.x-btn-loading[data-v-e1b43d39]{cursor:wait;opacity:.8}.x-btn.x-btn-loading[data-v-e1b43d39]{pointer-events:none}.x-btn-loading .x-btn-icon[data-v-e1b43d39]{font-size:1em;animation:spin-e1b43d39 1s linear infinite}@keyframes spin-e1b43d39{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.x-card-container[data-v-aec5fd31]{width:100%}.product-card[data-v-aec5fd31]{background:var(--x-color-white);border-radius:var(--x-radius-lg);overflow:hidden;transition:all var(--x-transition);box-shadow:var(--x-shadow-sm)}.product-card[data-v-aec5fd31]:hover{box-shadow:var(--x-shadow-md);transform:translateY(-2px)}.product-info[data-v-aec5fd31]{padding:0}.label-badge[data-v-aec5fd31]{display:inline-block;background:var(--x-color-primary);color:var(--x-color-white);font-size:12px;padding:4px 8px;border-radius:var(--x-radius-sm);font-weight:500}.like-button[data-v-aec5fd31]{flex-shrink:0}.like-button i[data-v-aec5fd31]{font-size:18px;transition:all var(--x-transition-fast)}.like-button:hover i[data-v-aec5fd31]{transform:scale(1.1)}.line-clamp-1[data-v-aec5fd31]{display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2[data-v-aec5fd31]{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.masonry-layout[data-v-aec5fd31]{column-gap:1rem}.masonry-layout.columns-2[data-v-aec5fd31]{column-count:2}@media (min-width: 640px){.masonry-layout.sm\:columns-2[data-v-aec5fd31]{column-count:2}.masonry-layout[data-v-aec5fd31]{column-gap:1.5rem}}@media (min-width: 768px){.masonry-layout.md\:columns-3[data-v-aec5fd31]{column-count:3}}@media (min-width: 1024px){.masonry-layout.lg\:columns-4[data-v-aec5fd31]{column-count:4}}.break-inside-avoid[data-v-aec5fd31]{break-inside:avoid;page-break-inside:avoid}.country-select-container[data-v-08b31f1b]{position:relative}.country-select-container img[data-v-08b31f1b]{flex-shrink:0}.overflow-auto[data-v-1f7381d8]::-webkit-scrollbar{width:4px}.overflow-auto[data-v-1f7381d8]::-webkit-scrollbar-track{background:transparent}.overflow-auto[data-v-1f7381d8]::-webkit-scrollbar-thumb{background:#9ca3af4d;border-radius:2px}.overflow-auto[data-v-1f7381d8]::-webkit-scrollbar-thumb:hover{background:#9ca3af80}.x-input-group[data-v-d7d149e3]{font-family:var(--x-font-family, "Segoe UI", sans-serif);position:relative;display:inline-block}.x-input[data-v-d7d149e3]{width:100%;font-size:var(--x-font-size-sm, 14px);padding:.8em 1em;outline:none;border:2px solid var(--x-color-gray-300, rgb(200, 200, 200));background-color:transparent;border-radius:var(--x-radius-lg, 12px);transition:all var(--x-transition, .3s ease);color:var(--x-color-gray-900, #1a1a1a)}.x-input[data-v-d7d149e3]:hover:not(:disabled){border-color:var(--x-color-gray-400, rgb(170, 170, 170))}.x-input[data-v-d7d149e3]:focus{border-color:var(--x-color-primary, #1a1a1a);box-shadow:0 0 0 3px #1a1a1a1a}.x-input--disabled[data-v-d7d149e3]{background-color:var(--x-color-gray-100, #f5f5f5);cursor:not-allowed;opacity:.6}.x-input--error[data-v-d7d149e3]{border-color:var(--x-color-danger, #ef4444)}.x-input--error[data-v-d7d149e3]:focus{box-shadow:0 0 0 3px #ef44441a}.x-input--clearable[data-v-d7d149e3]{padding-right:2.5em}.x-input-label[data-v-d7d149e3]{position:absolute;left:1em;top:50%;transform:translateY(-50%);padding:0 .4em;font-size:var(--x-font-size-sm, 14px);color:var(--x-color-gray-500, rgb(100, 100, 100));background-color:#fff;pointer-events:none;transition:all .25s cubic-bezier(.4,0,.2,1);transform-origin:left center;white-space:nowrap;z-index:1}.x-input-label--active[data-v-d7d149e3]{top:0;transform:translateY(-50%) scale(.85);font-size:var(--x-font-size-xs, 12px);color:var(--x-color-primary, #1a1a1a);font-weight:500}.x-input-label--error.x-input-label--active[data-v-d7d149e3]{color:var(--x-color-danger, #ef4444)}.x-input--disabled~.x-input-label[data-v-d7d149e3]{color:var(--x-color-gray-400, #aaa);opacity:.6}.x-input-clear[data-v-d7d149e3]{position:absolute;right:.8em;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:.2em;color:var(--x-color-gray-400, #aaa);transition:color .2s;font-size:1.2em;line-height:1}.x-input-clear[data-v-d7d149e3]:hover{color:var(--x-color-gray-600, #666)}.x-input-count[data-v-d7d149e3]{position:absolute;right:.8em;bottom:-1.5em;font-size:var(--x-font-size-xs, 12px);color:var(--x-color-gray-500, #888)}.x-checkboxes[data-v-05984fcf]{width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tags-container[data-v-05984fcf]{display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:8px;min-height:48px}.tags-wrapper[data-v-05984fcf]{display:flex;flex-wrap:wrap;gap:6px;flex:1}.tag-item[data-v-05984fcf]{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background-color:#1a1a1a;color:#fff;border-radius:16px;font-size:14px;font-weight:500;transition:all .2s ease}.tag-item[data-v-05984fcf]:hover{background-color:#333}.tag-text[data-v-05984fcf]{white-space:nowrap}.tag-remove[data-v-05984fcf]{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:none;color:#fff;cursor:pointer;border-radius:50%;transition:background-color .2s ease}.tag-remove[data-v-05984fcf]:hover{background-color:#fff3}.clear-all-btn[data-v-05984fcf]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;color:#6c757d;cursor:pointer;border-radius:6px;transition:all .2s ease}.clear-all-btn[data-v-05984fcf]:hover{background-color:#e9ecef;color:#495057}.options-container[data-v-05984fcf]{border:1px solid var(--x-color-gray-200, #e9ecef);border-radius:var(--x-radius-lg, 8px);overflow:hidden}.options-container--vertical[data-v-05984fcf]{display:flex;flex-direction:column}.options-container--horizontal[data-v-05984fcf]{display:flex;flex-wrap:wrap;gap:12px;border:none;padding:0}.options-container--horizontal .option-item[data-v-05984fcf]{border:1px solid var(--x-color-gray-200, #e9ecef);border-radius:var(--x-radius-md, 6px);flex:0 0 auto}.options-container--grid[data-v-05984fcf]{display:grid;gap:12px;border:none;padding:0}.options-container--grid .option-item[data-v-05984fcf]{border:1px solid var(--x-color-gray-200, #e9ecef);border-radius:var(--x-radius-md, 6px)}.option-item[data-v-05984fcf]{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:all var(--x-transition, .2s ease);border-bottom:1px solid var(--x-color-gray-100, #f8f9fa);-webkit-user-select:none;user-select:none}.options-container--vertical .option-item[data-v-05984fcf]:last-child{border-bottom:none}.option-item[data-v-05984fcf]:hover:not(.option-disabled){background-color:var(--x-color-gray-50, #f8f9fa)}.option-selected[data-v-05984fcf]{background-color:#1a1a1a0a}.option-selected[data-v-05984fcf]:hover:not(.option-disabled){background-color:#1a1a1a14}.option-disabled[data-v-05984fcf]{cursor:not-allowed;opacity:.5}.options-container--disabled[data-v-05984fcf]{opacity:.6;pointer-events:none}.checkbox-wrapper[data-v-05984fcf]{position:relative;display:flex;align-items:center;justify-content:center}.checkbox-input[data-v-05984fcf]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-custom[data-v-05984fcf]{width:20px;height:20px;border:2px solid var(--x-color-gray-400, #d1d5db);border-radius:var(--x-radius-sm, 4px);background-color:#fff;display:flex;align-items:center;justify-content:center;transition:all var(--x-transition-fast, .15s ease);position:relative;flex-shrink:0}.option-item:hover:not(.option-disabled) .checkbox-custom[data-v-05984fcf]{border-color:var(--x-color-gray-500, #9ca3af)}.checkbox-input:checked+.checkbox-custom[data-v-05984fcf]{background-color:var(--x-color-primary, #1a1a1a);border-color:var(--x-color-primary, #1a1a1a)}.checkbox-input:focus+.checkbox-custom[data-v-05984fcf]{box-shadow:0 0 0 3px #1a1a1a1a}.checkbox-input:disabled+.checkbox-custom[data-v-05984fcf]{background-color:var(--x-color-gray-100, #f3f4f6);border-color:var(--x-color-gray-300, #d1d5db);cursor:not-allowed}.check-icon[data-v-05984fcf]{width:14px;height:14px;fill:#fff;opacity:0;transform:scale(0);transition:all .2s ease}.checkbox-input:checked+.checkbox-custom .check-icon[data-v-05984fcf]{opacity:1;transform:scale(1)}.option-label[data-v-05984fcf]{font-size:14px;color:#374151;font-weight:500;flex:1}@media (max-width: 768px){.tags-container[data-v-05984fcf],.option-item[data-v-05984fcf]{padding:10px 12px}.tag-item[data-v-05984fcf]{font-size:13px;padding:3px 6px}}@keyframes fadeIn-05984fcf{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tag-item[data-v-05984fcf]{animation:fadeIn-05984fcf .2s ease}.accordion-container[data-v-ff064eef]{width:100%;font-family:var(--x-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif)}.accordion-container--bordered[data-v-ff064eef]{border:1px solid var(--x-color-gray-200, #e9ecef);border-radius:var(--x-radius-lg, 8px);overflow:hidden}.accordion-item[data-v-ff064eef]{border-bottom:1px solid var(--x-color-gray-100, #f1f5f9);background:#fff;transition:all var(--x-transition, .2s ease)}.accordion-item[data-v-ff064eef]:last-child{border-bottom:none}.accordion-item[data-v-ff064eef]:hover:not(.is-disabled){background:var(--x-color-gray-50, #fafbfc)}.accordion-item.is-open[data-v-ff064eef]{background:#1a1a1a05}.accordion-item.is-disabled[data-v-ff064eef]{opacity:.6;cursor:not-allowed}.accordion-header[data-v-ff064eef]{width:100%;display:flex;justify-content:space-between;align-items:center;padding:18px 20px;text-align:left;border:none;background:transparent;cursor:pointer;transition:all var(--x-transition, .2s ease);font-size:var(--x-font-size-base, 15px);font-weight:500;color:var(--x-color-gray-900, #1e293b);outline:none;-webkit-user-select:none;user-select:none}.accordion-header[data-v-ff064eef]:disabled{cursor:not-allowed}.accordion-header[data-v-ff064eef]:focus-visible{outline:2px solid var(--x-color-primary, #1a1a1a);outline-offset:-2px}.accordion-title[data-v-ff064eef]{flex:1;margin-right:12px;line-height:1.5}.accordion-icon[data-v-ff064eef]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--x-color-gray-100, #f1f5f9);transition:all var(--x-transition, .3s ease);color:var(--x-color-gray-500, #64748b);flex-shrink:0}.accordion-item:hover:not(.is-disabled) .accordion-icon[data-v-ff064eef]{background:var(--x-color-gray-200, #e2e8f0);color:var(--x-color-gray-600, #475569)}.accordion-item.is-open .accordion-icon[data-v-ff064eef]{background:#1a1a1a14;color:var(--x-color-primary, #1a1a1a)}.accordion-arrow[data-v-ff064eef]{width:20px;height:20px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.accordion-arrow--rotate[data-v-ff064eef]{transform:rotate(180deg)}.accordion-content[data-v-ff064eef]{overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1);background:#1a1a1a03}.accordion-body[data-v-ff064eef]{padding:0 20px 20px;color:var(--x-color-gray-600, #64748b);line-height:1.6;font-size:var(--x-font-size-sm, 14px)}@media (max-width: 768px){.accordion-header[data-v-ff064eef]{padding:16px;font-size:14px}.accordion-body[data-v-ff064eef]{padding:0 16px 16px;font-size:13px}.accordion-icon[data-v-ff064eef]{width:28px;height:28px}.accordion-icon svg[data-v-ff064eef]{width:16px;height:16px}}@media (prefers-reduced-motion: reduce){.accordion-content[data-v-ff064eef],.accordion-header[data-v-ff064eef],.accordion-icon[data-v-ff064eef],.accordion-item[data-v-ff064eef]{transition:none}}.thumbnail-container-wrapper[data-v-809b97a6]{position:relative;width:100%}.thumbnail-scroll-container[data-v-809b97a6]{display:flex;overflow-x:auto;gap:.75rem;padding:.5rem 1rem;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.thumbnail-scroll-container[data-v-809b97a6]::-webkit-scrollbar{display:none}.thumbnail-item[data-v-809b97a6]{position:relative;width:80px;height:80px;border:2px solid var(--x-color-gray-300, #d1d5db);border-radius:var(--x-radius-lg, 12px);cursor:pointer;flex-shrink:0;transition:all var(--x-transition, .2s ease);overflow:hidden}.thumbnail-item[data-v-809b97a6]:hover{border-color:var(--x-color-gray-400, #9ca3af);box-shadow:var(--x-shadow-md, 0 4px 6px rgba(0, 0, 0, .1))}.thumbnail-item--active[data-v-809b97a6]{border-color:var(--x-color-primary, #1a1a1a);box-shadow:0 0 0 1px var(--x-color-primary, #1a1a1a),var(--x-shadow-lg, 0 10px 15px rgba(0, 0, 0, .1))}.thumbnail-item--inactive[data-v-809b97a6]{border-color:var(--x-color-gray-300, #d1d5db)}.thumbnail-image[data-v-809b97a6]{width:100%;height:100%;object-fit:cover;pointer-events:none;transition:opacity var(--x-transition, .2s ease)}.thumbnail-image--active[data-v-809b97a6]{opacity:1}.thumbnail-image--inactive[data-v-809b97a6]{opacity:.75}.thumbnail-index[data-v-809b97a6]{position:absolute;bottom:.25rem;left:.25rem;background-color:#0009;color:#fff;font-size:var(--x-font-size-xs, 12px);padding:.125rem .375rem;border-radius:var(--x-radius-sm, 4px);line-height:1}.scroll-arrow[data-v-809b97a6]{position:absolute;top:50%;transform:translateY(-50%);z-index:10;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fffffff2;border:1px solid var(--x-color-gray-200, #e5e7eb);border-radius:50%;cursor:pointer;transition:all var(--x-transition-fast, .15s ease);box-shadow:var(--x-shadow-sm, 0 1px 2px rgba(0, 0, 0, .05))}.scroll-arrow[data-v-809b97a6]:hover{background:#fff;border-color:var(--x-color-primary, #1a1a1a);box-shadow:var(--x-shadow-md, 0 4px 6px rgba(0, 0, 0, .1))}.scroll-arrow[data-v-809b97a6]:active{background:var(--x-color-gray-100, #f3f4f6)}.scroll-arrow[data-v-809b97a6]:focus-visible{outline:2px solid var(--x-color-primary, #1a1a1a);outline-offset:2px}.scroll-arrow-left[data-v-809b97a6]{left:.5rem}.scroll-arrow-right[data-v-809b97a6]{right:.5rem}.scroll-arrow svg[data-v-809b97a6]{width:24px;height:24px;color:var(--x-color-gray-700, #374151);transition:color var(--x-transition-fast, .15s ease)}.scroll-arrow:hover svg[data-v-809b97a6]{color:var(--x-color-primary, #1a1a1a)}@media (min-width: 640px){.thumbnail-item[data-v-809b97a6]{width:96px;height:96px}}@media (min-width: 1024px){.thumbnail-item[data-v-809b97a6]{width:123px;height:122px}}@media (max-width: 640px){.scroll-arrow[data-v-809b97a6]{width:36px;height:36px}.scroll-arrow svg[data-v-809b97a6]{width:20px;height:20px}}@media (prefers-reduced-motion: reduce){.thumbnail-item[data-v-809b97a6],.thumbnail-image[data-v-809b97a6],.scroll-arrow[data-v-809b97a6]{transition:none}}@keyframes pulse-db4a4465{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse[data-v-db4a4465]{animation:pulse-db4a4465 2s cubic-bezier(.4,0,.6,1) infinite}.modal-mask[data-v-e43c9a70]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:9998;display:flex;align-items:center;justify-content:center;padding:20px}.modal-container[data-v-e43c9a70]{position:relative;background-color:#fff;border-radius:var(--x-radius-lg, 12px);box-shadow:var(--x-shadow-xl, 0 20px 25px rgba(0, 0, 0, .15));max-width:100%;max-height:calc(100vh - 40px);display:flex;flex-direction:column;overflow:hidden}.modal-container--small[data-v-e43c9a70]{width:400px}.modal-container--medium[data-v-e43c9a70]{width:600px}.modal-container--large[data-v-e43c9a70]{width:800px}.modal-container--fullscreen[data-v-e43c9a70]{width:100vw!important;height:100vh!important;max-height:100vh;border-radius:0}.modal-header[data-v-e43c9a70]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--x-color-gray-200, #e5e7eb);flex-shrink:0}.modal-title[data-v-e43c9a70]{font-size:var(--x-font-size-lg, 18px);font-weight:600;color:var(--x-color-gray-900, #1a1a1a);margin:0}.modal-close[data-v-e43c9a70]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:none;color:var(--x-color-gray-500, #6b7280);cursor:pointer;border-radius:var(--x-radius-md, 6px);transition:all var(--x-transition-fast, .15s ease)}.modal-close[data-v-e43c9a70]:hover{background-color:var(--x-color-gray-100, #f3f4f6);color:var(--x-color-gray-700, #374151)}.modal-body[data-v-e43c9a70]{flex:1;padding:24px;overflow-y:auto;color:var(--x-color-gray-700, #374151)}.modal-footer[data-v-e43c9a70]{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--x-color-gray-200, #e5e7eb);flex-shrink:0}.modal-btn[data-v-e43c9a70]{padding:8px 16px;font-size:var(--x-font-size-sm, 14px);font-weight:500;border-radius:var(--x-radius-md, 6px);cursor:pointer;transition:all var(--x-transition-fast, .15s ease);border:1px solid;display:inline-flex;align-items:center;gap:8px}.modal-btn--cancel[data-v-e43c9a70]{background-color:#fff;border-color:var(--x-color-gray-300, #d1d5db);color:var(--x-color-gray-700, #374151)}.modal-btn--cancel[data-v-e43c9a70]:hover{background-color:var(--x-color-gray-50, #f9fafb);border-color:var(--x-color-gray-400, #9ca3af)}.modal-btn--confirm[data-v-e43c9a70]{background-color:var(--x-color-primary, #1a1a1a);border-color:var(--x-color-primary, #1a1a1a);color:#fff}.modal-btn--confirm[data-v-e43c9a70]:hover:not(:disabled){background-color:var(--x-color-primary-dark, #0d0d0d)}.modal-btn--confirm[data-v-e43c9a70]:disabled{opacity:.6;cursor:not-allowed}.loading-spinner[data-v-e43c9a70]{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-e43c9a70 .6s linear infinite}@keyframes spin-e43c9a70{to{transform:rotate(360deg)}}@media (max-width: 768px){.modal-mask[data-v-e43c9a70]{padding:10px}.modal-container--small[data-v-e43c9a70],.modal-container--medium[data-v-e43c9a70],.modal-container--large[data-v-e43c9a70]{width:100%}.modal-header[data-v-e43c9a70],.modal-body[data-v-e43c9a70]{padding:16px}.modal-footer[data-v-e43c9a70]{padding:12px 16px}}
+:root{--x-color-base: #1a1a1a;--x-color-primary: #1a1a1a;--x-color-primary-light: #3a3a3a;--x-color-primary-lighter: #4a4a4a;--x-color-primary-dark: #0d0d0d;--x-color-primary-darker: #000000;--x-color-secondary: #4a90e2;--x-color-secondary-light: #6ba8ed;--x-color-secondary-lighter: #8dc0f7;--x-color-secondary-dark: #3a7bc8;--x-color-secondary-darker: #2a6bb0;--x-color-success: #10b981;--x-color-success-light: #34d399;--x-color-success-lighter: #6ee7b7;--x-color-success-dark: #059669;--x-color-success-darker: #047857;--x-color-warning: #f59e0b;--x-color-warning-light: #fbbf24;--x-color-warning-lighter: #fcd34d;--x-color-warning-dark: #d97706;--x-color-warning-darker: #b45309;--x-color-danger: #ef4444;--x-color-danger-light: #f87171;--x-color-danger-lighter: #fca5a5;--x-color-danger-dark: #dc2626;--x-color-danger-darker: #b91c1c;--x-color-black: #1a1a1a;--x-color-gray-900: #2a2a2a;--x-color-gray-800: #3a3a3a;--x-color-gray-700: #4a4a4a;--x-color-gray-600: #6a6a6a;--x-color-gray-500: #8a8a8a;--x-color-gray-400: #aaaaaa;--x-color-gray-300: #cacaca;--x-color-gray-200: #e5e5e5;--x-color-gray-100: #f5f5f5;--x-color-white: #ffffff;--x-gradient-primary: linear-gradient(135deg, #1a1a1a 0%, #3a3a3a 100%);--x-gradient-primary-hover: linear-gradient(135deg, #3a3a3a 0%, #4a4a4a 100%);--x-gradient-secondary: linear-gradient(135deg, #4a90e2 0%, #3a7bc8 100%);--x-gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--x-gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--x-gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--x-gradient-dark: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);--x-shadow-sm: 0 1px 2px rgba(26, 26, 26, .05);--x-shadow: 0 2px 8px rgba(26, 26, 26, .1);--x-shadow-md: 0 4px 12px rgba(26, 26, 26, .15);--x-shadow-lg: 0 8px 24px rgba(26, 26, 26, .2);--x-shadow-xl: 0 16px 48px rgba(26, 26, 26, .25);--x-shadow-primary: 0 4px 12px rgba(26, 26, 26, .3);--x-shadow-primary-lg: 0 8px 24px rgba(26, 26, 26, .4);--x-shadow-secondary: 0 4px 12px rgba(74, 144, 226, .3);--x-shadow-success: 0 4px 12px rgba(16, 185, 129, .3);--x-shadow-warning: 0 4px 12px rgba(245, 158, 11, .3);--x-shadow-danger: 0 4px 12px rgba(239, 68, 68, .3);--x-radius-sm: 4px;--x-radius: 6px;--x-radius-md: 8px;--x-radius-lg: 12px;--x-radius-xl: 16px;--x-radius-full: 9999px;--x-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--x-transition: .3s cubic-bezier(.4, 0, .2, 1);--x-transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--x-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--x-font-size-xs: 12px;--x-font-size-sm: 14px;--x-font-size: 16px;--x-font-size-lg: 18px;--x-font-size-xl: 20px;--x-font-size-2xl: 24px;--x-font-size-3xl: 30px}.dark{--x-color-white: #1a1a1a;--x-color-black: #ffffff;--x-color-gray-100: #2a2a2a;--x-color-gray-200: #3a3a3a;--x-color-gray-300: #4a4a4a;--x-color-gray-400: #6a6a6a;--x-color-gray-500: #8a8a8a;--x-color-gray-600: #aaaaaa;--x-color-gray-700: #cacaca;--x-color-gray-800: #e5e5e5;--x-color-gray-900: #f5f5f5}.x-btn[data-v-4ae56e67]{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:500;border:1px solid transparent;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;white-space:nowrap;outline:none;overflow:hidden;transform:translateY(0)}.x-btn[data-v-4ae56e67]:active:not(.x-btn-disabled):not(.x-btn-loading){transform:translateY(1px);box-shadow:0 2px 4px #0000001a}.x-btn-ripple[data-v-4ae56e67]{position:absolute;border-radius:50%;background-color:#fff6;width:0;height:0;pointer-events:none;animation:ripple-animation-4ae56e67 .6s ease-out;transform:translate(-50%,-50%)}@keyframes ripple-animation-4ae56e67{to{width:300px;height:300px;opacity:0}}.x-btn-icon[data-v-4ae56e67]{display:inline-flex;align-items:center;font-size:1.2em;animation:icon-in-4ae56e67 .3s ease-out}.x-btn-content[data-v-4ae56e67]{display:inline-flex;align-items:center}@keyframes icon-in-4ae56e67{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.x-btn-small[data-v-4ae56e67]{padding:4px 12px;font-size:14px;border-radius:4px;height:28px}.x-btn-medium[data-v-4ae56e67]{padding:8px 16px;font-size:14px;border-radius:6px;height:36px}.x-btn-large[data-v-4ae56e67]{padding:12px 20px;font-size:16px;border-radius:8px;height:44px}.x-btn-default[data-v-4ae56e67]{background-color:var(--x-color-white, #ffffff);border-color:var(--x-color-gray-300, #cacaca);color:var(--x-color-black, #1a1a1a);box-shadow:var(--x-shadow-sm, 0 1px 2px rgba(26, 26, 26, .05))}.x-btn-default[data-v-4ae56e67]:hover:not(.x-btn-disabled):not(.x-btn-loading){border-color:var(--x-color-primary, #1a1a1a);color:var(--x-color-primary, #1a1a1a);box-shadow:var(--x-shadow-primary, 0 4px 12px rgba(26, 26, 26, .3));transform:translateY(-2px)}.x-btn-primary[data-v-4ae56e67]{background:var(--x-gradient-primary, linear-gradient(135deg, #ff6b35 0%, #ff8c61 100%));border-color:var(--x-color-primary, #ff6b35);color:var(--x-color-white, #ffffff);box-shadow:var(--x-shadow-primary, 0 4px 12px rgba(255, 107, 53, .3))}.x-btn-primary[data-v-4ae56e67]:hover:not(.x-btn-disabled):not(.x-btn-loading){background:var(--x-gradient-primary-hover, linear-gradient(135deg, #ff8c61 0%, #ffad8d 100%));box-shadow:var(--x-shadow-primary-lg, 0 8px 24px rgba(255, 107, 53, .4));transform:translateY(-2px)}.x-btn-success[data-v-4ae56e67]{background:var(--x-gradient-success, linear-gradient(135deg, #10b981 0%, #059669 100%));border-color:var(--x-color-success, #10b981);color:var(--x-color-white, #ffffff);box-shadow:var(--x-shadow-success, 0 4px 12px rgba(16, 185, 129, .3))}.x-btn-success[data-v-4ae56e67]:hover:not(.x-btn-disabled):not(.x-btn-loading){background:linear-gradient(135deg,var(--x-color-success-light, #34d399) 0%,var(--x-color-success, #10b981) 100%);box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.x-btn-warning[data-v-4ae56e67]{background:var(--x-gradient-warning, linear-gradient(135deg, #f59e0b 0%, #d97706 100%));border-color:var(--x-color-warning, #f59e0b);color:var(--x-color-white, #ffffff);box-shadow:var(--x-shadow-warning, 0 4px 12px rgba(245, 158, 11, .3))}.x-btn-warning[data-v-4ae56e67]:hover:not(.x-btn-disabled):not(.x-btn-loading){background:linear-gradient(135deg,var(--x-color-warning-light, #fbbf24) 0%,var(--x-color-warning, #f59e0b) 100%);box-shadow:0 6px 16px #f59e0b66;transform:translateY(-2px)}.x-btn-danger[data-v-4ae56e67]{background:var(--x-gradient-danger, linear-gradient(135deg, #ef4444 0%, #dc2626 100%));border-color:var(--x-color-danger, #ef4444);color:var(--x-color-white, #ffffff);box-shadow:var(--x-shadow-danger, 0 4px 12px rgba(239, 68, 68, .3))}.x-btn-danger[data-v-4ae56e67]:hover:not(.x-btn-disabled):not(.x-btn-loading){background:linear-gradient(135deg,var(--x-color-danger-light, #f87171) 0%,var(--x-color-danger, #ef4444) 100%);box-shadow:0 6px 16px #ef444466;transform:translateY(-2px)}.x-btn-text[data-v-4ae56e67]{background-color:transparent;border-color:transparent;color:var(--x-color-black, #1a1a1a)}.x-btn-text[data-v-4ae56e67]:hover:not(.x-btn-disabled):not(.x-btn-loading){background-color:var(--x-color-gray-100, #f5f5f5);color:var(--x-color-primary, #ff6b35)}.x-btn-ghost.x-btn-default[data-v-4ae56e67]{background-color:transparent;background:transparent;border-color:var(--x-color-gray-300, #cacaca);color:var(--x-color-black, #1a1a1a);box-shadow:none}.x-btn-ghost.x-btn-default[data-v-4ae56e67]:hover:not(.x-btn-disabled):not(.x-btn-loading){background-color:#1a1a1a0d;background:#1a1a1a0d;border-color:var(--x-color-gray-400, #a0a0a0)}.x-btn-ghost.x-btn-primary[data-v-4ae56e67]{background-color:transparent;background:transparent;border-color:var(--x-color-primary, #ff6b35);color:var(--x-color-primary, #ff6b35);box-shadow:none}.x-btn-ghost.x-btn-primary[data-v-4ae56e67]:hover:not(.x-btn-disabled):not(.x-btn-loading){background-color:#ff6b351a;background:#ff6b351a;border-color:var(--x-color-primary, #ff6b35);box-shadow:none}.x-btn-ghost.x-btn-success[data-v-4ae56e67]{background-color:transparent;background:transparent;border-color:var(--x-color-success, #10b981);color:var(--x-color-success, #10b981);box-shadow:none}.x-btn-ghost.x-btn-success[data-v-4ae56e67]:hover:not(.x-btn-disabled):not(.x-btn-loading){background-color:#10b9811a;background:#10b9811a;border-color:var(--x-color-success, #10b981);box-shadow:none}.x-btn-ghost.x-btn-warning[data-v-4ae56e67]{background-color:transparent;background:transparent;border-color:var(--x-color-warning, #f59e0b);color:var(--x-color-warning, #f59e0b);box-shadow:none}.x-btn-ghost.x-btn-warning[data-v-4ae56e67]:hover:not(.x-btn-disabled):not(.x-btn-loading){background-color:#f59e0b1a;background:#f59e0b1a;border-color:var(--x-color-warning, #f59e0b);box-shadow:none}.x-btn-ghost.x-btn-danger[data-v-4ae56e67]{background-color:transparent;background:transparent;border-color:var(--x-color-danger, #ef4444);color:var(--x-color-danger, #ef4444);box-shadow:none}.x-btn-ghost.x-btn-danger[data-v-4ae56e67]:hover:not(.x-btn-disabled):not(.x-btn-loading){background-color:#ef44441a;background:#ef44441a;border-color:var(--x-color-danger, #ef4444);box-shadow:none}.x-btn-ghost .x-btn-ripple[data-v-4ae56e67]{background-color:#00000014}.x-btn-ghost.x-btn-primary .x-btn-ripple[data-v-4ae56e67]{background-color:#ff6b3526}.x-btn-ghost.x-btn-success .x-btn-ripple[data-v-4ae56e67]{background-color:#10b98126}.x-btn-ghost.x-btn-warning .x-btn-ripple[data-v-4ae56e67]{background-color:#f59e0b26}.x-btn-ghost.x-btn-danger .x-btn-ripple[data-v-4ae56e67]{background-color:#ef444426}.x-btn-round.x-btn-small[data-v-4ae56e67]{border-radius:14px}.x-btn-round.x-btn-medium[data-v-4ae56e67]{border-radius:18px}.x-btn-round.x-btn-large[data-v-4ae56e67]{border-radius:22px}.x-btn-block[data-v-4ae56e67]{display:flex;width:100%}.x-btn-disabled[data-v-4ae56e67]{cursor:not-allowed;opacity:.6}.x-btn-loading[data-v-4ae56e67]{cursor:wait;opacity:.8}.x-btn.x-btn-loading[data-v-4ae56e67]{pointer-events:none}.x-btn-loading .x-btn-icon[data-v-4ae56e67]{font-size:1em;animation:spin-4ae56e67 1s linear infinite}@keyframes spin-4ae56e67{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.x-card-container[data-v-aec5fd31]{width:100%}.product-card[data-v-aec5fd31]{background:var(--x-color-white);border-radius:var(--x-radius-lg);overflow:hidden;transition:all var(--x-transition);box-shadow:var(--x-shadow-sm)}.product-card[data-v-aec5fd31]:hover{box-shadow:var(--x-shadow-md);transform:translateY(-2px)}.product-info[data-v-aec5fd31]{padding:0}.label-badge[data-v-aec5fd31]{display:inline-block;background:var(--x-color-primary);color:var(--x-color-white);font-size:12px;padding:4px 8px;border-radius:var(--x-radius-sm);font-weight:500}.like-button[data-v-aec5fd31]{flex-shrink:0}.like-button i[data-v-aec5fd31]{font-size:18px;transition:all var(--x-transition-fast)}.like-button:hover i[data-v-aec5fd31]{transform:scale(1.1)}.line-clamp-1[data-v-aec5fd31]{display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2[data-v-aec5fd31]{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.masonry-layout[data-v-aec5fd31]{column-gap:1rem}.masonry-layout.columns-2[data-v-aec5fd31]{column-count:2}@media (min-width: 640px){.masonry-layout.sm\:columns-2[data-v-aec5fd31]{column-count:2}.masonry-layout[data-v-aec5fd31]{column-gap:1.5rem}}@media (min-width: 768px){.masonry-layout.md\:columns-3[data-v-aec5fd31]{column-count:3}}@media (min-width: 1024px){.masonry-layout.lg\:columns-4[data-v-aec5fd31]{column-count:4}}.break-inside-avoid[data-v-aec5fd31]{break-inside:avoid;page-break-inside:avoid}.country-select-container[data-v-08b31f1b]{position:relative}.country-select-container img[data-v-08b31f1b]{flex-shrink:0}.overflow-auto[data-v-1f7381d8]::-webkit-scrollbar{width:4px}.overflow-auto[data-v-1f7381d8]::-webkit-scrollbar-track{background:transparent}.overflow-auto[data-v-1f7381d8]::-webkit-scrollbar-thumb{background:#9ca3af4d;border-radius:2px}.overflow-auto[data-v-1f7381d8]::-webkit-scrollbar-thumb:hover{background:#9ca3af80}.x-input-group[data-v-d7d149e3]{font-family:var(--x-font-family, "Segoe UI", sans-serif);position:relative;display:inline-block}.x-input[data-v-d7d149e3]{width:100%;font-size:var(--x-font-size-sm, 14px);padding:.8em 1em;outline:none;border:2px solid var(--x-color-gray-300, rgb(200, 200, 200));background-color:transparent;border-radius:var(--x-radius-lg, 12px);transition:all var(--x-transition, .3s ease);color:var(--x-color-gray-900, #1a1a1a)}.x-input[data-v-d7d149e3]:hover:not(:disabled){border-color:var(--x-color-gray-400, rgb(170, 170, 170))}.x-input[data-v-d7d149e3]:focus{border-color:var(--x-color-primary, #1a1a1a);box-shadow:0 0 0 3px #1a1a1a1a}.x-input--disabled[data-v-d7d149e3]{background-color:var(--x-color-gray-100, #f5f5f5);cursor:not-allowed;opacity:.6}.x-input--error[data-v-d7d149e3]{border-color:var(--x-color-danger, #ef4444)}.x-input--error[data-v-d7d149e3]:focus{box-shadow:0 0 0 3px #ef44441a}.x-input--clearable[data-v-d7d149e3]{padding-right:2.5em}.x-input-label[data-v-d7d149e3]{position:absolute;left:1em;top:50%;transform:translateY(-50%);padding:0 .4em;font-size:var(--x-font-size-sm, 14px);color:var(--x-color-gray-500, rgb(100, 100, 100));background-color:#fff;pointer-events:none;transition:all .25s cubic-bezier(.4,0,.2,1);transform-origin:left center;white-space:nowrap;z-index:1}.x-input-label--active[data-v-d7d149e3]{top:0;transform:translateY(-50%) scale(.85);font-size:var(--x-font-size-xs, 12px);color:var(--x-color-primary, #1a1a1a);font-weight:500}.x-input-label--error.x-input-label--active[data-v-d7d149e3]{color:var(--x-color-danger, #ef4444)}.x-input--disabled~.x-input-label[data-v-d7d149e3]{color:var(--x-color-gray-400, #aaa);opacity:.6}.x-input-clear[data-v-d7d149e3]{position:absolute;right:.8em;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:.2em;color:var(--x-color-gray-400, #aaa);transition:color .2s;font-size:1.2em;line-height:1}.x-input-clear[data-v-d7d149e3]:hover{color:var(--x-color-gray-600, #666)}.x-input-count[data-v-d7d149e3]{position:absolute;right:.8em;bottom:-1.5em;font-size:var(--x-font-size-xs, 12px);color:var(--x-color-gray-500, #888)}.x-checkboxes[data-v-05984fcf]{width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tags-container[data-v-05984fcf]{display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:8px;min-height:48px}.tags-wrapper[data-v-05984fcf]{display:flex;flex-wrap:wrap;gap:6px;flex:1}.tag-item[data-v-05984fcf]{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background-color:#1a1a1a;color:#fff;border-radius:16px;font-size:14px;font-weight:500;transition:all .2s ease}.tag-item[data-v-05984fcf]:hover{background-color:#333}.tag-text[data-v-05984fcf]{white-space:nowrap}.tag-remove[data-v-05984fcf]{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:none;color:#fff;cursor:pointer;border-radius:50%;transition:background-color .2s ease}.tag-remove[data-v-05984fcf]:hover{background-color:#fff3}.clear-all-btn[data-v-05984fcf]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;color:#6c757d;cursor:pointer;border-radius:6px;transition:all .2s ease}.clear-all-btn[data-v-05984fcf]:hover{background-color:#e9ecef;color:#495057}.options-container[data-v-05984fcf]{border:1px solid var(--x-color-gray-200, #e9ecef);border-radius:var(--x-radius-lg, 8px);overflow:hidden}.options-container--vertical[data-v-05984fcf]{display:flex;flex-direction:column}.options-container--horizontal[data-v-05984fcf]{display:flex;flex-wrap:wrap;gap:12px;border:none;padding:0}.options-container--horizontal .option-item[data-v-05984fcf]{border:1px solid var(--x-color-gray-200, #e9ecef);border-radius:var(--x-radius-md, 6px);flex:0 0 auto}.options-container--grid[data-v-05984fcf]{display:grid;gap:12px;border:none;padding:0}.options-container--grid .option-item[data-v-05984fcf]{border:1px solid var(--x-color-gray-200, #e9ecef);border-radius:var(--x-radius-md, 6px)}.option-item[data-v-05984fcf]{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:all var(--x-transition, .2s ease);border-bottom:1px solid var(--x-color-gray-100, #f8f9fa);-webkit-user-select:none;user-select:none}.options-container--vertical .option-item[data-v-05984fcf]:last-child{border-bottom:none}.option-item[data-v-05984fcf]:hover:not(.option-disabled){background-color:var(--x-color-gray-50, #f8f9fa)}.option-selected[data-v-05984fcf]{background-color:#1a1a1a0a}.option-selected[data-v-05984fcf]:hover:not(.option-disabled){background-color:#1a1a1a14}.option-disabled[data-v-05984fcf]{cursor:not-allowed;opacity:.5}.options-container--disabled[data-v-05984fcf]{opacity:.6;pointer-events:none}.checkbox-wrapper[data-v-05984fcf]{position:relative;display:flex;align-items:center;justify-content:center}.checkbox-input[data-v-05984fcf]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-custom[data-v-05984fcf]{width:20px;height:20px;border:2px solid var(--x-color-gray-400, #d1d5db);border-radius:var(--x-radius-sm, 4px);background-color:#fff;display:flex;align-items:center;justify-content:center;transition:all var(--x-transition-fast, .15s ease);position:relative;flex-shrink:0}.option-item:hover:not(.option-disabled) .checkbox-custom[data-v-05984fcf]{border-color:var(--x-color-gray-500, #9ca3af)}.checkbox-input:checked+.checkbox-custom[data-v-05984fcf]{background-color:var(--x-color-primary, #1a1a1a);border-color:var(--x-color-primary, #1a1a1a)}.checkbox-input:focus+.checkbox-custom[data-v-05984fcf]{box-shadow:0 0 0 3px #1a1a1a1a}.checkbox-input:disabled+.checkbox-custom[data-v-05984fcf]{background-color:var(--x-color-gray-100, #f3f4f6);border-color:var(--x-color-gray-300, #d1d5db);cursor:not-allowed}.check-icon[data-v-05984fcf]{width:14px;height:14px;fill:#fff;opacity:0;transform:scale(0);transition:all .2s ease}.checkbox-input:checked+.checkbox-custom .check-icon[data-v-05984fcf]{opacity:1;transform:scale(1)}.option-label[data-v-05984fcf]{font-size:14px;color:#374151;font-weight:500;flex:1}@media (max-width: 768px){.tags-container[data-v-05984fcf],.option-item[data-v-05984fcf]{padding:10px 12px}.tag-item[data-v-05984fcf]{font-size:13px;padding:3px 6px}}@keyframes fadeIn-05984fcf{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tag-item[data-v-05984fcf]{animation:fadeIn-05984fcf .2s ease}.accordion-container[data-v-c5fef037]{width:100%;font-family:var(--x-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif)}.accordion-container--bordered[data-v-c5fef037]{border:1px solid var(--x-color-gray-200, #e9ecef);border-radius:var(--x-radius-lg, 8px);overflow:hidden}.accordion-item[data-v-c5fef037]{border-bottom:1px solid var(--x-color-gray-100, #f1f5f9);background:#fff;transition:all var(--x-transition, .2s ease)}.accordion-item[data-v-c5fef037]:last-child{border-bottom:none}.accordion-item[data-v-c5fef037]:hover:not(.is-disabled){background:var(--x-color-gray-50, #fafbfc)}.accordion-item.is-open[data-v-c5fef037]{background:#1a1a1a05}.accordion-item.is-disabled[data-v-c5fef037]{opacity:.6;cursor:not-allowed}.accordion-header[data-v-c5fef037]{width:100%;display:flex;justify-content:space-between;align-items:center;padding:18px 20px;text-align:left;border:none;background:transparent;cursor:pointer;transition:all var(--x-transition, .2s ease);font-size:var(--x-font-size-base, 15px);font-weight:500;color:var(--x-color-gray-900, #1e293b);outline:none;-webkit-user-select:none;user-select:none}.accordion-header[data-v-c5fef037]:disabled{cursor:not-allowed}.accordion-header[data-v-c5fef037]:focus-visible{outline:2px solid var(--x-color-primary, #1a1a1a);outline-offset:-2px}.accordion-title[data-v-c5fef037]{flex:1;margin-right:12px;line-height:1.5}.accordion-icon[data-v-c5fef037]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--x-color-gray-100, #f1f5f9);transition:all var(--x-transition, .3s ease);color:var(--x-color-gray-500, #64748b);flex-shrink:0}.accordion-item:hover:not(.is-disabled) .accordion-icon[data-v-c5fef037]{background:var(--x-color-gray-200, #e2e8f0);color:var(--x-color-gray-600, #475569)}.accordion-item.is-open .accordion-icon[data-v-c5fef037]{background:#1a1a1a14;color:var(--x-color-primary, #1a1a1a)}.accordion-arrow[data-v-c5fef037]{width:20px;height:20px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.accordion-arrow--rotate[data-v-c5fef037]{transform:rotate(180deg)}.accordion-content[data-v-c5fef037]{overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1);background:#1a1a1a03}.accordion-body[data-v-c5fef037]{padding:0 20px 20px;color:var(--x-color-gray-600, #64748b);line-height:1.6;font-size:var(--x-font-size-sm, 14px)}@media (max-width: 768px){.accordion-header[data-v-c5fef037]{padding:16px;font-size:14px}.accordion-body[data-v-c5fef037]{padding:0 16px 16px;font-size:13px}.accordion-icon[data-v-c5fef037]{width:28px;height:28px}.accordion-icon svg[data-v-c5fef037]{width:16px;height:16px}}@media (prefers-reduced-motion: reduce){.accordion-content[data-v-c5fef037],.accordion-header[data-v-c5fef037],.accordion-icon[data-v-c5fef037],.accordion-item[data-v-c5fef037]{transition:none}}.thumbnail-container-wrapper[data-v-809b97a6]{position:relative;width:100%}.thumbnail-scroll-container[data-v-809b97a6]{display:flex;overflow-x:auto;gap:.75rem;padding:.5rem 1rem;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.thumbnail-scroll-container[data-v-809b97a6]::-webkit-scrollbar{display:none}.thumbnail-item[data-v-809b97a6]{position:relative;width:80px;height:80px;border:2px solid var(--x-color-gray-300, #d1d5db);border-radius:var(--x-radius-lg, 12px);cursor:pointer;flex-shrink:0;transition:all var(--x-transition, .2s ease);overflow:hidden}.thumbnail-item[data-v-809b97a6]:hover{border-color:var(--x-color-gray-400, #9ca3af);box-shadow:var(--x-shadow-md, 0 4px 6px rgba(0, 0, 0, .1))}.thumbnail-item--active[data-v-809b97a6]{border-color:var(--x-color-primary, #1a1a1a);box-shadow:0 0 0 1px var(--x-color-primary, #1a1a1a),var(--x-shadow-lg, 0 10px 15px rgba(0, 0, 0, .1))}.thumbnail-item--inactive[data-v-809b97a6]{border-color:var(--x-color-gray-300, #d1d5db)}.thumbnail-image[data-v-809b97a6]{width:100%;height:100%;object-fit:cover;pointer-events:none;transition:opacity var(--x-transition, .2s ease)}.thumbnail-image--active[data-v-809b97a6]{opacity:1}.thumbnail-image--inactive[data-v-809b97a6]{opacity:.75}.thumbnail-index[data-v-809b97a6]{position:absolute;bottom:.25rem;left:.25rem;background-color:#0009;color:#fff;font-size:var(--x-font-size-xs, 12px);padding:.125rem .375rem;border-radius:var(--x-radius-sm, 4px);line-height:1}.scroll-arrow[data-v-809b97a6]{position:absolute;top:50%;transform:translateY(-50%);z-index:10;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fffffff2;border:1px solid var(--x-color-gray-200, #e5e7eb);border-radius:50%;cursor:pointer;transition:all var(--x-transition-fast, .15s ease);box-shadow:var(--x-shadow-sm, 0 1px 2px rgba(0, 0, 0, .05))}.scroll-arrow[data-v-809b97a6]:hover{background:#fff;border-color:var(--x-color-primary, #1a1a1a);box-shadow:var(--x-shadow-md, 0 4px 6px rgba(0, 0, 0, .1))}.scroll-arrow[data-v-809b97a6]:active{background:var(--x-color-gray-100, #f3f4f6)}.scroll-arrow[data-v-809b97a6]:focus-visible{outline:2px solid var(--x-color-primary, #1a1a1a);outline-offset:2px}.scroll-arrow-left[data-v-809b97a6]{left:.5rem}.scroll-arrow-right[data-v-809b97a6]{right:.5rem}.scroll-arrow svg[data-v-809b97a6]{width:24px;height:24px;color:var(--x-color-gray-700, #374151);transition:color var(--x-transition-fast, .15s ease)}.scroll-arrow:hover svg[data-v-809b97a6]{color:var(--x-color-primary, #1a1a1a)}@media (min-width: 640px){.thumbnail-item[data-v-809b97a6]{width:96px;height:96px}}@media (min-width: 1024px){.thumbnail-item[data-v-809b97a6]{width:123px;height:122px}}@media (max-width: 640px){.scroll-arrow[data-v-809b97a6]{width:36px;height:36px}.scroll-arrow svg[data-v-809b97a6]{width:20px;height:20px}}@media (prefers-reduced-motion: reduce){.thumbnail-item[data-v-809b97a6],.thumbnail-image[data-v-809b97a6],.scroll-arrow[data-v-809b97a6]{transition:none}}@keyframes pulse-db4a4465{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse[data-v-db4a4465]{animation:pulse-db4a4465 2s cubic-bezier(.4,0,.6,1) infinite}.modal-mask[data-v-6b874658]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:9998;display:flex;align-items:center;justify-content:center;padding:20px}.modal-container[data-v-6b874658]{position:relative;background-color:#fff;border-radius:var(--x-radius-lg, 12px);box-shadow:var(--x-shadow-xl, 0 20px 25px rgba(0, 0, 0, .15));max-width:100%;max-height:calc(100vh - 40px);display:flex;flex-direction:column;overflow:hidden}.modal-container--small[data-v-6b874658]{width:400px}.modal-container--medium[data-v-6b874658]{width:600px}.modal-container--large[data-v-6b874658]{width:800px}.modal-container--fullscreen[data-v-6b874658]{width:100vw!important;height:100vh!important;max-height:100vh;border-radius:0}.modal-header[data-v-6b874658]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--x-color-gray-200, #e5e7eb);flex-shrink:0}.modal-title[data-v-6b874658]{font-size:var(--x-font-size-lg, 18px);font-weight:600;color:var(--x-color-gray-900, #1a1a1a);margin:0}.modal-close[data-v-6b874658]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:none;color:var(--x-color-gray-500, #6b7280);cursor:pointer;border-radius:var(--x-radius-md, 6px);transition:all var(--x-transition-fast, .15s ease)}.modal-close[data-v-6b874658]:hover{background-color:var(--x-color-gray-100, #f3f4f6);color:var(--x-color-gray-700, #374151)}.modal-body[data-v-6b874658]{flex:1;padding:24px;overflow-y:auto;color:var(--x-color-gray-700, #374151)}.modal-footer[data-v-6b874658]{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--x-color-gray-200, #e5e7eb);flex-shrink:0}.modal-btn[data-v-6b874658]{padding:8px 16px;font-size:var(--x-font-size-sm, 14px);font-weight:500;border-radius:var(--x-radius-md, 6px);cursor:pointer;transition:all var(--x-transition-fast, .15s ease);border:1px solid;display:inline-flex;align-items:center;gap:8px}.modal-btn--cancel[data-v-6b874658]{background-color:#fff;border-color:var(--x-color-gray-300, #d1d5db);color:var(--x-color-gray-700, #374151)}.modal-btn--cancel[data-v-6b874658]:hover{background-color:var(--x-color-gray-50, #f9fafb);border-color:var(--x-color-gray-400, #9ca3af)}.modal-btn--confirm[data-v-6b874658]{background-color:var(--x-color-primary, #1a1a1a);border-color:var(--x-color-primary, #1a1a1a);color:#fff}.modal-btn--confirm[data-v-6b874658]:hover:not(:disabled){background-color:var(--x-color-primary-dark, #0d0d0d)}.modal-btn--confirm[data-v-6b874658]:disabled{opacity:.6;cursor:not-allowed}.loading-spinner[data-v-6b874658]{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-6b874658 .6s linear infinite}@keyframes spin-6b874658{to{transform:rotate(360deg)}}@media (max-width: 768px){.modal-mask[data-v-6b874658]{padding:10px}.modal-container--small[data-v-6b874658],.modal-container--medium[data-v-6b874658],.modal-container--large[data-v-6b874658]{width:100%}.modal-header[data-v-6b874658],.modal-body[data-v-6b874658]{padding:16px}.modal-footer[data-v-6b874658]{padding:12px 16px}}.x-tooltip-wrapper[data-v-6d3b782b]{position:relative;display:inline-block}.x-tooltip-trigger[data-v-6d3b782b]{cursor:pointer}.x-tooltip[data-v-6d3b782b]{position:absolute;background-color:#1a1a1a;color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease,transform .3s ease;z-index:1000;box-shadow:0 4px 12px #00000026;pointer-events:none}.tooltip-arrow[data-v-6d3b782b]{position:absolute;width:8px;height:8px;background-color:#1a1a1a;transform:rotate(45deg)}.tooltip-top[data-v-6d3b782b]{bottom:100%;left:50%;transform:translate(-50%,-8px);margin-bottom:8px}.arrow-top[data-v-6d3b782b]{bottom:-4px;left:50%;margin-left:-4px}.x-tooltip-wrapper:hover .tooltip-top[data-v-6d3b782b]{opacity:1;visibility:visible;transform:translate(-50%)}.tooltip-bottom[data-v-6d3b782b]{top:100%;left:50%;transform:translate(-50%,8px);margin-top:8px}.arrow-bottom[data-v-6d3b782b]{top:-4px;left:50%;margin-left:-4px}.x-tooltip-wrapper:hover .tooltip-bottom[data-v-6d3b782b]{opacity:1;visibility:visible;transform:translate(-50%)}.tooltip-left[data-v-6d3b782b]{right:100%;top:50%;transform:translate(-8px,-50%);margin-right:8px}.arrow-left[data-v-6d3b782b]{right:-4px;top:50%;margin-top:-4px}.x-tooltip-wrapper:hover .tooltip-left[data-v-6d3b782b]{opacity:1;visibility:visible;transform:translateY(-50%)}.tooltip-right[data-v-6d3b782b]{left:100%;top:50%;transform:translate(8px,-50%);margin-left:8px}.arrow-right[data-v-6d3b782b]{left:-4px;top:50%;margin-top:-4px}.x-tooltip-wrapper:hover .tooltip-right[data-v-6d3b782b]{opacity:1;visibility:visible;transform:translateY(-50%)}.x-tooltip-rich-wrapper[data-v-6d3b782b]{--background: #1a1a1a;--color: #ffffff;--border-color: #333333;position:relative;cursor:pointer;transition:all .4s cubic-bezier(.23,1,.32,1);font-size:18px;font-weight:600;color:#333;background-color:#fff;padding:.7em 1.8em;border-radius:8px;text-transform:uppercase;height:60px;width:180px;display:grid;place-items:center;border:2px solid var(--border-color);box-shadow:0 2px 4px #0000001a}.tooltip-text[data-v-6d3b782b]{position:absolute;top:0;left:0;width:100%;height:100%;display:grid;place-items:center;transform-origin:-100%;transform:scale(1);transition:all .4s cubic-bezier(.23,1,.32,1);z-index:2;color:#333}.x-tooltip-rich-wrapper .tooltip-hover-text[data-v-6d3b782b]{position:absolute;top:0%;left:100%;width:100%;height:100%;border-radius:8px;opacity:1;background-color:var(--background);color:var(--color);z-index:1;border:2px solid var(--background);transform:scale(0);transform-origin:0;transition:all .4s cubic-bezier(.23,1,.32,1);display:grid;place-items:center}.tooltip-label[data-v-6d3b782b]{position:absolute;padding:.3em .6em;opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.23,1,.32,1);background:var(--background);z-index:10;border-radius:8px;scale:0;text-transform:capitalize;font-weight:400;font-size:16px;box-shadow:#00000040 0 8px 15px}.tooltip-label[data-v-6d3b782b]:before{position:absolute;content:"";height:.6em;width:.6em;background:var(--background)}.rich-top .tooltip-label[data-v-6d3b782b]{top:-.5em;left:50%;transform:translate(-50%);transform-origin:0 0}.rich-top .tooltip-label[data-v-6d3b782b]:before{bottom:-.2em;left:50%;transform:translate(-50%) rotate(45deg)}.rich-top:hover .tooltip-label[data-v-6d3b782b]{top:calc(-100% - 1em);opacity:1;visibility:visible;pointer-events:auto;scale:1;animation:shake-6d3b782b .5s ease-in-out both}.rich-bottom .tooltip-label[data-v-6d3b782b]{bottom:-.5em;left:50%;transform:translate(-50%);transform-origin:50% 100%}.rich-bottom .tooltip-label[data-v-6d3b782b]:before{top:-.2em;left:50%;transform:translate(-50%) rotate(45deg)}.rich-bottom:hover .tooltip-label[data-v-6d3b782b]{bottom:calc(-100% - 1em);opacity:1;visibility:visible;pointer-events:auto;scale:1;animation:shake-6d3b782b .5s ease-in-out both}.rich-left .tooltip-label[data-v-6d3b782b]{top:50%;right:calc(100% + .5em);transform:translateY(-50%);transform-origin:100% 50%}.rich-left .tooltip-label[data-v-6d3b782b]:before{right:-.2em;top:50%;transform:translateY(-50%) rotate(45deg)}.rich-left:hover .tooltip-label[data-v-6d3b782b]{right:calc(100% + 1em);opacity:1;visibility:visible;pointer-events:auto;scale:1;animation:shake-6d3b782b .5s ease-in-out both}.rich-right .tooltip-label[data-v-6d3b782b]{top:50%;left:calc(100% + .5em);transform:translateY(-50%);transform-origin:0 50%}.rich-right .tooltip-label[data-v-6d3b782b]:before{left:-.2em;top:50%;transform:translateY(-50%) rotate(45deg)}.rich-right:hover .tooltip-label[data-v-6d3b782b]{left:calc(100% + 1em);opacity:1;visibility:visible;pointer-events:auto;scale:1;animation:shake-6d3b782b .5s ease-in-out both}.x-tooltip-rich-wrapper[data-v-6d3b782b]:hover{box-shadow:#00000040 0 8px 15px;color:#fff;border-color:transparent}.x-tooltip-rich-wrapper:hover .tooltip-hover-text[data-v-6d3b782b]{transform:scale(1);left:0}.x-tooltip-rich-wrapper:hover .tooltip-text[data-v-6d3b782b]{opacity:0;top:0%;left:100%;transform:scale(0)}@keyframes shake-6d3b782b{0%{rotate:0}25%{rotate:7deg}50%{rotate:-7deg}75%{rotate:1deg}to{rotate:0}}.x-score[data-v-3cdb1a2c]{display:inline-flex;flex-direction:column;align-items:flex-start;gap:.5rem}.rating[data-v-3cdb1a2c]{display:flex;gap:.3rem;--stroke: #666;--fill: var(--v45ed3bbe)}.rating label[data-v-3cdb1a2c]{cursor:pointer;transition:transform .2s ease;position:relative}.rating label[data-v-3cdb1a2c]:hover{transform:scale(1.1)}.rating svg[data-v-3cdb1a2c]{width:2rem;height:2rem;overflow:visible;fill:transparent;stroke:var(--stroke);stroke-linejoin:bevel;stroke-dasharray:12;animation:idle-3cdb1a2c 4s linear infinite;transition:stroke .2s,fill .5s}@keyframes idle-3cdb1a2c{0%{stroke-dashoffset:24}}.rating label:hover svg[data-v-3cdb1a2c]{stroke:var(--fill)}.rating label.star-filled svg[data-v-3cdb1a2c]{transition:0s;animation:idle-3cdb1a2c 4s linear infinite,yippee-3cdb1a2c .75s backwards;fill:var(--fill);stroke:var(--fill);stroke-opacity:0;stroke-dasharray:0;stroke-linejoin:miter;stroke-width:8px}@keyframes yippee-3cdb1a2c{0%{transform:scale(1);fill:var(--fill);fill-opacity:0;stroke-opacity:1;stroke:var(--stroke);stroke-dasharray:10;stroke-width:1px;stroke-linejoin:bevel}30%{transform:scale(0);fill:var(--fill);fill-opacity:0;stroke-opacity:1;stroke:var(--stroke);stroke-dasharray:10;stroke-width:1px;stroke-linejoin:bevel}30.1%{stroke:var(--fill);stroke-dasharray:0;stroke-linejoin:miter;stroke-width:8px}60%{transform:scale(1.2);fill:var(--fill)}}.score-small .rating svg[data-v-3cdb1a2c]{width:1.2rem;height:1.2rem}.score-medium .rating svg[data-v-3cdb1a2c]{width:2rem;height:2rem}.score-large .rating svg[data-v-3cdb1a2c]{width:2.8rem;height:2.8rem}.score-disabled .rating label[data-v-3cdb1a2c]{cursor:not-allowed;opacity:.6}.score-disabled .rating label[data-v-3cdb1a2c]:hover{transform:none}.score-disabled .rating label:hover svg[data-v-3cdb1a2c]{stroke:var(--stroke)}.score-text[data-v-3cdb1a2c]{font-size:.875rem;color:#666;font-weight:500}.score-value[data-v-3cdb1a2c]{font-size:.75rem;color:#999;font-weight:400}.score-small .score-text[data-v-3cdb1a2c]{font-size:.75rem}.score-small .score-value[data-v-3cdb1a2c]{font-size:.625rem}.score-large .score-text[data-v-3cdb1a2c]{font-size:1rem}.score-large .score-value[data-v-3cdb1a2c]{font-size:.875rem}.x-radio-group[data-v-0b609d3b]{display:flex;flex-direction:column;gap:.75rem}.x-radio-group.radio-horizontal[data-v-0b609d3b]{flex-direction:row;flex-wrap:wrap;gap:1.5rem}.x-radio-item[data-v-0b609d3b]{position:relative;cursor:pointer;display:flex;align-items:center;gap:.75rem;padding:.5rem 0;transition:all .2s ease}.radio-list .x-radio-item[data-v-0b609d3b]{border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;background-color:#fff;margin-bottom:.5rem}.radio-list .x-radio-item[data-v-0b609d3b]:hover{border-color:#1a1a1a;background-color:#f9fafb}.radio-list .x-radio-item.radio-item-checked[data-v-0b609d3b]{border-color:#1a1a1a;background-color:#f3f4f6;box-shadow:0 0 0 1px #1a1a1a}.radio-list .x-radio-item.radio-item-disabled[data-v-0b609d3b]{opacity:.5;cursor:not-allowed;background-color:#f9fafb;border-color:#e5e7eb}.radio-list .x-radio-item.radio-item-disabled[data-v-0b609d3b]:hover{border-color:#e5e7eb;background-color:#f9fafb}.x-radio-item:hover .radio-button[data-v-0b609d3b],.x-radio-item.radio-item-checked .radio-button[data-v-0b609d3b]{border-color:#1a1a1a}.x-radio-item.radio-item-checked .radio-button-inner[data-v-0b609d3b]{background-color:#1a1a1a;transform:translate(-50%,-50%) scale(1)}.x-radio-item.radio-item-disabled[data-v-0b609d3b]{opacity:.5;cursor:not-allowed}.x-radio-item.radio-item-disabled:hover .radio-button[data-v-0b609d3b]{border-color:#d1d5db}.radio-input[data-v-0b609d3b]{position:absolute;opacity:0;pointer-events:none}.radio-button[data-v-0b609d3b]{position:relative;width:1.25rem;height:1.25rem;border:2px solid #d1d5db;border-radius:50%;background-color:#fff;transition:all .2s ease;flex-shrink:0}.radio-button-inner[data-v-0b609d3b]{position:absolute;top:50%;left:50%;width:.5rem;height:.5rem;background-color:transparent;border-radius:50%;transform:translate(-50%,-50%) scale(0);transition:all .2s ease}.radio-content[data-v-0b609d3b]{display:flex;align-items:center;gap:.75rem;flex:1}.radio-icon[data-v-0b609d3b]{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;color:#6b7280;transition:color .2s ease}.radio-item-checked .radio-icon[data-v-0b609d3b]{color:#1a1a1a}.radio-text[data-v-0b609d3b]{flex:1;min-width:0}.radio-label[data-v-0b609d3b]{font-weight:500;color:#1a1a1a;transition:color .2s ease;font-size:.875rem;line-height:1.5}.radio-item-checked .radio-label[data-v-0b609d3b]{color:#1a1a1a;font-weight:600}.radio-description[data-v-0b609d3b]{font-size:.75rem;color:#6b7280;margin-top:.25rem;line-height:1.4;transition:color .2s ease}.radio-item-checked .radio-description[data-v-0b609d3b]{color:#4b5563}.radio-small .x-radio-item[data-v-0b609d3b]{padding:.25rem 0;gap:.5rem}.radio-small.radio-list .x-radio-item[data-v-0b609d3b]{padding:.75rem}.radio-small .radio-button[data-v-0b609d3b]{width:1rem;height:1rem}.radio-small .radio-button-inner[data-v-0b609d3b]{width:.375rem;height:.375rem;transform:translate(-50%,-50%) scale(0)}.radio-small .x-radio-item.radio-item-checked .radio-button-inner[data-v-0b609d3b]{transform:translate(-50%,-50%) scale(1)}.radio-small .radio-content[data-v-0b609d3b]{gap:.5rem}.radio-small .radio-icon[data-v-0b609d3b]{width:1.25rem;height:1.25rem}.radio-small .radio-label[data-v-0b609d3b]{font-size:.75rem;font-weight:500}.radio-small .radio-description[data-v-0b609d3b]{font-size:.625rem;margin-top:.125rem}.radio-medium .x-radio-item[data-v-0b609d3b]{padding:.5rem 0;gap:.75rem}.radio-medium.radio-list .x-radio-item[data-v-0b609d3b]{padding:1rem}.radio-medium .radio-button[data-v-0b609d3b]{width:1.25rem;height:1.25rem}.radio-medium .radio-button-inner[data-v-0b609d3b]{width:.5rem;height:.5rem;transform:translate(-50%,-50%) scale(0)}.radio-medium .x-radio-item.radio-item-checked .radio-button-inner[data-v-0b609d3b]{transform:translate(-50%,-50%) scale(1)}.radio-medium .radio-content[data-v-0b609d3b]{gap:.75rem}.radio-medium .radio-icon[data-v-0b609d3b]{width:1.5rem;height:1.5rem}.radio-large .x-radio-item[data-v-0b609d3b]{padding:.75rem 0;gap:1rem}.radio-large.radio-list .x-radio-item[data-v-0b609d3b]{padding:1.25rem}.radio-large .radio-button[data-v-0b609d3b]{width:1.5rem;height:1.5rem}.radio-large .radio-button-inner[data-v-0b609d3b]{width:.625rem;height:.625rem;transform:translate(-50%,-50%) scale(0)}.radio-large .x-radio-item.radio-item-checked .radio-button-inner[data-v-0b609d3b]{transform:translate(-50%,-50%) scale(1)}.radio-large .radio-content[data-v-0b609d3b]{gap:1rem}.radio-large .radio-icon[data-v-0b609d3b]{width:1.75rem;height:1.75rem}.radio-large .radio-label[data-v-0b609d3b]{font-size:1rem;font-weight:600}.radio-large .radio-description[data-v-0b609d3b]{font-size:.875rem;margin-top:.375rem}.radio-horizontal .x-radio-item[data-v-0b609d3b]{flex:1;min-width:0;max-width:300px}.radio-disabled .x-radio-item[data-v-0b609d3b]{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-color:#e5e7eb}.radio-disabled .x-radio-item[data-v-0b609d3b]:hover{border-color:#e5e7eb;background:linear-gradient(135deg,#f9fafb,#f3f4f6);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transform:none}.radio-disabled .radio-icon[data-v-0b609d3b]{background:#f3f4f6cc;color:#9ca3af}.radio-disabled .radio-label[data-v-0b609d3b],.radio-disabled .radio-description[data-v-0b609d3b]{color:#9ca3af}.payment-method-container[data-v-0b609d3b]{width:320px;padding:1.5rem;aspect-ratio:1;border-radius:1rem;box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.payment-title[data-v-0b609d3b]{text-transform:capitalize;font-weight:700;align-self:flex-start;margin:0;color:#1e293b;font-size:1.125rem;letter-spacing:-.025em}.payment-subtitle[data-v-0b609d3b]{font-size:.75rem;align-self:flex-start;text-wrap:wrap;color:#64748b;padding-bottom:.5rem;margin:0;line-height:1.4}.payment-highlight[data-v-0b609d3b]{font-weight:800;text-decoration:underline;color:#3b82f6}.payment-option[data-v-0b609d3b]{display:inline-flex;justify-content:space-between;width:100%;align-items:center;z-index:10;border-radius:.75rem;padding:.875rem;border:1px solid rgba(226,232,240,.8);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.payment-option[data-v-0b609d3b]:hover{background:#f0f9ffe6;border-color:#3b82f64d;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f626}.payment-option.payment-option-checked[data-v-0b609d3b]{border-color:#3b82f6;color:#1e40af;background:linear-gradient(135deg,#3b82f61a,#93c5fd1a);font-weight:700;box-shadow:0 4px 16px #3b82f640;transform:translateY(-1px)}.payment-content[data-v-0b609d3b]{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;position:relative;z-index:10}.payment-icon[data-v-0b609d3b]{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s ease}.payment-option.payment-option-checked .payment-icon[data-v-0b609d3b]{background:#3b82f61a;transform:scale(1.05)}.payment-label[data-v-0b609d3b]{font-weight:600;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;white-space:nowrap;transform:translateY(110%) translate(100%);top:.25rem;left:3.5rem;transition:all .7s cubic-bezier(.4,0,.2,1);opacity:0;margin:0;font-size:.875rem;letter-spacing:-.025em}.payment-option.payment-option-checked .payment-label[data-v-0b609d3b]{transform:translateY(0);opacity:1}.payment-input[data-v-0b609d3b]{color:#3b82f6;outline:none;box-shadow:none}.payment-input[data-v-0b609d3b]:focus{outline:none;box-shadow:none}.payment-icon svg[data-v-0b609d3b]{width:1.5rem;height:1.5rem;fill:currentColor}.x-datetime-picker[data-v-44868cc1]{position:relative;display:inline-block;width:100%}.datetime-input-wrapper[data-v-44868cc1]{position:relative;display:flex;align-items:center;border:1px solid #d1d5db;border-radius:.5rem;background-color:#fff;transition:all .2s ease;cursor:pointer}.datetime-input-wrapper[data-v-44868cc1]:hover{border-color:#1a1a1a}.datetime-input-wrapper[data-v-44868cc1]:focus-within{border-color:#1a1a1a;box-shadow:0 0 0 1px #1a1a1a}.datetime-input[data-v-44868cc1]{flex:1;padding:.75rem 1rem;border:none;outline:none;background:transparent;font-size:.875rem;color:#1a1a1a;cursor:pointer}.datetime-input[data-v-44868cc1]::placeholder{color:#9ca3af}.datetime-icon[data-v-44868cc1]{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;color:#6b7280;margin-right:.5rem}.datetime-small .datetime-input[data-v-44868cc1]{padding:.5rem .75rem;font-size:.75rem}.datetime-small .datetime-icon[data-v-44868cc1]{width:1.5rem;height:1.5rem}.datetime-large .datetime-input[data-v-44868cc1]{padding:1rem 1.25rem;font-size:1rem}.datetime-large .datetime-icon[data-v-44868cc1]{width:2.5rem;height:2.5rem}.datetime-disabled .datetime-input-wrapper[data-v-44868cc1]{opacity:.5;cursor:not-allowed;background-color:#f9fafb}.datetime-disabled .datetime-input[data-v-44868cc1]{cursor:not-allowed}.datetime-panel[data-v-44868cc1]{position:absolute;left:0;right:0;z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden;max-height:400px;overflow-y:auto}.panel-bottom[data-v-44868cc1]{top:100%;margin-top:.25rem}.panel-top[data-v-44868cc1]{bottom:100%;margin-bottom:.25rem}.datetime-header[data-v-44868cc1]{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.datetime-title[data-v-44868cc1]{font-weight:600;color:#1a1a1a;font-size:1rem}.datetime-close[data-v-44868cc1]{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:none;color:#6b7280;cursor:pointer;border-radius:.25rem;transition:all .2s ease}.datetime-close[data-v-44868cc1]:hover{background-color:#e5e7eb;color:#1a1a1a}.datetime-mode-switch[data-v-44868cc1]{display:flex;padding:.75rem 1rem;background-color:#f3f4f6;border-bottom:1px solid #e5e7eb}.mode-btn[data-v-44868cc1]{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;border:none;background:none;color:#6b7280;cursor:pointer;border-radius:.375rem;transition:all .2s ease;font-size:.875rem}.mode-btn.active[data-v-44868cc1]{background-color:#1a1a1a;color:#fff}.mode-btn[data-v-44868cc1]:hover:not(.active){background-color:#e5e7eb;color:#1a1a1a}.datetime-date-picker[data-v-44868cc1]{padding:1rem}.date-navigation[data-v-44868cc1]{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.nav-btn[data-v-44868cc1]{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:none;color:#6b7280;cursor:pointer;border-radius:.25rem;transition:all .2s ease}.nav-btn[data-v-44868cc1]:hover{background-color:#e5e7eb;color:#1a1a1a}.current-month[data-v-44868cc1]{font-weight:600;color:#1a1a1a;font-size:1rem}.weekdays[data-v-44868cc1]{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;margin-bottom:.5rem}.weekday[data-v-44868cc1]{display:flex;align-items:center;justify-content:center;height:2rem;font-size:.75rem;font-weight:500;color:#6b7280}.date-grid[data-v-44868cc1]{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem}.date-cell[data-v-44868cc1]{display:flex;align-items:center;justify-content:center;height:2.5rem;font-size:.875rem;color:#1a1a1a;cursor:pointer;border-radius:.375rem;transition:all .2s ease}.date-cell[data-v-44868cc1]:hover:not(.date-disabled){background-color:#f3f4f6}.date-other-month[data-v-44868cc1]{color:#9ca3af}.date-today[data-v-44868cc1]{background-color:#fef3c7;color:#92400e;font-weight:600}.date-selected[data-v-44868cc1]{background-color:#1a1a1a;color:#fff;font-weight:600}.date-disabled[data-v-44868cc1]{color:#d1d5db;cursor:not-allowed}.date-disabled[data-v-44868cc1]:hover{background-color:transparent}.datetime-time-picker[data-v-44868cc1]{padding:1rem}.time-inputs[data-v-44868cc1]{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.time-input-group[data-v-44868cc1]{display:flex;flex-direction:column;align-items:center;gap:.25rem}.time-label[data-v-44868cc1]{font-size:.75rem;color:#6b7280;font-weight:500}.time-input[data-v-44868cc1]{width:3rem;padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;text-align:center;font-size:1rem;color:#1a1a1a;background-color:#fff;transition:all .2s ease}.time-input[data-v-44868cc1]:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 1px #1a1a1a}.time-separator[data-v-44868cc1]{font-size:1.5rem;color:#1a1a1a;font-weight:600;margin-top:1.5rem}.time-sliders[data-v-44868cc1]{display:flex;flex-direction:column;gap:1rem}.time-slider-group[data-v-44868cc1]{display:flex;flex-direction:column;gap:.5rem}.slider-label[data-v-44868cc1]{font-size:.875rem;color:#1a1a1a;font-weight:500}.time-slider[data-v-44868cc1]{width:100%;height:.5rem;border-radius:.25rem;background:#e5e7eb;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.time-slider[data-v-44868cc1]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25rem;height:1.25rem;border-radius:50%;background:#1a1a1a;cursor:pointer;transition:all .2s ease}.time-slider[data-v-44868cc1]::-webkit-slider-thumb:hover{transform:scale(1.1)}.time-slider[data-v-44868cc1]::-moz-range-thumb{width:1.25rem;height:1.25rem;border-radius:50%;background:#1a1a1a;cursor:pointer;border:none;transition:all .2s ease}.slider-value[data-v-44868cc1]{font-size:.875rem;color:#1a1a1a;font-weight:600;text-align:center}.datetime-footer[data-v-44868cc1]{display:flex;gap:.75rem;padding:1rem;border-top:1px solid #e5e7eb;background-color:#f9fafb}.btn[data-v-44868cc1]{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary[data-v-44868cc1]{background-color:#f3f4f6;color:#6b7280}.btn-secondary[data-v-44868cc1]:hover{background-color:#e5e7eb;color:#1a1a1a}.btn-primary[data-v-44868cc1]{background-color:#1a1a1a;color:#fff}.btn-primary[data-v-44868cc1]:hover{background-color:#000}@media (max-width: 768px){.datetime-panel[data-v-44868cc1]{max-height:60vh;width:100vw;left:0;right:0;border-radius:.75rem .75rem 0 0}.panel-bottom[data-v-44868cc1]{top:100%;margin-top:0;border-radius:.75rem .75rem 0 0}.panel-top[data-v-44868cc1]{bottom:100%;margin-bottom:0;border-radius:0 0 .75rem .75rem}.date-cell[data-v-44868cc1]{height:3rem;font-size:1rem}.time-input[data-v-44868cc1]{width:4rem;padding:.75rem;font-size:1.25rem}.time-slider[data-v-44868cc1]{height:.75rem}.time-slider[data-v-44868cc1]::-webkit-slider-thumb{width:1.5rem;height:1.5rem}.time-slider[data-v-44868cc1]::-moz-range-thumb{width:1.5rem;height:1.5rem}}