element.style {
}

.p-component, .p-component * {
    box-sizing: border-box;
}
.text-3xl {
    font-size: 2.90rem !important;
}
.text-green-700 {
    color: #040aff !important;
}
.p-component, .p-component * {
    box-sizing: border-box;
}
* {
    box-sizing: border-box;
}
* {
    box-sizing: border-box;
}
.text-center {
    text-align: center !important;
}
.p-dataview .p-dataview-content {
    background: transparent;
    color: hsl(280.21deg 53.04% 5.15%);
    border: 0;
    padding: 0;
}
.p-dataview .p-dataview-content {
    background: transparent;
    color: #44486d;
    border: 0;
    padding: 0;
}
.p-component {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 1rem;
    font-weight: 600;
}
.p-component {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 1rem;
    font-weight: 400;
}
body, html {
    font-size: 14px;
}
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    color: #6e75ad;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0;
    margin: 0;
    min-height: 100%;
    background: linear-gradient(180deg, #f6f9fc, #ececf9);
    background-repeat: no-repeat;
    background-attachment: fixed;
}
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    color: #44486d;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0;
    margin: 0;
    min-height: 100%;
    background: linear-gradient(180deg, #f6f9fc, #ececf9);
    background-repeat: no-repeat;
    background-attachment: fixed;
}
body, html {
    font-size: 14px;
}
style attribute {
    font-size: 14px;
}
:root {
    --width: 100vw;
    --full-width: 100vw;
    --angle: -15deg;
    --magic-number: 0.09719;
    --skew-padding: calc(var(--width)* var(--magic-number));
    --clip-padding: calc(var(--full-width)* var(--magic-number));
}
:root {
    --surface-a: transparent;
    --surface-b: rgba(68, 72, 109, 0.07);
    --surface-c: rgba(68, 72, 109, 0.12);
    --surface-d: rgba(68, 72, 109, 0.17);
    --surface-e: hsla(0, 0%, 100%, 0.9);
    --surface-f: #8a8ea6;
    --text-color: #44486d;
    --text-color-secondary: #676b89;
    --primary-color: #a7a21e;
    --primary-color-text: #fff;
    --font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    --surface-0: #fff;
    --surface-50: #e1e2e8;
    --surface-100: #cbccd6;
    --surface-200: #b4b6c5;
    --surface-300: #9ea0b3;
    --surface-400: #878aa2;
    --surface-500: #717490;
    --surface-600: #5a5e7f;
    --surface-700: #44486d;
    --surface-800: #3c3f60;
    --surface-900: #343753;
    --gray-50: #e1e2e8;
    --gray-100: #cbccd6;
    --gray-200: #b4b6c5;
    --gray-300: #9ea0b3;
    --gray-400: #878aa2;
    --gray-500: #717490;
    --gray-600: #5a5e7f;
    --gray-700: #44486d;
    --gray-800: #3c3f60;
    --gray-900: #343753;
    --content-padding: 1.143rem;
    --inline-spacing: 0.5rem;
    --border-radius: 6px;
    --surface-ground: linear-gradient(180deg, #f6f9fc, #ececf9);
    --surface-section: #fff;
    --surface-card: #fff;
    --surface-overlay: #fff;
    --surface-border: rgba(68, 72, 109, 0.2);
    --surface-hover: rgba(68, 72, 109, 0.07);
    --focus-ring: 0 none;
    --maskbg: rgba(0, 0, 0, 0.4);
}
:root {
    --blue-50: #f4fafe;
    --blue-100: #cae6fc;
    --blue-200: #a0d2fa;
    --blue-300: #75bef8;
    --blue-400: #4baaf5;
    --blue-500: #2196f3;
    --blue-600: #1c80cf;
    --blue-700: #1769aa;
    --blue-800: #125386;
    --blue-900: #0d3c61;
    --green-50: #f6fbf6;
    --green-100: #d4ecd5;
    --green-200: #b2ddb4;
    --green-300: #90cd93;
    --green-400: #6ebe71;
    --green-500: #4caf50;
    --green-600: #419544;
    --green-700: #357b38;
    --green-800: #2a602c;
    --green-900: #1e4620;
    --yellow-50: #fffcf5;
    --yellow-100: #fef0cd;
    --yellow-200: #fde4a5;
    --yellow-300: #fdd87d;
    --yellow-400: #fccc55;
    --yellow-500: #fbc02d;
    --yellow-600: #d5a326;
    --yellow-700: #b08620;
    --yellow-800: #8a6a19;
    --yellow-900: #644d12;
    --cyan-50: #f2fcfd;
    --cyan-100: #c2eff5;
    --cyan-200: #91e2ed;
    --cyan-300: #61d5e4;
    --cyan-400: #30c9dc;
    --cyan-500: #00bcd4;
    --cyan-600: #00a0b4;
    --cyan-700: #008494;
    --cyan-800: #006775;
    --cyan-900: #004b55;
    --pink-50: #fef4f7;
    --pink-100: #fac9da;
    --pink-200: #f69ebc;
    --pink-300: #f1749e;
    --pink-400: #ed4981;
    --pink-500: #e91e63;
    --pink-600: #c61a54;
    --pink-700: #a31545;
    --pink-800: #801136;
    --pink-900: #5d0c28;
}
.p-sidebar-content, .slim-scrool-bar {
    scrollbar-width: thin;
    scrollbar-color: #f1a315 #D3E4FF;
}
.p-datatable-wrapper, .p-sidebar-content, .slim-scrool-bar, .w-md-editor-area {
    scrollbar-width: thin;
    scrollbar-color: #eaebf1 #e1e2e8;
}
.p-datatable-wrapper, .p-sidebar-content, .slim-scrool-bar, .w-md-editor-area {
    scrollbar-width: thin;
    scrollbar-color: #b4b6c5 #e1e2e8;
}
.p-sidebar-content, .slim-scrool-bar {
    scrollbar-width: thin;
    scrollbar-color: #0f8bfd #44486d;
}
:root {
    --blue-50: #f4fafe;
    --blue-100: #cae6fc;
    --blue-200: #a0d2fa;
    --blue-300: #75bef8;
    --blue-400: #4baaf5;
    --blue-500: #2196f3;
    --blue-600: #1c80cf;
    --blue-700: #1769aa;
    --blue-800: #125386;
    --blue-900: #0d3c61;
    --green-50: #f6fbf6;
    --green-100: #d4ecd5;
    --green-200: #b2ddb4;
    --green-300: #90cd93;
    --green-400: #6ebe71;
    --green-500: #4caf50;
    --green-600: #419544;
    --green-700: #357b38;
    --green-800: #2a602c;
    --green-900: #1e4620;
    --yellow-50: #fffcf5;
    --yellow-100: #fef0cd;
    --yellow-200: #fde4a5;
    --yellow-300: #fdd87d;
    --yellow-400: #fccc55;
    --yellow-500: #fbc02d;
    --yellow-600: #d5a326;
    --yellow-700: #b08620;
    --yellow-800: #8a6a19;
    --yellow-900: #644d12;
    --cyan-50: #f2fcfd;
    --cyan-100: #c2eff5;
    --cyan-200: #91e2ed;
    --cyan-300: #61d5e4;
    --cyan-400: #30c9dc;
    --cyan-500: #00bcd4;
    --cyan-600: #00a0b4;
    --cyan-700: #008494;
    --cyan-800: #006775;
    --cyan-900: #004b55;
    --pink-50: #fef4f7;
    --pink-100: #fac9da;
    --pink-200: #f69ebc;
    --pink-300: #f1749e;
    --pink-400: #ed4981;
    --pink-500: #e91e63;
    --pink-600: #c61a54;
    --pink-700: #a31545;
    --pink-800: #801136;
    --pink-900: #5d0c28;
Show all properties (80 more)
}
:root {
    --surface-a: transparent;
    --surface-b: rgba(68, 72, 109, 0.07);
    --surface-c: rgba(68, 72, 109, 0.12);
    --surface-d: rgba(68, 72, 109, 0.17);
    --surface-e: hsla(0, 0%, 100%, 0.9);
    --surface-f: #8a8ea6;
    --text-color: #44486d;
    --text-color-secondary: #676b89;
    --primary-color: #1b1b1b;
    --primary-color-text: #fff;
    --font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    --surface-0: #fff;
    --surface-50: #e1e2e8;
    --surface-100: #cbccd6;
    --surface-200: #b4b6c5;
    --surface-300: #9ea0b3;
    --surface-400: #878aa2;
    --surface-500: #717490;
    --surface-600: #5a5e7f;
    --surface-700: #44486d;
    --surface-800: #3c3f60;
    --surface-900: #343753;
    --gray-50: #e1e2e8;
    --gray-100: #cbccd6;
    --gray-200: #b4b6c5;
    --gray-300: #9ea0b3;
    --gray-400: #878aa2;
    --gray-500: #717490;
    --gray-600: #5a5e7f;
    --gray-700: #44486d;
    --gray-800: #3c3f60;
    --gray-900: #343753;
    --content-padding: 1.143rem;
    --inline-spacing: 0.5rem;
    --border-radius: 6px;
    --surface-ground: linear-gradient(180deg, #f6f9fc, #ececf9);
    --surface-section: #fff;
    --surface-card: #fff;
    --surface-overlay: #fff;
    --surface-border: rgba(68, 72, 109, 0.2);
    --surface-hover: rgba(68, 72, 109, 0.07);
    --focus-ring: 0 none;
    --maskbg: rgba(0, 0, 0, 0.4);
}
:root {
    --width: 100vw;
    --full-width: 100vw;
    --angle: -15deg;
    --magic-number: 0.09719;
    --skew-padding: calc(var(--width)* var(--magic-number));
    --clip-padding: calc(var(--full-width)* var(--magic-number));
}
.p-button {
    color: #3340e5;
    background: #D3E4FF;
    border: 1px solid #D3E4FF;
    padding: .429rem .571rem;
    font-size: 1rem;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    border-radius: 7px;
}
.p-component {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 1rem;
    font-weight: 400;
}
body a, body button {
    color: #1b1b1b;
    text-decoration: none;
}
body a, body button {
    color: #1b1b1b;
    text-decoration: none;
}
* {
    box-sizing: border-box;
}
* {
    box-sizing: border-box;
}
user agent stylesheet
button {
    appearance: auto;
    font-style: ;
    font-variant-ligatures: ;
    font-variant-caps: ;
    font-variant-numeric: ;
    font-variant-east-asian: ;
    font-variant-alternates: ;
    font-variant-position: ;
    font-variant-emoji: ;
    font-weight: ;
    font-stretch: ;
    font-size: ;
    font-family: ;
    font-optical-sizing: ;
    font-size-adjust: ;
    font-kerning: ;
    font-feature-settings: ;
    font-variation-settings: ;
    text-rendering: auto;
    color: buttontext;
    letter-spacing: normal;
    word-spacing: normal;
    line-height: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: center;
    cursor: default;
    box-sizing: border-box;
    background-color: buttonface;
    margin: 0em;
    padding-block: 1px;
    padding-inline: 6px;
    border-width: 2px;
    border-style: outset;
    border-color: buttonborder;
    border-image: initial;
}
.p-dataview .p-dataview-content {
    background: transparent;
    color: hsl(280.21deg 53.04% 5.15%);
    border: 0;
    padding: 0;
}
.p-dataview .p-dataview-content {
    background: transparent;
    color: #44486d;
    border: 0;
    padding: 0;
}
body, html {
    font-size: 14px;
}
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    color: #6e75ad;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0;
    margin: 0;
    min-height: 100%;
    background: linear-gradient(180deg, #f6f9fc, #ececf9);
    background-repeat: no-repeat;
    background-attachment: fixed;
}
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    color: #44486d;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0;
    margin: 0;
    min-height: 100%;
    background: linear-gradient(180deg, #f6f9fc, #ececf9);
    background-repeat: no-repeat;
    background-attachment: fixed;
}
body, html {
    font-size: 14px;
}
style attribute {
    font-size: 14px;
}
:root {
    --width: 100vw;
    --full-width: 100vw;
    --angle: -15deg;
    --magic-number: 0.09719;
    --skew-padding: calc(var(--width)* var(--magic-number));
    --clip-padding: calc(var(--full-width)* var(--magic-number));
}
:root {
    --surface-a: transparent;
    --surface-b: rgba(68, 72, 109, 0.07);
    --surface-c: rgba(68, 72, 109, 0.12);
    --surface-d: rgba(68, 72, 109, 0.17);
    --surface-e: hsla(0, 0%, 100%, 0.9);
    --surface-f: #8a8ea6;
    --text-color: #44486d;
    --text-color-secondary: #676b89;
    --primary-color: #a7a21e;
    --primary-color-text: #fff;
    --font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    --surface-0: #fff;
    --surface-50: #e1e2e8;
    --surface-100: #cbccd6;
    --surface-200: #b4b6c5;
    --surface-300: #9ea0b3;
    --surface-400: #878aa2;
    --surface-500: #717490;
    --surface-600: #5a5e7f;
    --surface-700: #44486d;
    --surface-800: #3c3f60;
    --surface-900: #343753;
    --gray-50: #e1e2e8;
    --gray-100: #cbccd6;
    --gray-200: #b4b6c5;
    --gray-300: #9ea0b3;
    --gray-400: #878aa2;
    --gray-500: #717490;
    --gray-600: #5a5e7f;
    --gray-700: #44486d;
    --gray-800: #3c3f60;
    --gray-900: #343753;
    --content-padding: 1.143rem;
    --inline-spacing: 0.5rem;
    --border-radius: 6px;
    --surface-ground: linear-gradient(180deg, #f6f9fc, #ececf9);
    --surface-section: #fff;
    --surface-card: #fff;
    --surface-overlay: #fff;
    --surface-border: rgba(68, 72, 109, 0.2);
    --surface-hover: rgba(68, 72, 109, 0.07);
    --focus-ring: 0 none;
    --maskbg: rgba(0, 0, 0, 0.4);
}
:root {
    --blue-50: #f4fafe;
    --blue-100: #cae6fc;
    --blue-200: #a0d2fa;
    --blue-300: #75bef8;
    --blue-400: #4baaf5;
    --blue-500: #2196f3;
    --blue-600: #1c80cf;
    --blue-700: #1769aa;
    --blue-800: #125386;
    --blue-900: #0d3c61;
    --green-50: #f6fbf6;
    --green-100: #d4ecd5;
    --green-200: #b2ddb4;
    --green-300: #90cd93;
    --green-400: #6ebe71;
    --green-500: #4caf50;
    --green-600: #419544;
    --green-700: #357b38;
    --green-800: #2a602c;
    --green-900: #1e4620;
    --yellow-50: #fffcf5;
    --yellow-100: #fef0cd;
    --yellow-200: #fde4a5;
    --yellow-300: #fdd87d;
    --yellow-400: #fccc55;
    --yellow-500: #fbc02d;
    --yellow-600: #d5a326;
    --yellow-700: #b08620;
    --yellow-800: #8a6a19;
    --yellow-900: #644d12;
    --cyan-50: #f2fcfd;
    --cyan-100: #c2eff5;
    --cyan-200: #91e2ed;
    --cyan-300: #61d5e4;
    --cyan-400: #30c9dc;
    --cyan-500: #00bcd4;
    --cyan-600: #00a0b4;
    --cyan-700: #008494;
    --cyan-800: #006775;
    --cyan-900: #004b55;
    --pink-50: #fef4f7;
    --pink-100: #fac9da;
    --pink-200: #f69ebc;
    --pink-300: #f1749e;
    --pink-400: #ed4981;
    --pink-500: #e91e63;
    --pink-600: #c61a54;
    --pink-700: #a31545;
    --pink-800: #801136;
    --pink-900: #5d0c28;
}
.p-sidebar-content, .slim-scrool-bar {
    scrollbar-width: thin;
    scrollbar-color: #f1a315 #D3E4FF;
}
.p-datatable-wrapper, .p-sidebar-content, .slim-scrool-bar, .w-md-editor-area {
    scrollbar-width: thin;
    scrollbar-color: #eaebf1 #e1e2e8;
}
.p-datatable-wrapper, .p-sidebar-content, .slim-scrool-bar, .w-md-editor-area {
    scrollbar-width: thin;
    scrollbar-color: #b4b6c5 #e1e2e8;
}
.p-sidebar-content, .slim-scrool-bar {
    scrollbar-width: thin;
    scrollbar-color: #0f8bfd #44486d;
}
.p-slider-horizontal .p-slider-range {
    top: 0;
    left: 0;
    height: 100%;
}
.p-sidebar-content, .slim-scrool-bar {
    scrollbar-width: thin;
    scrollbar-color: #f1a315 #D3E4FF;
}

.p-slider .p-slider-range {
    border-radius: 6px;
}
.p-slider .p-slider-range {
    background: #D3E4FF;
}
.p-component, .p-component * {
    box-sizing: border-box;
}
.p-slider-range {
    position: absolute;
    display: block;
}
.p-component, .p-component * {
    box-sizing: border-box;
}
* {
    box-sizing: border-box;
}
* {
    box-sizing: border-box;
}
.p-component {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 1rem;
    font-weight: 600;
:root {
    --blue-50: #f4fafe;
    --blue-100: #cae6fc;
    --blue-200: #a0d2fa;
    --blue-300: #75bef8;
    --blue-400: #4baaf5;
    --blue-500: #2196f3;
    --blue-600: #1c80cf;
    --blue-700: #1769aa;
    --blue-800: #125386;
    --blue-900: #0d3c61;
    --green-50: #f6fbf6;
    --green-100: #d4ecd5;
    --green-200: #b2ddb4;
    --green-300: #90cd93;
    --green-400: #6ebe71;
    --green-500: #4caf50;
    --green-600: #419544;
    --green-700: #357b38;
    --green-800: #2a602c;
    --green-900: #1e4620;
    --yellow-50: #fffcf5;
    --yellow-100: #fef0cd;
    --yellow-200: #fde4a5;
    --yellow-300: #fdd87d;
    --yellow-400: #fccc55;
    --yellow-500: #fbc02d;
    --yellow-600: #d5a326;
    --yellow-700: #b08620;
    --yellow-800: #8a6a19;
    --yellow-900: #644d12;
    --cyan-50: #f2fcfd;
    --cyan-100: #c2eff5;
    --cyan-200: #91e2ed;
    --cyan-300: #61d5e4;
    --cyan-400: #30c9dc;
    --cyan-500: #00bcd4;
    --cyan-600: #00a0b4;
    --cyan-700: #008494;
    --cyan-800: #006775;
    --cyan-900: #004b55;
    --pink-50: #fef4f7;
    --pink-100: #fac9da;
    --pink-200: #f69ebc;
    --pink-300: #f1749e;
    --pink-400: #ed4981;
    --pink-500: #e91e63;
    --pink-600: #c61a54;
    --pink-700: #a31545;
    --pink-800: #801136;
    --pink-900: #5d0c28;
Show all properties (80 more)
}
:root {
    --surface-a: transparent;
    --surface-b: rgba(68, 72, 109, 0.07);
    --surface-c: rgba(68, 72, 109, 0.12);
    --surface-d: rgba(68, 72, 109, 0.17);
    --surface-e: hsla(0, 0%, 100%, 0.9);
    --surface-f: #8a8ea6;
    --text-color: #44486d;
    --text-color-secondary: #676b89;
    --primary-color: #1b1b1b;
    --primary-color-text: #fff;
    --font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    --surface-0: #fff;
    --surface-50: #e1e2e8;
    --surface-100: #cbccd6;
    --surface-200: #b4b6c5;
    --surface-300: #9ea0b3;
    --surface-400: #878aa2;
    --surface-500: #717490;
    --surface-600: #5a5e7f;
    --surface-700: #44486d;
    --surface-800: #3c3f60;
    --surface-900: #343753;
    --gray-50: #e1e2e8;
    --gray-100: #cbccd6;
    --gray-200: #b4b6c5;
    --gray-300: #9ea0b3;
    --gray-400: #878aa2;
    --gray-500: #717490;
    --gray-600: #5a5e7f;
    --gray-700: #44486d;
    --gray-800: #3c3f60;
    --gray-900: #343753;
    --content-padding: 1.143rem;
    --inline-spacing: 0.5rem;
    --border-radius: 6px;
    --surface-ground: linear-gradient(180deg, #f6f9fc, #ececf9);
    --surface-section: #fff;
    --surface-card: #fff;
    --surface-overlay: #fff;
    --surface-border: rgba(68, 72, 109, 0.2);
    --surface-hover: rgba(68, 72, 109, 0.07);
    --focus-ring: 0 none;
    --maskbg: rgba(0, 0, 0, 0.4);
}
:root {
    --width: 100vw;
    --full-width: 100vw;
    --angle: -15deg;
    --magic-number: 0.09719;
    --skew-padding: calc(var(--width)* var(--magic-number));
    --clip-padding: calc(var(--full-width)* var(--magic-number));
}