@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.
- package/dist/components/manage/Subscription/PaymentRecords/CardView/Card.d.ts +18 -0
- package/dist/components/manage/Subscription/PaymentRecords/TableView/Table.d.ts +16 -1
- package/dist/components/ui/TextReducingTooltipComponent/TextReducingTooltipComponent.d.ts +7 -7
- package/dist/components/utils/index.d.ts +27 -0
- package/dist/main.cjs +568 -3126
- package/dist/main.js +96073 -84027
- package/dist/shared/hooks/useFetch.d.ts +5 -5
- package/dist/shared/services/http.d.ts +4 -4
- package/dist/shared/utils/utils.d.ts +1 -1
- package/dist/src/components/manage/Subscription/PaymentRecords/CardView/Card.d.ts +17 -0
- package/dist/src/components/manage/Subscription/PaymentRecords/TableView/Table.d.ts +16 -1
- package/dist/src/components/ui/TextReducingTooltipComponent/TextReducingTooltipComponent.d.ts +7 -7
- package/dist/src/components/utils/index.d.ts +26 -0
- package/dist/src/shared/hooks/useFetch.d.ts +5 -5
- package/dist/src/shared/services/http.d.ts +4 -4
- package/dist/src/shared/utils/utils.d.ts +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -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
|
-
|
|
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;
|
package/dist/src/components/ui/TextReducingTooltipComponent/TextReducingTooltipComponent.d.ts
CHANGED
|
@@ -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}}
|