/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./app/globals.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
/* ===================================================================
   PurpleCop Audit Center — styles ported VERBATIM from the prototype
   (the approved design mockup) for bit-for-bit UI parity.
   Font: Poppins (as in the prototype).
   =================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

/* ! tailwindcss v3.4.6 | MIT License | https://tailwindcss.com */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: Poppins, system-ui, -apple-system, Segoe UI, sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
.\!container{
  width: 100% !important;
}
.container{
  width: 100%;
}
@media (min-width: 640px){

  .\!container{
    max-width: 640px !important;
  }

  .container{
    max-width: 640px;
  }
}
@media (min-width: 768px){

  .\!container{
    max-width: 768px !important;
  }

  .container{
    max-width: 768px;
  }
}
@media (min-width: 1024px){

  .\!container{
    max-width: 1024px !important;
  }

  .container{
    max-width: 1024px;
  }
}
@media (min-width: 1280px){

  .\!container{
    max-width: 1280px !important;
  }

  .container{
    max-width: 1280px;
  }
}
@media (min-width: 1536px){

  .\!container{
    max-width: 1536px !important;
  }

  .container{
    max-width: 1536px;
  }
}
.sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none{
  pointer-events: none;
}
.visible{
  visibility: visible;
}
.collapse{
  visibility: collapse;
}
.static{
  position: static;
}
.fixed{
  position: fixed;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.sticky{
  position: sticky;
}
.inset-0{
  inset: 0px;
}
.inset-x-0{
  left: 0px;
  right: 0px;
}
.inset-y-0{
  top: 0px;
  bottom: 0px;
}
.-bottom-24{
  bottom: -6rem;
}
.-left-20{
  left: -5rem;
}
.-right-12{
  right: -3rem;
}
.-right-14{
  right: -3.5rem;
}
.-right-20{
  right: -5rem;
}
.-top-16{
  top: -4rem;
}
.-top-24{
  top: -6rem;
}
.-top-32{
  top: -8rem;
}
.bottom-0{
  bottom: 0px;
}
.bottom-2\.5{
  bottom: 0.625rem;
}
.bottom-5{
  bottom: 1.25rem;
}
.bottom-\[-10rem\]{
  bottom: -10rem;
}
.bottom-\[-90px\]{
  bottom: -90px;
}
.left-0{
  left: 0px;
}
.left-0\.5{
  left: 0.125rem;
}
.left-1\/3{
  left: 33.333333%;
}
.left-2{
  left: 0.5rem;
}
.left-2\.5{
  left: 0.625rem;
}
.left-3{
  left: 0.75rem;
}
.left-\[18px\]{
  left: 18px;
}
.left-\[50\%\]{
  left: 50%;
}
.left-auto{
  left: auto;
}
.right-0{
  right: 0px;
}
.right-1\/4{
  right: 25%;
}
.right-2{
  right: 0.5rem;
}
.right-4{
  right: 1rem;
}
.right-40{
  right: 10rem;
}
.right-5{
  right: 1.25rem;
}
.right-\[-6rem\]{
  right: -6rem;
}
.top-0{
  top: 0px;
}
.top-0\.5{
  top: 0.125rem;
}
.top-1\/2{
  top: 50%;
}
.top-1\/3{
  top: 33.333333%;
}
.top-2{
  top: 0.5rem;
}
.top-2\.5{
  top: 0.625rem;
}
.top-4{
  top: 1rem;
}
.top-\[-3px\]{
  top: -3px;
}
.top-\[50\%\]{
  top: 50%;
}
.top-\[calc\(100\%\+6px\)\]{
  top: calc(100% + 6px);
}
.top-\[calc\(100\%\+8px\)\]{
  top: calc(100% + 8px);
}
.z-0{
  z-index: 0;
}
.z-10{
  z-index: 10;
}
.z-20{
  z-index: 20;
}
.z-30{
  z-index: 30;
}
.z-40{
  z-index: 40;
}
.z-50{
  z-index: 50;
}
.z-\[100\]{
  z-index: 100;
}
.z-\[105\]{
  z-index: 105;
}
.z-\[110\]{
  z-index: 110;
}
.z-\[120\]{
  z-index: 120;
}
.z-\[130\]{
  z-index: 130;
}
.z-\[1\]{
  z-index: 1;
}
.z-\[200\]{
  z-index: 200;
}
.z-\[999\]{
  z-index: 999;
}
.m-0{
  margin: 0px;
}
.-mx-1{
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.mx-2\.5{
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.my-1{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-2\.5{
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
.my-auto{
  margin-top: auto;
  margin-bottom: auto;
}
.-mb-px{
  margin-bottom: -1px;
}
.mb-0{
  margin-bottom: 0px;
}
.mb-0\.5{
  margin-bottom: 0.125rem;
}
.mb-1{
  margin-bottom: 0.25rem;
}
.mb-1\.5{
  margin-bottom: 0.375rem;
}
.mb-18px{
  margin-bottom: 18px;
}
.mb-2{
  margin-bottom: 0.5rem;
}
.mb-2\.5{
  margin-bottom: 0.625rem;
}
.mb-3{
  margin-bottom: 0.75rem;
}
.mb-3\.5{
  margin-bottom: 0.875rem;
}
.mb-4{
  margin-bottom: 1rem;
}
.mb-5{
  margin-bottom: 1.25rem;
}
.mb-6{
  margin-bottom: 1.5rem;
}
.mb-\[18px\]{
  margin-bottom: 18px;
}
.me-1{
  margin-inline-end: 0.25rem;
}
.me-2{
  margin-inline-end: 0.5rem;
}
.ml-0\.5{
  margin-left: 0.125rem;
}
.ml-1{
  margin-left: 0.25rem;
}
.ml-1\.5{
  margin-left: 0.375rem;
}
.ml-2{
  margin-left: 0.5rem;
}
.ml-6{
  margin-left: 1.5rem;
}
.ml-auto{
  margin-left: auto;
}
.mr-1\.5{
  margin-right: 0.375rem;
}
.mr-3{
  margin-right: 0.75rem;
}
.ms-1{
  margin-inline-start: 0.25rem;
}
.ms-2{
  margin-inline-start: 0.5rem;
}
.ms-auto{
  margin-inline-start: auto;
}
.mt-0\.5{
  margin-top: 0.125rem;
}
.mt-1{
  margin-top: 0.25rem;
}
.mt-1\.5{
  margin-top: 0.375rem;
}
.mt-2{
  margin-top: 0.5rem;
}
.mt-2\.5{
  margin-top: 0.625rem;
}
.mt-3{
  margin-top: 0.75rem;
}
.mt-3\.5{
  margin-top: 0.875rem;
}
.mt-4{
  margin-top: 1rem;
}
.mt-5{
  margin-top: 1.25rem;
}
.mt-6{
  margin-top: 1.5rem;
}
.mt-\[18px\]{
  margin-top: 18px;
}
.block{
  display: block;
}
.inline-block{
  display: inline-block;
}
.inline{
  display: inline;
}
.flex{
  display: flex;
}
.inline-flex{
  display: inline-flex;
}
.table{
  display: table;
}
.grid{
  display: grid;
}
.inline-grid{
  display: inline-grid;
}
.contents{
  display: contents;
}
.hidden{
  display: none;
}
.aspect-\[1\.2\]{
  aspect-ratio: 1.2;
}
.h-1\.5{
  height: 0.375rem;
}
.h-10{
  height: 2.5rem;
}
.h-11{
  height: 2.75rem;
}
.h-12{
  height: 3rem;
}
.h-14{
  height: 3.5rem;
}
.h-16{
  height: 4rem;
}
.h-2{
  height: 0.5rem;
}
.h-2\.5{
  height: 0.625rem;
}
.h-24{
  height: 6rem;
}
.h-3\.5{
  height: 0.875rem;
}
.h-38px{
  height: 38px;
}
.h-4{
  height: 1rem;
}
.h-40{
  height: 10rem;
}
.h-44{
  height: 11rem;
}
.h-5{
  height: 1.25rem;
}
.h-52{
  height: 13rem;
}
.h-56{
  height: 14rem;
}
.h-6{
  height: 1.5rem;
}
.h-64{
  height: 16rem;
}
.h-7{
  height: 1.75rem;
}
.h-72{
  height: 18rem;
}
.h-7px{
  height: 7px;
}
.h-8{
  height: 2rem;
}
.h-9{
  height: 2.25rem;
}
.h-96{
  height: 24rem;
}
.h-\[11px\]{
  height: 11px;
}
.h-\[13px\]{
  height: 13px;
}
.h-\[15px\]{
  height: 15px;
}
.h-\[180px\]{
  height: 180px;
}
.h-\[190px\]{
  height: 190px;
}
.h-\[196px\]{
  height: 196px;
}
.h-\[2\.5px\]{
  height: 2.5px;
}
.h-\[210px\]{
  height: 210px;
}
.h-\[22px\]{
  height: 22px;
}
.h-\[26px\]{
  height: 26px;
}
.h-\[280px\]{
  height: 280px;
}
.h-\[28rem\]{
  height: 28rem;
}
.h-\[300px\]{
  height: 300px;
}
.h-\[30px\]{
  height: 30px;
}
.h-\[32rem\]{
  height: 32rem;
}
.h-\[34px\]{
  height: 34px;
}
.h-\[38px\]{
  height: 38px;
}
.h-\[3px\]{
  height: 3px;
}
.h-\[420px\]{
  height: 420px;
}
.h-\[42px\]{
  height: 42px;
}
.h-\[44px\]{
  height: 44px;
}
.h-\[52px\]{
  height: 52px;
}
.h-\[600px\]{
  height: 600px;
}
.h-\[60vh\]{
  height: 60vh;
}
.h-\[70vh\]{
  height: 70vh;
}
.h-\[7px\]{
  height: 7px;
}
.h-\[9px\]{
  height: 9px;
}
.h-\[var\(--radix-select-trigger-height\)\]{
  height: var(--radix-select-trigger-height);
}
.h-full{
  height: 100%;
}
.h-px{
  height: 1px;
}
.h-screen{
  height: 100vh;
}
.max-h-24{
  max-height: 6rem;
}
.max-h-32{
  max-height: 8rem;
}
.max-h-40{
  max-height: 10rem;
}
.max-h-56{
  max-height: 14rem;
}
.max-h-72{
  max-height: 18rem;
}
.max-h-\[--radix-select-content-available-height\]{
  max-height: var(--radix-select-content-available-height);
}
.max-h-\[300px\]{
  max-height: 300px;
}
.max-h-\[420px\]{
  max-height: 420px;
}
.max-h-\[560px\]{
  max-height: 560px;
}
.max-h-\[60vh\]{
  max-height: 60vh;
}
.max-h-\[620px\]{
  max-height: 620px;
}
.max-h-\[65vh\]{
  max-height: 65vh;
}
.max-h-\[68vh\]{
  max-height: 68vh;
}
.max-h-\[70vh\]{
  max-height: 70vh;
}
.max-h-\[75vh\]{
  max-height: 75vh;
}
.max-h-\[88vh\]{
  max-height: 88vh;
}
.max-h-\[90vh\]{
  max-height: 90vh;
}
.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{
  max-height: var(--radix-dropdown-menu-content-available-height);
}
.min-h-0{
  min-height: 0px;
}
.min-h-1{
  min-height: 0.25rem;
}
.min-h-\[115px\]{
  min-height: 115px;
}
.min-h-\[42px\]{
  min-height: 42px;
}
.min-h-\[60px\]{
  min-height: 60px;
}
.min-h-\[90px\]{
  min-height: 90px;
}
.min-h-screen{
  min-height: 100vh;
}
.w-0\.5{
  width: 0.125rem;
}
.w-10{
  width: 2.5rem;
}
.w-11{
  width: 2.75rem;
}
.w-14{
  width: 3.5rem;
}
.w-16{
  width: 4rem;
}
.w-2{
  width: 0.5rem;
}
.w-2\.5{
  width: 0.625rem;
}
.w-20{
  width: 5rem;
}
.w-24{
  width: 6rem;
}
.w-3\.5{
  width: 0.875rem;
}
.w-3\/4{
  width: 75%;
}
.w-38px{
  width: 38px;
}
.w-4{
  width: 1rem;
}
.w-40{
  width: 10rem;
}
.w-44{
  width: 11rem;
}
.w-5{
  width: 1.25rem;
}
.w-52{
  width: 13rem;
}
.w-6{
  width: 1.5rem;
}
.w-64{
  width: 16rem;
}
.w-7{
  width: 1.75rem;
}
.w-72{
  width: 18rem;
}
.w-7px{
  width: 7px;
}
.w-8{
  width: 2rem;
}
.w-9{
  width: 2.25rem;
}
.w-\[11px\]{
  width: 11px;
}
.w-\[120px\]{
  width: 120px;
}
.w-\[150px\]{
  width: 150px;
}
.w-\[22px\]{
  width: 22px;
}
.w-\[236px\]{
  width: 236px;
}
.w-\[26px\]{
  width: 26px;
}
.w-\[280px\]{
  width: 280px;
}
.w-\[28rem\]{
  width: 28rem;
}
.w-\[30px\]{
  width: 30px;
}
.w-\[320px\]{
  width: 320px;
}
.w-\[32rem\]{
  width: 32rem;
}
.w-\[34px\]{
  width: 34px;
}
.w-\[380px\]{
  width: 380px;
}
.w-\[38px\]{
  width: 38px;
}
.w-\[3px\]{
  width: 3px;
}
.w-\[40px\]{
  width: 40px;
}
.w-\[420px\]{
  width: 420px;
}
.w-\[42px\]{
  width: 42px;
}
.w-\[460px\]{
  width: 460px;
}
.w-\[50px\]{
  width: 50px;
}
.w-\[52\%\]{
  width: 52%;
}
.w-\[9px\]{
  width: 9px;
}
.w-full{
  width: 100%;
}
.w-screen{
  width: 100vw;
}
.min-w-0{
  min-width: 0px;
}
.min-w-5{
  min-width: 1.25rem;
}
.min-w-\[120px\]{
  min-width: 120px;
}
.min-w-\[150px\]{
  min-width: 150px;
}
.min-w-\[160px\]{
  min-width: 160px;
}
.min-w-\[190px\]{
  min-width: 190px;
}
.min-w-\[200px\]{
  min-width: 200px;
}
.min-w-\[220px\]{
  min-width: 220px;
}
.min-w-\[250px\]{
  min-width: 250px;
}
.min-w-\[280px\]{
  min-width: 280px;
}
.min-w-\[28px\]{
  min-width: 28px;
}
.min-w-\[64px\]{
  min-width: 64px;
}
.min-w-\[720px\]{
  min-width: 720px;
}
.min-w-\[820px\]{
  min-width: 820px;
}
.min-w-\[860px\]{
  min-width: 860px;
}
.min-w-\[86px\]{
  min-width: 86px;
}
.min-w-\[8rem\]{
  min-width: 8rem;
}
.min-w-\[900px\]{
  min-width: 900px;
}
.min-w-\[var\(--radix-select-trigger-width\)\]{
  min-width: var(--radix-select-trigger-width);
}
.max-w-2xl{
  max-width: 42rem;
}
.max-w-3xl{
  max-width: 48rem;
}
.max-w-4xl{
  max-width: 56rem;
}
.max-w-5xl{
  max-width: 64rem;
}
.max-w-\[330px\]{
  max-width: 330px;
}
.max-w-\[380px\]{
  max-width: 380px;
}
.max-w-\[420px\]{
  max-width: 420px;
}
.max-w-\[520px\]{
  max-width: 520px;
}
.max-w-\[52px\]{
  max-width: 52px;
}
.max-w-\[54px\]{
  max-width: 54px;
}
.max-w-\[560px\]{
  max-width: 560px;
}
.max-w-\[640px\]{
  max-width: 640px;
}
.max-w-\[760px\]{
  max-width: 760px;
}
.max-w-\[calc\(100vw-2rem\)\]{
  max-width: calc(100vw - 2rem);
}
.max-w-full{
  max-width: 100%;
}
.max-w-lg{
  max-width: 32rem;
}
.max-w-md{
  max-width: 28rem;
}
.max-w-none{
  max-width: none;
}
.max-w-sm{
  max-width: 24rem;
}
.flex-1{
  flex: 1 1 0%;
}
.flex-none{
  flex: none;
}
.flex-shrink-0{
  flex-shrink: 0;
}
.shrink-0{
  flex-shrink: 0;
}
.grow{
  flex-grow: 1;
}
.border-collapse{
  border-collapse: collapse;
}
.border-separate{
  border-collapse: separate;
}
.border-spacing-0{
  --tw-border-spacing-x: 0px;
  --tw-border-spacing-y: 0px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.origin-\[--radix-dropdown-menu-content-transform-origin\]{
  transform-origin: var(--radix-dropdown-menu-content-transform-origin);
}
.origin-\[--radix-select-content-transform-origin\]{
  transform-origin: var(--radix-select-content-transform-origin);
}
.origin-\[--radix-tooltip-content-transform-origin\]{
  transform-origin: var(--radix-tooltip-content-transform-origin);
}
.-translate-y-1\/2{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0{
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[-50\%\]{
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0{
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[-50\%\]{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-90{
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.animate-\[lkslide_\.26s_cubic-bezier\(\.2\2c \.7\2c \.3\2c 1\)\]{
  animation: lkslide .26s cubic-bezier(.2,.7,.3,1);
}
@keyframes pulse{

  50%{
    opacity: .5;
  }
}
.animate-pulse{
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.cursor-default{
  cursor: default;
}
.cursor-not-allowed{
  cursor: not-allowed;
}
.cursor-pointer{
  cursor: pointer;
}
.select-none{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.resize-none{
  resize: none;
}
.resize-y{
  resize: vertical;
}
.resize{
  resize: both;
}
.appearance-none{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5{
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-6{
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-\[1fr_1\.6fr_auto\]{
  grid-template-columns: 1fr 1.6fr auto;
}
.grid-cols-\[1fr_auto\]{
  grid-template-columns: 1fr auto;
}
.flex-row{
  flex-direction: row;
}
.flex-col{
  flex-direction: column;
}
.flex-col-reverse{
  flex-direction: column-reverse;
}
.flex-wrap{
  flex-wrap: wrap;
}
.place-items-center{
  place-items: center;
}
.items-start{
  align-items: flex-start;
}
.items-end{
  align-items: flex-end;
}
.items-center{
  align-items: center;
}
.items-baseline{
  align-items: baseline;
}
.justify-end{
  justify-content: flex-end;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.justify-around{
  justify-content: space-around;
}
.gap-0{
  gap: 0px;
}
.gap-0\.5{
  gap: 0.125rem;
}
.gap-1{
  gap: 0.25rem;
}
.gap-1\.5{
  gap: 0.375rem;
}
.gap-14px{
  gap: 14px;
}
.gap-2{
  gap: 0.5rem;
}
.gap-2\.5{
  gap: 0.625rem;
}
.gap-3{
  gap: 0.75rem;
}
.gap-3\.5{
  gap: 0.875rem;
}
.gap-4{
  gap: 1rem;
}
.gap-5{
  gap: 1.25rem;
}
.gap-6{
  gap: 1.5rem;
}
.gap-7px{
  gap: 7px;
}
.gap-8{
  gap: 2rem;
}
.gap-\[18px\]{
  gap: 18px;
}
.gap-\[7px\]{
  gap: 7px;
}
.gap-x-3\.5{
  -moz-column-gap: 0.875rem;
       column-gap: 0.875rem;
}
.gap-x-4{
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.gap-y-1{
  row-gap: 0.25rem;
}
.gap-y-2{
  row-gap: 0.5rem;
}
.space-y-0\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-2\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-3\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.875rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.divide-y > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-line > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(233 235 243 / var(--tw-divide-opacity));
}
.divide-line-2 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(240 241 248 / var(--tw-divide-opacity));
}
.self-start{
  align-self: flex-start;
}
.overflow-auto{
  overflow: auto;
}
.overflow-hidden{
  overflow: hidden;
}
.overflow-x-auto{
  overflow-x: auto;
}
.overflow-y-auto{
  overflow-y: auto;
}
.overflow-x-hidden{
  overflow-x: hidden;
}
.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-ellipsis{
  text-overflow: ellipsis;
}
.whitespace-nowrap{
  white-space: nowrap;
}
.whitespace-pre-wrap{
  white-space: pre-wrap;
}
.text-nowrap{
  text-wrap: nowrap;
}
.break-words{
  overflow-wrap: break-word;
}
.break-all{
  word-break: break-all;
}
.rounded{
  border-radius: 0.25rem;
}
.rounded-11{
  border-radius: 11px;
}
.rounded-12{
  border-radius: 12px;
}
.rounded-18{
  border-radius: 18px;
}
.rounded-2xl{
  border-radius: 1rem;
}
.rounded-\[10px\]{
  border-radius: 10px;
}
.rounded-\[11px\]{
  border-radius: 11px;
}
.rounded-\[12px\]{
  border-radius: 12px;
}
.rounded-\[14px\]{
  border-radius: 14px;
}
.rounded-\[15px\]{
  border-radius: 15px;
}
.rounded-\[16px\]{
  border-radius: 16px;
}
.rounded-\[18px\]{
  border-radius: 18px;
}
.rounded-\[22px\]{
  border-radius: 22px;
}
.rounded-\[3px\]{
  border-radius: 3px;
}
.rounded-\[6px\]{
  border-radius: 6px;
}
.rounded-\[7px\]{
  border-radius: 7px;
}
.rounded-\[8px\]{
  border-radius: 8px;
}
.rounded-\[9px\]{
  border-radius: 9px;
}
.rounded-btn{
  border-radius: 10px;
}
.rounded-card{
  border-radius: 16px;
}
.rounded-chip{
  border-radius: 6px;
}
.rounded-full{
  border-radius: 9999px;
}
.rounded-input{
  border-radius: 11px;
}
.rounded-lg{
  border-radius: 0.5rem;
}
.rounded-md{
  border-radius: 0.375rem;
}
.rounded-modal{
  border-radius: 18px;
}
.rounded-none{
  border-radius: 0px;
}
.rounded-pill{
  border-radius: 9999px;
}
.rounded-sm{
  border-radius: 0.125rem;
}
.rounded-tab{
  border-radius: 14px;
}
.rounded-xl{
  border-radius: 0.75rem;
}
.rounded-l-\[10px\]{
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.rounded-r-\[10px\]{
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.rounded-t-\[8px\]{
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.rounded-t-card{
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.rounded-t-lg{
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.rounded-t-md{
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}
.border{
  border-width: 1px;
}
.border-0{
  border-width: 0px;
}
.border-2{
  border-width: 2px;
}
.border-\[1\.5px\]{
  border-width: 1.5px;
}
.border-b{
  border-bottom-width: 1px;
}
.border-l{
  border-left-width: 1px;
}
.border-r{
  border-right-width: 1px;
}
.border-t{
  border-top-width: 1px;
}
.border-t-2{
  border-top-width: 2px;
}
.border-dashed{
  border-style: dashed;
}
.border-none{
  border-style: none;
}
.border-\[\#34c77b\]\/40{
  border-color: rgb(52 199 123 / 0.4);
}
.border-\[\#3a3c4d\]{
  --tw-border-opacity: 1;
  border-color: rgb(58 60 77 / var(--tw-border-opacity));
}
.border-\[\#F0EEF5\]{
  --tw-border-opacity: 1;
  border-color: rgb(240 238 245 / var(--tw-border-opacity));
}
.border-\[\#d6dae6\]{
  --tw-border-opacity: 1;
  border-color: rgb(214 218 230 / var(--tw-border-opacity));
}
.border-\[\#d9d3f5\]{
  --tw-border-opacity: 1;
  border-color: rgb(217 211 245 / var(--tw-border-opacity));
}
.border-\[\#e2dcfb\]{
  --tw-border-opacity: 1;
  border-color: rgb(226 220 251 / var(--tw-border-opacity));
}
.border-black\/20{
  border-color: rgb(0 0 0 / 0.2);
}
.border-brand{
  --tw-border-opacity: 1;
  border-color: rgb(109 92 240 / var(--tw-border-opacity));
}
.border-green\/30{
  border-color: rgb(52 199 123 / 0.3);
}
.border-green\/40{
  border-color: rgb(52 199 123 / 0.4);
}
.border-input{
  border-color: var(--input, #e9ebf3);
}
.border-line{
  --tw-border-opacity: 1;
  border-color: rgb(233 235 243 / var(--tw-border-opacity));
}
.border-line-2{
  --tw-border-opacity: 1;
  border-color: rgb(240 241 248 / var(--tw-border-opacity));
}
.border-red\/30{
  border-color: rgb(239 68 68 / 0.3);
}
.border-red\/50{
  border-color: rgb(239 68 68 / 0.5);
}
.border-surface-line{
  --tw-border-opacity: 1;
  border-color: rgb(233 235 243 / var(--tw-border-opacity));
}
.border-surface-line2{
  --tw-border-opacity: 1;
  border-color: rgb(240 241 248 / var(--tw-border-opacity));
}
.border-transparent{
  border-color: transparent;
}
.border-white{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-white\/10{
  border-color: rgb(255 255 255 / 0.1);
}
.border-white\/15{
  border-color: rgb(255 255 255 / 0.15);
}
.border-white\/20{
  border-color: rgb(255 255 255 / 0.2);
}
.border-white\/45{
  border-color: rgb(255 255 255 / 0.45);
}
.bg-\[\#16a34a\]{
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity));
}
.bg-\[\#22c55e\]{
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
.bg-\[\#28c840\]{
  --tw-bg-opacity: 1;
  background-color: rgb(40 200 64 / var(--tw-bg-opacity));
}
.bg-\[\#34c77b\]\/25{
  background-color: rgb(52 199 123 / 0.25);
}
.bg-\[\#3fa9f5\]{
  --tw-bg-opacity: 1;
  background-color: rgb(63 169 245 / var(--tw-bg-opacity));
}
.bg-\[\#8b5cf6\]\/30{
  background-color: rgb(139 92 246 / 0.3);
}
.bg-\[\#8fa3c7\]{
  --tw-bg-opacity: 1;
  background-color: rgb(143 163 199 / var(--tw-bg-opacity));
}
.bg-\[\#b9c6e6\]{
  --tw-bg-opacity: 1;
  background-color: rgb(185 198 230 / var(--tw-bg-opacity));
}
.bg-\[\#d1fae5\]{
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity));
}
.bg-\[\#dbeafe\]{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
}
.bg-\[\#dcfce7\]{
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity));
}
.bg-\[\#e0a91b\]{
  --tw-bg-opacity: 1;
  background-color: rgb(224 169 27 / var(--tw-bg-opacity));
}
.bg-\[\#e0e7ff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity));
}
.bg-\[\#e0edff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(224 237 255 / var(--tw-bg-opacity));
}
.bg-\[\#e0f2ec\]{
  --tw-bg-opacity: 1;
  background-color: rgb(224 242 236 / var(--tw-bg-opacity));
}
.bg-\[\#e0f2fe\]{
  --tw-bg-opacity: 1;
  background-color: rgb(224 242 254 / var(--tw-bg-opacity));
}
.bg-\[\#e6f8ef\]{
  --tw-bg-opacity: 1;
  background-color: rgb(230 248 239 / var(--tw-bg-opacity));
}
.bg-\[\#e7f7ee\]{
  --tw-bg-opacity: 1;
  background-color: rgb(231 247 238 / var(--tw-bg-opacity));
}
.bg-\[\#e8eeff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(232 238 255 / var(--tw-bg-opacity));
}
.bg-\[\#e9e7fb\]{
  --tw-bg-opacity: 1;
  background-color: rgb(233 231 251 / var(--tw-bg-opacity));
}
.bg-\[\#eceefa\]{
  --tw-bg-opacity: 1;
  background-color: rgb(236 238 250 / var(--tw-bg-opacity));
}
.bg-\[\#ecfdf5\]{
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity));
}
.bg-\[\#ede9fe\]{
  --tw-bg-opacity: 1;
  background-color: rgb(237 233 254 / var(--tw-bg-opacity));
}
.bg-\[\#eef0f7\]{
  --tw-bg-opacity: 1;
  background-color: rgb(238 240 247 / var(--tw-bg-opacity));
}
.bg-\[\#eef0fd\]{
  --tw-bg-opacity: 1;
  background-color: rgb(238 240 253 / var(--tw-bg-opacity));
}
.bg-\[\#eef2ff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity));
}
.bg-\[\#ef4444\]{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}
.bg-\[\#efeafe\]{
  --tw-bg-opacity: 1;
  background-color: rgb(239 234 254 / var(--tw-bg-opacity));
}
.bg-\[\#f0f1f8\]{
  --tw-bg-opacity: 1;
  background-color: rgb(240 241 248 / var(--tw-bg-opacity));
}
.bg-\[\#f1eefe\]{
  --tw-bg-opacity: 1;
  background-color: rgb(241 238 254 / var(--tw-bg-opacity));
}
.bg-\[\#f2f3fa\]{
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 250 / var(--tw-bg-opacity));
}
.bg-\[\#f3e8ff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity));
}
.bg-\[\#f3f0fe\]{
  --tw-bg-opacity: 1;
  background-color: rgb(243 240 254 / var(--tw-bg-opacity));
}
.bg-\[\#f3fcf6\]{
  --tw-bg-opacity: 1;
  background-color: rgb(243 252 246 / var(--tw-bg-opacity));
}
.bg-\[\#f7f6fc\]\/80{
  background-color: rgb(247 246 252 / 0.8);
}
.bg-\[\#fde8e8\]{
  --tw-bg-opacity: 1;
  background-color: rgb(253 232 232 / var(--tw-bg-opacity));
}
.bg-\[\#fdeaea\]{
  --tw-bg-opacity: 1;
  background-color: rgb(253 234 234 / var(--tw-bg-opacity));
}
.bg-\[\#febc2e\]{
  --tw-bg-opacity: 1;
  background-color: rgb(254 188 46 / var(--tw-bg-opacity));
}
.bg-\[\#fee2e2\]{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
}
.bg-\[\#fef3c7\]{
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity));
}
.bg-\[\#ff5f57\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 95 87 / var(--tw-bg-opacity));
}
.bg-\[rgba\(20\2c 16\2c 45\2c \.45\)\]{
  background-color: rgba(20,16,45,.45);
}
.bg-accent{
  background-color: var(--accent, #f5f4fe);
}
.bg-amber\/15{
  background-color: rgb(245 158 11 / 0.15);
}
.bg-background{
  background-color: var(--background, #f4f5fb);
}
.bg-bg{
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 251 / var(--tw-bg-opacity));
}
.bg-black\/30{
  background-color: rgb(0 0 0 / 0.3);
}
.bg-black\/60{
  background-color: rgb(0 0 0 / 0.6);
}
.bg-black\/80{
  background-color: rgb(0 0 0 / 0.8);
}
.bg-blue-l\/15{
  background-color: rgb(96 165 250 / 0.15);
}
.bg-brand{
  --tw-bg-opacity: 1;
  background-color: rgb(109 92 240 / var(--tw-bg-opacity));
}
.bg-brand\/10{
  background-color: rgb(109 92 240 / 0.1);
}
.bg-brand\/\[\.08\]{
  background-color: rgb(109 92 240 / .08);
}
.bg-card{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-destructive{
  background-color: var(--destructive, #ef4444);
}
.bg-emerald-100{
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity));
}
.bg-emerald-400\/\[\.07\]{
  background-color: rgb(52 211 153 / .07);
}
.bg-green{
  --tw-bg-opacity: 1;
  background-color: rgb(52 199 123 / var(--tw-bg-opacity));
}
.bg-green-d{
  --tw-bg-opacity: 1;
  background-color: rgb(31 157 99 / var(--tw-bg-opacity));
}
.bg-green\/15{
  background-color: rgb(52 199 123 / 0.15);
}
.bg-indigo-100{
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity));
}
.bg-ink{
  --tw-bg-opacity: 1;
  background-color: rgb(30 36 51 / var(--tw-bg-opacity));
}
.bg-line{
  --tw-bg-opacity: 1;
  background-color: rgb(233 235 243 / var(--tw-bg-opacity));
}
.bg-line-2{
  --tw-bg-opacity: 1;
  background-color: rgb(240 241 248 / var(--tw-bg-opacity));
}
.bg-mut{
  --tw-bg-opacity: 1;
  background-color: rgb(122 131 155 / var(--tw-bg-opacity));
}
.bg-muted{
  background-color: var(--muted, #f0f1f8);
}
.bg-pink-400\/\[\.05\]{
  background-color: rgb(244 114 182 / .05);
}
.bg-popover{
  background-color: var(--popover, #ffffff);
}
.bg-primary{
  background-color: var(--primary, #6d5cf0);
}
.bg-red{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}
.bg-red\/10{
  background-color: rgb(239 68 68 / 0.1);
}
.bg-red\/15{
  background-color: rgb(239 68 68 / 0.15);
}
.bg-red\/5{
  background-color: rgb(239 68 68 / 0.05);
}
.bg-rose-100{
  --tw-bg-opacity: 1;
  background-color: rgb(255 228 230 / var(--tw-bg-opacity));
}
.bg-secondary{
  background-color: var(--secondary, #3a5680);
}
.bg-sky-100{
  --tw-bg-opacity: 1;
  background-color: rgb(224 242 254 / var(--tw-bg-opacity));
}
.bg-slate-100{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}
.bg-slate-200{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}
.bg-status-open{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}
.bg-surface-bg{
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 251 / var(--tw-bg-opacity));
}
.bg-surface-bg\/40{
  background-color: rgb(244 245 251 / 0.4);
}
.bg-transparent{
  background-color: transparent;
}
.bg-violet-100{
  --tw-bg-opacity: 1;
  background-color: rgb(237 233 254 / var(--tw-bg-opacity));
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-white\/10{
  background-color: rgb(255 255 255 / 0.1);
}
.bg-white\/15{
  background-color: rgb(255 255 255 / 0.15);
}
.bg-white\/5{
  background-color: rgb(255 255 255 / 0.05);
}
.bg-white\/90{
  background-color: rgb(255 255 255 / 0.9);
}
.bg-white\/\[\.05\]{
  background-color: rgb(255 255 255 / .05);
}
.bg-white\/\[\.06\]{
  background-color: rgb(255 255 255 / .06);
}
.bg-gradient-to-b{
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-br{
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.bg-gradient-to-r{
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.from-\[\#232132\]{
  --tw-gradient-from: #232132 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(35 33 50 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#252336\]{
  --tw-gradient-from: #252336 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(37 35 54 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#2b2960\]{
  --tw-gradient-from: #2b2960 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(43 41 96 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#2c2a5e\]{
  --tw-gradient-from: #2c2a5e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(44 42 94 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#3bb6c4\]{
  --tw-gradient-from: #3bb6c4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 182 196 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#3fcf86\]{
  --tw-gradient-from: #3fcf86 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(63 207 134 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#46bd86\]{
  --tw-gradient-from: #46bd86 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(70 189 134 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#4ade80\]{
  --tw-gradient-from: #4ade80 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(74 222 128 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#5b8bef\]{
  --tw-gradient-from: #5b8bef var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(91 139 239 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#6d28d9\]{
  --tw-gradient-from: #6d28d9 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(109 40 217 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#7c5cf0\]{
  --tw-gradient-from: #7c5cf0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(124 92 240 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#8792ab\]{
  --tw-gradient-from: #8792ab var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(135 146 171 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#8b5cf6\]{
  --tw-gradient-from: #8b5cf6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#8b7cf3\]{
  --tw-gradient-from: #8b7cf3 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(139 124 243 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#8b7cf6\]{
  --tw-gradient-from: #8b7cf6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(139 124 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#e3a155\]{
  --tw-gradient-from: #e3a155 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(227 161 85 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#f7f5ff\]{
  --tw-gradient-from: #f7f5ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(247 245 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-brand{
  --tw-gradient-from: #6d5cf0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(109 92 240 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-navy{
  --tw-gradient-from: #3a5680 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(58 86 128 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-\[\#46399b\]{
  --tw-gradient-to: rgb(70 57 155 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #46399b var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#463aa0\]{
  --tw-gradient-to: rgb(70 58 160 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #463aa0 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#7c3aed\]{
  --tw-gradient-to: rgb(124 58 237 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #7c3aed var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-\[\#18161f\]{
  --tw-gradient-to: #18161f var(--tw-gradient-to-position);
}
.to-\[\#2bb673\]{
  --tw-gradient-to: #2bb673 var(--tw-gradient-to-position);
}
.to-\[\#2f9aa8\]{
  --tw-gradient-to: #2f9aa8 var(--tw-gradient-to-position);
}
.to-\[\#4c1d95\]{
  --tw-gradient-to: #4c1d95 var(--tw-gradient-to-position);
}
.to-\[\#4f79e0\]{
  --tw-gradient-to: #4f79e0 var(--tw-gradient-to-position);
}
.to-\[\#6366f1\]{
  --tw-gradient-to: #6366f1 var(--tw-gradient-to-position);
}
.to-\[\#6b7690\]{
  --tw-gradient-to: #6b7690 var(--tw-gradient-to-position);
}
.to-\[\#6d5cf0\]{
  --tw-gradient-to: #6d5cf0 var(--tw-gradient-to-position);
}
.to-\[\#7c3aed\]{
  --tw-gradient-to: #7c3aed var(--tw-gradient-to-position);
}
.to-\[\#7c5cf0\]{
  --tw-gradient-to: #7c5cf0 var(--tw-gradient-to-position);
}
.to-\[\#a855f7\]{
  --tw-gradient-to: #a855f7 var(--tw-gradient-to-position);
}
.to-\[\#d8923f\]{
  --tw-gradient-to: #d8923f var(--tw-gradient-to-position);
}
.to-brand{
  --tw-gradient-to: #6d5cf0 var(--tw-gradient-to-position);
}
.to-brand-d{
  --tw-gradient-to: #5b47d6 var(--tw-gradient-to-position);
}
.to-card{
  --tw-gradient-to: #ffffff var(--tw-gradient-to-position);
}
.to-navy-d{
  --tw-gradient-to: #2f4a6b var(--tw-gradient-to-position);
}
.bg-clip-text{
  -webkit-background-clip: text;
          background-clip: text;
}
.fill-current{
  fill: currentColor;
}
.object-contain{
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}
.p-0{
  padding: 0px;
}
.p-1{
  padding: 0.25rem;
}
.p-1\.5{
  padding: 0.375rem;
}
.p-10{
  padding: 2.5rem;
}
.p-12{
  padding: 3rem;
}
.p-14px{
  padding: 14px;
}
.p-2{
  padding: 0.5rem;
}
.p-2\.5{
  padding: 0.625rem;
}
.p-3{
  padding: 0.75rem;
}
.p-3\.5{
  padding: 0.875rem;
}
.p-4{
  padding: 1rem;
}
.p-5{
  padding: 1.25rem;
}
.p-6{
  padding: 1.5rem;
}
.p-8{
  padding: 2rem;
}
.p-\[18px\]{
  padding: 18px;
}
.p-\[3px\]{
  padding: 3px;
}
.px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5{
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-15px{
  padding-left: 15px;
  padding-right: 15px;
}
.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-3\.5{
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-7{
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-\[15px\]{
  padding-left: 15px;
  padding-right: 15px;
}
.px-\[18px\]{
  padding-left: 18px;
  padding-right: 18px;
}
.px-\[26px\]{
  padding-left: 26px;
  padding-right: 26px;
}
.py-0\.5{
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-10{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-11{
  padding-top: 2.75rem;
  padding-bottom: 2.75rem;
}
.py-12{
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-16{
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5{
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-3\.5{
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-\[15px\]{
  padding-top: 15px;
  padding-bottom: 15px;
}
.pb-2{
  padding-bottom: 0.5rem;
}
.pb-3{
  padding-bottom: 0.75rem;
}
.pb-3\.5{
  padding-bottom: 0.875rem;
}
.pb-4{
  padding-bottom: 1rem;
}
.pl-1{
  padding-left: 0.25rem;
}
.pl-2{
  padding-left: 0.5rem;
}
.pl-3{
  padding-left: 0.75rem;
}
.pl-5{
  padding-left: 1.25rem;
}
.pl-6{
  padding-left: 1.5rem;
}
.pl-8{
  padding-left: 2rem;
}
.pl-9{
  padding-left: 2.25rem;
}
.pr-1{
  padding-right: 0.25rem;
}
.pr-12{
  padding-right: 3rem;
}
.pr-14{
  padding-right: 3.5rem;
}
.pr-2{
  padding-right: 0.5rem;
}
.pr-3{
  padding-right: 0.75rem;
}
.pr-4{
  padding-right: 1rem;
}
.pr-8{
  padding-right: 2rem;
}
.pt-0{
  padding-top: 0px;
}
.pt-0\.5{
  padding-top: 0.125rem;
}
.pt-1{
  padding-top: 0.25rem;
}
.pt-1\.5{
  padding-top: 0.375rem;
}
.pt-2{
  padding-top: 0.5rem;
}
.pt-2\.5{
  padding-top: 0.625rem;
}
.pt-3{
  padding-top: 0.75rem;
}
.pt-4{
  padding-top: 1rem;
}
.pt-5{
  padding-top: 1.25rem;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.text-start{
  text-align: start;
}
.text-end{
  text-align: end;
}
.align-top{
  vertical-align: top;
}
.align-middle{
  vertical-align: middle;
}
.font-mono{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.text-12{
  font-size: 12px;
}
.text-13{
  font-size: 13px;
}
.text-13\.5{
  font-size: 13.5px;
}
.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-30{
  font-size: 30px;
}
.text-3xl{
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-\[10\.5px\]{
  font-size: 10.5px;
}
.text-\[10px\]{
  font-size: 10px;
}
.text-\[11\.5px\]{
  font-size: 11.5px;
}
.text-\[11px\]{
  font-size: 11px;
}
.text-\[12\.5px\]{
  font-size: 12.5px;
}
.text-\[12px\]{
  font-size: 12px;
}
.text-\[13\.5px\]{
  font-size: 13.5px;
}
.text-\[13px\]{
  font-size: 13px;
}
.text-\[14px\]{
  font-size: 14px;
}
.text-\[15\.5px\]{
  font-size: 15.5px;
}
.text-\[15px\]{
  font-size: 15px;
}
.text-\[16px\]{
  font-size: 16px;
}
.text-\[17px\]{
  font-size: 17px;
}
.text-\[18px\]{
  font-size: 18px;
}
.text-\[19px\]{
  font-size: 19px;
}
.text-\[20px\]{
  font-size: 20px;
}
.text-\[22px\]{
  font-size: 22px;
}
.text-\[24px\]{
  font-size: 24px;
}
.text-\[25px\]{
  font-size: 25px;
}
.text-\[26px\]{
  font-size: 26px;
}
.text-\[27px\]{
  font-size: 27px;
}
.text-\[28px\]{
  font-size: 28px;
}
.text-\[30px\]{
  font-size: 30px;
}
.text-\[32px\]{
  font-size: 32px;
}
.text-\[38px\]{
  font-size: 38px;
}
.text-\[48px\]{
  font-size: 48px;
}
.text-\[8px\]{
  font-size: 8px;
}
.text-\[9\.5px\]{
  font-size: 9.5px;
}
.text-\[9px\]{
  font-size: 9px;
}
.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-bold{
  font-weight: 700;
}
.font-extrabold{
  font-weight: 800;
}
.font-medium{
  font-weight: 500;
}
.font-normal{
  font-weight: 400;
}
.font-semibold{
  font-weight: 600;
}
.uppercase{
  text-transform: uppercase;
}
.lowercase{
  text-transform: lowercase;
}
.capitalize{
  text-transform: capitalize;
}
.italic{
  font-style: italic;
}
.leading-8{
  line-height: 2rem;
}
.leading-\[1\.1\]{
  line-height: 1.1;
}
.leading-none{
  line-height: 1;
}
.leading-relaxed{
  line-height: 1.625;
}
.leading-snug{
  line-height: 1.375;
}
.leading-tight{
  line-height: 1.25;
}
.tracking-\[-1px\]{
  letter-spacing: -1px;
}
.tracking-\[\.03em\]{
  letter-spacing: .03em;
}
.tracking-\[\.04em\]{
  letter-spacing: .04em;
}
.tracking-\[\.06em\]{
  letter-spacing: .06em;
}
.tracking-tight{
  letter-spacing: -0.025em;
}
.tracking-wide{
  letter-spacing: 0.025em;
}
.tracking-widest{
  letter-spacing: 0.1em;
}
.text-\[\#0284c7\]{
  --tw-text-opacity: 1;
  color: rgb(2 132 199 / var(--tw-text-opacity));
}
.text-\[\#0369a1\]{
  --tw-text-opacity: 1;
  color: rgb(3 105 161 / var(--tw-text-opacity));
}
.text-\[\#047857\]{
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity));
}
.text-\[\#059669\]{
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / var(--tw-text-opacity));
}
.text-\[\#0d7a3c\]{
  --tw-text-opacity: 1;
  color: rgb(13 122 60 / var(--tw-text-opacity));
}
.text-\[\#166534\]{
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity));
}
.text-\[\#1A1523\]{
  --tw-text-opacity: 1;
  color: rgb(26 21 35 / var(--tw-text-opacity));
}
.text-\[\#1d4ed8\]{
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity));
}
.text-\[\#1f9d63\]{
  --tw-text-opacity: 1;
  color: rgb(31 157 99 / var(--tw-text-opacity));
}
.text-\[\#2563eb\]{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}
.text-\[\#4f46e5\]{
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity));
}
.text-\[\#5b6bd6\]{
  --tw-text-opacity: 1;
  color: rgb(91 107 214 / var(--tw-text-opacity));
}
.text-\[\#5fd0e8\]{
  --tw-text-opacity: 1;
  color: rgb(95 208 232 / var(--tw-text-opacity));
}
.text-\[\#6366f1\]{
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity));
}
.text-\[\#7c3aed\]{
  --tw-text-opacity: 1;
  color: rgb(124 58 237 / var(--tw-text-opacity));
}
.text-\[\#7c9cf0\]{
  --tw-text-opacity: 1;
  color: rgb(124 156 240 / var(--tw-text-opacity));
}
.text-\[\#878a99\]{
  --tw-text-opacity: 1;
  color: rgb(135 138 153 / var(--tw-text-opacity));
}
.text-\[\#8b8fa3\]{
  --tw-text-opacity: 1;
  color: rgb(139 143 163 / var(--tw-text-opacity));
}
.text-\[\#8fd88f\]{
  --tw-text-opacity: 1;
  color: rgb(143 216 143 / var(--tw-text-opacity));
}
.text-\[\#92600a\]{
  --tw-text-opacity: 1;
  color: rgb(146 96 10 / var(--tw-text-opacity));
}
.text-\[\#991b1b\]{
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity));
}
.text-\[\#9D97A8\]{
  --tw-text-opacity: 1;
  color: rgb(157 151 168 / var(--tw-text-opacity));
}
.text-\[\#b45309\]{
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity));
}
.text-\[\#c81e1e\]{
  --tw-text-opacity: 1;
  color: rgb(200 30 30 / var(--tw-text-opacity));
}
.text-\[\#c8cbe0\]{
  --tw-text-opacity: 1;
  color: rgb(200 203 224 / var(--tw-text-opacity));
}
.text-\[\#c9f7df\]{
  --tw-text-opacity: 1;
  color: rgb(201 247 223 / var(--tw-text-opacity));
}
.text-\[\#d8dae8\]{
  --tw-text-opacity: 1;
  color: rgb(216 218 232 / var(--tw-text-opacity));
}
.text-\[\#dc2626\]{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}
.text-\[\#e8c97a\]{
  --tw-text-opacity: 1;
  color: rgb(232 201 122 / var(--tw-text-opacity));
}
.text-\[\#ff8080\]{
  --tw-text-opacity: 1;
  color: rgb(255 128 128 / var(--tw-text-opacity));
}
.text-\[\#ffb0b0\]{
  --tw-text-opacity: 1;
  color: rgb(255 176 176 / var(--tw-text-opacity));
}
.text-brand{
  --tw-text-opacity: 1;
  color: rgb(109 92 240 / var(--tw-text-opacity));
}
.text-brand-d{
  --tw-text-opacity: 1;
  color: rgb(91 71 214 / var(--tw-text-opacity));
}
.text-brand-d\/60{
  color: rgb(91 71 214 / 0.6);
}
.text-brand-dark{
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity));
}
.text-destructive-foreground{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-dim{
  --tw-text-opacity: 1;
  color: rgb(170 177 197 / var(--tw-text-opacity));
}
.text-emerald-700{
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity));
}
.text-emerald-800{
  --tw-text-opacity: 1;
  color: rgb(6 95 70 / var(--tw-text-opacity));
}
.text-foreground{
  color: var(--foreground, #1e2433);
}
.text-gold{
  --tw-text-opacity: 1;
  color: rgb(224 169 27 / var(--tw-text-opacity));
}
.text-green-d{
  --tw-text-opacity: 1;
  color: rgb(31 157 99 / var(--tw-text-opacity));
}
.text-indigo-700{
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity));
}
.text-indigo-800{
  --tw-text-opacity: 1;
  color: rgb(55 48 163 / var(--tw-text-opacity));
}
.text-ink{
  --tw-text-opacity: 1;
  color: rgb(30 36 51 / var(--tw-text-opacity));
}
.text-ink-2{
  --tw-text-opacity: 1;
  color: rgb(59 66 84 / var(--tw-text-opacity));
}
.text-kpi-label{
  --tw-text-opacity: 1;
  color: rgb(79 78 82 / var(--tw-text-opacity));
}
.text-kpi-value{
  --tw-text-opacity: 1;
  color: rgb(15 15 15 / var(--tw-text-opacity));
}
.text-mut{
  --tw-text-opacity: 1;
  color: rgb(122 131 155 / var(--tw-text-opacity));
}
.text-muted-foreground{
  color: var(--muted-foreground, #7a839b);
}
.text-navy{
  --tw-text-opacity: 1;
  color: rgb(58 86 128 / var(--tw-text-opacity));
}
.text-orange{
  --tw-text-opacity: 1;
  color: rgb(249 115 22 / var(--tw-text-opacity));
}
.text-popover-foreground{
  color: var(--ink, #1e2433);
}
.text-primary{
  color: var(--primary, #6d5cf0);
}
.text-primary-foreground{
  color: var(--primary-foreground, #ffffff);
}
.text-red{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}
.text-rose-600{
  --tw-text-opacity: 1;
  color: rgb(225 29 72 / var(--tw-text-opacity));
}
.text-rose-700{
  --tw-text-opacity: 1;
  color: rgb(190 18 60 / var(--tw-text-opacity));
}
.text-secondary{
  color: var(--secondary, #3a5680);
}
.text-secondary-foreground{
  color: var(--secondary-foreground, #ffffff);
}
.text-sky-700{
  --tw-text-opacity: 1;
  color: rgb(3 105 161 / var(--tw-text-opacity));
}
.text-slate-400{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}
.text-slate-500{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}
.text-slate-600{
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}
.text-status-open{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}
.text-transparent{
  color: transparent;
}
.text-violet-700{
  --tw-text-opacity: 1;
  color: rgb(109 40 217 / var(--tw-text-opacity));
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-white\/55{
  color: rgb(255 255 255 / 0.55);
}
.text-white\/70{
  color: rgb(255 255 255 / 0.7);
}
.text-white\/75{
  color: rgb(255 255 255 / 0.75);
}
.text-white\/80{
  color: rgb(255 255 255 / 0.8);
}
.text-white\/95{
  color: rgb(255 255 255 / 0.95);
}
.underline{
  text-decoration-line: underline;
}
.line-through{
  text-decoration-line: line-through;
}
.underline-offset-4{
  text-underline-offset: 4px;
}
.accent-\[\#6d5cf0\]{
  accent-color: #6d5cf0;
}
.accent-brand{
  accent-color: #6d5cf0;
}
.opacity-0{
  opacity: 0;
}
.opacity-50{
  opacity: 0.5;
}
.opacity-60{
  opacity: 0.6;
}
.opacity-65{
  opacity: 0.65;
}
.opacity-70{
  opacity: 0.7;
}
.opacity-80{
  opacity: 0.8;
}
.opacity-85{
  opacity: 0.85;
}
.opacity-90{
  opacity: 0.9;
}
.shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl{
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_4px_rgba\(224\2c 169\2c 27\2c \.18\)\]{
  --tw-shadow: 0 0 0 4px rgba(224,169,27,.18);
  --tw-shadow-colored: 0 0 0 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_4px_rgba\(239\2c 68\2c 68\2c \.18\)\]{
  --tw-shadow: 0 0 0 4px rgba(239,68,68,.18);
  --tw-shadow-colored: 0 0 0 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_4px_rgba\(34\2c 197\2c 94\2c \.18\)\]{
  --tw-shadow: 0 0 0 4px rgba(34,197,94,.18);
  --tw-shadow-colored: 0 0 0 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_14px_38px_rgba\(60\2c 40\2c 140\2c \.3\)\]{
  --tw-shadow: 0 14px 38px rgba(60,40,140,.3);
  --tw-shadow-colored: 0 14px 38px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_0_\#e9ebf3\]{
  --tw-shadow: 0 1px 0 #e9ebf3;
  --tw-shadow-colored: 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_0_rgba\(20\2c 16\2c 45\2c \.06\)\2c 0_8px_16px_-8px_rgba\(20\2c 16\2c 45\2c \.08\)\]{
  --tw-shadow: 0 1px 0 rgba(20,16,45,.06),0 8px 16px -8px rgba(20,16,45,.08);
  --tw-shadow-colored: 0 1px 0 var(--tw-shadow-color), 0 8px 16px -8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_2px_rgba\(16\2c 24\2c 40\2c \.04\)\2c 0_4px_12px_-2px_rgba\(16\2c 24\2c 40\2c \.06\)\]{
  --tw-shadow: 0 1px 2px rgba(16,24,40,.04),0 4px 12px -2px rgba(16,24,40,.06);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_2px_rgba\(16\2c 24\2c 40\2c \.04\)\]{
  --tw-shadow: 0 1px 2px rgba(16,24,40,.04);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_2px_10px_rgba\(26\2c 21\2c 35\2c \.05\)\]{
  --tw-shadow: 0 2px 10px rgba(26,21,35,.05);
  --tw-shadow-colored: 0 2px 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_2px_6px_rgba\(16\2c 24\2c 40\2c \.1\)\]{
  --tw-shadow: 0 2px 6px rgba(16,24,40,.1);
  --tw-shadow-colored: 0 2px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_2px_8px_rgba\(109\2c 92\2c 240\2c \.5\)\]{
  --tw-shadow: 0 2px 8px rgba(109,92,240,.5);
  --tw-shadow-colored: 0 2px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_4px_14px_rgba\(109\2c 92\2c 240\2c \.35\)\]{
  --tw-shadow: 0 4px 14px rgba(109,92,240,.35);
  --tw-shadow-colored: 0 4px 14px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_4px_14px_rgba\(43\2c 182\2c 115\2c \.35\)\]{
  --tw-shadow: 0 4px 14px rgba(43,182,115,.35);
  --tw-shadow-colored: 0 4px 14px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_6px_16px_rgba\(109\2c 40\2c 217\2c \.28\)\]{
  --tw-shadow: 0 6px 16px rgba(109,40,217,.28);
  --tw-shadow-colored: 0 6px 16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_6px_16px_rgba\(109\2c 92\2c 240\2c \.35\)\]{
  --tw-shadow: 0 6px 16px rgba(109,92,240,.35);
  --tw-shadow-colored: 0 6px 16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_6px_16px_rgba\(124\2c 58\2c 237\2c \.35\)\]{
  --tw-shadow: 0 6px 16px rgba(124,58,237,.35);
  --tw-shadow-colored: 0 6px 16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_6px_16px_rgba\(52\2c 199\2c 123\2c \.32\)\]{
  --tw-shadow: 0 6px 16px rgba(52,199,123,.32);
  --tw-shadow-colored: 0 6px 16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_6px_20px_-6px_rgba\(109\2c 92\2c 240\2c \.4\)\]{
  --tw-shadow: 0 6px 20px -6px rgba(109,92,240,.4);
  --tw-shadow-colored: 0 6px 20px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_20px_-4px_rgba\(109\2c 92\2c 240\2c \.55\)\]{
  --tw-shadow: 0 8px 20px -4px rgba(109,92,240,.55);
  --tw-shadow-colored: 0 8px 20px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_20px_-6px_rgba\(16\2c 24\2c 40\2c \.12\)\]{
  --tw-shadow: 0 8px 20px -6px rgba(16,24,40,.12);
  --tw-shadow-colored: 0 8px 20px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_22px_rgba\(40\2c 30\2c 90\2c \.14\)\]{
  --tw-shadow: 0 8px 22px rgba(40,30,90,.14);
  --tw-shadow-colored: 0 8px 22px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_-1px_0_0_rgba\(255\2c 255\2c 255\2c \.6\)\]{
  --tw-shadow: inset -1px 0 0 rgba(255,255,255,.6);
  --tw-shadow-colored: inset -1px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_1px_0_rgba\(255\2c 255\2c 255\2c \.06\)\2c 0_4px_14px_rgba\(20\2c 16\2c 45\2c \.18\)\]{
  --tw-shadow: inset 0 1px 0 rgba(255,255,255,.06),0 4px 14px rgba(20,16,45,.18);
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color), 0 4px 14px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_1px_0_rgba\(255\2c 255\2c 255\2c \.06\)\]{
  --tw-shadow: inset 0 1px 0 rgba(255,255,255,.06);
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-brand{
  --tw-shadow: var(--shadow-brand, 0 6px 16px rgba(109,92,240,.35));
  --tw-shadow-colored: 0 6px 16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-card{
  --tw-shadow: 0 1px 3px rgba(40,30,90,.05), 0 6px 20px rgba(40,30,90,.05);
  --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color), 0 6px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-kpi{
  --tw-shadow: 0 4px 9px rgba(26,21,35,.05), 0 0 6px rgba(26,21,35,.06);
  --tw-shadow-colored: 0 4px 9px var(--tw-shadow-color), 0 0 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lift{
  --tw-shadow: var(--shadow-lift, 0 14px 34px rgba(40,30,90,.12));
  --tw-shadow-colored: 0 14px 34px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-modal{
  --tw-shadow: 0 30px 80px rgba(20,16,45,.4);
  --tw-shadow-colored: 0 30px 80px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-brand{
  --tw-shadow-color: #6d5cf0;
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-card{
  --tw-shadow-color: #ffffff;
  --tw-shadow: var(--tw-shadow-colored);
}
.outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline{
  outline-style: solid;
}
.ring{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-0{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-1{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-black\/\[\.06\]{
  --tw-ring-color: rgb(0 0 0 / .06);
}
.ring-white\/10{
  --tw-ring-color: rgb(255 255 255 / 0.1);
}
.ring-white\/15{
  --tw-ring-color: rgb(255 255 255 / 0.15);
}
.ring-white\/50{
  --tw-ring-color: rgb(255 255 255 / 0.5);
}
.ring-offset-background{
  --tw-ring-offset-color: var(--background, #f4f5fb);
}
.blur{
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-3xl{
  --tw-blur: blur(64px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[110px\]{
  --tw-blur: blur(110px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[120px\]{
  --tw-blur: blur(120px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow{
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur-sm{
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[background-color\]{
  transition-property: background-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[filter\]{
  transition-property: filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[height\]{
  transition-property: height;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[transform\2c box-shadow\]{
  transition-property: transform,box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[width\]{
  transition-property: width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity{
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-shadow{
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-100{
  transition-duration: 100ms;
}
.duration-1000{
  transition-duration: 1000ms;
}
.duration-150{
  transition-duration: 150ms;
}
.duration-200{
  transition-duration: 200ms;
}
.duration-300{
  transition-duration: 300ms;
}
.duration-700{
  transition-duration: 700ms;
}
.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
@keyframes enter{

  from{
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
  }
}
@keyframes exit{

  to{
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
  }
}
.animate-in{
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.fade-in-0{
  --tw-enter-opacity: 0;
}
.zoom-in-95{
  --tw-enter-scale: .95;
}
.duration-100{
  animation-duration: 100ms;
}
.duration-1000{
  animation-duration: 1000ms;
}
.duration-150{
  animation-duration: 150ms;
}
.duration-200{
  animation-duration: 200ms;
}
.duration-300{
  animation-duration: 300ms;
}
.duration-700{
  animation-duration: 700ms;
}
.ease-in-out{
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out{
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.\!running{
  animation-play-state: running !important;
}
.running{
  animation-play-state: running;
}
.paused{
  animation-play-state: paused;
}
.\[scrollbar-width\:none\]{
  scrollbar-width: none;
}
.\[user-select\:none\]{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.\[writing-mode\:vertical-rl\]{
  writing-mode: vertical-rl;
}

/* NOTE: The reset + component classes below intentionally follow @tailwind base
   so the prototype's own reset wins over Preflight and the UI stays identical
   during the migration. Blocks are converted to utilities page-by-page and
   removed from here as each phase completes. */
:root{
  --brand:#6d5cf0; --brand2:#8b5cf6; --brand-d:#5b47d6;
  --green:#34c77b; --green-d:#1f9d63; --navy:#3a5680; --navy-d:#2f4a6b;
  --ink:#1e2433; --ink2:#3b4254; --mut:#7a839b; --dim:#aab1c5;
  --bg:#f4f5fb; --card:#ffffff; --line:#e9ebf3; --line2:#f0f1f8;
  --red:#ef4444; --orange:#f97316; --gold:#e0a91b; --amber:#f59e0b; --teal:#14b8a6; --blueL:#60a5fa;
  --sans:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;
  --shadow:0 1px 3px rgba(40,30,90,.05),0 6px 20px rgba(40,30,90,.05);
}
*{margin:0;padding:0;box-sizing:border-box}
/* Hide scrollbars everywhere while preserving scroll functionality. */
*{scrollbar-width:none;-ms-overflow-style:none}
*::-webkit-scrollbar{width:0;height:0}
/* …but keep the MAIN browser/page scrollbar visible in every module. The whole
   app scrolls on the window (`.app` grows past 100vh), so the `*` rules above were
   silently hiding the only page scrollbar. Element selectors outrank `*`, so this
   restores a styled window scrollbar without affecting inner scroll regions. */
html,body{scrollbar-width:auto;-ms-overflow-style:auto}
html::-webkit-scrollbar,body::-webkit-scrollbar{width:12px;height:12px}
html::-webkit-scrollbar-track,body::-webkit-scrollbar-track{background:#f1f0f7}
html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{background:#cfc9e6;border-radius:8px;border:3px solid #f1f0f7}
html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover{background:#b7aed9}
/* Opt back in to a slim visible scrollbar for scrollable regions (e.g. data
   tables) that would otherwise be silently clipped. Class selectors outrank the
   `*` rules above, so this restores the scrollbar only where the class is set. */
.show-scrollbar{scrollbar-width:thin;-ms-overflow-style:auto;scrollbar-color:#cfc9e6 transparent}
.show-scrollbar::-webkit-scrollbar{width:8px;height:8px}
.show-scrollbar::-webkit-scrollbar-track{background:transparent}
.show-scrollbar::-webkit-scrollbar-thumb{background:#cfc9e6;border-radius:8px}
.show-scrollbar::-webkit-scrollbar-thumb:hover{background:#b7aed9}
body{font-family:var(--sans);background:var(--bg);color:var(--ink);font-size:14px}
.app{display:flex;min-height:100vh}
.side{width:236px;flex:0 0 auto;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:0;position:sticky;top:0;height:100vh}
/* Logo header band: height matches the topbar so its bottom border lines up
   with the topbar's bottom border into one continuous horizontal rule. */
.logo{display:flex;align-items:center;gap:9px;height:60px;padding:0 14px;border-bottom:1px solid var(--line)}
.logo-img{max-width:100%;width:auto;height:45px;-o-object-fit:contain;object-fit:contain;display:block}
.nav{display:flex;flex-direction:column;gap:2px;overflow-y:auto;flex:1;padding:14px 12px}
/* Keep the sidebar scrollable but hide the scrollbar. */
.nav::-webkit-scrollbar{width:0;height:0}
.nav{scrollbar-width:none;-ms-overflow-style:none}
.ni{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:10px;color:var(--mut);font-weight:500;font-size:13.5px;cursor:pointer;transition:.15s;white-space:nowrap}
.ni svg{width:18px;height:18px;flex:0 0 auto}
.ni:hover{background:#f5f4fe;color:var(--brand)}
.ni.on{background:linear-gradient(135deg,#6d5cf0,#7c5cf0);color:#fff;box-shadow:0 6px 16px rgba(109,92,240,.35)}
.ni-off{opacity:.45;cursor:not-allowed}
.ni-off:hover{background:transparent;color:var(--mut)}
/* Asset Management expandable sub-nav (Operate / Govern / Configure) */
.ni .caret{margin-left:auto;transition:transform .15s}
.ni.expanded .caret{transform:rotate(90deg)}
.subnav{display:flex;flex-direction:column;gap:1px;margin:1px 0 6px 30px;padding-left:9px;border-left:2px solid var(--line)}
.subnav-group{font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--mut);padding:9px 10px 3px}
.subni{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:8px;color:var(--mut);font-weight:500;font-size:12.5px;text-decoration:none;transition:.15s;white-space:nowrap}
.subni:hover{background:#f5f4fe;color:var(--brand)}
.subni.on{background:#ece8fe;color:var(--brand);font-weight:700}
.subni .dot{width:5px;height:5px;border-radius:50%;background:currentColor;flex:0 0 auto;opacity:.55}
.main{flex:1;min-width:0;display:flex;flex-direction:column}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 26px;background:#fff;border-bottom:1px solid var(--line)}
.topbar .back{width:38px;height:38px;border-radius:50%;border:1.5px solid var(--brand);color:var(--brand);display:grid;place-items:center;cursor:pointer}
.topbar .back:hover{background:var(--brand);color:#fff}
.topbar .tr{display:flex;align-items:center;gap:18px}
.topbar .ic{color:var(--mut);cursor:pointer;display:grid;place-items:center}
.topbar .me{display:flex;align-items:center;gap:10px}
.topbar .me .av{width:38px;height:38px;border-radius:50%;background:#e9e7fb;display:grid;place-items:center;color:var(--brand);font-weight:700}
.topbar .me .nm{font-weight:700;font-size:13.5px;line-height:1.1}
.topbar .me .rl{font-size:10px;color:var(--brand);font-weight:600;letter-spacing:.05em}
.content{padding:22px 26px 50px;flex:1}
.phead{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:14px;flex-wrap:wrap}
.phead h1{font-size:26px;font-weight:700;letter-spacing:-.02em}
.phead .sub{font-size:13px;color:var(--mut);margin-top:3px;font-weight:500}
.phead .pacts{display:flex;gap:11px;flex-wrap:wrap}
.btn{border:none;border-radius:10px;padding:11px 18px;font-family:var(--sans);font-weight:600;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:.18s}
.btn:hover{transform:translateY(-1px);filter:brightness(1.04)}
.btn svg{width:16px;height:16px}
.btn-green{background:#40BB82;color:#fff;box-shadow:0 6px 16px rgba(64,187,130,.3)}
.btn-purple{background:linear-gradient(132deg,rgb(109,40,217) 0%,rgb(76,29,149) 89%);color:#fff;box-shadow:0 6px 16px rgba(109,40,217,.28)}
.btn-navy{background:linear-gradient(135deg,#3a5680,#33507a);color:#fff;box-shadow:0 6px 16px rgba(58,86,128,.3)}
.btn-ghost{background:#fff;border:1px solid var(--line);color:var(--ink2)}
.btn-lilac{background:#f1eefe;border:1px solid #e2dcfb;color:var(--brand-d)}
.btn-sm{padding:8px 13px;font-size:12px}
.tabs{display:flex;flex-wrap:nowrap;gap:6px;background:#fff;border:1px solid #eceaf1;border-radius:16px;padding:6px;margin-bottom:20px;overflow-x:auto;scrollbar-width:thin;box-shadow:0 2px 10px rgba(26,21,35,.05)}
.tabs::-webkit-scrollbar{height:0;width:0}
.tab{flex:1 0 auto;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;height:48px;border:none;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--sans);border-radius:12px;font-weight:500;font-size:14.5px;color:#5a5566;cursor:pointer;white-space:nowrap;transition:all .2s ease}
.tab svg{width:18px;height:18px;flex-shrink:0}
.tab:hover:not(.on){background:#f7f6fb;color:var(--ink2)}
.tab.on{background:linear-gradient(132deg,#6d28d9 0%,#4c1d95 89%);color:#fff;font-weight:600}
.tab .cnt{background:rgba(255,255,255,.22);padding:1px 7px;border-radius:20px;font-size:11px}
.tab:not(.on) .cnt{background:#eef0f7;color:var(--mut)}
.view{display:none}.view.on{display:block;animation:fade .35s ease}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.row{display:grid;gap:16px;margin-bottom:16px}
.row.c2{grid-template-columns:1fr 1fr}
.row.c2u{grid-template-columns:1.3fr 1fr}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}
.card.pad{padding:18px 20px}
.ch{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px}
.ch h3{font-size:15px;font-weight:700;display:flex;align-items:center;gap:9px}
.ch h3 .hi{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:0 0 auto}
.ch .sub{font-size:12px;color:var(--mut);font-weight:500}
.enh{font-size:9.5px;font-weight:700;letter-spacing:.05em;color:var(--green-d);background:#e6f8ef;padding:3px 8px;border-radius:6px}
.clk{cursor:pointer;transition:.18s}
.clk:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(40,30,90,.1)}
.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:13px;margin-bottom:18px}
.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px 17px;box-shadow:var(--shadow)}
.stat .tp{height:3px;border-radius:3px;width:32px;margin-bottom:11px}
.stat .v{font-size:27px;font-weight:700;line-height:1;letter-spacing:-.02em}
.stat .l{font-size:12px;color:var(--mut);font-weight:500;margin-top:6px}
.ptiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}
.ptile{border-radius:16px;padding:17px 19px;color:#fff;box-shadow:0 8px 22px rgba(40,30,90,.12)}
.ptile .pi{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.22);display:grid;place-items:center;margin-bottom:13px}
.ptile .pi svg{width:19px;height:19px}
.ptile .ptp{display:flex;justify-content:space-between;align-items:baseline;font-weight:600}
.ptile .ptp .nm{font-size:13.5px;opacity:.96}
.ptile .ptp .vn{font-size:18px;font-weight:700}
.ptile .pbar{height:6px;border-radius:4px;background:rgba(255,255,255,.28);margin-top:12px;overflow:hidden}
.ptile .pbar i{display:block;height:100%;background:#fff;border-radius:4px}
.ptile .pp{font-size:11.5px;font-weight:600;margin-top:7px;opacity:.95}
.t-teal{background:linear-gradient(135deg,#3bb6c4,#2f9aa8)}
.t-green{background:linear-gradient(135deg,#46bd86,#36a875)}
.t-blue{background:linear-gradient(135deg,#5b8bef,#4f79e0)}
.t-orange{background:linear-gradient(135deg,#e3a155,#d8923f)}
.t-red{background:linear-gradient(135deg,#ef6b6b,#e25555)}
/* ---- Audit details (Overview): redesigned header cards + KPI tiles ---- */
.ocard{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}
.ocard-h{display:flex;align-items:center;gap:12px;padding:15px 20px;color:#fff;font-size:17px;font-weight:700;letter-spacing:-.01em}
.ocard-h .oc-hi{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.24);display:grid;place-items:center;flex:0 0 auto}
.ocard-h .oc-hi svg{width:19px;height:19px}
.oc-purple{background:linear-gradient(90deg,#6d28d9,#8b3ff0 55%,#a855f7)}
.oc-blue{background:linear-gradient(90deg,#2563eb,#3b82f6 50%,#60a5fa)}
.ocard-b{padding:20px 22px;flex:1;display:flex;flex-direction:column}
.ocard-b .infgrid{gap:20px 16px}
.ocard-b .inf .ii{width:38px;height:38px;border-radius:11px}
.ocard-b .inf .ik{text-transform:none;letter-spacing:0;font-size:12px;font-weight:500}
.ocard-b .inf .iv{font-size:14.5px;font-weight:700;color:var(--ink);margin-top:3px}
.inf.tn-purple .ii{background:#ede9fe;color:#7c3aed}
.inf.tn-blue .ii{background:#dbeafe;color:#2563eb}
.inf.tn-teal .ii{background:#cffafe;color:#0891b2}
.inf.tn-amber .ii{background:#fef3c7;color:#d97706}
.inf.tn-green .ii{background:#dcfce7;color:#16a34a}
.inf.tn-pink .ii{background:#fce7f3;color:#db2777}
.oc-actions{margin-top:auto;padding-top:18px;display:flex;gap:9px;align-items:center}
.ktile{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;box-shadow:var(--shadow);cursor:pointer;transition:transform .18s,box-shadow .18s}
.ktile:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(40,30,90,.1)}
.ktile .knm{font-size:15px;font-weight:700;color:var(--ink);margin-bottom:14px}
.ktile .kval{font-size:30px;font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--ink)}
.ktile .kval span{font-size:15px;font-weight:600;color:var(--dim);margin-left:5px}
.ktile .kbar{height:7px;border-radius:5px;background:#eef0f7;margin-top:16px;overflow:hidden}
.ktile .kbar i{display:block;height:100%;border-radius:5px;background:var(--c,#6d5cf0)}
.ktile .kfoot{display:flex;justify-content:space-between;align-items:center;margin-top:11px}
.ktile .kfoot .kcl{font-size:12px;color:var(--mut);font-weight:500}
.ktile .kfoot .kcr{font-size:13.5px;font-weight:800;color:var(--c,#6d5cf0)}
.ktile.t-teal{--c:#14b8a6}.ktile.t-blue{--c:#3b82f6}.ktile.t-orange{--c:#f59e0b}.ktile.t-red{--c:#ef4444}.ktile.t-green{--c:#16a34a}
.hero{background:linear-gradient(120deg,#2c2a5e,#46399b 52%,#6d5cf0);border-radius:18px;padding:22px 26px;color:#fff;display:flex;justify-content:space-between;gap:24px;align-items:center;box-shadow:0 14px 38px rgba(60,40,140,.3);margin-bottom:18px;position:relative;overflow:hidden}
.hero:before{content:'';position:absolute;right:-50px;top:-70px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.06)}
.hero:after{content:'';position:absolute;right:120px;bottom:-90px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.04)}
.hero-l{position:relative;z-index:1;min-width:0}
.hero-title{font-size:24px;font-weight:700;letter-spacing:-.02em;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.hero-title .pill{font-size:11px}
.hero-meta{font-size:13px;opacity:.85;margin-top:6px;font-weight:500}
.hero-chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}
.hchip{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:7px 12px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:7px}
.hchip .hk{opacity:.65;font-weight:500}
.hchip .ava{width:22px;height:22px;font-size:9px;border:none;margin:0}
.hero-acts{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}
.hbtn{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);color:#fff;border-radius:9px;padding:8px 14px;font-family:var(--sans);font-weight:600;font-size:12.5px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:.15s}
.hbtn:hover{background:rgba(255,255,255,.26);transform:translateY(-1px)}
.hbtn.solid{background:#fff;color:var(--brand-d);border-color:#fff}
.hero-r{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;flex:0 0 auto}
.hero-ring{position:relative;display:grid;place-items:center}
.hero-ring .rc{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.hero-ring .rn{font-size:25px;font-weight:700;line-height:1}
.hero-ring .rl{font-size:9px;opacity:.8;text-transform:uppercase;letter-spacing:.06em;margin-top:3px}
.rv{font-size:9.5px;font-weight:700;padding:3px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;display:inline-block}
.rv-d{background:#eef1f6;color:#64748b}.rv-p{background:#fef3c7;color:#b45309}.rv-r{background:#d1fae5;color:#059669}
.cpill{cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.cpill:hover{filter:brightness(.97)}
.cpill .cv{font-size:8px;margin-left:4px;opacity:.6}
.qmenu{position:fixed;z-index:9999;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 14px 34px rgba(20,16,45,.22);padding:6px;min-width:188px}
.qmenu .qi{padding:8px 11px;border-radius:8px;font-size:12.5px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:9px}
.qmenu .qi:hover{background:#f5f4fe}
.qmenu .qd{width:9px;height:9px;border-radius:3px;flex:0 0 auto}
.anrow{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:16px}
.kcard{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:18px 20px}
.bigscore{display:flex;align-items:center;gap:18px}
.bigscore .bn{font-size:42px;font-weight:800;line-height:1;letter-spacing:-.02em}
.opinion-sug{border-radius:12px;padding:13px 15px;display:flex;gap:12px;align-items:flex-start;margin-top:14px}
.topnc .tn{display:flex;align-items:center;gap:11px;padding:9px 0;border-bottom:1px solid var(--line2)}
.topnc .tn:last-child{border-bottom:none}
.topnc .tnc{font-size:10px;font-weight:700;color:var(--brand-d);background:#efeafe;padding:3px 7px;border-radius:6px;flex:0 0 auto;width:46px;text-align:center}
.topnc .tnn{font-size:12.5px;font-weight:600;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topnc .tnv{font-size:12px;font-weight:700;flex:0 0 auto;color:#dc2626}
.vseg{display:inline-flex;gap:3px;background:#f2f3fa;border-radius:9px;padding:3px}
.vseg button{border:none;background:none;padding:7px 13px;border-radius:7px;font-family:var(--sans);font-weight:600;font-size:12px;color:var(--mut);cursor:pointer;display:flex;align-items:center;gap:6px}
.vseg button.on{background:#fff;color:var(--brand);box-shadow:0 2px 6px rgba(0,0,0,.06)}
@media(max-width:1200px){.anrow{grid-template-columns:1fr}.hero{flex-direction:column;align-items:flex-start}}
.infgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px 14px}
.inf{display:flex;gap:11px;align-items:flex-start}
.inf .ii{width:34px;height:34px;border-radius:9px;background:#f1f1fb;display:grid;place-items:center;color:var(--brand);flex:0 0 auto}
.inf .ik{font-size:11px;color:var(--mut);font-weight:600;text-transform:uppercase;letter-spacing:.03em}
.inf .iv{font-size:13.5px;font-weight:600;margin-top:2px}
.donut-wrap{display:flex;flex-direction:column;align-items:center;gap:14px}
.donut{position:relative;width:160px;height:160px}
.donut .dc{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.donut .dc .dn{font-size:30px;font-weight:700;line-height:1}
.donut .dc .ds{font-size:10.5px;color:var(--mut);font-weight:600;margin-top:3px;text-transform:uppercase;letter-spacing:.04em}
.legend{display:flex;flex-wrap:wrap;gap:8px 14px;justify-content:center}
.legend .lg{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--ink2);font-weight:500}
.legend .lg .sw{width:11px;height:11px;border-radius:3px;flex:0 0 auto}
.legend .lg b{font-weight:700}
.sbars{display:flex;flex-direction:column;gap:13px}
.sbar .sbh{display:flex;justify-content:space-between;font-size:12.5px;font-weight:600;margin-bottom:6px}
.sbar .sbh .mut{color:var(--mut);font-weight:500}
.sbtrack{height:13px;border-radius:7px;overflow:hidden;display:flex;background:#eef0f7}
.sbtrack i{height:100%}
.domgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}
.drow{display:flex;align-items:center;gap:11px;padding:9px 0;border-bottom:1px solid var(--line2)}
.drow .dcd{font-size:10px;font-weight:700;color:var(--brand-d);background:#efeafe;padding:3px 0;border-radius:6px;flex:0 0 auto;width:46px;text-align:center;letter-spacing:.02em}
.drow .dnm{font-size:12.5px;font-weight:600;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.drow .dbar{width:84px;height:8px;border-radius:5px;overflow:hidden;display:flex;background:#eef0f7;flex:0 0 auto}
.drow .dbar i{height:100%}
.drow .dpc{font-size:11.5px;font-weight:700;flex:0 0 auto;white-space:nowrap;min-width:78px;text-align:right}
@media(max-width:1100px){.domgrid{grid-template-columns:1fr}}
.mline{display:flex;margin:8px 0 2px}
.mstep{flex:1;position:relative;text-align:center}
.mstep:before{content:'';position:absolute;top:15px;left:-50%;width:100%;height:3px;background:#e6e8f2}
.mstep:first-child:before{display:none}
.mstep.done:before,.mstep.cur:before{background:#7c5cf0}
.mstep .md{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;margin:0 auto;position:relative;z-index:2;background:#e6e8f2;color:#9aa1b8;font-weight:700;font-size:12px}
.mstep.done .md{background:linear-gradient(135deg,#7c5cf0,#6d5cf0);color:#fff}
.mstep.cur .md{background:#fff;border:3px solid #7c5cf0;color:var(--brand)}
.mstep .ml{font-size:11.5px;font-weight:600;margin-top:9px}
.mstep .mdt{font-size:10.5px;color:var(--mut);margin-top:2px}
.feed .fi{display:flex;gap:11px;padding:11px 2px;border-bottom:1px solid var(--line2)}
.feed .fi:last-child{border-bottom:none}
.feed .fd{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;flex:0 0 auto}
.feed .ft{font-size:12.8px;line-height:1.45;color:var(--ink2)}.feed .ft b{font-weight:700;color:var(--ink)}
.feed .fm{font-size:11px;color:var(--mut);margin-top:2px}
.tw{overflow-x:auto}
.tbl{width:100%;border-collapse:separate;border-spacing:0}
.tbl thead th{background:linear-gradient(135deg,#6d5cf0,#7c5cf0);color:#fff;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.04em;padding:12px 14px;text-align:left;white-space:nowrap}
tbody tr:hover{background:#f5f3ff}
.tbl.navyhead thead th{background:linear-gradient(135deg,#3a5680,#33507a)}
.tbl thead th:first-child{border-radius:10px 0 0 10px}.tbl thead th:last-child{border-radius:0 10px 10px 0}
.tbl tbody td{padding:11px 9px;border-bottom:1px solid var(--line2);font-size:13px;vertical-align:middle}
.tbl tbody tr:hover{background:#faf9ff}
.aname{font-weight:600;color:var(--ink);cursor:pointer}
.aname:hover{color:var(--brand)}
.code{font-family:'Poppins';font-weight:600;font-size:11.5px;color:var(--brand-d);background:#efeafe;padding:4px 9px;border-radius:7px;white-space:nowrap}
.cat-pill{font-size:11px;font-weight:600;color:#5b6bd6;background:#eef0fd;padding:5px 11px;border-radius:20px;white-space:nowrap;display:inline-block}
.reqname{min-width:160px;max-width:460px;line-height:1.4;color:var(--brand-d);font-weight:500;cursor:pointer}.reqq{font-size:11.5px;color:var(--mut);font-weight:400;margin-top:5px;line-height:1.45}
.reqname:hover{text-decoration:underline}
.cb{display:inline-grid;place-items:center;min-width:26px;height:26px;border-radius:50%;color:#fff;font-size:11px;font-weight:700;padding:0 6px}
.cb-ok{background:#16a34a}.cb-gap{background:#ef4444}.cb-0{background:#cbd2e0}
.cbrow{display:inline-flex;gap:-4px;align-items:center}
.cbrow .cb+.cb{margin-left:-6px;border:2px solid #fff}
.pill{font-size:11px;font-weight:600;padding:5px 11px;border-radius:20px;white-space:nowrap;display:inline-block}
.cs-c{background:#d1fae5;color:#059669}.cs-p{background:#fef3c7;color:#b45309}.cs-n{background:#fee2e2;color:#dc2626}
.cs-na{background:#eef1f6;color:#64748b}.cs-nt{background:#eef2ff;color:#6366f1}
.st-Planning{background:#e0e7ff;color:#4f46e5}.st-Fieldwork{background:#fef3c7;color:#b45309}.st-Reporting{background:#dbeafe;color:#2563eb}
.st-Pending{background:#fef3c7;color:#b45309}.st-Completed{background:#d1fae5;color:#059669}.st-Closed{background:#eef1f6;color:#64748b}
.sev{font-size:10px;font-weight:700;padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;display:inline-block}
.sev-Major{background:#fee2e2;color:#dc2626}.sev-Minor{background:#ffedd5;color:#c2410c}
.sev-Observation{background:#dbeafe;color:#2563eb}.sev-OFI{background:#e0f2f1;color:#0f766e}
.fs-Open{background:#fee2e2;color:#dc2626}.fs-Remediation{background:#fef3c7;color:#b45309}.fs-Resolved{background:#d1fae5;color:#059669}.fs-Risk{background:#ede9fe;color:#7c3aed}
.es-Requested{background:#dbeafe;color:#2563eb}.es-Received{background:#e0e7ff;color:#4f46e5}.es-Review{background:#fef3c7;color:#b45309}.es-Accepted{background:#d1fae5;color:#059669}.es-Rejected{background:#fee2e2;color:#dc2626}.es-Overdue{background:#fde2e2;color:#b91c1c}
.scope-tog{width:42px;height:24px;border-radius:20px;background:#16a34a;position:relative;cursor:pointer;flex:0 0 auto;transition:.2s;display:inline-block}
.scope-tog.off{background:#cbd2e0}
.scope-tog i{position:absolute;top:3px;left:21px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.scope-tog.off i{left:3px}
.progmini{width:130px}
.progmini .pt{display:flex;justify-content:space-between;font-size:11px;font-weight:600;color:var(--mut);margin-bottom:4px}
.progmini .ptk{height:7px;border-radius:5px;background:#eef0f7;overflow:hidden}
.progmini .ptk i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#7c5cf0,#6d5cf0)}
.avatars{display:flex}.ava{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;color:#fff;border:2px solid #fff;margin-left:-8px}.ava:first-child{margin-left:0}
.acts{display:flex;gap:7px}
.acts .a{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;cursor:pointer;transition:.15s}.acts .a:hover{transform:translateY(-2px)}
.a-view{background:#e0f2fe;color:#0284c7}.a-edit{background:#ede9fe;color:#7c3aed}.a-del{background:#fee2e2;color:#dc2626}
.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.ffield{position:relative;flex:1;min-width:150px}
.fselect,.finput{width:100%;padding:11px 14px;border:1px solid var(--line);border-radius:11px;background:#fff;font-family:var(--sans);font-size:13px;color:var(--ink2);font-weight:500;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.fselect{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%237a839b' stroke-width='2'%3E%3Cpath d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
/* filter-field states: soft brand focus ring (no default outline) + subtle hover */
.finput,.fselect{transition:border-color .15s ease,box-shadow .15s ease}
.finput::-moz-placeholder{color:var(--dim)}
.finput::placeholder{color:var(--dim)}
.finput:hover,.fselect:hover{border-color:#cfc9f3}
.finput:focus,.fselect:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(109,92,240,.15)}
.seg{display:flex;gap:6px;background:#fff;border:1px solid #eceaf1;border-radius:16px;padding:6px;box-shadow:0 2px 10px rgba(26,21,35,.05)}
.seg button{flex:1;justify-content:center;border:none;background:transparent;padding:0 16px;height:45px;border-radius:12px;font-family:var(--sans);font-weight:500;font-size:14px;color:#5a5566;cursor:pointer;display:flex;align-items:center;gap:8px}
.seg button svg{width:18px;height:18px}
.seg button.on{background:linear-gradient(132deg,#6d28d9 0%,#4c1d95 89%);color:#fff;font-weight:600}
.seg button .b{background:#eef0f7;color:var(--mut);padding:1px 8px;border-radius:20px;font-size:11px;font-weight:600}
.seg button.on .b{background:rgba(255,255,255,.22);color:#fff}
.seg.green button.on{background:linear-gradient(132deg,#1f9d63 0%,#15734a 89%);color:#fff}
.seg.green button.on .b{background:rgba(255,255,255,.24);color:#fff}
.accord{border:1px solid var(--line);border-radius:13px;margin-bottom:11px;overflow:hidden;background:#fff}
.accord .ah{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;cursor:pointer;font-weight:600}
.accord .ah:hover{background:#faf9ff}
.accord .ah .lft{display:flex;align-items:center;gap:11px}
.accord .cnt{background:#6d5cf0;color:#fff;font-size:11px;font-weight:700;min-width:24px;height:24px;padding:0 7px;border-radius:20px;display:inline-grid;place-items:center}
.accord .chev{transition:.2s;color:var(--mut)}
.accord.open .chev{transform:rotate(180deg)}
.accord .abody{display:none}.accord.open .abody{display:block}
.muted{color:var(--mut)}
.empty{text-align:center;padding:50px;color:var(--mut);font-weight:500}
.empty svg{width:46px;height:46px;color:#cbd2e0;margin-bottom:12px}
.banner{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 18px;box-shadow:var(--shadow);display:flex;gap:13px;align-items:center;margin-bottom:16px}
.banner .bi{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto}
.wkpaper{background:#f8f8fd;border:1px solid var(--line2);border-radius:11px;padding:13px 15px;font-size:12.8px;color:var(--ink2);line-height:1.5}
.tag{font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:6px;background:#eef0f7;color:var(--mut)}
.overlay{position:fixed;inset:0;background:rgba(20,16,45,.45);backdrop-filter:blur(3px);display:none;align-items:flex-start;justify-content:center;z-index:100;padding:40px 20px;overflow-y:auto}
.overlay.on{display:flex;animation:fade .2s}
.modal{background:#fff;border-radius:18px;max-width:600px;width:100%;box-shadow:0 30px 80px rgba(20,16,45,.4);margin:auto}
.modal.wide{max-width:840px}.modal.mid{max-width:720px}
.mhead{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line)}
.mhead h3{font-size:17.5px;font-weight:700;max-width:560px;display:flex;align-items:center;gap:10px}
.mhead .ho{font-size:12px;color:var(--mut);font-weight:500;margin-top:3px}
.mclose{width:34px;height:34px;border-radius:9px;background:#f4f5fb;display:grid;place-items:center;cursor:pointer;color:var(--mut);font-size:16px;flex:0 0 auto}
.mclose:hover{background:#ececf6}
.mbody{padding:22px 24px;max-height:68vh;overflow-y:auto}
.mfoot{display:flex;gap:10px;justify-content:flex-end;padding:16px 24px;border-top:1px solid var(--line)}
.fg{margin-bottom:14px}
.fg label{display:block;font-size:12px;font-weight:600;color:var(--ink2);margin-bottom:6px}
.fg input,.fg select,.fg textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-family:var(--sans);font-size:13.5px;color:var(--ink);background:#fff}
.fg textarea{resize:vertical;min-height:64px;line-height:1.5}
.fg2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fg3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
.pickrow{display:flex;gap:9px;flex-wrap:wrap}
.pick{border:1.5px solid var(--line);border-radius:10px;padding:9px 14px;font-size:12.5px;font-weight:600;color:var(--ink2);cursor:pointer;transition:.15s}
.pick:hover{border-color:var(--brand)}
.pick.on{border-color:var(--brand);background:#f3f0fe;color:var(--brand-d)}
.dsec-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}
.dsec-h h4{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--ink2)}
.cc{border:1px solid var(--line);border-radius:11px;padding:12px 14px;margin-bottom:10px}
.cc .cck{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--brand);margin-bottom:5px}
.cc .ccv{font-size:13px;color:var(--ink2);line-height:1.5}
.optcard{border:1.5px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:11px;cursor:pointer;display:flex;gap:13px;align-items:flex-start;transition:.15s}
.optcard:hover{border-color:#c9bdf7}
.optcard.on{border-color:var(--brand);background:#f7f5ff}
.optcard .oi{width:36px;height:36px;border-radius:10px;background:#f1f1fb;display:grid;place-items:center;color:var(--brand);flex:0 0 auto}
.optcard.on .oi{background:var(--brand);color:#fff}
.optcard .ot{font-weight:700;font-size:13.5px}.optcard .od{font-size:12px;color:var(--mut);margin-top:3px;line-height:1.45}
.repsec{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid var(--line2)}
.repsec .chk{width:22px;height:22px;border-radius:6px;border:2px solid var(--brand);display:grid;place-items:center;color:#fff;flex:0 0 auto;cursor:pointer}
.repsec .chk.on{background:var(--brand)}
.repsec .rt{font-weight:600;font-size:13.5px}.repsec .rd{font-size:11.5px;color:var(--mut)}
@media(max-width:1200px){.stats{grid-template-columns:repeat(3,1fr)}.ptiles{grid-template-columns:repeat(2,1fr)}.row.c2,.row.c2u{grid-template-columns:1fr}.infgrid{grid-template-columns:1fr}}
/* ═══ PREMIUM INTERACTIONS — hover + animations + clickable tiles ═══ */
@keyframes acUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes acBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
/* stat tiles (dashboard KPIs + evidence) */
.stat{position:relative;overflow:hidden;transition:transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .22s,border-color .22s}
.stat.clk{cursor:pointer}

.stat.clk:hover{transform:translateY(-5px);box-shadow:0 18px 40px -12px rgba(91,71,214,.30);border-color:#cdc4f3}
.stat .tp{transition:width .25s}
.stat.clk:hover .tp{width:50px}
.stat .v{transition:transform .22s}
.stat.clk:hover .v{transform:scale(1.05)}
/* gradient progress tiles (overview) */
.ptile{cursor:pointer;position:relative;overflow:hidden;transition:transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .22s}


.ptile:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(40,30,90,.26)}
.ptile .pi{transition:transform .22s}
.ptile:hover .pi{transform:scale(1.12) rotate(-5deg)}
.ptile .pbar i{transform-origin:left}
/* cards lift + header icon pop */
.card{transition:transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .22s,border-color .22s}
.card:hover{box-shadow:0 14px 34px rgba(40,30,90,.12)}
.card.clk{cursor:pointer}
.card.clk:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(91,71,214,.18);border-color:#e3ddf6}
.ch h3 .hi{transition:transform .22s}
.card:hover .ch h3 .hi{transform:scale(1.1) rotate(-4deg)}
/* table rows */
.tbl tbody tr{transition:background .15s,box-shadow .15s}
.tbl tbody tr:hover{background:#f5f3ff;box-shadow:inset 3px 0 0 var(--brand)}
.tbl tbody tr:hover .rname{color:var(--brand-d)}
/* seg + banner micro-motion */
.seg button{transition:all .2s ease}
.banner{transition:box-shadow .22s}
.banner:hover{box-shadow:0 12px 30px rgba(40,30,90,.10)}
/* ═══ fieldwork interactivity: checkbox · remarks · linked-item detail ═══ */
.cbcell{width:32px;text-align:center}
.fwcb{width:15px;height:15px;accent-color:var(--brand);cursor:pointer}
.code.clk{cursor:pointer;transition:.14s}
.code.clk:hover{background:var(--brand);color:#fff}
.reqname{cursor:pointer}
.lkcell{cursor:pointer}
.rmk-dot{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:20px;background:#e0f2fe;color:#0284c7;font-size:10px;font-weight:700;margin-left:6px;vertical-align:middle}
.fwselbar{display:flex;align-items:center;gap:15px;background:#f3f0fe;border:1px solid #e2dcfb;border-radius:11px;padding:9px 14px;margin-bottom:12px;flex-wrap:wrap}
.fwsa{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--ink2);cursor:pointer}
.fwsa input{width:15px;height:15px;accent-color:var(--brand);cursor:pointer}
.fwselcount{font-size:12px;font-weight:700;color:var(--brand-d)}
.fwselbtns{margin-left:auto;display:flex;gap:8px}
.btn-sm{padding:7px 13px;font-size:12px;box-shadow:none}
.btn[disabled]{opacity:.42;cursor:default;filter:none;transform:none}
.fwd-top{display:flex;align-items:center;gap:12px;margin:2px 0 6px;flex-wrap:wrap}
.fwd-meta{font-size:12px;color:var(--mut)}
.cpill{font-size:11px;font-weight:700;padding:4px 9px;border-radius:20px;white-space:nowrap;display:inline-block}
.fwd-sec{margin-top:17px}
.fwd-sh{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--ink);margin-bottom:9px}
.fwd-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}
/* evidence/check screenshot list (left column) + enlarged preview (right pane) */
.ev-thumbs{display:flex;flex-direction:column;gap:6px}
.ev-thumb{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;padding:8px 11px;font-size:12.5px;font-weight:600;color:#475569;cursor:pointer;background:#fff;transition:border-color .12s,background .12s}
.ev-thumb:hover{border-color:#c9bdf7;background:#faf9ff}
.ev-thumb.on{border-color:#6d5cf0;background:#f3f1ff;color:#1f2430}
.ev-thumb-ic{font-size:13px}
.ev-big{display:flex;align-items:center;justify-content:center;min-height:100%}
.ev-frame{width:420px;height:260px;border-radius:10px;border:1px solid #e6e8f0;background:linear-gradient(135deg,#eef2ff,#f8fafc);display:flex;align-items:center;justify-content:center;color:#94a3b8;margin:0 auto;cursor:zoom-in;transition:box-shadow .15s}
.ev-frame:hover{box-shadow:0 10px 30px rgba(20,16,45,.12)}
.fwd-n{background:#eef0f7;color:var(--mut);font-size:11px;font-weight:700;padding:1px 8px;border-radius:20px}
.fwd-chips{display:flex;flex-wrap:wrap;gap:7px}
.fwd-chip{font-size:11.5px;font-weight:600;padding:5px 11px;border-radius:8px;background:#f4f5fb;border:1px solid var(--line);color:var(--ink2);transition:.14s}
.fwd-chip.ok{background:#eafaf1;border-color:#bfe9d2;color:#1f9d63}
.fwd-chip.gap{background:#fdecec;border-color:#f5c6c6;color:#dc2626}
.fwd-empty{font-size:12px;color:var(--mut)}
.fwd-sel-list{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:8px}
.rmk-list{display:flex;flex-direction:column;gap:9px;margin-bottom:11px}
.rmk-item{background:#f8f8fd;border:1px solid var(--line2);border-radius:10px;padding:9px 12px}
.rmk-meta{font-size:10.5px;color:var(--mut);margin-bottom:3px}.rmk-meta b{color:var(--ink2)}
.rmk-text{font-size:13px;color:var(--ink2);line-height:1.45}
.rmk-add{display:flex;flex-direction:column;gap:8px}
.rmk-add textarea,.fwd-bulk{width:100%;min-height:70px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-family:var(--sans);font-size:13px;resize:vertical;color:var(--ink)}
.rmk-add textarea:focus,.fwd-bulk:focus{outline:none;border-color:var(--brand)}
.rmk-add .btn{align-self:flex-start}
/* Internal / External auditor mode */
.roletog{display:flex;gap:3px;background:#f2f3fa;border-radius:9px;padding:3px;margin-right:4px}
.roletog button{border:none;background:none;padding:7px 13px;border-radius:7px;font-family:var(--sans);font-weight:600;font-size:12px;color:var(--mut);cursor:pointer;transition:.15s}
.roletog button.on{background:#fff;color:var(--brand);box-shadow:0 2px 6px rgba(0,0,0,.07)}
.roletog button:hover:not(.on){color:var(--ink2)}
.ext-mode #backBtn{display:none}
.ext-mode #nav .ni:not(.on){display:none}
.ext-mode #nav::after{content:"External Auditor - scoped to your assigned audit only.";display:block;font-size:10.5px;color:var(--mut);line-height:1.5;padding:12px;margin-top:10px;border-top:1px dashed var(--line);background:#fff7ed;border-radius:10px}
.ext-mode #content::before{content:"External Auditor view - scoped to this audit. Other audits, the all-audits dashboard, internal notes & management responses are hidden.";display:block;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-size:12px;font-weight:600;padding:11px 15px;border-radius:11px;margin-bottom:16px}
/* linked-item detail rows + audit-by toggle */
.fwd-rows{display:flex;flex-direction:column;gap:7px}
.fwd-row{display:flex;align-items:center;gap:11px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:#fff}
.fwd-id{font-family:'Poppins';font-weight:700;font-size:11px;color:var(--brand-d);background:#efeafe;padding:5px 9px;border-radius:7px;white-space:nowrap;flex:0 0 auto;min-width:64px;text-align:center}
.fwd-rmain{flex:1;min-width:0}
.fwd-rname{font-size:13px;font-weight:600;color:var(--ink)}
.fwd-rd{font-size:11px;color:var(--mut);margin-top:2px}
.fwd-x{font-size:10px;font-weight:700;color:var(--brand-d);background:#eef0fd;padding:1px 6px;border-radius:6px}
.fwd-st{font-size:10.5px;font-weight:700;padding:5px 10px;border-radius:7px;white-space:nowrap;flex:0 0 auto}
.fwd-st.ok{background:#eafaf1;color:#1f9d63}
.fwd-st.gap{background:#fdecec;color:#dc2626}
.ws-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.auditby{position:relative}
.auditby-btn{display:inline-flex;align-items:center;gap:8px;background:#efeafe;color:var(--brand-d);border:1px solid #e2dcfb;border-radius:10px;padding:9px 15px;font-family:var(--sans);font-weight:600;font-size:13px;cursor:pointer;text-transform:capitalize;transition:.15s}
.auditby-btn:hover{background:#e7e1fc}
.auditby-menu{position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 14px 34px rgba(20,16,45,.2);padding:6px;min-width:150px;z-index:40}
.auditby-menu .abi{padding:9px 13px;border-radius:8px;font-size:13px;font-weight:600;color:var(--ink2);cursor:pointer}
.auditby-menu .abi:hover{background:#f5f4fe;color:var(--brand-d)}
@keyframes rowflash{0%{background:#fde68a}12%{background:#fde68a}100%{background:transparent}}
tr.rowflash>td{animation:rowflash 2.4s ease-out}
tr.rowflash>td:first-child{box-shadow:inset 3px 0 0 #f59e0b}
@media print{
  .side,.topbar,.tabs,.ws-top,.filters,.no-print,.qmenu,.toast{display:none!important}
  #content,#wbody,.work,body{background:#fff!important;margin:0!important;padding:0!important;width:auto!important}
  #content{left:0!important}
  .card,.ptile,.stat,.tw,.optcard{-moz-column-break-inside:avoid;break-inside:avoid;box-shadow:none!important}
  .card{border:1px solid #e6e8f2!important}
  a[href]:after{content:""!important}
  @page{margin:14mm}
}

/* ── reviewer / injected block ── */
/* ── added 2026-06-25: assignees / control effectiveness / remediation / RR handoff ── */
.ac-toast{position:fixed;bottom:24px;right:24px;background:#fff;border:1px solid var(--line);border-left:4px solid #6d5cf0;border-radius:12px;padding:13px 16px;box-shadow:0 14px 38px rgba(20,20,50,.20);font-size:13px;font-weight:600;color:var(--ink);z-index:9999;opacity:0;transform:translateY(10px);transition:.28s;max-width:360px}
.ac-toast.show{opacity:1;transform:none}
.assignees{display:flex;align-items:center;cursor:pointer}
.assignees .ava{margin-right:-6px;border:2px solid #fff}
.ava-more{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#eef0fb;color:#5b47d6;font-size:10px;font-weight:700;border:2px solid #fff}
.unassigned-chip{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;color:#b91c1c;background:#fef2f2;border:1px dashed #fca5a5;border-radius:999px;padding:4px 10px;cursor:pointer}
.unassigned-chip:hover{background:#fee2e2}
.effcard .eff-top{display:flex;gap:20px;align-items:center;margin:6px 0 16px;flex-wrap:wrap}
.eff-gauge{flex:0 0 auto;width:124px;display:flex;flex-direction:column;align-items:center;padding:13px;border:1px solid var(--line2);border-radius:15px;background:linear-gradient(180deg,#fbfcff,#f3f5ff)}
.eff-score{font-size:38px;font-weight:800;line-height:1}
.eff-band{margin-top:8px;font-size:11.5px;font-weight:700;padding:3px 12px;border-radius:999px}
.eff-bar{display:flex;height:18px;border-radius:9px;overflow:hidden;background:#eef0f6;margin-bottom:13px}
.eff-bar i{display:block;height:100%}
.eff-chips{display:flex;flex-wrap:wrap;gap:8px}
.eff-chip{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;border:1px solid var(--line2);border-radius:9px;padding:6px 11px;cursor:pointer;transition:.15s}
.eff-chip:hover{border-color:var(--brand);background:#f7f5ff}
.eff-chip .dot{width:9px;height:9px;border-radius:3px}
.eff-chip b{color:var(--ink)}
.eff-domhead{font-size:11.5px;font-weight:700;color:var(--mut);margin:2px 0 9px;text-transform:uppercase;letter-spacing:.04em}
.eff-doms{display:flex;flex-direction:column;gap:6px}
.eff-dom{display:flex;align-items:center;gap:11px;padding:6px 9px;border-radius:9px;cursor:pointer}
.eff-dom:hover{background:#f7f8fc}
.eff-dom .dcd{font-size:10px;font-weight:700;background:#eef0fb;color:#5b47d6;padding:2px 7px;border-radius:6px;flex:0 0 auto}
.eff-dom .dnm{flex:1;font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eff-track{flex:0 0 170px;height:8px;border-radius:5px;background:#eef0f6;overflow:hidden}
.eff-track i{display:block;height:100%;border-radius:5px}
.eff-pc{flex:0 0 44px;text-align:right;font-size:12px;font-weight:700}
.rm-tl{position:relative;margin-top:4px;overflow-x:auto}
.rm-axis{position:relative;height:20px;margin-left:288px;border-bottom:1px solid var(--line2);margin-bottom:4px;min-width:360px}
.rm-tick{position:absolute;font-size:10px;color:var(--mut);transform:translateX(-50%);top:4px;white-space:nowrap}
.rm-row{display:flex;align-items:center;padding:8px 0;border-bottom:1px solid var(--line2)}
.rm-meta{flex:0 0 288px;display:flex;gap:9px;align-items:flex-start;cursor:pointer;padding-right:14px}
.rm-titles .rm-t{font-size:12.5px;font-weight:600;line-height:1.3}
.rm-track{flex:1;position:relative;height:26px;min-width:360px}
.rm-bar{position:absolute;top:4px;height:18px;border-radius:6px;display:flex;align-items:center;overflow:hidden;cursor:pointer;min-width:26px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}
.rm-bar>i{position:absolute;left:0;top:0;height:100%;background:rgba(255,255,255,.34)}
.rm-lab{position:relative;font-size:10px;font-weight:700;color:#fff;padding:0 7px;text-shadow:0 1px 1px rgba(0,0,0,.28)}
.rm-today{position:absolute;top:-3px;bottom:-3px;width:2px;background:#ef4444;z-index:3}
.rm-milerow{display:flex;justify-content:space-between;font-size:12px;padding:6px 10px;background:#f7f8fc;border-radius:7px;margin-top:6px}
.agentbtn{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 14px 6px 6px;cursor:pointer;font-size:13px;font-weight:700;color:var(--ink);transition:border-color .12s,box-shadow .12s}
.agentbtn:hover{border-color:#c9bdf7;box-shadow:0 4px 14px rgba(109,92,240,.12)}
.agentbtn .ic{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#6d5cf0,#8b5cf6);display:grid;place-items:center;font-size:14px;flex:none}
.agentbtn .dot{width:7px;height:7px;border-radius:50%;background:#16a34a;margin-left:2px;box-shadow:0 0 0 2px #fff}
.agentbtn .dot.off{background:#94a3b8}
.agentpanel{position:fixed;top:0;right:-460px;width:420px;height:100vh;background:#fff;border-left:1px solid var(--line);box-shadow:-14px 0 44px rgba(20,16,45,.18);z-index:100001;display:flex;flex-direction:column;transition:right .26s cubic-bezier(.4,0,.2,1);overflow:hidden}
.agentpanel.show{right:0}
.agentscrim{position:fixed;inset:0;background:rgba(20,16,45,.32);z-index:100000;opacity:0;pointer-events:none;transition:opacity .2s}
.agentscrim.show{opacity:1;pointer-events:auto}
.agp-head{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;gap:12px;background:linear-gradient(135deg,#efeafd,#fff)}
.agp-head .ic{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#6d5cf0,#8b5cf6);display:grid;place-items:center;font-size:17px;flex:none;box-shadow:0 6px 16px rgba(109,92,240,.3)}
.agp-close{margin-left:auto;cursor:pointer;color:var(--mut);font-size:18px;line-height:1;padding:3px 6px;border-radius:6px}
.agp-close:hover{background:#f3f1fc}
.agp-body{padding:16px 20px;overflow:auto;flex:1;display:flex;flex-direction:column;gap:16px}
.agp-sched{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:9px 12px;font-size:12.5px}
.agp-sched .rn{font-weight:600;color:var(--ink)}
.agp-intervaledit{display:flex;align-items:center;gap:6px;margin-left:auto}
.agp-intervaledit input{width:52px;border:1px solid var(--line);border-radius:6px;padding:3px 6px;font-size:12.5px;text-align:right}
.agp-intervaledit select{border:1px solid var(--line);border-radius:6px;padding:3px 4px;font-size:12.5px;color:var(--ink);background:#fff}
.rs{font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.04em}
.rs.on{background:#dcfce7;color:#16a34a}
.rs.off{background:#f1f2f6;color:#94a3b8}
.rs.clickable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.rs.clickable:hover{filter:brightness(.95)}
.agp-ruleset{display:flex;flex-direction:column;gap:10px}
.agp-rulecard{border:1px solid var(--line);border-radius:10px;padding:12px}
.agp-rulecard-head{display:flex;align-items:center;gap:10px}
.agp-rulecard-head .fd{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;flex:none}
.agp-rulecard-head .rn{font-weight:600;color:var(--ink);font-size:12.5px}
.agp-feed{display:flex;flex-direction:column;gap:2px;margin-top:8px;padding-top:8px;border-top:1px solid var(--line2)}
.agp-item{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid var(--line2)}
.agp-item:last-child{border-bottom:none}
.agp-item .body{flex:1;min-width:0}
.agp-item .txt{font-size:12.5px;color:var(--ink);line-height:1.5}
.agp-item .meta{font-size:11px;color:var(--mut);margin-top:2px}
.agp-item .meta a{color:var(--brand);font-weight:600;cursor:pointer}
.agp-empty{text-align:center;padding:14px 10px;color:var(--mut);font-size:12.5px}
.overlay.dock-open{padding-right:356px;justify-content:flex-end;align-items:flex-start}.overlay.dock-open .modal{margin:0 0 0 auto!important;height:calc(100vh - 80px);max-height:none;display:flex;flex-direction:column;border-top-right-radius:0;border-bottom-right-radius:0}.overlay.dock-open .modal>.mbody{flex:1 1 auto;max-height:none}@media(max-width:1180px){.overlay.dock-open{padding-right:20px;justify-content:center}.overlay.dock-open .modal{margin:auto!important;height:auto;display:block;border-radius:18px}.overlay.dock-open .modal>.mbody{max-height:68vh}}

/* ── injected prototype block: lightbox ── */
.lbox{position:fixed;inset:0;background:rgba(15,12,30,.85);z-index:200000;display:none;flex-direction:column;align-items:center;justify-content:center;padding:30px}.lbox.show{display:flex}.lbox-img{max-width:86vw;max-height:72vh;border-radius:10px;box-shadow:0 24px 70px rgba(0,0,0,.55);background:#fff}.lbox-cap{color:#fff;font-size:13px;margin-top:14px;font-weight:600}.lbox-x{position:absolute;top:18px;right:24px;color:#fff;font-size:26px;cursor:pointer;line-height:1}.lbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;font-size:24px;display:grid;place-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lbox-nav:hover{background:rgba(255,255,255,.3)}.lbox-prev{left:24px}.lbox-next{right:24px}.lbox-thumbs{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap;justify-content:center;max-width:86vw}.lbox-thumbs img{width:64px;height:40px;-o-object-fit:cover;object-fit:cover;border-radius:6px;cursor:pointer;opacity:.5;border:2px solid transparent}.lbox-thumbs img.on{opacity:1;border-color:#fff}

/* ── injected prototype block: reviewer/connection-map/framework/summary ── */
.modal.split{display:block!important;padding:0;width:100vw;height:100vh;max-width:none;margin:0;border-radius:0;box-shadow:none;overflow:hidden}.overlay.rv-full{padding:0!important;align-items:stretch}.box{background:#f8fafc;border:1px solid var(--line);border-radius:11px;padding:12px 14px;line-height:1.75;font-size:13px;color:#334155}.box.q{background:#f0fdf4;border-color:#bbf7d0;color:#3f6212}.modal.split .rv-body{display:flex;height:100%}.rv-left{width:440px;flex:0 0 440px;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.rv-lhead{display:flex;align-items:center;gap:10px;padding:15px 20px;border-bottom:1px solid var(--line)}.rv-lscroll{overflow:auto;padding:18px 20px;flex:1;min-height:0}.rv-notes{border-top:1px solid var(--line);padding:13px 20px;background:#faf9ff}.rv-ta{width:100%;min-height:84px;max-height:190px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit;font-size:13px;line-height:1.5;resize:vertical;outline:none}.rv-ta:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(109,92,240,.15)}.rv-right{flex:1;display:flex;flex-direction:column;min-width:0;background:#eef0f6}.rv-bar{display:flex;align-items:center;gap:10px;padding:11px 18px;border-bottom:1px solid var(--line);background:#fff}.rv-art{flex:1;overflow:auto;padding:24px 28px}@media(max-width:900px){.modal.split{width:97vw}.modal.split .rv-body{flex-direction:column}.rv-left{width:auto;flex:none;border-right:none;border-bottom:1px solid var(--line);max-height:46%}}.rv-thumbs{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:4px}.rv-thumb{position:relative;border:2px solid var(--line);border-radius:9px;overflow:hidden;cursor:pointer;background:#fff;transition:border-color .12s,transform .12s}.rv-thumb:hover{transform:translateY(-1px)}.rv-thumb.on{border-color:#6d5cf0;box-shadow:0 0 0 3px rgba(109,92,240,.16)}.rv-thumb img{width:100%;display:block;aspect-ratio:8/5;-o-object-fit:cover;object-fit:cover}.rv-thumb span{position:absolute;top:4px;left:5px;background:rgba(20,16,45,.62);color:#fff;font-size:9.5px;font-weight:700;padding:1px 6px;border-radius:7px;letter-spacing:.03em}.rv-imgview{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100%}.rv-imgview #rv-bigimg{max-width:100%;max-height:calc(100% - 42px);border-radius:12px;box-shadow:0 18px 60px rgba(20,16,45,.20);cursor:zoom-in;background:#fff;border:1px solid var(--line)}.rv-bigcap{margin-top:15px;font-size:12.5px;color:#475569;font-weight:600}.rv-back{display:inline-flex;align-items:center;gap:5px;border:1px solid #d9d5f5;background:#f3f1ff;color:#6d5cf0;border-radius:9px;padding:6px 13px;font-size:12.5px;font-weight:800;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s}.rv-back:hover{background:#e9e5ff;border-color:#b9b0ee}.rv-bar-t{flex:1;display:flex;align-items:center;gap:9px;min-width:0}.rv-bar-dot{width:9px;height:9px;border-radius:50%;flex:none;box-shadow:0 0 0 3px rgba(0,0,0,.04)}.rv-bar-t b{font-size:14px;color:#1f2430;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.cgraph{display:flex;align-items:stretch;gap:0;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 24px;box-shadow:0 1px 3px rgba(20,16,45,.05)}.cg-ctrl{flex:0 0 220px;align-self:center;background:linear-gradient(140deg,#6d5cf0,#8b5cf6 60%,#a855f7);color:#fff;border-radius:18px;padding:18px 17px;box-shadow:0 16px 42px rgba(109,92,240,.34)}.cg-ctrl .rcode{background:rgba(255,255,255,.24)!important;color:#fff!important;font-weight:800}.cg-ctrl-nm{font-size:15px;font-weight:800;margin:10px 0 8px;line-height:1.28}.cg-meta{font-size:11px;opacity:.92;font-weight:600}.cg-tot{display:flex;gap:7px;margin-top:15px}.cg-pill{flex:1;background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.12);border-radius:11px;padding:8px 4px;text-align:center;font-size:16px;font-weight:800;line-height:1}.cg-pill span{display:block;font-size:8.5px;font-weight:800;opacity:.9;margin-top:4px;text-transform:uppercase;letter-spacing:.05em}.cg-link{flex:0 0 44px;position:relative}.cg-link::before{content:"";position:absolute;top:50%;left:0;right:0;height:2.5px;background:linear-gradient(90deg,#c9b8f5,#cbd2e6);transform:translateY(-50%)}.cg-link::after{content:"";position:absolute;top:50%;right:-1px;width:9px;height:9px;border-radius:50%;background:#cbd2e6;transform:translate(0,-50%)}.cg-lanes{flex:1;min-width:0;position:relative;padding-left:26px;display:flex;flex-direction:column;gap:18px}.cg-lanes::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:2.5px;background:#cbd2e6;border-radius:2px}.cg-lane{position:relative}.cg-lane-h{position:relative;display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.cg-lane-h::before{content:"";position:absolute;left:-26px;top:50%;width:24px;height:2.5px;background:#cbd2e6}.cg-lane-h::after{content:"";position:absolute;left:-29px;top:50%;width:8px;height:8px;border-radius:50%;background:currentColor;transform:translateY(-50%)}.cg-ldot{display:none}.cg-ln{background:#eef0f6;color:#475569;border-radius:20px;font-size:10px;padding:2px 9px;font-weight:800}.cg-items{display:flex;flex-direction:column;gap:9px}.cg-card{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-left:4px solid #ccc;border-radius:12px;padding:11px 13px;background:#fff;cursor:pointer;transition:transform .13s,box-shadow .13s,border-color .13s}.cg-card:hover{transform:translateX(4px);box-shadow:0 10px 26px rgba(20,16,45,.13);border-color:#d7dbe8}.cg-cid{font-size:11px;font-weight:800;color:#334155;background:#f1f3f9;border-radius:7px;padding:3px 9px;white-space:nowrap}.cg-cn{flex:1;font-size:13px;font-weight:700;color:#1f2430;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cg-st{font-size:10px;font-weight:800;padding:3px 10px;border-radius:20px;white-space:nowrap}.cg-st.ok{background:#dcfce7;color:#16a34a}.cg-st.gap{background:#fee2e2;color:#dc2626}.cg-chk-chip{font-size:10px;font-weight:800;color:#0e7490;background:#cffafe;border-radius:8px;padding:3px 9px;cursor:pointer;white-space:nowrap}.cg-chk-chip:hover{background:#a5f3fc}.cg-go{color:#b9c0d4;font-size:20px;font-weight:700;line-height:1;transition:transform .13s,color .13s}.cg-card:hover .cg-go{color:#6d5cf0;transform:translateX(2px)}.cg-none{font-size:12px;color:var(--mut);padding:2px 0}.cg-acc-h{cursor:pointer}.cg-acc-h:hover{transform:none!important}.cg-caret{color:#94a3b8;font-size:11px;transition:transform .15s;margin-left:2px;flex:none}.cg-acc.open>.cg-acc-h .cg-caret{transform:rotate(180deg)}.cg-acc.open>.cg-acc-h{border-color:#14b8a6;box-shadow:0 6px 18px rgba(20,184,166,.16)}.cg-acc-body{display:none;margin:9px 0 4px 18px;padding:14px 16px;border-left:2px dashed #b6e3da;background:#f6fdfb;border-radius:0 12px 12px 0}.cg-acc.open>.cg-acc-body{display:block;animation:cgFade .18s ease}@keyframes cgFade{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.cg-acc-desc{font-size:12px;color:#475569;line-height:1.65;margin-bottom:13px}.cg-sublane{margin-bottom:12px}.cg-sublane:last-child{margin-bottom:0}.cg-sublane-h{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:7px}.cg-acc-body .cg-card{padding:8px 11px;border-radius:9px;margin-bottom:6px}.cg-acc-body .cg-card:last-child{margin-bottom:0}.cg-acc-body .cg-cn{font-size:12px}.cg-acc-lbl{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:6px}.cg-acc-txt{font-size:12px;color:#475569;line-height:1.6;background:#fff;border:1px solid #e2e8f0;border-radius:9px;padding:9px 11px}.cg-acc-q{font-size:12px;color:#3f6212;line-height:1.6;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:9px;padding:9px 11px}.cg-acc-meta{font-size:11px;color:#64748b;margin-top:10px}.fwk-list{display:flex;flex-direction:column;gap:9px}.fwk-row{border:1px solid var(--line);border-radius:12px;padding:11px 14px;background:#fff;cursor:pointer;transition:border-color .12s,box-shadow .12s}.fwk-row:hover{border-color:#bae6fd;box-shadow:0 4px 14px rgba(8,145,178,.10)}.fwk-row.open{border-color:#0891b2}.fwk-top{display:flex;align-items:center;gap:11px}.fwk-rc{font-family:ui-monospace,Menlo,monospace;font-size:11px;font-weight:800;color:#0e7490;background:#cffafe;border:1px solid #a5f3fc;border-radius:7px;padding:3px 9px;white-space:nowrap;flex:none}.fwk-rn{flex:1;font-size:12.5px;font-weight:600;color:#1f2430;line-height:1.4;min-width:0}.fwk-st{font-size:10px;font-weight:800;padding:2px 9px;border-radius:20px;white-space:nowrap;flex:none}.fwk-st.ok{background:#dcfce7;color:#16a34a}.fwk-st.gap{background:#fee2e2;color:#dc2626}.fwk-caret{color:#94a3b8;font-size:11px;transition:transform .15s;flex:none}.fwk-row.open .fwk-caret{transform:rotate(180deg)}.fwk-body{display:none;margin-top:11px;padding-top:11px;border-top:1px dashed var(--line);font-size:12.5px;color:#475569;line-height:1.55}.fwk-row.open .fwk-body{display:block}.fwk-note{margin-top:8px;font-size:11.5px;color:#64748b;font-style:italic;line-height:1.55}.rsum-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin-bottom:13px}.rsum-tile{border:1px solid var(--line);border-radius:13px;padding:13px 15px;background:#fff}.rsum-k{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:7px}.rsum-v{font-size:23px;font-weight:800;color:#1f2430;line-height:1}.rsum-v span{font-size:11.5px;font-weight:700;color:#94a3b8;margin-left:4px}.rsum-bar{height:6px;border-radius:6px;background:#eef0f6;margin-top:11px;overflow:hidden}.rsum-bar i{display:block;height:100%;border-radius:6px;background:var(--c)}.rsum-verdict{display:flex;align-items:center;gap:12px;border-radius:13px;padding:13px 16px;font-size:13px;line-height:1.5}.rsum-verdict.ok{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.rsum-verdict.warn{background:#fffbeb;border:1px solid #fde68a;color:#b45309}.rsum-ic{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;color:#0f172a;flex:none}

/* ── utility layer (app components) — built on the prototype's tokens ── */
.h1{font-size:22px;font-weight:800;letter-spacing:-.02em}
.grow{flex:1;min-width:0}.spacer{flex:1}
.rowline{display:flex;align-items:center;gap:10px}
.stack{display:flex;flex-direction:column;gap:10px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sh{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ink2);margin:0 0 10px}
.linkbtn{background:none;border:none;color:var(--brand);font:inherit;font-weight:700;cursor:pointer;padding:0}
.panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:16px 18px;margin-bottom:14px}
.panel h3{margin:0 0 12px;font-size:15px;font-weight:700}
.badge{font-size:10.5px;font-weight:800;padding:3px 9px;border-radius:20px;white-space:nowrap;display:inline-block}
.b-green{background:#dcfce7;color:#16a34a}.b-amber{background:#fef3c7;color:#b45309}.b-red{background:#fee2e2;color:#dc2626}
.b-grey{background:#eef0f6;color:#64748b}.b-blue{background:#e0f2fe;color:#0369a1}.b-purple{background:#ece9ff;color:var(--brand-d)}
.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:13px;margin:6px 0 18px}
.kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px 17px;box-shadow:var(--shadow)}
.kpi .k{font-size:12px;font-weight:500;color:var(--mut);margin-top:6px}
.kpi .v{font-size:27px;font-weight:700;letter-spacing:-.02em;line-height:1}
.kpi .v small{font-size:12px;color:var(--mut);font-weight:600;margin-left:4px}
.progress{height:8px;border-radius:8px;background:#eef0f7;overflow:hidden;margin-top:10px}
.progress i{display:block;height:100%;background:var(--brand)}
.isel{border:1px solid var(--line);border-radius:8px;padding:5px 8px;font:inherit;font-size:12px;font-weight:700;background:#fff;cursor:pointer}
.iinput{border:1px solid var(--line);border-radius:8px;padding:6px 9px;font:inherit;font-size:12.5px;background:#fff;width:100%}
.field{margin-bottom:13px}
.field label{display:block;font-size:11px;font-weight:800;text-transform:uppercase;color:#64748b;margin-bottom:5px}
.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:9px 11px;font:inherit;background:#fff}
.field textarea{min-height:70px;resize:vertical}
.mdim{position:fixed;inset:0;background:rgba(20,16,45,.45);display:flex;align-items:flex-start;justify-content:center;z-index:200;padding:40px 16px;overflow:auto}
.btn-danger{background:#fee2e2;color:#dc2626}
.lrow{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fff;margin-bottom:9px;cursor:pointer}
.lrow:hover{box-shadow:0 6px 18px rgba(20,16,45,.09)}.lrow .nm{font-weight:700}.lrow .meta{font-size:12px;color:var(--mut)}
.chip{font-size:10px;font-weight:800;color:#0e7490;background:#cffafe;border-radius:8px;padding:3px 8px;cursor:pointer}
.dual{display:inline-flex;gap:4px}
.dd{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff}
.dd.ok{background:#16a34a}.dd.gap{background:#ef4444}.dd.zero{background:#e2e8f0;color:#94a3b8}
.lkcell{cursor:pointer;border-radius:8px}.lkcell:hover{background:#f1f0fe;outline:1px solid #d9d5f5}
.tl{position:relative;height:34px;background:#eef0f6;border-radius:8px;margin:8px 0}
.tl .fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#6d5cf0,#8b5cf6);border-radius:8px}
.tl .lbl{position:absolute;right:8px;top:8px;font-size:11px;font-weight:800;color:#334155}
.mile{display:flex;align-items:center;gap:9px;font-size:12.5px;padding:5px 0}
.mile .dot{width:14px;height:14px;border-radius:50%;border:2px solid #cbd5e1;flex:none}.mile .dot.on{background:#16a34a;border-color:#16a34a}
.mat-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.mat-row .nm{flex:0 0 170px;font-weight:700;font-size:12.5px}
.mat-bar{flex:1;height:10px;background:#eef0f6;border-radius:8px;overflow:hidden}.mat-bar i{display:block;height:100%}
.mat-row .lv{flex:0 0 30px;text-align:right;font-weight:800}
.swot{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.swot .q{border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.swot .q h4{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.swot .q li{font-size:12.5px;margin-bottom:5px;color:var(--ink2)}
.swot .S{background:#f0fdf4}.swot .W{background:#fff1f2}.swot .O{background:#eff6ff}.swot .T{background:#fffbeb}
.grp-hd{display:flex;align-items:center;gap:10px;margin:16px 0 8px;font-weight:800}
.grp-bar{flex:1;height:8px;border-radius:8px;background:#eef0f6;overflow:hidden;max-width:260px}.grp-bar i{display:block;height:100%;background:var(--brand)}
.toaster{position:fixed;right:18px;bottom:18px;z-index:99999;display:flex;flex-direction:column;gap:9px}
.toast{background:#fff;border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:11px;padding:11px 15px;font-size:13px;font-weight:600;box-shadow:0 14px 40px rgba(20,16,45,.18);min-width:220px;max-width:360px}
.lb{position:fixed;inset:0;background:rgba(15,12,35,.82);z-index:100002;display:flex;align-items:center;justify-content:center;padding:40px}
.lb-close{position:absolute;top:18px;right:22px;color:#fff;font-size:26px;cursor:pointer}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-size:44px;cursor:pointer;padding:0 18px}.lb-prev{left:8px}.lb-next{right:8px}
.lb-stage{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:90vw}
.lb-img{width:min(760px,80vw);height:min(460px,60vh);border-radius:12px;background:linear-gradient(135deg,#eef2ff,#f8fafc);display:flex;align-items:center;justify-content:center;color:#94a3b8;padding:20px;text-align:center}
.lb-cap{color:#fff;font-weight:600}.lb-strip{display:flex;gap:8px}
.lb-th{width:34px;height:26px;border-radius:6px;border:2px solid rgba(255,255,255,.35);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;cursor:pointer}.lb-th.on{border-color:#fff}
@media print{.side,.tabs,.no-print,.btn,.linkbtn,input[type=range]{display:none!important}.app{display:block}.content{padding:0}}

/* topnc bar + readiness miniband (not styled in prototype; added to render cleanly) */
.topnc .tnb{flex:0 0 66px;height:6px;border-radius:5px;background:#f1f0f7;overflow:hidden}
.topnc .tnb i{display:block;height:100%;background:#ef4444;border-radius:5px}
.miniband{height:8px;border-radius:6px;background:#eef0f7;overflow:hidden}
.miniband i{display:block;height:100%;border-radius:6px}

/* report letterhead (screen + print) */
.report-cover{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border:1px solid var(--line);border-radius:14px;background:#fff;margin-bottom:14px;border-top:4px solid var(--brand)}

/* tenant switcher (topbar) */
.tenantsel{display:flex;align-items:center;gap:7px;background:#f2f3fa;border:1px solid var(--line);border-radius:10px;padding:5px 10px;color:var(--brand-d)}
.tenantsel select{border:none;background:none;font:inherit;font-weight:700;font-size:12.5px;color:var(--ink);cursor:pointer;outline:none}

/* ── Trust module (ported verbatim from ms-trust-center/frontend/app/globals.css) ──
   Bare utility classes the Trust components reference directly (not Tailwind
   `bg-*` utilities), plus its signature card-lift hover and table-row hover. */
@keyframes toast-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.animate-in-toast { animation: toast-in .2s cubic-bezier(.22,1,.36,1); }
.grad-brand { background: linear-gradient(135deg, #7c5cf0, #6d5cf0); }
.grad-navy  { background: linear-gradient(135deg, #3a5680, #33507a); }
.grad-green { background: linear-gradient(135deg, #3fcf86, #2bb673); }
.grad-hero  { background: linear-gradient(120deg, #2c2a5e, #46399b 52%, #6d5cf0); }
.text-grad {
  background: linear-gradient(90deg, #6d28d9, #6366f1);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.lift { transition: transform .22s cubic-bezier(.2,.7,.2,1), box-shadow .22s, border-color .22s; }
.lift:hover { transform: translateY(-4px); box-shadow: 0 20px 44px rgba(91,71,214,.18); border-color: #e3ddf6; }
.tbl-row { transition: background .15s, box-shadow .15s; }
.tbl-row:hover { background: #f5f3ff; box-shadow: inset 3px 0 0 var(--brand); }
.file\:border-0::file-selector-button{
  border-width: 0px;
}
.file\:bg-transparent::file-selector-button{
  background-color: transparent;
}
.file\:text-sm::file-selector-button{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.file\:font-medium::file-selector-button{
  font-weight: 500;
}
.file\:text-foreground::file-selector-button{
  color: var(--foreground, #1e2433);
}
.placeholder\:text-dim::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(170 177 197 / var(--tw-text-opacity));
}
.placeholder\:text-dim::placeholder{
  --tw-text-opacity: 1;
  color: rgb(170 177 197 / var(--tw-text-opacity));
}
.placeholder\:text-muted-foreground::-moz-placeholder{
  color: var(--muted-foreground, #7a839b);
}
.placeholder\:text-muted-foreground::placeholder{
  color: var(--muted-foreground, #7a839b);
}
.first\:pl-5:first-child{
  padding-left: 1.25rem;
}
.first\:pl-6:first-child{
  padding-left: 1.5rem;
}
.last\:mb-0:last-child{
  margin-bottom: 0px;
}
.last\:border-0:last-child{
  border-width: 0px;
}
.hover\:-translate-y-0\.5:hover{
  --tw-translate-y: -0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:-translate-y-1:hover{
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:-translate-y-px:hover{
  --tw-translate-y: -1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-105:hover{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:border-\[\#c9bdf7\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(201 189 247 / var(--tw-border-opacity));
}
.hover\:border-\[\#d8d4f7\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(216 212 247 / var(--tw-border-opacity));
}
.hover\:border-\[\#e2defa\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(226 222 250 / var(--tw-border-opacity));
}
.hover\:border-brand:hover{
  --tw-border-opacity: 1;
  border-color: rgb(109 92 240 / var(--tw-border-opacity));
}
.hover\:border-brand\/40:hover{
  border-color: rgb(109 92 240 / 0.4);
}
.hover\:border-brand\/60:hover{
  border-color: rgb(109 92 240 / 0.6);
}
.hover\:border-red:hover{
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity));
}
.hover\:\!border-t-transparent:hover{
  border-top-color: transparent !important;
}
.hover\:bg-\[\#F0EEF5\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(240 238 245 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#ece7fb\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(236 231 251 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#ececf6\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(236 236 246 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#f3f0fe\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 240 254 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#f4f3fb\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(244 243 251 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#f5f3ff\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 255 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#f5f4fe\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(245 244 254 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#f5f6fb\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(245 246 251 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#faf9ff\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(250 249 255 / var(--tw-bg-opacity));
}
.hover\:bg-accent:hover{
  background-color: var(--accent, #f5f4fe);
}
.hover\:bg-brand:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(109 92 240 / var(--tw-bg-opacity));
}
.hover\:bg-brand-d:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(91 71 214 / var(--tw-bg-opacity));
}
.hover\:bg-green-d:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(31 157 99 / var(--tw-bg-opacity));
}
.hover\:bg-line-2:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(240 241 248 / var(--tw-bg-opacity));
}
.hover\:bg-navy:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(58 86 128 / var(--tw-bg-opacity));
}
.hover\:bg-red\/20:hover{
  background-color: rgb(239 68 68 / 0.2);
}
.hover\:bg-surface-bg:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 251 / var(--tw-bg-opacity));
}
.hover\:bg-white:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.hover\:bg-white\/25:hover{
  background-color: rgb(255 255 255 / 0.25);
}
.hover\:text-accent-foreground:hover{
  color: var(--accent-foreground, #6d5cf0);
}
.hover\:text-brand:hover{
  --tw-text-opacity: 1;
  color: rgb(109 92 240 / var(--tw-text-opacity));
}
.hover\:text-brand-d:hover{
  --tw-text-opacity: 1;
  color: rgb(91 71 214 / var(--tw-text-opacity));
}
.hover\:text-ink:hover{
  --tw-text-opacity: 1;
  color: rgb(30 36 51 / var(--tw-text-opacity));
}
.hover\:text-ink-2:hover{
  --tw-text-opacity: 1;
  color: rgb(59 66 84 / var(--tw-text-opacity));
}
.hover\:text-red:hover{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}
.hover\:text-status-open:hover{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}
.hover\:text-white:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hover\:underline:hover{
  text-decoration-line: underline;
}
.hover\:opacity-100:hover{
  opacity: 1;
}
.hover\:opacity-70:hover{
  opacity: 0.7;
}
.hover\:opacity-95:hover{
  opacity: 0.95;
}
.hover\:shadow-\[0_10px_24px_rgba\(109\2c 92\2c 240\2c \.45\)\]:hover{
  --tw-shadow: 0 10px 24px rgba(109,92,240,.45);
  --tw-shadow-colored: 0 10px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-\[0_10px_26px_-6px_rgba\(16\2c 24\2c 40\2c \.14\)\]:hover{
  --tw-shadow: 0 10px 26px -6px rgba(16,24,40,.14);
  --tw-shadow-colored: 0 10px 26px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-\[0_12px_26px_rgba\(40\2c 30\2c 90\2c \.1\)\]:hover{
  --tw-shadow: 0 12px 26px rgba(40,30,90,.1);
  --tw-shadow-colored: 0 12px 26px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-\[0_1px_3px_rgba\(16\2c 24\2c 40\2c \.08\)\]:hover{
  --tw-shadow: 0 1px 3px rgba(16,24,40,.08);
  --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-\[0_2px_10px_-2px_rgba\(109\2c 92\2c 240\2c \.18\)\]:hover{
  --tw-shadow: 0 2px 10px -2px rgba(109,92,240,.18);
  --tw-shadow-colored: 0 2px 10px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-\[0_6px_16px_rgba\(109\2c 40\2c 217\2c \.18\)\]:hover{
  --tw-shadow: 0 6px 16px rgba(109,40,217,.18);
  --tw-shadow-colored: 0 6px 16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-\[0_8px_20px_-6px_rgba\(16\2c 24\2c 40\2c \.12\)\]:hover{
  --tw-shadow: 0 8px 20px -6px rgba(16,24,40,.12);
  --tw-shadow-colored: 0 8px 20px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-\[0_8px_20px_rgba\(43\2c 182\2c 115\2c \.45\)\]:hover{
  --tw-shadow: 0 8px 20px rgba(43,182,115,.45);
  --tw-shadow-colored: 0 8px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-\[inset_3px_0_0_\#6d5cf0\]:hover{
  --tw-shadow: inset 3px 0 0 #6d5cf0;
  --tw-shadow-colored: inset 3px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-card-hover:hover{
  --tw-shadow: 0 14px 34px rgba(40,30,90,.12);
  --tw-shadow-colored: 0 14px 34px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-hover:hover{
  --tw-shadow: 0 10px 24px rgba(40,30,90,.1);
  --tw-shadow-colored: 0 10px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-kpi-hover:hover{
  --tw-shadow: 0 0 0 1.5px var(--kpi-accent), 0 14px 30px 0 rgba(109,40,217,.16), 0 2px 16px 0 rgba(26,21,35,.08);
  --tw-shadow-colored: 0 0 0 1.5px var(--tw-shadow-color), 0 14px 30px 0 var(--tw-shadow-color), 0 2px 16px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-lift:hover{
  --tw-shadow: var(--shadow-lift, 0 14px 34px rgba(40,30,90,.12));
  --tw-shadow-colored: 0 14px 34px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-md:hover{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:brightness-110:hover{
  --tw-brightness: brightness(1.1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.focus\:border-brand:focus{
  --tw-border-opacity: 1;
  border-color: rgb(109 92 240 / var(--tw-border-opacity));
}
.focus\:bg-\[\#F0EEF5\]:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(240 238 245 / var(--tw-bg-opacity));
}
.focus\:bg-accent:focus{
  background-color: var(--accent, #f5f4fe);
}
.focus\:text-accent-foreground:focus{
  color: var(--accent-foreground, #6d5cf0);
}
.focus\:text-red:focus{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}
.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:ring-1:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-2:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-4:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-brand\/10:focus{
  --tw-ring-color: rgb(109 92 240 / 0.1);
}
.focus\:ring-brand\/20:focus{
  --tw-ring-color: rgb(109 92 240 / 0.2);
}
.focus\:ring-ring:focus{
  --tw-ring-color: var(--ring, #6d5cf0);
}
.focus\:ring-offset-2:focus{
  --tw-ring-offset-width: 2px;
}
.focus-visible\:outline-none:focus-visible{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-visible\:ring-1:focus-visible{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-2:focus-visible{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-ring:focus-visible{
  --tw-ring-color: var(--ring, #6d5cf0);
}
.focus-visible\:ring-offset-2:focus-visible{
  --tw-ring-offset-width: 2px;
}
.focus-visible\:ring-offset-background:focus-visible{
  --tw-ring-offset-color: var(--background, #f4f5fb);
}
.active\:translate-y-0:active{
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:scale-\[0\.97\]:active{
  --tw-scale-x: 0.97;
  --tw-scale-y: 0.97;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:bg-\[\#F0EEF5\]:active{
  --tw-bg-opacity: 1;
  background-color: rgb(240 238 245 / var(--tw-bg-opacity));
}
.active\:bg-\[\#f5f6fb\]:active{
  --tw-bg-opacity: 1;
  background-color: rgb(245 246 251 / var(--tw-bg-opacity));
}
.active\:shadow-\[0_2px_8px_rgba\(109\2c 92\2c 240\2c \.35\)\]:active{
  --tw-shadow: 0 2px 8px rgba(109,92,240,.35);
  --tw-shadow-colored: 0 2px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.active\:shadow-sm:active{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.disabled\:pointer-events-none:disabled{
  pointer-events: none;
}
.disabled\:cursor-not-allowed:disabled{
  cursor: not-allowed;
}
.disabled\:bg-line-2:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(240 241 248 / var(--tw-bg-opacity));
}
.disabled\:opacity-40:disabled{
  opacity: 0.4;
}
.disabled\:opacity-50:disabled{
  opacity: 0.5;
}
.disabled\:opacity-60:disabled{
  opacity: 0.6;
}
.disabled\:hover\:translate-y-0:hover:disabled{
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.disabled\:hover\:shadow-\[0_4px_14px_rgba\(109\2c 92\2c 240\2c \.35\)\]:hover:disabled{
  --tw-shadow: 0 4px 14px rgba(109,92,240,.35);
  --tw-shadow-colored: 0 4px 14px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:focus-within .group-focus-within\:opacity-100{
  opacity: 1;
}
.group:hover .group-hover\:w-12{
  width: 3rem;
}
.group:hover .group-hover\:scale-110{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:bg-\[\#f3f0fe\]{
  --tw-bg-opacity: 1;
  background-color: rgb(243 240 254 / var(--tw-bg-opacity));
}
.group:hover .group-hover\:text-brand{
  --tw-text-opacity: 1;
  color: rgb(109 92 240 / var(--tw-text-opacity));
}
.group:hover .group-hover\:opacity-100{
  opacity: 1;
}
.peer:disabled ~ .peer-disabled\:cursor-not-allowed{
  cursor: not-allowed;
}
.peer:disabled ~ .peer-disabled\:opacity-70{
  opacity: 0.7;
}
.data-\[disabled\]\:pointer-events-none[data-disabled]{
  pointer-events: none;
}
.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{
  --tw-translate-y: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[side\=left\]\:-translate-x-1[data-side=left]{
  --tw-translate-x: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[side\=right\]\:translate-x-1[data-side=right]{
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[side\=top\]\:-translate-y-1[data-side=top]{
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[state\=checked\]\:translate-x-4[data-state=checked]{
  --tw-translate-x: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[state\=checked\]\:bg-primary[data-state=checked]{
  background-color: var(--primary, #6d5cf0);
}
.data-\[state\=open\]\:bg-accent[data-state=open]{
  background-color: var(--accent, #f5f4fe);
}
.data-\[state\=open\]\:bg-secondary[data-state=open]{
  background-color: var(--secondary, #3a5680);
}
.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{
  background-color: var(--input, #e9ebf3);
}
.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{
  color: var(--muted-foreground, #7a839b);
}
.data-\[state\=open\]\:text-muted-foreground[data-state=open]{
  color: var(--muted-foreground, #7a839b);
}
.data-\[disabled\]\:opacity-50[data-disabled]{
  opacity: 0.5;
}
.data-\[state\=closed\]\:duration-300[data-state=closed]{
  transition-duration: 300ms;
}
.data-\[state\=open\]\:duration-500[data-state=open]{
  transition-duration: 500ms;
}
.data-\[state\=open\]\:animate-in[data-state=open]{
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.data-\[state\=closed\]\:animate-out[data-state=closed]{
  animation-name: exit;
  animation-duration: 150ms;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}
.data-\[state\=closed\]\:fade-out-0[data-state=closed]{
  --tw-exit-opacity: 0;
}
.data-\[state\=open\]\:fade-in-0[data-state=open]{
  --tw-enter-opacity: 0;
}
.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{
  --tw-exit-scale: .95;
}
.data-\[state\=open\]\:zoom-in-95[data-state=open]{
  --tw-enter-scale: .95;
}
.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{
  --tw-enter-translate-y: -0.5rem;
}
.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{
  --tw-enter-translate-x: 0.5rem;
}
.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{
  --tw-enter-translate-x: -0.5rem;
}
.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{
  --tw-enter-translate-y: 0.5rem;
}
.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{
  --tw-exit-translate-y: 100%;
}
.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{
  --tw-exit-translate-x: -100%;
}
.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{
  --tw-exit-translate-x: -50%;
}
.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{
  --tw-exit-translate-x: 100%;
}
.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{
  --tw-exit-translate-y: -100%;
}
.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{
  --tw-exit-translate-y: -48%;
}
.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{
  --tw-enter-translate-y: 100%;
}
.data-\[state\=open\]\:slide-in-from-left[data-state=open]{
  --tw-enter-translate-x: -100%;
}
.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{
  --tw-enter-translate-x: -50%;
}
.data-\[state\=open\]\:slide-in-from-right[data-state=open]{
  --tw-enter-translate-x: 100%;
}
.data-\[state\=open\]\:slide-in-from-top[data-state=open]{
  --tw-enter-translate-y: -100%;
}
.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{
  --tw-enter-translate-y: -48%;
}
.data-\[state\=closed\]\:duration-300[data-state=closed]{
  animation-duration: 300ms;
}
.data-\[state\=open\]\:duration-500[data-state=open]{
  animation-duration: 500ms;
}
@media (min-width: 640px){

  .sm\:col-span-2{
    grid-column: span 2 / span 2;
  }

  .sm\:mt-0{
    margin-top: 0px;
  }

  .sm\:max-w-md{
    max-width: 28rem;
  }

  .sm\:max-w-sm{
    max-width: 24rem;
  }

  .sm\:max-w-xl{
    max-width: 36rem;
  }

  .sm\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sm\:flex-row{
    flex-direction: row;
  }

  .sm\:justify-end{
    justify-content: flex-end;
  }

  .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:rounded-lg{
    border-radius: 0.5rem;
  }

  .sm\:rounded-none{
    border-radius: 0px;
  }

  .sm\:p-8{
    padding: 2rem;
  }

  .sm\:text-left{
    text-align: left;
  }
}
@media (min-width: 768px){

  .md\:w-\[420px\]{
    width: 420px;
  }

  .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-\[minmax\(280px\2c 360px\)_1fr\]{
    grid-template-columns: minmax(280px,360px) 1fr;
  }

  .md\:grid-cols-\[minmax\(280px\2c 380px\)_1fr\]{
    grid-template-columns: minmax(280px,380px) 1fr;
  }

  .md\:flex-row{
    flex-direction: row;
  }

  .md\:items-start{
    align-items: flex-start;
  }

  .md\:justify-between{
    justify-content: space-between;
  }

  .md\:border-b-0{
    border-bottom-width: 0px;
  }

  .md\:border-r{
    border-right-width: 1px;
  }

  .md\:text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
@media (min-width: 1024px){

  .lg\:col-span-1{
    grid-column: span 1 / span 1;
  }

  .lg\:col-span-2{
    grid-column: span 2 / span 2;
  }

  .lg\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .lg\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .lg\:grid-cols-\[1\.35fr_1fr\]{
    grid-template-columns: 1.35fr 1fr;
  }

  .lg\:flex-row{
    flex-direction: row;
  }

  .lg\:items-center{
    align-items: center;
  }

  .lg\:justify-between{
    justify-content: space-between;
  }
}
@media (min-width: 1280px){

  .xl\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .xl\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .xl\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .xl\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
@media print{

  .print\:hidden{
    display: none;
  }
}
.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{
  display: none;
}
.\[\&\>span\]\:line-clamp-1>span{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.\[\&\>svg\]\:size-4>svg{
  width: 1rem;
  height: 1rem;
}
.\[\&\>svg\]\:shrink-0>svg{
  flex-shrink: 0;
}
.\[\&_svg\]\:pointer-events-none svg{
  pointer-events: none;
}
.\[\&_svg\]\:size-4 svg{
  width: 1rem;
  height: 1rem;
}
.\[\&_svg\]\:shrink-0 svg{
  flex-shrink: 0;
}
.\[\&_table\]\:border-collapse table{
  border-collapse: collapse;
}
.\[\&_td\]\:border td{
  border-width: 1px;
}
.\[\&_td\]\:border-line td{
  --tw-border-opacity: 1;
  border-color: rgb(233 235 243 / var(--tw-border-opacity));
}
.\[\&_td\]\:px-2 td{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.\[\&_td\]\:py-1 td{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}