@zimyo/manage 0.3.10 → 0.3.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -23,7 +23,7 @@ export declare const useFetch: (apiPromise: (options: HttpServiceType, signal: A
23
23
  isPreviousData: boolean;
24
24
  isRefetching: boolean;
25
25
  isStale: boolean;
26
- refetch: <TPageData>(options?: import('react-query').RefetchOptions & import('react-query').RefetchQueryFilters<TPageData>) => Promise<import('react-query').QueryObserverResult<any, any>>;
26
+ refetch: <TPageData>(options?: (import('react-query').RefetchOptions & import('react-query').RefetchQueryFilters<TPageData>) | undefined) => Promise<import('react-query').QueryObserverResult<any, any>>;
27
27
  remove: () => void;
28
28
  rq_data: any;
29
29
  } | {
@@ -47,7 +47,7 @@ export declare const useFetch: (apiPromise: (options: HttpServiceType, signal: A
47
47
  isPreviousData: boolean;
48
48
  isRefetching: boolean;
49
49
  isStale: boolean;
50
- refetch: <TPageData>(options?: import('react-query').RefetchOptions & import('react-query').RefetchQueryFilters<TPageData>) => Promise<import('react-query').QueryObserverResult<any, any>>;
50
+ refetch: <TPageData>(options?: (import('react-query').RefetchOptions & import('react-query').RefetchQueryFilters<TPageData>) | undefined) => Promise<import('react-query').QueryObserverResult<any, any>>;
51
51
  remove: () => void;
52
52
  rq_data: any;
53
53
  } | {
@@ -71,7 +71,7 @@ export declare const useFetch: (apiPromise: (options: HttpServiceType, signal: A
71
71
  isPreviousData: boolean;
72
72
  isRefetching: boolean;
73
73
  isStale: boolean;
74
- refetch: <TPageData>(options?: import('react-query').RefetchOptions & import('react-query').RefetchQueryFilters<TPageData>) => Promise<import('react-query').QueryObserverResult<any, any>>;
74
+ refetch: <TPageData>(options?: (import('react-query').RefetchOptions & import('react-query').RefetchQueryFilters<TPageData>) | undefined) => Promise<import('react-query').QueryObserverResult<any, any>>;
75
75
  remove: () => void;
76
76
  rq_data: any;
77
77
  } | {
@@ -95,7 +95,7 @@ export declare const useFetch: (apiPromise: (options: HttpServiceType, signal: A
95
95
  isPreviousData: boolean;
96
96
  isRefetching: boolean;
97
97
  isStale: boolean;
98
- refetch: <TPageData>(options?: import('react-query').RefetchOptions & import('react-query').RefetchQueryFilters<TPageData>) => Promise<import('react-query').QueryObserverResult<any, any>>;
98
+ refetch: <TPageData>(options?: (import('react-query').RefetchOptions & import('react-query').RefetchQueryFilters<TPageData>) | undefined) => Promise<import('react-query').QueryObserverResult<any, any>>;
99
99
  remove: () => void;
100
100
  rq_data: any;
101
101
  } | {
@@ -119,7 +119,7 @@ export declare const useFetch: (apiPromise: (options: HttpServiceType, signal: A
119
119
  isPreviousData: boolean;
120
120
  isRefetching: boolean;
121
121
  isStale: boolean;
122
- refetch: <TPageData>(options?: import('react-query').RefetchOptions & import('react-query').RefetchQueryFilters<TPageData>) => Promise<import('react-query').QueryObserverResult<any, any>>;
122
+ refetch: <TPageData>(options?: (import('react-query').RefetchOptions & import('react-query').RefetchQueryFilters<TPageData>) | undefined) => Promise<import('react-query').QueryObserverResult<any, any>>;
123
123
  remove: () => void;
124
124
  rq_data: any;
125
125
  };
@@ -5,7 +5,7 @@ export type HttpServiceType = {
5
5
  params?: any;
6
6
  isNativeEndpoint?: boolean;
7
7
  };
8
- export declare const getService: ({ url, token, params }: HttpServiceType) => Promise<import('axios').AxiosResponse<any, any>>;
9
- export declare const postService: ({ url, token, data, params }: HttpServiceType) => Promise<import('axios').AxiosResponse<any, any>>;
10
- export declare const patchService: ({ url, token, data, params }: HttpServiceType) => Promise<import('axios').AxiosResponse<any, any>>;
11
- export declare const deleteService: ({ url, token, data, params }: HttpServiceType) => Promise<import('axios').AxiosResponse<any, any>>;
8
+ export declare const getService: ({ url, token, params }: HttpServiceType) => Promise<import('axios').AxiosResponse<any, any, {}>>;
9
+ export declare const postService: ({ url, token, data, params }: HttpServiceType) => Promise<import('axios').AxiosResponse<any, any, {}>>;
10
+ export declare const patchService: ({ url, token, data, params }: HttpServiceType) => Promise<import('axios').AxiosResponse<any, any, {}>>;
11
+ export declare const deleteService: ({ url, token, data, params }: HttpServiceType) => Promise<import('axios').AxiosResponse<any, any, {}>>;
@@ -5,7 +5,7 @@ export declare class util {
5
5
  }, value: string) => any;
6
6
  static getFullDateVar: (ip: any) => any;
7
7
  static isDateValid(date: Date): boolean;
8
- static getFormatedDate: (timestamp?: any, format?: string, checkFormatList?: boolean) => string;
8
+ static getFormatedDate: (timestamp?: any, format?: string, checkFormatList?: boolean) => string | null;
9
9
  static validateDataType(value: unknown, type: string): boolean;
10
10
  static convertFormMasterTypeToDynamicFormType: (type: string) => any;
11
11
  static convertToFormData(data: any): FormData;
@@ -0,0 +1,17 @@
1
+ import React from 'react';
2
+ interface Transaction {
3
+ id: string;
4
+ date: string;
5
+ description: string;
6
+ method: string;
7
+ amount: string;
8
+ status: 'Completed' | 'Pending';
9
+ invoice: string | null;
10
+ type?: 'Payment' | 'Refund' | 'Subscription';
11
+ amountLabel?: 'Charged' | 'Refunded';
12
+ }
13
+ interface TransactionCardsProps {
14
+ transactions: Transaction[];
15
+ }
16
+ declare const CardView: React.FC<TransactionCardsProps>;
17
+ export default CardView;
@@ -1 +1,16 @@
1
- export {};
1
+ import React from 'react';
2
+ import "./Table.css";
3
+ interface Transaction {
4
+ id: string;
5
+ date: string;
6
+ description: string;
7
+ method: string;
8
+ amount: string;
9
+ status: 'Completed' | 'Pending';
10
+ invoice: string | null;
11
+ }
12
+ interface TransactionTableProps {
13
+ transactions: Transaction[];
14
+ }
15
+ declare const TableView: React.FC<TransactionTableProps>;
16
+ export default TableView;
@@ -1,10 +1,10 @@
1
1
  declare function TextReducingTooltipComponent({ data, limit, doNotShowTooltip, arrow, endAdornment, startAdornment, styleOverrides }: {
2
- data?: string;
3
- limit?: number;
4
- doNotShowTooltip?: boolean;
5
- arrow?: boolean;
6
- endAdornment?: string;
7
- startAdornment?: string;
8
- styleOverrides?: {};
2
+ data?: string | undefined;
3
+ limit?: number | undefined;
4
+ doNotShowTooltip?: boolean | undefined;
5
+ arrow?: boolean | undefined;
6
+ endAdornment?: string | undefined;
7
+ startAdornment?: string | undefined;
8
+ styleOverrides?: {} | undefined;
9
9
  }): import("react/jsx-runtime").JSX.Element;
10
10
  export default TextReducingTooltipComponent;
@@ -0,0 +1,26 @@
1
+ import { type ClassValue } from 'clsx';
2
+ declare function cn(...inputs: ClassValue[]): string;
3
+ declare const getS3FileNameAndPathPerf: (org_id: string | number, system_name_file?: string, uploadLocation?: string) => {
4
+ fileName: string;
5
+ filePath: string;
6
+ };
7
+ declare function appendAwsBaseUrl(relativeUrl: string, params?: {}): string;
8
+ declare const getFileExtension: (file: string) => string;
9
+ declare function getFileIcon(extension: string): string;
10
+ declare const downloadFile: (setLoading: (state: {
11
+ isLoading: boolean;
12
+ }) => void, file: any, FileWithAWSBaseUrl: string, file_name: string, dispatchError: (message: string) => void) => Promise<void>;
13
+ type GetIds = {
14
+ object: {
15
+ [key: string]: string | number | boolean;
16
+ };
17
+ id: string | number | boolean;
18
+ };
19
+ declare const getIdsObject: ({ object, id, }: GetIds) => (string | number | boolean)[];
20
+ declare const getFilterParsedValues: (values: Record<string, any>) => {
21
+ [key: string]: any;
22
+ };
23
+ declare const roundCurrencyValue: (currencyString: string, decimals?: number) => string;
24
+ declare const getAssetPath: (path: string) => string;
25
+ declare function isValidDate(dateString: string): boolean;
26
+ export { appendAwsBaseUrl, cn, downloadFile, getAssetPath, getFileExtension, getFileIcon, getFilterParsedValues, getIdsObject, getS3FileNameAndPathPerf, isValidDate, roundCurrencyValue };
@@ -22,7 +22,7 @@ export declare const useFetch: (apiPromise: (options: HttpServiceType, signal: A
22
22
  isPreviousData: boolean;
23
23
  isRefetching: boolean;
24
24
  isStale: boolean;
25
- refetch: <TPageData>(options?: import("react-query").RefetchOptions & import("react-query").RefetchQueryFilters<TPageData>) => Promise<import("react-query").QueryObserverResult<any, any>>;
25
+ refetch: <TPageData>(options?: (import("react-query").RefetchOptions & import("react-query").RefetchQueryFilters<TPageData>) | undefined) => Promise<import("react-query").QueryObserverResult<any, any>>;
26
26
  remove: () => void;
27
27
  rq_data: any;
28
28
  } | {
@@ -46,7 +46,7 @@ export declare const useFetch: (apiPromise: (options: HttpServiceType, signal: A
46
46
  isPreviousData: boolean;
47
47
  isRefetching: boolean;
48
48
  isStale: boolean;
49
- refetch: <TPageData>(options?: import("react-query").RefetchOptions & import("react-query").RefetchQueryFilters<TPageData>) => Promise<import("react-query").QueryObserverResult<any, any>>;
49
+ refetch: <TPageData>(options?: (import("react-query").RefetchOptions & import("react-query").RefetchQueryFilters<TPageData>) | undefined) => Promise<import("react-query").QueryObserverResult<any, any>>;
50
50
  remove: () => void;
51
51
  rq_data: any;
52
52
  } | {
@@ -70,7 +70,7 @@ export declare const useFetch: (apiPromise: (options: HttpServiceType, signal: A
70
70
  isPreviousData: boolean;
71
71
  isRefetching: boolean;
72
72
  isStale: boolean;
73
- refetch: <TPageData>(options?: import("react-query").RefetchOptions & import("react-query").RefetchQueryFilters<TPageData>) => Promise<import("react-query").QueryObserverResult<any, any>>;
73
+ refetch: <TPageData>(options?: (import("react-query").RefetchOptions & import("react-query").RefetchQueryFilters<TPageData>) | undefined) => Promise<import("react-query").QueryObserverResult<any, any>>;
74
74
  remove: () => void;
75
75
  rq_data: any;
76
76
  } | {
@@ -94,7 +94,7 @@ export declare const useFetch: (apiPromise: (options: HttpServiceType, signal: A
94
94
  isPreviousData: boolean;
95
95
  isRefetching: boolean;
96
96
  isStale: boolean;
97
- refetch: <TPageData>(options?: import("react-query").RefetchOptions & import("react-query").RefetchQueryFilters<TPageData>) => Promise<import("react-query").QueryObserverResult<any, any>>;
97
+ refetch: <TPageData>(options?: (import("react-query").RefetchOptions & import("react-query").RefetchQueryFilters<TPageData>) | undefined) => Promise<import("react-query").QueryObserverResult<any, any>>;
98
98
  remove: () => void;
99
99
  rq_data: any;
100
100
  } | {
@@ -118,7 +118,7 @@ export declare const useFetch: (apiPromise: (options: HttpServiceType, signal: A
118
118
  isPreviousData: boolean;
119
119
  isRefetching: boolean;
120
120
  isStale: boolean;
121
- refetch: <TPageData>(options?: import("react-query").RefetchOptions & import("react-query").RefetchQueryFilters<TPageData>) => Promise<import("react-query").QueryObserverResult<any, any>>;
121
+ refetch: <TPageData>(options?: (import("react-query").RefetchOptions & import("react-query").RefetchQueryFilters<TPageData>) | undefined) => Promise<import("react-query").QueryObserverResult<any, any>>;
122
122
  remove: () => void;
123
123
  rq_data: any;
124
124
  };
@@ -5,7 +5,7 @@ export type HttpServiceType = {
5
5
  params?: any;
6
6
  isNativeEndpoint?: boolean;
7
7
  };
8
- export declare const getService: ({ url, token, params }: HttpServiceType) => Promise<import("axios").AxiosResponse<any, any>>;
9
- export declare const postService: ({ url, token, data, params }: HttpServiceType) => Promise<import("axios").AxiosResponse<any, any>>;
10
- export declare const patchService: ({ url, token, data, params }: HttpServiceType) => Promise<import("axios").AxiosResponse<any, any>>;
11
- export declare const deleteService: ({ url, token, data, params }: HttpServiceType) => Promise<import("axios").AxiosResponse<any, any>>;
8
+ export declare const getService: ({ url, token, params }: HttpServiceType) => Promise<import("axios").AxiosResponse<any, any, {}>>;
9
+ export declare const postService: ({ url, token, data, params }: HttpServiceType) => Promise<import("axios").AxiosResponse<any, any, {}>>;
10
+ export declare const patchService: ({ url, token, data, params }: HttpServiceType) => Promise<import("axios").AxiosResponse<any, any, {}>>;
11
+ export declare const deleteService: ({ url, token, data, params }: HttpServiceType) => Promise<import("axios").AxiosResponse<any, any, {}>>;
@@ -5,7 +5,7 @@ export declare class util {
5
5
  }, value: string) => any;
6
6
  static getFullDateVar: (ip: any) => any;
7
7
  static isDateValid(date: Date): boolean;
8
- static getFormatedDate: (timestamp?: any, format?: string, checkFormatList?: boolean) => string;
8
+ static getFormatedDate: (timestamp?: any, format?: string, checkFormatList?: boolean) => string | null;
9
9
  static validateDataType(value: unknown, type: string): boolean;
10
10
  static convertFormMasterTypeToDynamicFormType: (type: string) => any;
11
11
  static convertToFormData(data: any): FormData;
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- @import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafbfc}*,body,button,ul,li{letter-spacing:.3px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{letter-spacing:.3px!important}.wh-100{height:100%!important;width:100%!important}.app-container{height:100vh;background-color:#f3f3f3}.mt-10{margin-top:10px!important}.g-20{gap:20px}.g-10{gap:10px}.flex-column{flex-direction:column}.g-5{gap:5px}.mb-20{margin-bottom:20px!important}.mb-10{margin-bottom:10px!important}.mr-10{margin-right:10px!important}.w-100{width:100%!important}.mt-20{margin-top:2.454vh!important}.flex-start-center{display:flex;justify-content:flex-start;align-items:center}.flex-start-column{display:flex;justify-content:flex-start;flex-direction:column}.flex-end-column{display:flex;justify-content:flex-end;flex-direction:column}.flex-between-column{display:flex;justify-content:space-between;flex-direction:column;align-items:center}.flex-end-center{display:flex;justify-content:flex-end;align-items:center}.flex-between-center{display:flex;justify-content:space-between;align-items:center}.flex-between{display:flex;justify-content:space-between}.cursor-pointer{cursor:pointer}::-webkit-scrollbar-track{border-radius:10px;background-color:transparent}::-webkit-scrollbar{width:.5vh;height:.5vh;background-color:transparent}::-webkit-scrollbar-thumb{border-radius:10px;background-color:#e9e7e7}._card_container_mtohj_1{padding:1rem;border:1px solid #ececec;border-radius:8px;background:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:145px;overflow-x:scroll}._card_count_mtohj_13{font-size:18px;font-weight:600}._card_subtitles_mtohj_18{font-size:1rem;font-weight:600}._icons_background_mtohj_23{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;margin:auto}._listing_icons_mtohj_32{display:flex;align-items:center;justify-content:center;padding:5px;border-radius:50%;width:1rem;height:1rem;margin:auto}._sub_icons_background_mtohj_43{display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%;margin:auto}.overlay{position:fixed;display:flex;width:100%;height:100%;inset:0;cursor:pointer;align-items:center;justify-content:center;background-color:#fff;z-index:999}.overlay-component{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);transform:-webkit-translate(-50%,-50%);transform:-moz-translate(-50%,-50%);transform:-ms-translate(-50%,-50%);background-color:#fff0;z-index:999}._card_container_dxhto_1{padding:1rem;border:1px solid #ececec;border-radius:8px;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:160px}._card_count_dxhto_14{font-size:18px;font-weight:600}._card_container_95l02_1{padding:1rem;border:1px solid #ececec;border-radius:8px;background:#fff;display:flex;flex-direction:column;gap:10px;min-height:114px;height:100%}._card_count_95l02_13{font-size:18px;font-weight:600}._card_subtitles_95l02_18{font-size:1rem;font-weight:600}._card_container_c1yb9_1{padding:1rem;border:1px solid #ececec;border-radius:8px;background:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:145px;overflow-x:scroll}._card_count_c1yb9_13{font-size:18px;font-weight:600}._card_subtitles_c1yb9_18{font-size:1rem;font-weight:600}._icons_background_c1yb9_23{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;margin:auto}._sub_icons_background_c1yb9_32{display:flex;align-items:center;justify-content:center;padding:5px;border-radius:50%;margin:auto}._card_container_1iza3_1{padding:1rem;border:1px solid #ececec;border-radius:8px;background:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:145px;overflow-x:scroll}._plan_card_1iza3_13{padding:1rem 1.5rem;border:1px solid #ececec;border-radius:8px;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;min-height:145px;overflow-x:scroll}._discount_card_1iza3_27{position:absolute;top:0;right:0}._discount_card_1iza3_27 span{border-radius:0 0 0 8px;padding:4px 8px;background:#027a481a;color:#027a48;font-weight:600}._plan_total_count_1iza3_40{font-size:20px;font-weight:600}._card_count_1iza3_45{font-size:1.5rem;font-weight:700}._card_subtitles_1iza3_50{font-size:1rem;font-weight:600}._icons_background_1iza3_55{display:flex;align-items:center;justify-content:center;padding:5px;border-radius:50%;width:3rem;height:3rem;margin:auto}._card_container_1tgxf_1{padding:1rem;border:1px solid #c8c8c8;border-radius:8px;background:#fff;display:flex;flex-direction:column;justify-content:space-between}._plans_1tgxf_11{height:665px}._add_ons_1tgxf_14{height:320px}._card_titles_1tgxf_18{font-size:1.5rem;font-weight:700}._add_ons_title_1tgxf_23{font-size:1.125rem;font-weight:700}._card_subtitles_1tgxf_28{font-size:1rem;font-weight:600}._icons_background_1tgxf_33{display:flex;align-items:center;justify-content:center;padding:5px;border-radius:50%;width:2rem;height:2rem;margin:auto}._subicons_background_1tgxf_44{display:flex;align-items:center;justify-content:center;padding:5px;border-radius:50%;width:1rem;height:1rem;margin:auto}._plan_headers_1tgxf_55{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:flex-start}._card_content_1tgxf_63{display:flex;flex-direction:column;justify-content:flex-start;gap:10px;height:430px;overflow:scroll}._card_container_vce56_1{padding:1rem;border:1px solid #c8c8c8;border-radius:8px;background:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:145px;overflow-x:scroll}._card_titles_vce56_13{font-size:24px;font-weight:700}._card_subtitles_vce56_18{font-size:1rem;font-weight:600}._card_subtotal_vce56_23{font-size:1rem;font-weight:600;color:#615e69}._icons_background_vce56_29{display:flex;align-items:center;justify-content:center;padding:5px;border-radius:50%;width:3rem;height:3rem;margin:auto}._card_headers_vce56_40{display:flex;justify-content:center;align-items:center;padding:1rem;height:100px}._card_content_vce56_48{display:flex;justify-content:center;gap:5px;flex-direction:column;align-items:center;padding:1rem;height:190px;overflow:scroll}._card_container_1ts8v_1{padding:1rem;border:1px solid #ececec;border-radius:8px;background:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:145px;overflow-x:scroll}._card_count_1ts8v_13{font-size:18px;font-weight:600}._card_subtitles_1ts8v_18{font-size:1rem;font-weight:600}._icons_background_1ts8v_23{display:flex;align-items:center;justify-content:center;padding:5px;border-radius:50%;width:3rem;height:3rem;margin:auto}._credit_card_1ts8v_34{width:272px;height:161px;border-radius:1rem;background:linear-gradient(45deg,#00359e,#155eef)}._circle_1ts8v_41{position:absolute;width:1rem;height:1rem;border-radius:50%;opacity:.8;mix-blend-mode:multiply}._circle1_1ts8v_50{background-color:red;left:6%;transform:translate(-50%,-50%)}._circle2_1ts8v_56{background-color:#f9a000;left:9%;transform:translate(-50%,-50%)}._circle_container_1ts8v_62{display:flex;justify-content:center;align-items:center;position:relative;top:30px;color:#fff;z-index:120}._credit_card_holder_name_1ts8v_72{display:flex;justify-content:center;align-items:center;position:relative;top:140px;color:#fff;z-index:120;font-size:10px}._credit_card_holder_name_absolute_1ts8v_83{position:absolute;width:220px;opacity:.8;left:4%;mix-blend-mode:multiply}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;height:100%;width:100%;font-family:Inter,sans-serif}._main_container_vyqh9_17{background-color:#f9fafb;min-height:100vh;width:100%}._first_row_vyqh9_24{display:flex;flex-direction:row;gap:16px;width:100%}._card_container_vyqh9_34{display:flex;flex-direction:column;padding:8px 24px;gap:20px;flex:1;max-width:758px;height:340px;background:#fff;box-shadow:0 1px 3px #0000001a;border-radius:2px}._billing_container_vyqh9_48{display:flex;flex-direction:column;align-items:flex-start;padding:8px 24px;gap:16px;width:284px;height:340px;background:#fff;box-shadow:0 1px 3px #0000001a;border-radius:2px}._companyinfo_container_vyqh9_62{display:flex;flex-direction:column;align-items:flex-start;padding:8px 24px;gap:24px;width:301px;height:340px;background:#fff;box-shadow:0 1px 3px #0000001a;border-radius:2px}._second_row_vyqh9_76{display:flex;flex-direction:row;gap:16px;width:100%}._leftside_container_vyqh9_86{display:flex;flex-direction:column;align-items:flex-start;gap:16px;flex:1;max-width:758px}._last_invoice_vyqh9_96{display:flex;flex-direction:column;align-items:flex-start;padding:8px 24px;gap:8px;width:100%;height:auto;min-height:157px;background:#fff;box-shadow:0 1px 3px #0000001a;border-radius:2px}._planDetails_container_vyqh9_111{display:flex;flex-direction:column;align-items:flex-start;padding:8px 24px;gap:20px;width:100%;height:auto;min-height:156px;background:#fff;box-shadow:0 1px 3px #0000001a;border-radius:2px}._moduleUsage_container_vyqh9_126{display:flex;flex-direction:column;padding:8px 24px;gap:20px;width:600px;height:auto;min-height:329px;background:#fff;box-shadow:0 1px 3px #0000001a;border-radius:2px}._flex_col_vyqh9_140{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px}._addons_box_vyqh9_148{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:21px;isolation:isolate;width:210.67px;height:134px;background:#fff;border:1px solid #E5E7EB;border-radius:4px;flex:none;order:1;align-self:stretch;flex-grow:0}._innerIcon_container_vyqh9_170{display:flex;flex-direction:column;align-items:center;padding:0;gap:12px;width:168.66px;height:92px;flex:none;order:0;align-self:stretch;flex-grow:0;z-index:0}._icon_box_vyqh9_193{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0;width:56px;height:56px;background:#eff6ff;border-radius:8px;flex:none;order:0;flex-grow:0}._addons_wrapper_vyqh9_216{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;padding:0;gap:16px;width:1344px;height:144px;flex:none;order:1;align-self:stretch;flex-grow:0}@media (max-width: 1400px){._first_row_vyqh9_24{flex-wrap:wrap}._card_container_vyqh9_34,._billing_container_vyqh9_48,._companyinfo_container_vyqh9_62{max-width:100%;width:100%}._second_row_vyqh9_76{flex-direction:column}._moduleUsage_container_vyqh9_126{width:100%;max-width:684px}}*{box-sizing:border-box;margin:0;padding:0}.main-container{display:flex;flex-direction:column;justify-content:center;width:100%}.header-section{margin-bottom:24px}.header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.header-info h1{font-size:30px;font-weight:700;color:#111827;margin-bottom:4px}.header-info p{font-size:14px;color:#6b7280}.header-info span{font-weight:600;color:#111827}.upgrade-button{background-color:#ff8c00!important;color:#fff!important;border:none!important;padding:10px 24px!important;border-radius:8px!important;font-size:14px!important;font-weight:600!important;cursor:pointer;transition:background-color .2s;text-transform:none!important}.upgrade-button:hover{background-color:#e67e00!important}.view-options{display:flex;flex-direction:row;align-items:center;padding:0;gap:12px;margin:0 auto;width:270px;height:39px;flex:none;order:0;flex-grow:0}.view-card{background-color:#fff;padding:8px 16px;border:1px solid #E5E7EB;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;flex:1}.view-card.active .view-link{color:#1d4ed8!important}.view-link{font-size:14px!important;font-weight:500!important;text-decoration:none}.view-card.active{background-color:#e7edf4}.addons-section{margin-bottom:24px}.addons-title{font-size:20px!important;font-weight:700!important;color:#111827!important;margin-bottom:2px!important}.addons-subtitle{font-size:14px!important;color:#6b7280!important;margin-bottom:24px!important}.addons-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.addon-card{background-color:#fff!important;border:1px solid #E5E7EB!important;border-radius:4px!important;padding:24px!important;position:relative;height:100%}.addon-badge{position:absolute!important;top:16px!important;right:16px!important;background-color:#d1fae5!important;color:#065f46!important;padding:4px 12px!important;border-radius:6px!important;font-size:12px!important;font-weight:600!important;height:auto!important}.addon-icon-container{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.addon-name{font-size:16px!important;font-weight:600!important;color:#111827!important;margin-bottom:4px!important}.addon-description{font-size:14px!important;color:#6b7280!important;margin-bottom:16px!important}.addon-footer{display:flex;justify-content:space-between;align-items:center}.addon-price{display:flex;align-items:baseline}.addon-price-amount{font-size:24px!important;font-weight:700!important;color:#111827!important}.addon-price-unit{font-size:14px!important;color:#6b7280!important;margin-left:4px!important}.addon-button{background-color:#f4f9f7!important;padding:6px 12px!important;border-radius:4px!important;font-size:14px!important;font-weight:600!important;cursor:pointer;transition:all .2s;text-transform:none!important}.addon-button:hover{background-color:#d1fae5!important}.help-section{background-color:#fff!important;border:1px solid #E5E7EB!important;border-radius:4px!important;padding:24px!important;display:flex;justify-content:space-between;align-items:center}.help-title{font-size:18px!important;font-weight:600!important;color:#111827!important}.help-text{font-size:14px!important;color:#6b7280!important}.contact-button{background-color:#2563eb!important;color:#fff!important;border:none!important;padding:8px 24px!important;border-radius:4px!important;font-size:14px!important;font-weight:600!important;cursor:pointer;transition:background-color .2s;text-transform:none!important}.contact-button:hover{background-color:#1e53c6!important}@media (max-width: 960px){.addons-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.header-top{flex-direction:column;gap:16px}.help-section{flex-direction:column;gap:16px;text-align:center}.addons-grid{grid-template-columns:1fr}}@media (max-width: 600px){.plans-grid{gap:12px}.plan-card{min-width:280px}}.plans-wrapper{width:100%}.plans-scroll-container{overflow-x:auto;overflow-y:hidden;padding-bottom:8px;margin-bottom:16px}.plans-scroll-container::-webkit-scrollbar{height:6px}.plans-scroll-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.plans-scroll-container::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.plans-scroll-container::-webkit-scrollbar-thumb:hover{background:#555}.plans-grid{display:flex;gap:16px}.plan-card{background-color:#fff!important;border-radius:4px!important;padding:24px!important;position:relative;display:flex;flex-direction:column;min-width:320px;flex:1}.plan-card.current{border:2px solid #3B82F6!important}.plan-card:not(.current){border:1px solid #E5E7EB!important}.plan-badge{position:absolute!important;top:16px!important;right:16px!important;padding:4px 12px!important;border-radius:4px!important;font-size:12px!important;font-weight:600!important;height:auto!important}.popular{background-color:#fef3c7!important;color:#92400e!important}.plan-badge.current-badge{background-color:#3b82f6!important;color:#fff!important}.plan-header{display:flex;align-items:center;gap:4px}.plan-title{font-size:20px!important;font-weight:700!important;color:#111827!important;margin-bottom:4px!important}.plan-price{display:flex;align-items:baseline;margin-bottom:8px}.price-amount{font-size:36px!important;font-weight:700!important;color:#111827!important}.price-unit{font-size:14px!important;color:#6b7280!important;margin-left:4px!important}.plan-description{font-size:12px!important;color:#6b7280!important;margin-bottom:16px!important;display:block!important}.plan-button{width:100%;padding:12px 16px!important;border-radius:4px!important;font-size:14px!important;font-weight:600!important;margin-bottom:16px!important;cursor:pointer;transition:all .2s;text-transform:none!important}.plan-button.filled{background-color:#3b82f6!important;color:#fff!important;border:none!important}.plan-button.filled:hover{background-color:#2563eb!important}.plan-button.outlined{background-color:#edecec!important;color:#535557!important;border:1px solid #E5E7EB!important}.plan-button.outlined:hover{background-color:#f9fafb!important}.plan-link{font-size:12px!important;color:#3b82f6!important;margin-bottom:16px!important;display:block!important;cursor:pointer}.plan-features{flex:1;overflow-y:auto;max-height:340px}.plan-features::-webkit-scrollbar{width:6px}.plan-features::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.plan-features::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:10px}.plan-features::-webkit-scrollbar-thumb:hover{background:#2563eb}.feature-category{margin-bottom:16px}.category-title{font-size:14px!important;font-weight:600!important;color:#111827!important;margin-bottom:12px!important}.feature-list{display:flex;flex-direction:column;gap:8px}.feature-item{display:flex;align-items:center;gap:8px}.check-icon{width:16px;height:16px;color:#10b981;flex-shrink:0}.feature-text{font-size:14px!important;color:#374151!important}.compare-plans-container{display:flex;justify-content:center;margin-bottom:24px}.pricing-table{width:100%;background:#fff;border-radius:4px;border:1px solid #e5e7eb;overflow:hidden}.table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;border-bottom:1px solid #e5e7eb;background:#fff}.header-cell{padding:16px 32px;display:flex;flex-direction:column;align-items:flex-start}.header-cell:last-child{border-right:none}.feature-column,.plan-column{align-items:flex-start}.header-text{font-size:16px;font-weight:600;color:#1f2937}.plan-name{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:4px}.plan-price{font-size:14px;font-weight:400;color:#9ca3af}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;border-bottom:1px solid #f3f4f6}.table-row:nth-child(2n){background:#f9fafb}.table-row:nth-child(odd){background:#fff}.table-row:last-child{border-bottom:none}.feature-cell{padding:14px 32px;display:flex;align-items:center}.feature-name{font-size:15px;color:#4b5563;font-weight:400}.plan-cell{padding:14px 32px;display:flex;align-items:center;justify-content:flex-start}.plan-cell:last-child{border-right:none}.check-icon{color:#10b981;font-size:22px}.dash-icon{color:#d1d5db;font-size:22px}@media (max-width: 768px){.table-header,.table-row{grid-template-columns:1.5fr 1fr 1fr 1fr}.header-cell,.feature-cell,.plan-cell{padding:16px}.header-text,.plan-name{font-size:14px}.plan-price,.feature-name{font-size:13px}}
1
+ @import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafbfc}*,body,button,ul,li{letter-spacing:.3px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{letter-spacing:.3px!important}.wh-100{height:100%!important;width:100%!important}.app-container{height:100vh;background-color:#f3f3f3}.mt-10{margin-top:10px!important}.g-20{gap:20px}.g-10{gap:10px}.flex-column{flex-direction:column}.g-5{gap:5px}.mb-20{margin-bottom:20px!important}.mb-10{margin-bottom:10px!important}.mr-10{margin-right:10px!important}.w-100{width:100%!important}.mt-20{margin-top:2.454vh!important}.flex-start-center{display:flex;justify-content:flex-start;align-items:center}.flex-start-column{display:flex;justify-content:flex-start;flex-direction:column}.flex-end-column{display:flex;justify-content:flex-end;flex-direction:column}.flex-between-column{display:flex;justify-content:space-between;flex-direction:column;align-items:center}.flex-end-center{display:flex;justify-content:flex-end;align-items:center}.flex-between-center{display:flex;justify-content:space-between;align-items:center}.flex-between{display:flex;justify-content:space-between}.cursor-pointer{cursor:pointer}::-webkit-scrollbar-track{border-radius:10px;background-color:transparent}::-webkit-scrollbar{width:.5vh;height:.5vh;background-color:transparent}::-webkit-scrollbar-thumb{border-radius:10px;background-color:#e9e7e7}._card_container_mtohj_1{padding:1rem;border:1px solid #ececec;border-radius:8px;background:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:145px;overflow-x:scroll}._card_count_mtohj_13{font-size:18px;font-weight:600}._card_subtitles_mtohj_18{font-size:1rem;font-weight:600}._icons_background_mtohj_23{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;margin:auto}._listing_icons_mtohj_32{display:flex;align-items:center;justify-content:center;padding:5px;border-radius:50%;width:1rem;height:1rem;margin:auto}._sub_icons_background_mtohj_43{display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%;margin:auto}.overlay{position:fixed;display:flex;width:100%;height:100%;inset:0;cursor:pointer;align-items:center;justify-content:center;background-color:#fff;z-index:999}.overlay-component{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);transform:-webkit-translate(-50%,-50%);transform:-moz-translate(-50%,-50%);transform:-ms-translate(-50%,-50%);background-color:#fff0;z-index:999}._card_container_dxhto_1{padding:1rem;border:1px solid #ececec;border-radius:8px;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:160px}._card_count_dxhto_14{font-size:18px;font-weight:600}._card_container_95l02_1{padding:1rem;border:1px solid #ececec;border-radius:8px;background:#fff;display:flex;flex-direction:column;gap:10px;min-height:114px;height:100%}._card_count_95l02_13{font-size:18px;font-weight:600}._card_subtitles_95l02_18{font-size:1rem;font-weight:600}._card_container_c1yb9_1{padding:1rem;border:1px solid #ececec;border-radius:8px;background:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:145px;overflow-x:scroll}._card_count_c1yb9_13{font-size:18px;font-weight:600}._card_subtitles_c1yb9_18{font-size:1rem;font-weight:600}._icons_background_c1yb9_23{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;margin:auto}._sub_icons_background_c1yb9_32{display:flex;align-items:center;justify-content:center;padding:5px;border-radius:50%;margin:auto}._card_container_1iza3_1{padding:1rem;border:1px solid #ececec;border-radius:8px;background:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:145px;overflow-x:scroll}._plan_card_1iza3_13{padding:1rem 1.5rem;border:1px solid #ececec;border-radius:8px;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;min-height:145px;overflow-x:scroll}._discount_card_1iza3_27{position:absolute;top:0;right:0}._discount_card_1iza3_27 span{border-radius:0 0 0 8px;padding:4px 8px;background:#027a481a;color:#027a48;font-weight:600}._plan_total_count_1iza3_40{font-size:20px;font-weight:600}._card_count_1iza3_45{font-size:1.5rem;font-weight:700}._card_subtitles_1iza3_50{font-size:1rem;font-weight:600}._icons_background_1iza3_55{display:flex;align-items:center;justify-content:center;padding:5px;border-radius:50%;width:3rem;height:3rem;margin:auto}._card_container_1tgxf_1{padding:1rem;border:1px solid #c8c8c8;border-radius:8px;background:#fff;display:flex;flex-direction:column;justify-content:space-between}._plans_1tgxf_11{height:665px}._add_ons_1tgxf_14{height:320px}._card_titles_1tgxf_18{font-size:1.5rem;font-weight:700}._add_ons_title_1tgxf_23{font-size:1.125rem;font-weight:700}._card_subtitles_1tgxf_28{font-size:1rem;font-weight:600}._icons_background_1tgxf_33{display:flex;align-items:center;justify-content:center;padding:5px;border-radius:50%;width:2rem;height:2rem;margin:auto}._subicons_background_1tgxf_44{display:flex;align-items:center;justify-content:center;padding:5px;border-radius:50%;width:1rem;height:1rem;margin:auto}._plan_headers_1tgxf_55{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:flex-start}._card_content_1tgxf_63{display:flex;flex-direction:column;justify-content:flex-start;gap:10px;height:430px;overflow:scroll}._card_container_vce56_1{padding:1rem;border:1px solid #c8c8c8;border-radius:8px;background:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:145px;overflow-x:scroll}._card_titles_vce56_13{font-size:24px;font-weight:700}._card_subtitles_vce56_18{font-size:1rem;font-weight:600}._card_subtotal_vce56_23{font-size:1rem;font-weight:600;color:#615e69}._icons_background_vce56_29{display:flex;align-items:center;justify-content:center;padding:5px;border-radius:50%;width:3rem;height:3rem;margin:auto}._card_headers_vce56_40{display:flex;justify-content:center;align-items:center;padding:1rem;height:100px}._card_content_vce56_48{display:flex;justify-content:center;gap:5px;flex-direction:column;align-items:center;padding:1rem;height:190px;overflow:scroll}._card_container_1ts8v_1{padding:1rem;border:1px solid #ececec;border-radius:8px;background:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:145px;overflow-x:scroll}._card_count_1ts8v_13{font-size:18px;font-weight:600}._card_subtitles_1ts8v_18{font-size:1rem;font-weight:600}._icons_background_1ts8v_23{display:flex;align-items:center;justify-content:center;padding:5px;border-radius:50%;width:3rem;height:3rem;margin:auto}._credit_card_1ts8v_34{width:272px;height:161px;border-radius:1rem;background:linear-gradient(45deg,#00359e,#155eef)}._circle_1ts8v_41{position:absolute;width:1rem;height:1rem;border-radius:50%;opacity:.8;mix-blend-mode:multiply}._circle1_1ts8v_50{background-color:red;left:6%;transform:translate(-50%,-50%)}._circle2_1ts8v_56{background-color:#f9a000;left:9%;transform:translate(-50%,-50%)}._circle_container_1ts8v_62{display:flex;justify-content:center;align-items:center;position:relative;top:30px;color:#fff;z-index:120}._credit_card_holder_name_1ts8v_72{display:flex;justify-content:center;align-items:center;position:relative;top:140px;color:#fff;z-index:120;font-size:10px}._credit_card_holder_name_absolute_1ts8v_83{position:absolute;width:220px;opacity:.8;left:4%;mix-blend-mode:multiply}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;height:100%;width:100%;font-family:Inter,sans-serif}._main_container_zpacz_17{background-color:#f9fafb;min-height:100vh;width:100%}._first_row_zpacz_24{display:flex;flex-direction:row;gap:16px;width:100%}._card_container_zpacz_34{display:flex;flex-direction:column;padding:8px 24px;gap:20px;flex:1;height:340px;background:#fff;box-shadow:0 1px 3px #0000001a;border-radius:2px}._billing_container_zpacz_48{display:flex;flex-direction:column;align-items:flex-start;padding:8px 24px;gap:16px;height:340px;background:#fff;box-shadow:0 1px 3px #0000001a;border-radius:2px}._companyinfo_container_zpacz_62{display:flex;flex-direction:column;align-items:flex-start;padding:8px 24px;gap:24px;height:340px;background:#fff;box-shadow:0 1px 3px #0000001a;border-radius:2px}._second_row_zpacz_76{display:flex;flex-direction:row;gap:16px;width:100%}._leftside_container_zpacz_86{display:flex;flex-direction:column;align-items:flex-start;gap:16px;flex:1}._last_invoice_zpacz_96{display:flex;flex-direction:column;align-items:flex-start;padding:8px 24px;gap:8px;width:100%;height:100%;min-height:157px;background:#fff;box-shadow:0 1px 3px #0000001a;border-radius:2px}._planDetails_container_zpacz_111{display:flex;flex-direction:column;align-items:flex-start;padding:8px 24px;gap:20px;width:100%;height:100%;min-height:158px;background:#fff;box-shadow:0 1px 3px #0000001a;border-radius:2px}._moduleUsage_container_zpacz_126{display:flex;flex-direction:column;padding:8px 24px;gap:20px;height:100%;background:#fff;box-shadow:0 1px 3px #0000001a;border-radius:2px}._flex_col_zpacz_139{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px}._addons_box_zpacz_147{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:21px;isolation:isolate;width:210.67px;height:134px;background:#fff;border:1px solid #E5E7EB;border-radius:4px;flex:none;order:1;align-self:stretch;flex-grow:0}._innerIcon_container_zpacz_169{display:flex;flex-direction:column;align-items:center;padding:0;gap:12px;width:168.66px;height:92px;flex:none;order:0;align-self:stretch;flex-grow:0;z-index:0}._icon_box_zpacz_192{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0;width:56px;height:56px;background:#eff6ff;border-radius:8px;flex:none;order:0;flex-grow:0}._addons_wrapper_zpacz_215{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;padding:0;gap:16px;width:1344px;height:144px;flex:none;order:1;align-self:stretch;flex-grow:0}@media (max-width: 1400px){._first_row_zpacz_24{flex-wrap:wrap}._card_container_zpacz_34,._billing_container_zpacz_48,._companyinfo_container_zpacz_62{max-width:100%;width:100%}._second_row_zpacz_76{flex-direction:column}._moduleUsage_container_zpacz_126{width:100%}}*{box-sizing:border-box;margin:0;padding:0}.main-container{display:flex;flex-direction:column;justify-content:center;width:100%}.header-section{margin-bottom:24px}.header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.header-info h1{font-size:30px;font-weight:700;color:#111827;margin-bottom:4px}.header-info p{font-size:14px;color:#6b7280}.header-info span{font-weight:600;color:#111827}.upgrade-button{background-color:#ff8c00!important;color:#fff!important;border:none!important;padding:10px 24px!important;border-radius:4px!important;font-size:14px!important;font-weight:600!important;cursor:pointer;transition:background-color .2s;text-transform:none!important}.upgrade-button:hover{background-color:#e67e00!important}.view-options{display:flex;flex-direction:row;align-items:center;padding:0;gap:12px;margin:0 auto;width:270px;height:39px;flex:none;order:0;flex-grow:0}.view-card{background-color:#fff;padding:8px 16px;border:1px solid #E5E7EB;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;flex:1}.view-card.active .view-link{color:#1d4ed8!important}.view-link{font-size:14px!important;font-weight:500!important;text-decoration:none}.view-card.active{background-color:#e7edf4}.addons-section{margin-bottom:24px}.addons-title{font-size:20px!important;font-weight:700!important;color:#111827!important;margin-bottom:2px!important}.addons-subtitle{font-size:14px!important;color:#6b7280!important;margin-bottom:24px!important}.addons-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.addon-card{background-color:#fff!important;border:1px solid #E5E7EB!important;border-radius:4px!important;padding:24px!important;position:relative;height:100%}.addon-badge{position:absolute!important;top:16px!important;right:16px!important;background-color:#d1fae5!important;color:#065f46!important;padding:4px 12px!important;border-radius:4px!important;font-size:12px!important;font-weight:600!important;height:auto!important}.addon-icon-container{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.addon-name{font-size:16px!important;font-weight:600!important;color:#111827!important;margin-bottom:4px!important}.addon-description{font-size:14px!important;color:#6b7280!important;margin-bottom:16px!important}.addon-footer{display:flex;justify-content:space-between;align-items:center}.addon-price{display:flex;align-items:baseline}.addon-price-amount{font-size:24px!important;font-weight:700!important;color:#111827!important}.addon-price-unit{font-size:14px!important;color:#6b7280!important;margin-left:4px!important}.addon-button{background-color:#f4f9f7!important;padding:6px 12px!important;border-radius:4px!important;font-size:14px!important;font-weight:600!important;cursor:pointer;transition:all .2s;text-transform:none!important}.addon-button:hover{background-color:#d1fae5!important}.help-section{background-color:#fff!important;border:1px solid #E5E7EB!important;border-radius:4px!important;padding:24px!important;display:flex;justify-content:space-between;align-items:center}.help-title{font-size:18px!important;font-weight:600!important;color:#111827!important}.help-text{font-size:14px!important;color:#6b7280!important}.contact-button{background-color:#2563eb!important;color:#fff!important;border:none!important;padding:8px 24px!important;border-radius:4px!important;font-size:14px!important;font-weight:600!important;cursor:pointer;transition:background-color .2s;text-transform:none!important}.contact-button:hover{background-color:#1e53c6!important}@media (max-width: 960px){.addons-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.header-top{flex-direction:column;gap:16px}.help-section{flex-direction:column;gap:16px;text-align:center}.addons-grid{grid-template-columns:1fr}}@media (max-width: 600px){.plans-grid{gap:12px}.plan-card{min-width:280px}}.plans-wrapper{width:100%}.plans-scroll-container{overflow-x:auto;overflow-y:hidden;padding-bottom:8px;margin-bottom:16px}.plans-scroll-container::-webkit-scrollbar{height:6px}.plans-scroll-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.plans-scroll-container::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.plans-scroll-container::-webkit-scrollbar-thumb:hover{background:#555}.plans-grid{display:flex;gap:16px}.plan-card{background-color:#fff!important;border-radius:4px!important;padding:24px!important;position:relative;display:flex;flex-direction:column;min-width:320px;flex:1}.plan-card.current{border:2px solid #3B82F6!important}.plan-card:not(.current){border:1px solid #E5E7EB!important}.plan-badge{position:absolute!important;top:16px!important;right:16px!important;padding:4px 12px!important;border-radius:4px!important;font-size:12px!important;font-weight:600!important;height:auto!important}.popular{background-color:#fef3c7!important;color:#92400e!important}.plan-badge.current-badge{background-color:#3b82f6!important;color:#fff!important}.plan-header{display:flex;align-items:center;gap:4px}.plan-title{font-size:20px!important;font-weight:700!important;color:#111827!important;margin-bottom:4px!important}.plan-price{display:flex;align-items:baseline;margin-bottom:8px}.price-amount{font-size:36px!important;font-weight:700!important;color:#111827!important}.price-unit{font-size:14px!important;color:#6b7280!important;margin-left:4px!important}.plan-description{font-size:12px!important;color:#6b7280!important;margin-bottom:16px!important;display:block!important}.plan-button{width:100%;padding:12px 16px!important;border-radius:4px!important;font-size:14px!important;font-weight:600!important;margin-bottom:16px!important;cursor:pointer;transition:all .2s;text-transform:none!important}.plan-button.filled{background-color:#3b82f6!important;color:#fff!important;border:none!important}.plan-button.filled:hover{background-color:#2563eb!important}.plan-button.outlined{background-color:#edecec!important;color:#535557!important;border:1px solid #E5E7EB!important}.plan-button.outlined:hover{background-color:#f9fafb!important}.plan-link{font-size:12px!important;color:#3b82f6!important;margin-bottom:16px!important;display:block!important;cursor:pointer}.plan-features{flex:1;overflow-y:auto;max-height:340px}.plan-features::-webkit-scrollbar{width:6px}.plan-features::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.plan-features::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:10px}.plan-features::-webkit-scrollbar-thumb:hover{background:#2563eb}.feature-category{margin-bottom:16px}.category-title{font-size:14px!important;font-weight:600!important;color:#111827!important;margin-bottom:12px!important}.feature-list{display:flex;flex-direction:column;gap:8px}.feature-item{display:flex;align-items:center;gap:8px}.check-icon{width:16px;height:16px;color:#10b981;flex-shrink:0}.feature-text{font-size:14px!important;color:#374151!important}.compare-plans-container{display:flex;justify-content:center;margin-bottom:24px}.pricing-table{width:100%;background:#fff;border-radius:4px;border:1px solid #e5e7eb;overflow:hidden}.table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;border-bottom:1px solid #e5e7eb;background:#fff}.header-cell{padding:16px 32px;display:flex;flex-direction:column;align-items:flex-start}.header-cell:last-child{border-right:none}.feature-column,.plan-column{align-items:flex-start}.header-text{font-size:16px;font-weight:600;color:#1f2937}.plan-name{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:4px}.plan-price{font-size:14px;font-weight:400;color:#9ca3af}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;border-bottom:1px solid #f3f4f6}.table-row:nth-child(2n){background:#f9fafb}.table-row:nth-child(odd){background:#fff}.table-row:last-child{border-bottom:none}.feature-cell{padding:14px 32px;display:flex;align-items:center}.feature-name{font-size:15px;color:#4b5563;font-weight:400}.plan-cell{padding:14px 32px;display:flex;align-items:center;justify-content:flex-start}.plan-cell:last-child{border-right:none}.check-icon{color:#10b981;font-size:22px}.dash-icon{color:#d1d5db;font-size:22px}@media (max-width: 768px){.table-header,.table-row{grid-template-columns:1.5fr 1fr 1fr 1fr}.header-cell,.feature-cell,.plan-cell{padding:16px}.header-text,.plan-name{font-size:14px}.plan-price,.feature-name{font-size:13px}}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@zimyo/manage",
3
3
  "private": false,
4
- "version": "0.3.10",
4
+ "version": "0.3.12",
5
5
  "type": "module",
6
6
  "publishConfig": {
7
7
  "access": "public"