@skyservice-developers/vue-dev-kit 2.2.1 → 2.3.1

package/README.md

@@ -20,7 +20,14 @@ npm install @skyservice-developers/vue-dev-kit
 ```js
 import '@skyservice-developers/vue-dev-kit/style.css'
 import {
-  Header, Modal, Dialog, SkyButton, SkySelect,
+  // shared/ui
+  Header, Modal, Dialog,
+  SkyButton, SkySelect,
+  SkyAlert, SkyBadge,
+  SkyCard, SkyCardHeader, SkyCardRow,
+  // widgets
+  SkyTileCard,
+  // sdk
   navigate, SkyserviceAPI, isInsideIframe,
 } from '@skyservice-developers/vue-dev-kit'
 ```
@@ -351,6 +358,234 @@ import {
 
 ---
 
+### SkyAlert
+
+Інформаційне повідомлення з 4 тональностями та опціональною іконкою.
+
+```vue
+<SkyAlert tone="success">Все збережено</SkyAlert>
+<SkyAlert tone="error" :show-icon="false">Щось пішло не так</SkyAlert>
+<SkyAlert tone="warning">Увага: дія незворотня</SkyAlert>
+<SkyAlert tone="info">Підказка для користувача</SkyAlert>
+```
+
+#### Props
+
+| Prop | Тип | За замовчуванням | Опис |
+|------|-----|------------------|------|
+| `tone` | `String` | `'info'` | `'success'` \| `'error'` \| `'warning'` \| `'info'` |
+| `showIcon` | `Boolean` | `true` | Показувати іконку ліворуч |
+
+#### Slots
+
+| Slot | Опис |
+|------|------|
+| `default` | Вміст повідомлення |
+
+---
+
+### SkyBadge
+
+Компактний статус-лейбл з крапкою.
+
+```vue
+<SkyBadge tone="success" label="Під'єднано" />
+<SkyBadge tone="error">Помилка</SkyBadge>
+<SkyBadge tone="pending" :dot="false" label="Очікування" />
+```
+
+#### Props
+
+| Prop | Тип | За замовчуванням | Опис |
+|------|-----|------------------|------|
+| `tone` | `String` | `'default'` | `'success'` \| `'error'` \| `'warning'` \| `'pending'` \| `'info'` \| `'default'` |
+| `label` | `String` | `''` | Текст (якщо не передаєте slot) |
+| `dot` | `Boolean` | `true` | Показувати крапку-індикатор |
+
+#### Slots
+
+| Slot | Опис |
+|------|------|
+| `default` | Альтернатива до `label` |
+
+---
+
+### SkyCard
+
+Shell-контейнер для карток: ribbon / header / body / footer — всі через slots. Використовуйте у зв'язці з `SkyCardHeader`, `SkyCardRow`, `SkyBadge`, `SkyAlert`.
+
+```vue
+<SkyCard>
+  <template #ribbon>Тимчасово закрито</template>
+  <template #header>
+    <SkyCardHeader
+      title="Торгова точка"
+      subtitle="вул. Хрещатик, 1"
+      icon-src="/svg/home.svg"
+    />
+  </template>
+
+  <SkyCardRow label="Статус">
+    <SkyBadge tone="success" label="Активна" />
+  </SkyCardRow>
+  <SkyCardRow label="ID" value="12345" />
+
+  <SkyAlert tone="error">Помилка синхронізації</SkyAlert>
+
+  <template #footer>
+    <SkyButton variant="primary" block>Налаштувати</SkyButton>
+  </template>
+</SkyCard>
+```
+
+#### Slots
+
+| Slot | Опис |
+|------|------|
+| `ribbon` | Стрічка зверху (наприклад "Тимчасово закрито") |
+| `header` | Шапка картки (часто `SkyCardHeader`) |
+| `default` | Тіло картки (часто `SkyCardRow`, `SkyAlert`) |
+| `footer` | Футер з кнопками |
+
+#### CSS змінні
+
+```css
+--sky-card-bg: #fff
+--sky-card-radius: 12px
+--sky-card-shadow: 0 1px 12px rgba(0,0,0,0.1)
+--sky-card-ribbon-bg: #e65100
+--sky-card-ribbon-color: #fff
+--sky-card-padding-header: 24px 24px 0
+--sky-card-padding-body: 10px 24px 15px
+--sky-card-padding-footer: 0 24px 24px
+```
+
+---
+
+### SkyCardHeader
+
+Готова шапка картки: іконка + заголовок + підзаголовок.
+
+```vue
+<SkyCardHeader title="Glovo" subtitle="Інтеграція доставки" icon-src="/svg/glovo.svg" />
+
+<!-- або свій slot замість img -->
+<SkyCardHeader title="Меню">
+  <template #icon>
+    <MyCustomIcon />
+  </template>
+</SkyCardHeader>
+```
+
+#### Props
+
+| Prop | Тип | Обов'язково | Опис |
+|------|-----|-------------|------|
+| `title` | `String` | так | Заголовок |
+| `subtitle` | `String` | ні | Підзаголовок |
+| `iconSrc` | `String` | ні | Шлях до зображення іконки |
+
+#### Slots
+
+| Slot | Опис |
+|------|------|
+| `icon` | Override іконки (якщо не хочете використовувати `iconSrc`) |
+
+#### CSS змінні
+
+```css
+--sky-card-icon-size: 64px
+--sky-card-icon-radius: 12px
+--sky-card-icon-bg: #00c279
+--sky-card-icon-color: #fff
+```
+
+---
+
+### SkyCardRow
+
+Рядок "label + value" (або довільний контент через slot).
+
+```vue
+<SkyCardRow label="Store ID" value="12345" />
+
+<!-- зі своїм вмістом праворуч -->
+<SkyCardRow label="Статус">
+  <SkyBadge tone="success" label="Під'єднано" />
+</SkyCardRow>
+```
+
+#### Props
+
+| Prop | Тип | Обов'язково | Опис |
+|------|-----|-------------|------|
+| `label` | `String` | так | Підпис зліва |
+| `value` | `String \| Number` | ні | Значення справа (ігнорується якщо є slot) |
+
+#### Slots
+
+| Slot | Опис |
+|------|------|
+| `default` | Override правої колонки |
+
+---
+
+### SkyTileCard
+
+Тайл-картка: зверху — іконка + заголовок + підзаголовок; знизу — довільний вміст через `default` slot. Підходить для списків інтеграцій / додатків / швидкого доступу.
+
+```vue
+<SkyTileCard
+  title="Glovo"
+  subtitle="Інтеграція з сервісом доставки"
+  image-url="/image/glovo_logo.png"
+/>
+
+<!-- з додатковим контентом знизу -->
+<SkyTileCard title="Glovo" subtitle="Інтеграція" image-url="/image/glovo_logo.png">
+  <SkyBadge tone="success" label="Активно" />
+  <SkyButton variant="outline" block>Налаштувати</SkyButton>
+</SkyTileCard>
+
+<!-- зі своєю іконкою -->
+<SkyTileCard title="Налаштування">
+  <template #icon>
+    <SettingsIcon />
+  </template>
+</SkyTileCard>
+```
+
+#### Props
+
+| Prop | Тип | Обов'язково | Опис |
+|------|-----|-------------|------|
+| `title` | `String` | так | Заголовок |
+| `subtitle` | `String` | ні | Підзаголовок |
+| `imageUrl` | `String` | ні | URL зображення |
+
+#### Slots
+
+| Slot | Опис |
+|------|------|
+| `icon` | Override іконки |
+| `default` | Додатковий вміст під header (бейджі, кнопки тощо) |
+
+#### CSS змінні
+
+```css
+--sky-tile-bg: #fff
+--sky-tile-radius: 12px
+--sky-tile-shadow: 0 1px 12px rgba(0,0,0,0.08)
+--sky-tile-icon-size: 56px
+--sky-tile-icon-radius: 12px
+--sky-tile-icon-bg: #00c279
+--sky-tile-icon-color: #fff
+--sky-tile-title-color: #1a1a1a
+--sky-tile-subtitle-color: #666
+```
+
+---
+
 ## Теміzація
 
 Всі компоненти підтримують кастомізацію через CSS змінні. Перевизначайте їх глобально або локально:
@@ -387,15 +622,34 @@ npm run build
 
 ## Структура проекту
 
+Організовано за Feature-Sliced Design:
+
 ```
 src/
-├── index.ts           # публічний API (компоненти + SDK)
-├── components/        # Vue 3 компоненти (.vue + index.ts)
-├── sdk/               # TypeScript SDK
+├── index.ts           # публічний API (shared/ui + widgets + sdk)
+├── shared/
+│   └── ui/            # базові UI-компоненти
+│       ├── index.ts
+│       ├── Header/
+│       ├── Modal/
+│       ├── Dialog/ DialogModal/ DialogNext/
+│       ├── BaseTeleport/
+│       ├── SkyButton/
+│       ├── SkySelect/
+│       ├── SkyAlert/
+│       ├── SkyBadge/
+│       ├── SkyCard/ SkyCardHeader/ SkyCardRow/
+│       └── <Component>/
+│           ├── <Component>.vue
+│           └── index.ts
+├── widgets/           # композитні віджети
+│   ├── index.ts
+│   └── SkyTileCard/
+├── sdk/               # TypeScript SDK (без Vue залежностей)
 │   ├── bridge.ts      # iframe postMessage API
 │   ├── api.ts         # SkyserviceAPI HTTP клієнт
 │   ├── webview.ts     # детекція webview/iframe
-│   ├── types.ts       # DTO типи (Tradepoint, Category, Product)
+│   ├── types.ts       # DTO типи (Tradepoint, Category, Product, AppIntegration)
 │   └── index.ts
 └── styles/
 ```

package/dist/index.d.ts

@@ -1,3 +1,4 @@
 
-export * from './components';
+export * from './shared/ui';
+export * from './widgets';
 export * from './sdk';

package/dist/shared/ui/BaseTeleport/index.d.ts

@@ -0,0 +1 @@
+export { default } from './BaseTeleport.vue';

package/dist/shared/ui/Dialog/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Dialog.vue';

package/dist/shared/ui/DialogModal/index.d.ts

@@ -0,0 +1 @@
+export { default } from './DialogModal.vue';

package/dist/shared/ui/DialogNext/index.d.ts

@@ -0,0 +1 @@
+export { default } from './DialogNext.vue';

package/dist/shared/ui/Header/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Header.vue';

package/dist/shared/ui/Modal/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Modal.vue';

package/dist/shared/ui/SkyAlert/SkyAlert.vue.d.ts

@@ -0,0 +1,16 @@
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import('vue').DefineComponent<{}, {
+    tone: string;
+    showIcon: boolean;
+    $props: {
+        readonly tone?: string | undefined;
+        readonly showIcon?: boolean | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};

package/dist/shared/ui/SkyAlert/index.d.ts

@@ -0,0 +1 @@
+export { default } from './SkyAlert.vue';

package/dist/shared/ui/SkyBadge/SkyBadge.vue.d.ts

@@ -0,0 +1,18 @@
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import('vue').DefineComponent<{}, {
+    tone: string;
+    label: string;
+    dot: boolean;
+    $props: {
+        readonly tone?: string | undefined;
+        readonly label?: string | undefined;
+        readonly dot?: boolean | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};

package/dist/shared/ui/SkyBadge/index.d.ts

@@ -0,0 +1 @@
+export { default } from './SkyBadge.vue';

package/dist/shared/ui/SkyButton/index.d.ts

@@ -0,0 +1 @@
+export { default } from './SkyButton.vue';

package/dist/shared/ui/SkyCard/SkyCard.vue.d.ts

@@ -0,0 +1,12 @@
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare function __VLS_template(): {
+    ribbon?(_: {}): any;
+    header?(_: {}): any;
+    default?(_: {}): any;
+    footer?(_: {}): any;
+};

package/dist/shared/ui/SkyCard/index.d.ts

@@ -0,0 +1 @@
+export { default } from './SkyCard.vue';

package/dist/shared/ui/SkyCardHeader/SkyCardHeader.vue.d.ts

@@ -0,0 +1,18 @@
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import('vue').DefineComponent<{}, {
+    title: string;
+    subtitle: string;
+    iconSrc: string;
+    $props: {
+        readonly title?: string | undefined;
+        readonly subtitle?: string | undefined;
+        readonly iconSrc?: string | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare function __VLS_template(): {
+    icon?(_: {}): any;
+};

package/dist/shared/ui/SkyCardHeader/index.d.ts

@@ -0,0 +1 @@
+export { default } from './SkyCardHeader.vue';

package/dist/shared/ui/SkyCardRow/SkyCardRow.vue.d.ts

@@ -0,0 +1,16 @@
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import('vue').DefineComponent<{}, {
+    value: string | number;
+    label: string;
+    $props: {
+        readonly value?: string | number | undefined;
+        readonly label?: string | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};

package/dist/shared/ui/SkyCardRow/index.d.ts

@@ -0,0 +1 @@
+export { default } from './SkyCardRow.vue';

package/dist/shared/ui/SkySelect/index.d.ts

@@ -0,0 +1 @@
+export { default } from './SkySelect.vue';

package/dist/shared/ui/index.d.ts

@@ -0,0 +1,13 @@
+export { default as BaseTeleport } from './BaseTeleport';
+export { default as Dialog } from './Dialog';
+export { default as DialogModal } from './DialogModal';
+export { default as DialogNext } from './DialogNext';
+export { default as Header } from './Header';
+export { default as Modal } from './Modal';
+export { default as SkyAlert } from './SkyAlert';
+export { default as SkyBadge } from './SkyBadge';
+export { default as SkyButton } from './SkyButton';
+export { default as SkyCard } from './SkyCard';
+export { default as SkyCardHeader } from './SkyCardHeader';
+export { default as SkyCardRow } from './SkyCardRow';
+export { default as SkySelect } from './SkySelect';

package/dist/style.css

@@ -1 +1 @@
-::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.sky-header-container[data-v-ad8f398f]{width:100%;min-height:var(--sky-header-min-height, 82px);background-color:var(--sky-header-bg, transparent);display:flex;flex-direction:row;padding:var(--sky-header-padding, 10px);border-bottom:1px solid var(--sky-header-border-color, #dee2e6);z-index:var(--sky-header-z-index, 4);position:relative}.topmenubox[data-v-ad8f398f]{width:100%;display:flex;padding:4px;justify-content:space-between;align-items:center;background-color:transparent}.header-left[data-v-ad8f398f]{display:flex;align-items:center}.header-left[data-v-ad8f398f]>*+*{margin-left:12px}.titleAndDesc[data-v-ad8f398f]{display:flex;flex-direction:column;position:relative}.notPadding[data-v-ad8f398f]{margin:0;padding:0;font-size:var(--sky-header-title-size, 18px);font-weight:var(--sky-header-title-weight, 500);color:var(--sky-header-title-color, #252525);line-height:1.5;-webkit-user-select:none;user-select:none;display:flex;align-items:center;flex-wrap:nowrap}.topmenu-title[data-v-ad8f398f]{white-space:pre-line}.title-dropdown-toggle[data-v-ad8f398f]{display:flex;flex-direction:row;padding:0;margin:0;background:transparent;border:none;text-align:left;font:inherit;color:inherit}.title-dropdown-toggle-active[data-v-ad8f398f]{cursor:pointer}.arrow[data-v-ad8f398f]{width:12px;position:relative;margin-left:5px;flex-shrink:0;transition:transform .25s ease;color:var(--sky-header-title-color, #252525)}.arrow.open[data-v-ad8f398f]{transform:rotate(180deg)}.title-dropdown[data-v-ad8f398f]{position:absolute;top:100%;left:0;min-width:240px;background:#fff;border-radius:5px;box-shadow:0 1px 12px #0000001a;border:none;z-index:10;padding:4px 0;margin-top:4px}.title-dropdown-header[data-v-ad8f398f]{padding:4px 24px;font-size:13px;color:#6c757d}.title-dropdown-divider[data-v-ad8f398f]{height:0;margin:4px 0;border-top:1px solid #e9ecef}.title-dropdown-item[data-v-ad8f398f]{padding:4px 24px;cursor:pointer;transition:background-color .1s}.title-dropdown-item[data-v-ad8f398f]:hover{background-color:#f8f9fa}.title-dropdown-item[data-v-ad8f398f]:active{background-color:#e9ecef}.pageName[data-v-ad8f398f]{padding-bottom:0;margin:0;font-weight:500;font-size:14px}.pageVisit[data-v-ad8f398f]{color:gray;font-weight:400;font-size:11px}.topmenu-description[data-v-ad8f398f]{margin:0 0 5px;color:var(--sky-header-subtitle-color, #5d5d5d);font-size:13px;font-weight:400;line-height:1.5}.topmenubox-button[data-v-ad8f398f]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.btn-back[data-v-ad8f398f]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;cursor:pointer;border-radius:6px;transition:background-color .2s;color:var(--sky-header-back-btn-color, #374151)}.btn-back img[data-v-ad8f398f],.btn-back svg[data-v-ad8f398f]{display:block}.btn-back[data-v-ad8f398f]:hover{background-color:var(--sky-header-back-btn-hover-bg, #f8f9fa)}.btn-back[data-v-ad8f398f]:active{background-color:var(--sky-header-back-btn-active-bg, #e9ecef)}@media (max-width: 499px){.topmenu-description[data-v-ad8f398f]{display:none}.notPadding[data-v-ad8f398f]{font-size:13px}}@media (min-width: 500px) and (max-width: 1099px){.topmenu-description[data-v-ad8f398f]{font-size:11px}}@supports (padding-top: env(safe-area-inset-top)){.sky-header-container[data-v-ad8f398f]{padding-top:calc(10px + env(safe-area-inset-top))}}.sky-dialogbox-classic{display:block;position:fixed;padding:0;top:0;left:0;width:100%;height:100%;z-index:var(--sky-dialog-z-index, 9998);background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sky-dialog-overlay[data-v-d1a407c7]{display:flex;justify-content:center;align-items:center;position:fixed;padding:0;top:0;left:0;width:100%;height:100%;z-index:9999}.sky-dialog-content[data-v-d1a407c7]{background:var(--sky-dialog-bg, white);width:100%;height:100%;border-radius:var(--sky-dialog-radius, 5px);box-shadow:0 1px 3px #0000004d,0 1px 2px #0000003d}.sky-dialog-title[data-v-d1a407c7]{max-width:calc(100% - 80px);font-size:var(--sky-dialog-title-size, 13pt);padding:24px 0 24px 24px;float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sky-dialog-title-color, #252525)}.sky-dialog-subtitle[data-v-d1a407c7]{display:block;font-size:var(--sky-dialog-subtitle-size, 12pt);line-height:24px;color:var(--sky-dialog-subtitle-color, #6c757d);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sky-dialog-close[data-v-d1a407c7]{cursor:pointer;font-size:16pt;margin:15px;padding:17px;float:right;border-radius:50%;width:50px;height:50px;background:transparent;border:none;display:flex;align-items:center;justify-content:center;color:var(--sky-dialog-close-color, #333);transition:background-color .2s}.sky-dialog-close[data-v-d1a407c7]:hover{background-color:var(--sky-dialog-close-hover-bg, #f0f0f0)}.sky-dialog-clearfix[data-v-d1a407c7]{clear:both}.sky-dialog-paper[data-v-d1a407c7]{height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;position:relative}.sky-dialog-swipe-area[data-v-d1a407c7]{position:absolute;width:35px;height:100%;left:0}.sky-dialog-footer[data-v-d1a407c7]{padding:5px 10px;display:flex;justify-content:center;width:100%;transform:translateY(-52px)}.sky-dialog-footer[data-v-d1a407c7]>*+*{margin-left:10px}.sky-dialog-footer[data-v-d1a407c7]>*{flex:1;min-width:0}.sky-dialog-footer[data-v-d1a407c7]:has(>:deep(*:only-child))>*{max-width:100%}.sky-dialog-footer[data-v-d1a407c7]:has(>:deep(*:nth-child(2)):not(:has(>:deep(*:nth-child(3)))))>*{flex:1 1 50%}@media only screen and (min-width: 1400px){.sky-dialog-content[data-v-d1a407c7]{width:75%;margin:0 auto}}@media screen and (min-width: 710px){.sky-dialog-paper[data-v-d1a407c7]{height:calc(100% - 150px);max-height:calc(100% - 150px);background-color:#fff;margin:0 10px 60px;border-radius:5px}.sky-dialog-paper-no-footer[data-v-d1a407c7]{height:calc(100% - 70px);max-height:calc(100% - 70px);margin-bottom:10px}.sky-dialogbox[data-v-d1a407c7],.sky-dialog-overlay[data-v-d1a407c7]{padding:10px}}@media screen and (max-width: 709px){.sky-dialog-paper[data-v-d1a407c7]{height:calc(100% - 142px);max-height:calc(100% - 142px);background-color:#fff;margin:0 10px 10px;border-radius:5px;max-width:100vw!important}.sky-dialog-paper-no-footer[data-v-d1a407c7]{height:calc(100% - 60px);max-height:calc(100% - 60px)}.sky-dialog-footer[data-v-d1a407c7]{transform:translateY(-6px)}}@media screen and (max-width: 500px){.sky-dialog-subtitle[data-v-d1a407c7]{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sky-dialog-title-with-subtitle[data-v-d1a407c7]{padding:12px 24px!important}}@media screen and (max-width: 374px){.sky-dialog-subtitle[data-v-d1a407c7]{font-size:9pt}}@supports (padding-top: env(safe-area-inset-top)){.sky-dialog-paper[data-v-d1a407c7]{height:calc(100% - 150px - env(safe-area-inset-top))}.sky-dialog-paper-no-footer[data-v-d1a407c7]{height:calc(100% - 60px - env(safe-area-inset-top))}.sky-dialog-footer[data-v-d1a407c7]{padding-bottom:calc(env(safe-area-inset-bottom) + 8px)}}@supports (padding-top: env(safe-area-inset-top)){.sky-dialog-title[data-v-d1a407c7]{padding-top:calc(24px + env(safe-area-inset-top))}.sky-dialog-close[data-v-d1a407c7]{margin-top:calc(15px + env(safe-area-inset-top))}.sky-dialog-paper[data-v-d1a407c7]{padding-bottom:env(safe-area-inset-bottom)}}.sky-dialogbox-next{display:block;position:fixed;padding:0;top:0;left:0;width:100%;height:100%;z-index:var(--sky-dialog-z-index, 9998);background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sky-dialog-overlay[data-v-c2e2d8f9]{display:flex;justify-content:center;align-items:center;position:fixed;padding:0;top:0;left:0;width:100%;height:100%;z-index:9999}.sky-dialog-content[data-v-c2e2d8f9]{background:var(--sky-dialog-bg, white);width:100%;height:100%;box-shadow:0 1px 3px #0000004d,0 1px 2px #0000003d;display:flex;flex-direction:column}.sky-dialog-header[data-v-c2e2d8f9]{display:flex;align-items:center;padding:10px 14px}.sky-dialog-back[data-v-c2e2d8f9]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;cursor:pointer;border-radius:6px;color:var(--sky-dialog-back-color, #374151);transition:background-color .2s;margin-right:12px;flex-shrink:0}.sky-dialog-back svg[data-v-c2e2d8f9]{display:block}.sky-dialog-back[data-v-c2e2d8f9]:hover{background-color:var(--sky-dialog-back-hover-bg, #f8f9fa)}.sky-dialog-back[data-v-c2e2d8f9]:active{background-color:var(--sky-dialog-back-active-bg, #e9ecef)}.sky-dialog-title[data-v-c2e2d8f9]{font-size:var(--sky-dialog-title-size, 13pt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sky-dialog-title-color, #252525);min-width:0}.sky-dialog-title-with-subtitle[data-v-c2e2d8f9]{line-height:1.2}.sky-dialog-subtitle[data-v-c2e2d8f9]{display:block;font-size:var(--sky-dialog-subtitle-size, 12pt);line-height:24px;color:var(--sky-dialog-subtitle-color, #6c757d);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sky-dialog-paper[data-v-c2e2d8f9]{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;position:relative}.sky-dialog-swipe-area[data-v-c2e2d8f9]{position:absolute;width:35px;height:100%;left:0}.sky-dialog-footer[data-v-c2e2d8f9]{padding:5px 10px;display:flex;justify-content:center;width:100%;flex-shrink:0}.sky-dialog-footer[data-v-c2e2d8f9]>*+*{margin-left:10px}.sky-dialog-footer[data-v-c2e2d8f9]>*{flex:1;min-width:0}.sky-dialog-footer[data-v-c2e2d8f9]:has(>:deep(*:only-child))>*{max-width:100%}.sky-dialog-footer[data-v-c2e2d8f9]:has(>:deep(*:nth-child(2)):not(:has(>:deep(*:nth-child(3)))))>*{flex:1 1 50%}@media only screen and (min-width: 1400px){.sky-dialog-content[data-v-c2e2d8f9]{width:100%;margin:0 auto}}@media screen and (min-width: 710px){.sky-dialog-paper[data-v-c2e2d8f9]{background-color:#fff;margin:0 10px 10px}}@media screen and (max-width: 709px){.sky-dialog-paper[data-v-c2e2d8f9]{background-color:#fff;margin:0 10px 10px;max-width:100vw!important}}@media screen and (max-width: 500px){.sky-dialog-subtitle[data-v-c2e2d8f9]{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sky-dialog-title-with-subtitle[data-v-c2e2d8f9]{padding:12px 24px!important}}@media screen and (max-width: 374px){.sky-dialog-subtitle[data-v-c2e2d8f9]{font-size:9pt}}@supports (padding-top: env(safe-area-inset-top)){.sky-dialog-footer[data-v-c2e2d8f9]{padding-bottom:calc(env(safe-area-inset-bottom) + 8px)}}@supports (padding-top: env(safe-area-inset-top)){.sky-dialog-header[data-v-c2e2d8f9]{padding-top:calc(10px + env(safe-area-inset-top))}.sky-dialog-paper[data-v-c2e2d8f9]{padding-bottom:env(safe-area-inset-bottom)}}.sky-modal-overlay[data-v-e16b0dc3]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:var(--sky-modal-z-index, 9998);display:flex;justify-content:center;align-items:center}.sky-modal[data-v-e16b0dc3]{background:var(--sky-modal-bg, white);border-radius:var(--sky-modal-radius, 0);box-shadow:0 1px 3px #0000004d,0 1px 2px #0000003d;display:flex;flex-direction:column;max-width:100%;max-height:100%}.sky-modal-header[data-v-e16b0dc3]{display:flex;align-items:center;padding:var(--sky-modal-header-padding, 10px 14px);border-bottom:1px solid var(--sky-modal-border-color, #dee2e6);flex-shrink:0}.sky-modal-back[data-v-e16b0dc3]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;cursor:pointer;border-radius:6px;transition:background-color .2s;color:var(--sky-modal-back-color, #374151);margin-right:12px}.sky-modal-back svg[data-v-e16b0dc3]{display:block}.sky-modal-back[data-v-e16b0dc3]:hover{background-color:var(--sky-modal-back-hover-bg, #f8f9fa)}.sky-modal-back[data-v-e16b0dc3]:active{background-color:var(--sky-modal-back-active-bg, #e9ecef)}.sky-modal-title-wrapper[data-v-e16b0dc3]{flex:1;min-width:0}.sky-modal-title[data-v-e16b0dc3]{margin:0;font-size:var(--sky-modal-title-size, 18px);font-weight:var(--sky-modal-title-weight, 500);color:var(--sky-modal-title-color, #252525);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sky-modal-subtitle[data-v-e16b0dc3]{font-size:var(--sky-modal-subtitle-size, 14px);color:var(--sky-modal-subtitle-color, #6c757d);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sky-modal-body[data-v-e16b0dc3]{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--sky-modal-body-padding, 14px)}.sky-modal-footer[data-v-e16b0dc3]{padding:var(--sky-modal-footer-padding, 10px 14px);border-top:1px solid var(--sky-modal-border-color, #dee2e6);display:flex;justify-content:flex-end;flex-shrink:0}.sky-modal-footer[data-v-e16b0dc3]>*+*{margin-left:10px}@media (min-width: 768px){.sky-modal[data-v-e16b0dc3]{border-radius:var(--sky-modal-radius, 8px)}}@supports (padding-top: env(safe-area-inset-top)){.sky-modal-header[data-v-e16b0dc3]{padding-top:calc(10px + env(safe-area-inset-top))}.sky-modal-footer[data-v-e16b0dc3]{padding-bottom:calc(10px + env(safe-area-inset-bottom))}.sky-modal-body[data-v-e16b0dc3]:last-child{padding-bottom:calc(14px + env(safe-area-inset-bottom))}}.sky-btn[data-v-0d61fbfd]{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:var(--sky-btn-padding, 16px 20px);border:var(--sky-btn-border, none);border-radius:var(--sky-btn-radius, 6px);font-size:var(--sky-btn-font-size, 14px);font-weight:var(--sky-btn-font-weight, 500);line-height:1;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.sky-btn-icon[data-v-0d61fbfd]{padding:var(--sky-btn-icon-padding, 10px);border-radius:var(--sky-btn-icon-radius, 6px)}.sky-btn-block[data-v-0d61fbfd]{width:100%}.sky-btn[data-v-0d61fbfd]:disabled{opacity:.6;cursor:not-allowed}.sky-btn-primary[data-v-0d61fbfd]{background:var(--sky-btn-primary-bg, #24973f);color:var(--sky-btn-primary-color, #fff)}.sky-btn-primary[data-v-0d61fbfd]:hover:not(:disabled){background:var(--sky-btn-primary-hover-bg, #1e7a33)}.sky-btn-primary[data-v-0d61fbfd]:active:not(:disabled){background:var(--sky-btn-primary-active-bg, #196b2c)}.sky-btn-danger[data-v-0d61fbfd]{background:var(--sky-btn-danger-bg, #dc2626);color:var(--sky-btn-danger-color, #fff)}.sky-btn-danger[data-v-0d61fbfd]:hover:not(:disabled){background:var(--sky-btn-danger-hover-bg, #b91c1c)}.sky-btn-danger[data-v-0d61fbfd]:active:not(:disabled){background:var(--sky-btn-danger-active-bg, #991b1b)}.sky-btn-secondary[data-v-0d61fbfd]{background:var(--sky-btn-secondary-bg, #f3f4f6);color:var(--sky-btn-secondary-color, #374151)}.sky-btn-secondary[data-v-0d61fbfd]:hover:not(:disabled){background:var(--sky-btn-secondary-hover-bg, #e5e7eb)}.sky-btn-secondary[data-v-0d61fbfd]:active:not(:disabled){background:var(--sky-btn-secondary-active-bg, #d1d5db)}.sky-btn-outline[data-v-0d61fbfd]{background:var(--sky-btn-outline-bg, transparent);color:var(--sky-btn-outline-color, #374151);border:var(--sky-btn-border, 1px solid #d1d5db)}.sky-btn-outline[data-v-0d61fbfd]:hover:not(:disabled){background:var(--sky-btn-outline-hover-bg, #f3f4f6)}.sky-btn-outline[data-v-0d61fbfd]:active:not(:disabled){background:var(--sky-btn-outline-active-bg, #e5e7eb)}.sky-btn-spinner[data-v-0d61fbfd]{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:sky-btn-spin-0d61fbfd .6s linear infinite;flex-shrink:0}@keyframes sky-btn-spin-0d61fbfd{to{transform:rotate(360deg)}}.sky-select[data-v-5ca23325]{position:relative;display:inline-block;font-size:var(--sky-select-font-size, 14px)}.sky-select-block[data-v-5ca23325]{display:block;width:100%}.sky-select-block .sky-select-trigger[data-v-5ca23325]{width:100%}.sky-select-trigger[data-v-5ca23325]{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:var(--sky-select-padding, 10px 14px);background:var(--sky-select-bg, #fff);border:var(--sky-select-border, 1px solid #d1d5db);border-radius:var(--sky-select-radius, 6px);font-size:inherit;font-weight:var(--sky-select-font-weight, 400);color:var(--sky-select-color, #374151);cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;white-space:nowrap}.sky-select-trigger[data-v-5ca23325]:hover:not(:disabled){border-color:var(--sky-select-border-hover, #9ca3af)}.sky-select-open .sky-select-trigger[data-v-5ca23325]{border-color:var(--sky-select-border-focus, #6b7280);outline:none}.sky-select-trigger[data-v-5ca23325]:focus-visible{outline:2px solid var(--sky-select-focus-ring, #24973f);outline-offset:2px}.sky-select-disabled .sky-select-trigger[data-v-5ca23325]{opacity:.6;cursor:not-allowed}.sky-select-value[data-v-5ca23325]{overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.sky-select-placeholder[data-v-5ca23325]{color:var(--sky-select-placeholder-color, #9ca3af)}.sky-select-chevron[data-v-5ca23325]{width:16px;height:16px;flex-shrink:0;color:var(--sky-select-chevron-color, #6b7280);transition:transform .15s ease}.sky-select-open .sky-select-chevron[data-v-5ca23325]{transform:rotate(180deg)}.sky-select-dropdown[data-v-5ca23325]{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:var(--sky-select-dropdown-z-index, 100);background:var(--sky-select-dropdown-bg, #fff);border:var(--sky-select-dropdown-border, 1px solid #d1d5db);border-radius:var(--sky-select-dropdown-radius, 6px);box-shadow:var(--sky-select-dropdown-shadow, 0 4px 12px rgba(0, 0, 0, .1));max-height:var(--sky-select-dropdown-max-height, 220px);overflow-y:auto;padding:4px}.sky-select-option[data-v-5ca23325]{display:flex;align-items:center;justify-content:space-between;padding:var(--sky-select-option-padding, 9px 10px);border-radius:var(--sky-select-option-radius, 4px);cursor:pointer;color:var(--sky-select-option-color, #374151)}.sky-select-option-focused[data-v-5ca23325],.sky-select-option[data-v-5ca23325]:hover{background:var(--sky-select-option-hover-bg, #f3f4f6)}.sky-select-option-selected[data-v-5ca23325]{color:var(--sky-select-option-selected-color, #24973f);font-weight:500}.sky-select-check[data-v-5ca23325]{width:14px;height:14px;flex-shrink:0;color:var(--sky-select-check-color, #24973f)}
+::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.sky-dialogbox-classic{display:block;position:fixed;padding:0;top:0;left:0;width:100%;height:100%;z-index:var(--sky-dialog-z-index, 9998);background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sky-dialog-overlay[data-v-62f59776]{display:flex;justify-content:center;align-items:center;position:fixed;padding:0;top:0;left:0;width:100%;height:100%;z-index:9999}.sky-dialog-content[data-v-62f59776]{background:var(--sky-dialog-bg, white);width:100%;height:100%;border-radius:var(--sky-dialog-radius, 5px);box-shadow:0 1px 3px #0000004d,0 1px 2px #0000003d}.sky-dialog-title[data-v-62f59776]{max-width:calc(100% - 80px);font-size:var(--sky-dialog-title-size, 13pt);padding:24px 0 24px 24px;float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sky-dialog-title-color, #252525)}.sky-dialog-subtitle[data-v-62f59776]{display:block;font-size:var(--sky-dialog-subtitle-size, 12pt);line-height:24px;color:var(--sky-dialog-subtitle-color, #6c757d);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sky-dialog-close[data-v-62f59776]{cursor:pointer;font-size:16pt;margin:15px;padding:17px;float:right;border-radius:50%;width:50px;height:50px;background:transparent;border:none;display:flex;align-items:center;justify-content:center;color:var(--sky-dialog-close-color, #333);transition:background-color .2s}.sky-dialog-close[data-v-62f59776]:hover{background-color:var(--sky-dialog-close-hover-bg, #f0f0f0)}.sky-dialog-clearfix[data-v-62f59776]{clear:both}.sky-dialog-paper[data-v-62f59776]{height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;position:relative}.sky-dialog-swipe-area[data-v-62f59776]{position:absolute;width:35px;height:100%;left:0}.sky-dialog-footer[data-v-62f59776]{padding:5px 10px;display:flex;justify-content:center;width:100%;transform:translateY(-52px)}.sky-dialog-footer[data-v-62f59776]>*+*{margin-left:10px}.sky-dialog-footer[data-v-62f59776]>*{flex:1;min-width:0}.sky-dialog-footer[data-v-62f59776]:has(>:deep(*:only-child))>*{max-width:100%}.sky-dialog-footer[data-v-62f59776]:has(>:deep(*:nth-child(2)):not(:has(>:deep(*:nth-child(3)))))>*{flex:1 1 50%}@media only screen and (min-width: 1400px){.sky-dialog-content[data-v-62f59776]{width:75%;margin:0 auto}}@media screen and (min-width: 710px){.sky-dialog-paper[data-v-62f59776]{height:calc(100% - 150px);max-height:calc(100% - 150px);background-color:#fff;margin:0 10px 60px;border-radius:5px}.sky-dialog-paper-no-footer[data-v-62f59776]{height:calc(100% - 70px);max-height:calc(100% - 70px);margin-bottom:10px}.sky-dialogbox[data-v-62f59776],.sky-dialog-overlay[data-v-62f59776]{padding:10px}}@media screen and (max-width: 709px){.sky-dialog-paper[data-v-62f59776]{height:calc(100% - 142px);max-height:calc(100% - 142px);background-color:#fff;margin:0 10px 10px;border-radius:5px;max-width:100vw!important}.sky-dialog-paper-no-footer[data-v-62f59776]{height:calc(100% - 60px);max-height:calc(100% - 60px)}.sky-dialog-footer[data-v-62f59776]{transform:translateY(-6px)}}@media screen and (max-width: 500px){.sky-dialog-subtitle[data-v-62f59776]{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sky-dialog-title-with-subtitle[data-v-62f59776]{padding:12px 24px!important}}@media screen and (max-width: 374px){.sky-dialog-subtitle[data-v-62f59776]{font-size:9pt}}@supports (padding-top: env(safe-area-inset-top)){.sky-dialog-paper[data-v-62f59776]{height:calc(100% - 150px - env(safe-area-inset-top))}.sky-dialog-paper-no-footer[data-v-62f59776]{height:calc(100% - 60px - env(safe-area-inset-top))}.sky-dialog-footer[data-v-62f59776]{padding-bottom:calc(env(safe-area-inset-bottom) + 8px)}}@supports (padding-top: env(safe-area-inset-top)){.sky-dialog-title[data-v-62f59776]{padding-top:calc(24px + env(safe-area-inset-top))}.sky-dialog-close[data-v-62f59776]{margin-top:calc(15px + env(safe-area-inset-top))}.sky-dialog-paper[data-v-62f59776]{padding-bottom:env(safe-area-inset-bottom)}}.sky-dialogbox-next{display:block;position:fixed;padding:0;top:0;left:0;width:100%;height:100%;z-index:var(--sky-dialog-z-index, 9998);background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sky-dialog-overlay[data-v-857b5f70]{display:flex;justify-content:center;align-items:center;position:fixed;padding:0;top:0;left:0;width:100%;height:100%;z-index:9999}.sky-dialog-content[data-v-857b5f70]{background:var(--sky-dialog-bg, white);width:100%;height:100%;box-shadow:0 1px 3px #0000004d,0 1px 2px #0000003d;display:flex;flex-direction:column}.sky-dialog-header[data-v-857b5f70]{display:flex;align-items:center;padding:10px 14px}.sky-dialog-back[data-v-857b5f70]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;cursor:pointer;border-radius:6px;color:var(--sky-dialog-back-color, #374151);transition:background-color .2s;margin-right:12px;flex-shrink:0}.sky-dialog-back svg[data-v-857b5f70]{display:block}.sky-dialog-back[data-v-857b5f70]:hover{background-color:var(--sky-dialog-back-hover-bg, #f8f9fa)}.sky-dialog-back[data-v-857b5f70]:active{background-color:var(--sky-dialog-back-active-bg, #e9ecef)}.sky-dialog-title[data-v-857b5f70]{font-size:var(--sky-dialog-title-size, 13pt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sky-dialog-title-color, #252525);min-width:0}.sky-dialog-title-with-subtitle[data-v-857b5f70]{line-height:1.2}.sky-dialog-subtitle[data-v-857b5f70]{display:block;font-size:var(--sky-dialog-subtitle-size, 12pt);line-height:24px;color:var(--sky-dialog-subtitle-color, #6c757d);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sky-dialog-paper[data-v-857b5f70]{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;position:relative}.sky-dialog-swipe-area[data-v-857b5f70]{position:absolute;width:35px;height:100%;left:0}.sky-dialog-footer[data-v-857b5f70]{padding:5px 10px;display:flex;justify-content:center;width:100%;flex-shrink:0}.sky-dialog-footer[data-v-857b5f70]>*+*{margin-left:10px}.sky-dialog-footer[data-v-857b5f70]>*{flex:1;min-width:0}.sky-dialog-footer[data-v-857b5f70]:has(>:deep(*:only-child))>*{max-width:100%}.sky-dialog-footer[data-v-857b5f70]:has(>:deep(*:nth-child(2)):not(:has(>:deep(*:nth-child(3)))))>*{flex:1 1 50%}@media only screen and (min-width: 1400px){.sky-dialog-content[data-v-857b5f70]{width:100%;margin:0 auto}}@media screen and (min-width: 710px){.sky-dialog-paper[data-v-857b5f70]{background-color:#fff;margin:0 10px 10px}}@media screen and (max-width: 709px){.sky-dialog-paper[data-v-857b5f70]{background-color:#fff;margin:0 10px 10px;max-width:100vw!important}}@media screen and (max-width: 500px){.sky-dialog-subtitle[data-v-857b5f70]{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sky-dialog-title-with-subtitle[data-v-857b5f70]{padding:12px 24px!important}}@media screen and (max-width: 374px){.sky-dialog-subtitle[data-v-857b5f70]{font-size:9pt}}@supports (padding-top: env(safe-area-inset-top)){.sky-dialog-footer[data-v-857b5f70]{padding-bottom:calc(env(safe-area-inset-bottom) + 8px)}}@supports (padding-top: env(safe-area-inset-top)){.sky-dialog-header[data-v-857b5f70]{padding-top:calc(10px + env(safe-area-inset-top))}.sky-dialog-paper[data-v-857b5f70]{padding-bottom:env(safe-area-inset-bottom)}}.sky-header-container[data-v-8bf4384c]{width:100%;min-height:var(--sky-header-min-height, 82px);background-color:var(--sky-header-bg, transparent);display:flex;flex-direction:row;padding:var(--sky-header-padding, 10px);border-bottom:1px solid var(--sky-header-border-color, #dee2e6);z-index:var(--sky-header-z-index, 4);position:relative}.topmenubox[data-v-8bf4384c]{width:100%;display:flex;padding:4px;justify-content:space-between;align-items:center;background-color:transparent}.header-left[data-v-8bf4384c]{display:flex;align-items:center}.header-left[data-v-8bf4384c]>*+*{margin-left:12px}.titleAndDesc[data-v-8bf4384c]{display:flex;flex-direction:column;position:relative}.notPadding[data-v-8bf4384c]{margin:0;padding:0;font-size:var(--sky-header-title-size, 18px);font-weight:var(--sky-header-title-weight, 500);color:var(--sky-header-title-color, #252525);line-height:1.5;-webkit-user-select:none;user-select:none;display:flex;align-items:center;flex-wrap:nowrap}.topmenu-title[data-v-8bf4384c]{white-space:pre-line}.title-dropdown-toggle[data-v-8bf4384c]{display:flex;flex-direction:row;padding:0;margin:0;background:transparent;border:none;text-align:left;font:inherit;color:inherit}.title-dropdown-toggle-active[data-v-8bf4384c]{cursor:pointer}.arrow[data-v-8bf4384c]{width:12px;position:relative;margin-left:5px;flex-shrink:0;transition:transform .25s ease;color:var(--sky-header-title-color, #252525)}.arrow.open[data-v-8bf4384c]{transform:rotate(180deg)}.title-dropdown[data-v-8bf4384c]{position:absolute;top:100%;left:0;min-width:240px;background:#fff;border-radius:5px;box-shadow:0 1px 12px #0000001a;border:none;z-index:10;padding:4px 0;margin-top:4px}.title-dropdown-header[data-v-8bf4384c]{padding:4px 24px;font-size:13px;color:#6c757d}.title-dropdown-divider[data-v-8bf4384c]{height:0;margin:4px 0;border-top:1px solid #e9ecef}.title-dropdown-item[data-v-8bf4384c]{padding:4px 24px;cursor:pointer;transition:background-color .1s}.title-dropdown-item[data-v-8bf4384c]:hover{background-color:#f8f9fa}.title-dropdown-item[data-v-8bf4384c]:active{background-color:#e9ecef}.pageName[data-v-8bf4384c]{padding-bottom:0;margin:0;font-weight:500;font-size:14px}.pageVisit[data-v-8bf4384c]{color:gray;font-weight:400;font-size:11px}.topmenu-description[data-v-8bf4384c]{margin:0 0 5px;color:var(--sky-header-subtitle-color, #5d5d5d);font-size:13px;font-weight:400;line-height:1.5}.topmenubox-button[data-v-8bf4384c]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.btn-back[data-v-8bf4384c]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;cursor:pointer;border-radius:6px;transition:background-color .2s;color:var(--sky-header-back-btn-color, #374151)}.btn-back img[data-v-8bf4384c],.btn-back svg[data-v-8bf4384c]{display:block}.btn-back[data-v-8bf4384c]:hover{background-color:var(--sky-header-back-btn-hover-bg, #f8f9fa)}.btn-back[data-v-8bf4384c]:active{background-color:var(--sky-header-back-btn-active-bg, #e9ecef)}@media (max-width: 499px){.topmenu-description[data-v-8bf4384c]{display:none}.notPadding[data-v-8bf4384c]{font-size:13px}}@media (min-width: 500px) and (max-width: 1099px){.topmenu-description[data-v-8bf4384c]{font-size:11px}}@supports (padding-top: env(safe-area-inset-top)){.sky-header-container[data-v-8bf4384c]{padding-top:calc(10px + env(safe-area-inset-top))}}.sky-modal-overlay[data-v-361413ac]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:var(--sky-modal-z-index, 9998);display:flex;justify-content:center;align-items:center}.sky-modal[data-v-361413ac]{background:var(--sky-modal-bg, white);border-radius:var(--sky-modal-radius, 0);box-shadow:0 1px 3px #0000004d,0 1px 2px #0000003d;display:flex;flex-direction:column;max-width:100%;max-height:100%}.sky-modal-header[data-v-361413ac]{display:flex;align-items:center;padding:var(--sky-modal-header-padding, 10px 14px);border-bottom:1px solid var(--sky-modal-border-color, #dee2e6);flex-shrink:0}.sky-modal-back[data-v-361413ac]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;cursor:pointer;border-radius:6px;transition:background-color .2s;color:var(--sky-modal-back-color, #374151);margin-right:12px}.sky-modal-back svg[data-v-361413ac]{display:block}.sky-modal-back[data-v-361413ac]:hover{background-color:var(--sky-modal-back-hover-bg, #f8f9fa)}.sky-modal-back[data-v-361413ac]:active{background-color:var(--sky-modal-back-active-bg, #e9ecef)}.sky-modal-title-wrapper[data-v-361413ac]{flex:1;min-width:0}.sky-modal-title[data-v-361413ac]{margin:0;font-size:var(--sky-modal-title-size, 18px);font-weight:var(--sky-modal-title-weight, 500);color:var(--sky-modal-title-color, #252525);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sky-modal-subtitle[data-v-361413ac]{font-size:var(--sky-modal-subtitle-size, 14px);color:var(--sky-modal-subtitle-color, #6c757d);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sky-modal-body[data-v-361413ac]{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--sky-modal-body-padding, 14px)}.sky-modal-footer[data-v-361413ac]{padding:var(--sky-modal-footer-padding, 10px 14px);border-top:1px solid var(--sky-modal-border-color, #dee2e6);display:flex;justify-content:flex-end;flex-shrink:0}.sky-modal-footer[data-v-361413ac]>*+*{margin-left:10px}@media (min-width: 768px){.sky-modal[data-v-361413ac]{border-radius:var(--sky-modal-radius, 8px)}}@supports (padding-top: env(safe-area-inset-top)){.sky-modal-header[data-v-361413ac]{padding-top:calc(10px + env(safe-area-inset-top))}.sky-modal-footer[data-v-361413ac]{padding-bottom:calc(10px + env(safe-area-inset-bottom))}.sky-modal-body[data-v-361413ac]:last-child{padding-bottom:calc(14px + env(safe-area-inset-bottom))}}.sky-alert[data-v-ae1976b5]{display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding:12px;border-radius:8px;border:1px solid;font-size:13px;line-height:1.4}.sky-alert-icon[data-v-ae1976b5]{flex-shrink:0;margin-top:1px}.sky-alert-body[data-v-ae1976b5]{min-width:0;word-break:break-word}.sky-alert-success[data-v-ae1976b5]{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.sky-alert-error[data-v-ae1976b5]{background:#fff5f5;border-color:#ffcdd2;color:#c62828}.sky-alert-warning[data-v-ae1976b5]{background:#fffbeb;border-color:#fde68a;color:#92400e}.sky-alert-info[data-v-ae1976b5]{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.sky-badge[data-v-3c7aa57d]{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;line-height:1.3}.sky-badge-dot[data-v-3c7aa57d]{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.sky-badge-success[data-v-3c7aa57d]{background:#e8f5e9;color:#2e7d32}.sky-badge-error[data-v-3c7aa57d]{background:#ffebee;color:#c62828}.sky-badge-warning[data-v-3c7aa57d],.sky-badge-pending[data-v-3c7aa57d]{background:#fff8e1;color:#f57f17}.sky-badge-info[data-v-3c7aa57d]{background:#e3f2fd;color:#1565c0}.sky-badge-default[data-v-3c7aa57d]{background:#f5f5f5;color:#757575}.sky-btn[data-v-755083cb]{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:var(--sky-btn-padding, 16px 20px);border:var(--sky-btn-border, none);border-radius:var(--sky-btn-radius, 6px);font-size:var(--sky-btn-font-size, 14px);font-weight:var(--sky-btn-font-weight, 500);line-height:1;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.sky-btn-icon[data-v-755083cb]{padding:var(--sky-btn-icon-padding, 10px);border-radius:var(--sky-btn-icon-radius, 6px)}.sky-btn-block[data-v-755083cb]{width:100%}.sky-btn[data-v-755083cb]:disabled{opacity:.6;cursor:not-allowed}.sky-btn-primary[data-v-755083cb]{background:var(--sky-btn-primary-bg, #00c279);color:var(--sky-btn-primary-color, #fff)}.sky-btn-primary[data-v-755083cb]:hover:not(:disabled){background:var(--sky-btn-primary-hover-bg, #00a868)}.sky-btn-primary[data-v-755083cb]:active:not(:disabled){background:var(--sky-btn-primary-active-bg, #008f5a)}.sky-btn-danger[data-v-755083cb]{background:var(--sky-btn-danger-bg, #dc2626);color:var(--sky-btn-danger-color, #fff)}.sky-btn-danger[data-v-755083cb]:hover:not(:disabled){background:var(--sky-btn-danger-hover-bg, #b91c1c)}.sky-btn-danger[data-v-755083cb]:active:not(:disabled){background:var(--sky-btn-danger-active-bg, #991b1b)}.sky-btn-secondary[data-v-755083cb]{background:var(--sky-btn-secondary-bg, #f3f4f6);color:var(--sky-btn-secondary-color, #374151)}.sky-btn-secondary[data-v-755083cb]:hover:not(:disabled){background:var(--sky-btn-secondary-hover-bg, #e5e7eb)}.sky-btn-secondary[data-v-755083cb]:active:not(:disabled){background:var(--sky-btn-secondary-active-bg, #d1d5db)}.sky-btn-outline[data-v-755083cb]{background:var(--sky-btn-outline-bg, transparent);color:var(--sky-btn-outline-color, #374151);border:var(--sky-btn-border, 1px solid #d1d5db)}.sky-btn-outline[data-v-755083cb]:hover:not(:disabled){background:var(--sky-btn-outline-hover-bg, #f3f4f6)}.sky-btn-outline[data-v-755083cb]:active:not(:disabled){background:var(--sky-btn-outline-active-bg, #e5e7eb)}.sky-btn-spinner[data-v-755083cb]{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:sky-btn-spin-755083cb .6s linear infinite;flex-shrink:0}@keyframes sky-btn-spin-755083cb{to{transform:rotate(360deg)}}.sky-card[data-v-6a2d353e]{position:relative;background:var(--sky-card-bg, #fff);border-radius:var(--sky-card-radius, 12px);box-shadow:var(--sky-card-shadow, 0 1px 12px rgba(0, 0, 0, .1));display:flex;flex-direction:column;height:100%;overflow:hidden}.sky-card-ribbon[data-v-6a2d353e]{position:absolute;top:0;left:0;right:0;background:var(--sky-card-ribbon-bg, #e65100);color:var(--sky-card-ribbon-color, #fff);text-align:center;padding:4px 8px;font-size:12px;font-weight:600;letter-spacing:.3px;z-index:1}.sky-card-header[data-v-6a2d353e]{padding:var(--sky-card-padding-header, 24px 24px 0)}.sky-card-body[data-v-6a2d353e]{padding:var(--sky-card-padding-body, 10px 24px 15px);flex:1}.sky-card-footer[data-v-6a2d353e]{display:flex;gap:10px;padding:var(--sky-card-padding-footer, 0 24px 24px);margin-top:auto}@media (min-width: 1180px) and (max-width: 1430px){.sky-card-header[data-v-6a2d353e]{padding:var(--sky-card-padding-header-md, 16px 16px 0)}.sky-card-body[data-v-6a2d353e]{padding:var(--sky-card-padding-body-md, 10px 16px 15px)}.sky-card-footer[data-v-6a2d353e]{padding:var(--sky-card-padding-footer-md, 0 16px 16px)}}@media (max-width: 500px){.sky-card-header[data-v-6a2d353e]{padding:var(--sky-card-padding-header-sm, 9px 15px)}.sky-card-body[data-v-6a2d353e]{padding:var(--sky-card-padding-body-sm, 10px 15px 15px)}.sky-card-footer[data-v-6a2d353e]{padding:var(--sky-card-padding-footer-sm, 0 15px 15px);flex-direction:column}}.sky-card-header-content[data-v-ab38d71f]{display:flex;align-items:center;gap:16px}.sky-card-header-icon[data-v-ab38d71f]{width:var(--sky-card-icon-size, 64px);height:var(--sky-card-icon-size, 64px);border-radius:var(--sky-card-icon-radius, 12px);background:var(--sky-card-icon-bg, #00c279);color:var(--sky-card-icon-color, #fff);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sky-card-header-titles[data-v-ab38d71f]{flex:1;min-width:0}.sky-card-header-title[data-v-ab38d71f]{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 4px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sky-card-header-subtitle[data-v-ab38d71f]{font-size:13px;color:#666;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 1180px) and (max-width: 1430px){.sky-card-header-icon[data-v-ab38d71f]{width:55px;height:55px}.sky-card-header-title[data-v-ab38d71f]{font-size:1.1rem}}@media (max-width: 1180px){.sky-card-header-title[data-v-ab38d71f]{font-size:1.1rem}}@media (max-width: 900px){.sky-card-header-title[data-v-ab38d71f]{font-size:1rem}}@media (max-width: 500px){.sky-card-header-icon[data-v-ab38d71f]{width:48px;height:48px;border-radius:8px}.sky-card-header-title[data-v-ab38d71f]{font-size:17px}}.sky-card-row[data-v-8bd0b0e7]{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0}.sky-card-row-label[data-v-8bd0b0e7]{font-size:13px;color:#888;white-space:nowrap;flex-shrink:0}.sky-card-row-value[data-v-8bd0b0e7]{font-size:14px;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.sky-select[data-v-a5711987]{position:relative;display:inline-block;font-size:var(--sky-select-font-size, 14px)}.sky-select-block[data-v-a5711987]{display:block;width:100%}.sky-select-block .sky-select-trigger[data-v-a5711987]{width:100%}.sky-select-trigger[data-v-a5711987]{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:var(--sky-select-padding, 10px 14px);background:var(--sky-select-bg, #fff);border:var(--sky-select-border, 1px solid #d1d5db);border-radius:var(--sky-select-radius, 6px);font-size:inherit;font-weight:var(--sky-select-font-weight, 400);color:var(--sky-select-color, #374151);cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;white-space:nowrap}.sky-select-trigger[data-v-a5711987]:hover:not(:disabled){border-color:var(--sky-select-border-hover, #9ca3af)}.sky-select-open .sky-select-trigger[data-v-a5711987]{border-color:var(--sky-select-border-focus, #6b7280);outline:none}.sky-select-trigger[data-v-a5711987]:focus-visible{outline:2px solid var(--sky-select-focus-ring, #00c279);outline-offset:2px}.sky-select-disabled .sky-select-trigger[data-v-a5711987]{opacity:.6;cursor:not-allowed}.sky-select-value[data-v-a5711987]{overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.sky-select-placeholder[data-v-a5711987]{color:var(--sky-select-placeholder-color, #9ca3af)}.sky-select-chevron[data-v-a5711987]{width:16px;height:16px;flex-shrink:0;color:var(--sky-select-chevron-color, #6b7280);transition:transform .15s ease}.sky-select-open .sky-select-chevron[data-v-a5711987]{transform:rotate(180deg)}.sky-select-dropdown[data-v-a5711987]{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:var(--sky-select-dropdown-z-index, 100);background:var(--sky-select-dropdown-bg, #fff);border:var(--sky-select-dropdown-border, 1px solid #d1d5db);border-radius:var(--sky-select-dropdown-radius, 6px);box-shadow:var(--sky-select-dropdown-shadow, 0 4px 12px rgba(0, 0, 0, .1));max-height:var(--sky-select-dropdown-max-height, 220px);overflow-y:auto;padding:4px}.sky-select-option[data-v-a5711987]{display:flex;align-items:center;justify-content:space-between;padding:var(--sky-select-option-padding, 9px 10px);border-radius:var(--sky-select-option-radius, 4px);cursor:pointer;color:var(--sky-select-option-color, #374151)}.sky-select-option-focused[data-v-a5711987],.sky-select-option[data-v-a5711987]:hover{background:var(--sky-select-option-hover-bg, #f3f4f6)}.sky-select-option-selected[data-v-a5711987]{color:var(--sky-select-option-selected-color, #00c279);font-weight:500}.sky-select-check[data-v-a5711987]{width:14px;height:14px;flex-shrink:0;color:var(--sky-select-check-color, #00c279)}.sky-tile-card[data-v-6ac519f3]{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--sky-tile-bg, #fff);border-radius:var(--sky-tile-radius, 12px);box-shadow:var(--sky-tile-shadow, 0 1px 12px rgba(0, 0, 0, .08))}.sky-tile-card-head[data-v-6ac519f3]{display:flex;align-items:center;gap:16px;min-width:0}.sky-tile-card-icon[data-v-6ac519f3]{width:var(--sky-tile-icon-size, 56px);height:var(--sky-tile-icon-size, 56px);border-radius:var(--sky-tile-icon-radius, 12px);background:var(--sky-tile-icon-bg, #00c279);color:var(--sky-tile-icon-color, #fff);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.sky-tile-card-icon img[data-v-6ac519f3]{width:60%;height:60%;object-fit:contain}.sky-tile-card-titles[data-v-6ac519f3]{flex:1;min-width:0}.sky-tile-card-title[data-v-6ac519f3]{font-size:16px;font-weight:600;color:var(--sky-tile-title-color, #1a1a1a);margin:0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sky-tile-card-subtitle[data-v-6ac519f3]{font-size:13px;color:var(--sky-tile-subtitle-color, #666);margin:4px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sky-tile-card-body[data-v-6ac519f3]{min-width:0}@media (max-width: 500px){.sky-tile-card[data-v-6ac519f3]{padding:12px;gap:10px}.sky-tile-card-head[data-v-6ac519f3]{gap:12px}.sky-tile-card-icon[data-v-6ac519f3]{width:48px;height:48px;border-radius:8px}}