/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./node_modules/@fortawesome/fontawesome-svg-core/styles.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/
:root, :host {
  --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free';
  --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Free';
  --fa-font-light: normal 300 1em/1 'Font Awesome 6 Pro';
  --fa-font-thin: normal 100 1em/1 'Font Awesome 6 Pro';
  --fa-font-duotone: normal 900 1em/1 'Font Awesome 6 Duotone';
  --fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands';
  --fa-font-sharp-solid: normal 900 1em/1 'Font Awesome 6 Sharp';
  --fa-font-sharp-regular: normal 400 1em/1 'Font Awesome 6 Sharp';
  --fa-font-sharp-light: normal 300 1em/1 'Font Awesome 6 Sharp';
  --fa-font-sharp-thin: normal 100 1em/1 'Font Awesome 6 Sharp';
  --fa-font-sharp-duotone-solid: normal 900 1em/1 'Font Awesome 6 Sharp Duotone'; }

svg:not(:root).svg-inline--fa, svg:not(:host).svg-inline--fa {
  overflow: visible;
  box-sizing: content-box; }

.svg-inline--fa {
  display: var(--fa-display, inline-block);
  height: 1em;
  overflow: visible;
  vertical-align: -.125em; }
  .svg-inline--fa.fa-2xs {
    vertical-align: 0.1em; }
  .svg-inline--fa.fa-xs {
    vertical-align: 0em; }
  .svg-inline--fa.fa-sm {
    vertical-align: -0.07143em; }
  .svg-inline--fa.fa-lg {
    vertical-align: -0.2em; }
  .svg-inline--fa.fa-xl {
    vertical-align: -0.25em; }
  .svg-inline--fa.fa-2xl {
    vertical-align: -0.3125em; }
  .svg-inline--fa.fa-pull-left {
    margin-right: var(--fa-pull-margin, 0.3em);
    width: auto; }
  .svg-inline--fa.fa-pull-right {
    margin-left: var(--fa-pull-margin, 0.3em);
    width: auto; }
  .svg-inline--fa.fa-li {
    width: var(--fa-li-width, 2em);
    top: 0.25em; }
  .svg-inline--fa.fa-fw {
    width: var(--fa-fw-width, 1.25em); }

.fa-layers svg.svg-inline--fa {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0; }

.fa-layers-text, .fa-layers-counter {
  display: inline-block;
  position: absolute;
  text-align: center; }

.fa-layers {
  display: inline-block;
  height: 1em;
  position: relative;
  text-align: center;
  vertical-align: -.125em;
  width: 1em; }
  .fa-layers svg.svg-inline--fa {
    transform-origin: center center; }

.fa-layers-text {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center center; }

.fa-layers-counter {
  background-color: var(--fa-counter-background-color, #ff253a);
  border-radius: var(--fa-counter-border-radius, 1em);
  box-sizing: border-box;
  color: var(--fa-inverse, #fff);
  line-height: var(--fa-counter-line-height, 1);
  max-width: var(--fa-counter-max-width, 5em);
  min-width: var(--fa-counter-min-width, 1.5em);
  overflow: hidden;
  padding: var(--fa-counter-padding, 0.25em 0.5em);
  right: var(--fa-right, 0);
  text-overflow: ellipsis;
  top: var(--fa-top, 0);
  transform: scale(var(--fa-counter-scale, 0.25));
  transform-origin: top right; }

.fa-layers-bottom-right {
  bottom: var(--fa-bottom, 0);
  right: var(--fa-right, 0);
  top: auto;
  transform: scale(var(--fa-layers-scale, 0.25));
  transform-origin: bottom right; }

.fa-layers-bottom-left {
  bottom: var(--fa-bottom, 0);
  left: var(--fa-left, 0);
  right: auto;
  top: auto;
  transform: scale(var(--fa-layers-scale, 0.25));
  transform-origin: bottom left; }

.fa-layers-top-right {
  top: var(--fa-top, 0);
  right: var(--fa-right, 0);
  transform: scale(var(--fa-layers-scale, 0.25));
  transform-origin: top right; }

.fa-layers-top-left {
  left: var(--fa-left, 0);
  right: auto;
  top: var(--fa-top, 0);
  transform: scale(var(--fa-layers-scale, 0.25));
  transform-origin: top left; }

.fa-1x {
  font-size: 1em; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-6x {
  font-size: 6em; }

.fa-7x {
  font-size: 7em; }

.fa-8x {
  font-size: 8em; }

.fa-9x {
  font-size: 9em; }

.fa-10x {
  font-size: 10em; }

.fa-2xs {
  font-size: 0.625em;
  line-height: 0.1em;
  vertical-align: 0.225em; }

.fa-xs {
  font-size: 0.75em;
  line-height: 0.08333em;
  vertical-align: 0.125em; }

.fa-sm {
  font-size: 0.875em;
  line-height: 0.07143em;
  vertical-align: 0.05357em; }

.fa-lg {
  font-size: 1.25em;
  line-height: 0.05em;
  vertical-align: -0.075em; }

.fa-xl {
  font-size: 1.5em;
  line-height: 0.04167em;
  vertical-align: -0.125em; }

.fa-2xl {
  font-size: 2em;
  line-height: 0.03125em;
  vertical-align: -0.1875em; }

.fa-fw {
  text-align: center;
  width: 1.25em; }

.fa-ul {
  list-style-type: none;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  left: calc(-1 * var(--fa-li-width, 2em));
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit; }

.fa-border {
  border-color: var(--fa-border-color, #eee);
  border-radius: var(--fa-border-radius, 0.1em);
  border-style: var(--fa-border-style, solid);
  border-width: var(--fa-border-width, 0.08em);
  padding: var(--fa-border-padding, 0.2em 0.25em 0.15em); }

.fa-pull-left {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em); }

.fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em); }

.fa-beat {
  animation-name: fa-beat;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out); }

.fa-bounce {
  animation-name: fa-bounce;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); }

.fa-fade {
  animation-name: fa-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); }

.fa-beat-fade {
  animation-name: fa-beat-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); }

.fa-flip {
  animation-name: fa-flip;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out); }

.fa-shake {
  animation-name: fa-shake;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear); }

.fa-spin {
  animation-name: fa-spin;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 2s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear); }

.fa-spin-reverse {
  --fa-animation-direction: reverse; }

.fa-pulse,
.fa-spin-pulse {
  animation-name: fa-spin;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, steps(8)); }

@media (prefers-reduced-motion: reduce) {
  .fa-beat,
  .fa-bounce,
  .fa-fade,
  .fa-beat-fade,
  .fa-flip,
  .fa-pulse,
  .fa-shake,
  .fa-spin,
  .fa-spin-pulse {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s; } }

@keyframes fa-beat {
  0%, 90% {
    transform: scale(1); }
  45% {
    transform: scale(var(--fa-beat-scale, 1.25)); } }

@keyframes fa-bounce {
  0% {
    transform: scale(1, 1) translateY(0); }
  10% {
    transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); }
  30% {
    transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); }
  50% {
    transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); }
  57% {
    transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); }
  64% {
    transform: scale(1, 1) translateY(0); }
  100% {
    transform: scale(1, 1) translateY(0); } }

@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4); } }

@keyframes fa-beat-fade {
  0%, 100% {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    transform: scale(1); }
  50% {
    opacity: 1;
    transform: scale(var(--fa-beat-fade-scale, 1.125)); } }

@keyframes fa-flip {
  50% {
    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } }

@keyframes fa-shake {
  0% {
    transform: rotate(-15deg); }
  4% {
    transform: rotate(15deg); }
  8%, 24% {
    transform: rotate(-18deg); }
  12%, 28% {
    transform: rotate(18deg); }
  16% {
    transform: rotate(-22deg); }
  20% {
    transform: rotate(22deg); }
  32% {
    transform: rotate(-12deg); }
  36% {
    transform: rotate(12deg); }
  40%, 100% {
    transform: rotate(0deg); } }

@keyframes fa-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.fa-rotate-90 {
  transform: rotate(90deg); }

.fa-rotate-180 {
  transform: rotate(180deg); }

.fa-rotate-270 {
  transform: rotate(270deg); }

.fa-flip-horizontal {
  transform: scale(-1, 1); }

.fa-flip-vertical {
  transform: scale(1, -1); }

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  transform: scale(-1, -1); }

.fa-rotate-by {
  transform: rotate(var(--fa-rotate-angle, 0)); }

.fa-stack {
  display: inline-block;
  vertical-align: middle;
  height: 2em;
  position: relative;
  width: 2.5em; }

.fa-stack-1x,
.fa-stack-2x {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: var(--fa-stack-z-index, auto); }

.svg-inline--fa.fa-stack-1x {
  height: 1em;
  width: 1.25em; }

.svg-inline--fa.fa-stack-2x {
  height: 2em;
  width: 2.5em; }

.fa-inverse {
  color: var(--fa-inverse, #fff); }

.sr-only,
.fa-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; }

.sr-only-focusable:not(:focus),
.fa-sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0; }

.svg-inline--fa .fa-primary {
  fill: var(--fa-primary-color, currentColor);
  opacity: var(--fa-primary-opacity, 1); }

.svg-inline--fa .fa-secondary {
  fill: var(--fa-secondary-color, currentColor);
  opacity: var(--fa-secondary-opacity, 0.4); }

.svg-inline--fa.fa-swap-opacity .fa-primary {
  opacity: var(--fa-secondary-opacity, 0.4); }

.svg-inline--fa.fa-swap-opacity .fa-secondary {
  opacity: var(--fa-primary-opacity, 1); }

.svg-inline--fa mask .fa-primary,
.svg-inline--fa mask .fa-secondary {
  fill: black; }

.fad.fa-inverse,
.fa-duotone.fa-inverse {
  color: var(--fa-inverse, #fff); }

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[2].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[2].use[2]!./node_modules/next/font/google/target.css?{"path":"src/app/(v2)/layout.tsx","import":"Montserrat","arguments":[{"subsets":["latin"],"variable":"--font-montserrat"}],"variableName":"montserrat"} ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* cyrillic-ext */
@font-face {
  font-family: '__Montserrat_069ab3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/b1f344208eb4edfe-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: '__Montserrat_069ab3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/48e2044251ef3125-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: '__Montserrat_069ab3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/bf24a9759715e608-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: '__Montserrat_069ab3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/1f173e5e25f3efee-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Montserrat_069ab3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/904be59b21bd51cb-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: '__Montserrat_Fallback_069ab3';src: local("Arial");ascent-override: 85.79%;descent-override: 22.25%;line-gap-override: 0.00%;size-adjust: 112.83%
}.__className_069ab3 {font-family: '__Montserrat_069ab3', '__Montserrat_Fallback_069ab3';font-style: normal
}.__variable_069ab3 {--font-montserrat: '__Montserrat_069ab3', '__Montserrat_Fallback_069ab3'
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/app/(v2)/components/Sidebar/styles.module.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
.styles_sidebarOffset__QpmId {
	margin-left: 92px;
	transition: margin-left 0.2s ease-in-out;
}

@media screen and (max-width: 767px) {
	.styles_sidebarOffset__QpmId {
		margin-left: 0;
	}
}

.styles_sidebar__3MbG_ {
	position: fixed;
	left: 0;
	top: 80px;
	/* Height of TopBar */
	height: calc(100vh - 80px);
	width: 92px;
	background-color: white;
	transition: width 0.2s ease-in-out;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 150; 
	/* border-right: 1px solid #e6e8ec; */
}

@media screen and (max-width: 767px) {
	.styles_sidebar__3MbG_:not([data-slot="sheet-content"] .sidebar) {
		display: none;
	}
}

.styles_sidebar__3MbG_:hover {
	width: 240px;
	box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
	/* box-shadow: 8px 0 8px 0 rgba(82, 82, 82, 0.15); */
}

.styles_navigation__w3Zo_ {
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: center;
	justify-content: flex-start;
	padding: 20px;
	height: 100%;
	width: 100%;
	box-sizing: border-box;
}

.styles_sidebar__3MbG_:hover .styles_navigation__w3Zo_ {
	align-items: stretch;
}

.styles_menuSection__JknHO {
	display: flex;
	flex-direction: column;
	gap: 12px;
	align-items: center;
	width: 100%;
	box-sizing: border-box;
}

.styles_sidebar__3MbG_:hover .styles_menuSection__JknHO {
	align-items: flex-start;
}

.styles_navItem__CXywo {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: center;
	justify-content: center;
	padding: 12px;
	border-radius: 8px;
	width: 52px;
	height: 52px;
	background-color: #ffffff;
	transition: all 0.2s ease-in-out, transform 0.1s ease-in-out;
	cursor: pointer;
	flex-shrink: 0;
	text-decoration: none;
	color: inherit;
}

.styles_navItem__CXywo:active {
	transform: scale(0.95);
}

.styles_sidebar__3MbG_:hover .styles_navItem__CXywo {
	width: 100%;
	padding: 12px 16px;
	align-items: flex-start;
	height: auto;
	min-height: 60px;
}

.styles_navItem__CXywo:hover {
	background-color: #f5f5f5;
	text-decoration: none;
}

.styles_navItem__CXywo:hover .styles_linkTitle__gxI1_,
.styles_navItem__CXywo:hover .styles_linkSubtitle__1KXH1 {
	text-decoration: none;
}

.styles_navItem__CXywo.styles_active__3W8C_ {
	background-color: #00a26b;
	text-decoration: none;
}

.styles_navItem__CXywo.styles_active__3W8C_ .styles_linkTitle__gxI1_,
.styles_navItem__CXywo.styles_active__3W8C_ .styles_linkSubtitle__1KXH1 {
	text-decoration: none;
}

.styles_menuLink__mGcDI {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0px;
}

.styles_sidebar__3MbG_:hover .styles_menuLink__mGcDI {
	gap: 8px;
	justify-content: flex-start;
}

.styles_icon__7EJ2U {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	color: #525252;
}

.styles_navItem__CXywo.styles_active__3W8C_ .styles_icon__7EJ2U {
	color: #ffffff;
}

/* Only apply stroke to outline icons (icons that already have stroke) */
.styles_navItem__CXywo.styles_active__3W8C_ .styles_icon__7EJ2U path[stroke] {
	stroke: #ffffff;
}

/* Fill icons that should be filled (not outline icons) */
.styles_navItem__CXywo.styles_active__3W8C_ .styles_icon__7EJ2U path:not([fill="none"]) {
	fill: #ffffff;
}

/* Explicitly ensure outline icons remain as outlines */
.styles_navItem__CXywo.styles_active__3W8C_ .styles_icon__7EJ2U path[fill="none"] {
	fill: none;
}

.styles_linkInfo__v3YiN {
	display: flex;
	flex-direction: column;
	gap: 4px;
	justify-content: center;
	opacity: 0;
	width: 0;
	overflow: hidden;
	transition: opacity 0.2s ease-in-out, width 0.2s ease-in-out;
	white-space: nowrap;
}

.styles_sidebar__3MbG_:hover .styles_linkInfo__v3YiN {
	opacity: 1;
	width: auto;
}

.styles_linkTitle__gxI1_ {
	font-weight: 500;
	font-size: 14px;
	line-height: 1.2;
	margin: 0;
	color: #1d1d1d;
}

.styles_navItem__CXywo.styles_active__3W8C_ .styles_linkTitle__gxI1_ {
	color: #ffffff;
}

.styles_linkSubtitle__1KXH1 {
	font-weight: 500;
	font-size: 10px;
	line-height: 1.5;
	margin: 0;
	color: #525252;
}

.styles_navItem__CXywo.styles_active__3W8C_ .styles_linkSubtitle__1KXH1 {
	color: #ffffff;
}

.styles_divider__y8Iu6 {
	background-color: #e6e8ec;
	height: 1px;
	width: 100%;
	flex-shrink: 0;
	margin-bottom: 20px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/components/Sheet/styles.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.styles_sheet-overlay__aEorh {
  position: fixed;
  z-index: 999;
  animation-duration: 0.3s;
  animation-timing-function: ease-out;
  background-color: rgba(0, 0, 0, 0.5);
  inset: 0;

  /* State */
  &[data-state="open"] {
    animation-name: styles_fade-in__OrI_N;
  }

  &[data-state="closed"] {
    animation-name: styles_fade-out__2Y9XK;
  }
}

.styles_sheet-content__2_NKf {
  display: flex;
  position: fixed;
  z-index: 999;
  flex-direction: column;
  transition: all 0.3s ease-in-out;
  background-color: white;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  gap: 1.5rem;
  padding: 1.5rem 1.5rem 0rem 1.5rem;
  padding-bottom: 0;
  overflow-y: auto;
  box-sizing: border-box;

  /* State */
  &[data-state="open"] {
    animation-duration: 0.2s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
  }

  &[data-state="closed"] {
    animation-duration: 0.2s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in;
  }

  /* Side */
  &[data-side="left"],
  &[data-side="right"] {
    height: 100vh;
    top: 0;
    bottom: 0;
  }

  /* Size variants for left/right sheets */
  &[data-side="left"][data-size="sm"],
  &[data-side="right"][data-size="sm"] {
    width: 25%;
    /* 1/4 */
    max-width: 20rem;
  }

  &[data-side="left"][data-size="md"],
  &[data-side="right"][data-size="md"] {
    width: 33.333%;
    /* 1/3 */
    max-width: 24rem;
  }

  &[data-side="left"][data-size="lg"],
  &[data-side="right"][data-size="lg"] {
    width: 50%;
    /* 1/2 */
    max-width: 32rem;
  }

  &[data-side="left"][data-size="xl"],
  &[data-side="right"][data-size="xl"] {
    width: 66.666%;
    /* 2/3 */
    max-width: 40rem;
  }

  &[data-side="left"][data-size="full"],
  &[data-side="right"][data-size="full"] {
    width: 100%;
    max-width: 100%;
  }

  /* Default size (if not specified) - matches md */
  &[data-side="left"]:not([data-size]),
  &[data-side="right"]:not([data-size]) {
    width: 33.333%;
    /* 1/3 - default */
    max-width: 24rem;
  }

  &[data-side="top"],
  &[data-side="bottom"] {
    height: auto;
    left: 0;
    right: 0;
  }

  &[data-side="right"] {
    right: 0;
    /* border-left: 1px solid lightgrey; */
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.20);

    &[data-state="open"] {
      animation-name: styles_slide-in-from-right__8B_F3;
    }

    &[data-state="closed"] {
      animation-name: styles_slide-out-to-right__QGAWv;
    }
  }

  &[data-side="left"] {
    left: 0;
    /* border-right: 1px solid lightgrey; */

    &[data-state="open"] {
      animation-name: styles_slide-in-from-left__ZA_fe;
    }

    &[data-state="closed"] {
      animation-name: styles_slide-out-to-left__Cy7Fy;
    }
  }

  &[data-side="top"] {
    top: 0;
    border-bottom: 1px solid lightgrey;

    &[data-state="open"] {
      animation-name: styles_slide-in-from-top__PlLY7;
    }

    &[data-state="closed"] {
      animation-name: styles_slide-out-to-top__U9fsq;
    }
  }

  &[data-side="bottom"] {
    bottom: 0;
    border-top: 1px solid lightgrey;

    &[data-state="open"] {
      animation-name: styles_slide-in-from-bottom__BGbYA;
    }

    &[data-state="closed"] {
      animation-name: styles_slide-out-to-bottom__2u8NS;
    }
  }

  .styles_sheet-close__DBARm {
    position: absolute;
    transition: opacity 0.3s ease-in-out;
    border: none;
    border-radius: 0.25rem;
    outline: none;
    opacity: 0.7;
    background-color: transparent;
    color: inherit;
    top: 1rem;
    right: 1rem;
    cursor: pointer;
    padding: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;

    /* Icon */
    &>svg {
      width: 1rem;
      height: 1rem;
    }

    /* State */
    &[data-state="open"] {
      background-color: transparent;
    }

    /* Hover */
    &:hover {
      opacity: 1;
      background-color: rgba(0, 0, 0, 0.05);
    }

    /* Focus */
    &:focus {
      box-shadow: 0 0 0 2px rgba(0, 162, 107, 0.5);
      outline: none;
    }

    /* Disabled */
    &:disabled {
      pointer-events: none;
    }
  }

  .styles_sheet-header__3_D7D {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0;
    margin-bottom: 1rem;
  }

  .styles_sheet-footer__xACeS {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 1.25rem;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    background: white;
    margin-top: auto;
    padding-block: 10px;
    border-top: 1px solid #e5e7eb;
  }

  .styles_sheet-title___MEKf {
    color: var(--black);
    font-weight: var(--semi-bold);
    font-size: 1.25rem;
    margin: 0;
  }

  .styles_sheet-description__VKK4D {
    color: #666;
    font-size: 0.875rem;
    line-height: 1.5;
    margin: 0;
  }
}

@media (min-width: 640px) {
  /* Size-specific max-widths are already defined above */
}

/* Fade animations */
@keyframes styles_fade-in__OrI_N {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes styles_fade-out__2Y9XK {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

/* Right */
@keyframes styles_slide-in-from-right__8B_F3 {
  from {
    transform: translateX(100%);
  }

  to {
    transform: translateX(0);
  }
}

@keyframes styles_slide-out-to-right__QGAWv {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(100%);
  }
}

/* Left */
@keyframes styles_slide-in-from-left__ZA_fe {
  from {
    transform: translateX(-100%);
  }

  to {
    transform: translateX(0);
  }
}

@keyframes styles_slide-out-to-left__Cy7Fy {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

/* Top */
@keyframes styles_slide-in-from-top__PlLY7 {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes styles_slide-out-to-top__U9fsq {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(-100%);
  }
}

/* Bottom */
@keyframes styles_slide-in-from-bottom__BGbYA {
  from {
    transform: translateY(100%);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes styles_slide-out-to-bottom__2u8NS {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(100%);
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/app/(v2)/components/Sidebar/SidebarMobile.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************/
.SidebarMobile_sidebar__KX0l0 {
	width: 100%;
	height: 100%;
	background-color: white;
	overflow-y: auto;
}

.SidebarMobile_navigation__XCHz7 {
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: stretch;
	justify-content: flex-start;
	padding: 20px;
	height: 100%;
	width: 100%;
	box-sizing: border-box;
}

.SidebarMobile_menuSection__SLU5B {
	display: flex;
	flex-direction: column;
	gap: 12px;
	align-items: flex-start;
	width: 100%;
	box-sizing: border-box;
}

.SidebarMobile_navItem__1TUAb {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: flex-start;
	justify-content: center;
	padding: 12px 16px;
	border-radius: 8px;
	width: 100%;
	height: auto;
	min-height: 60px;
	background-color: #ffffff;
	transition: background-color 0.2s ease-in-out, transform 0.1s ease-in-out;
	cursor: pointer;
	flex-shrink: 0;
	text-decoration: none;
	color: inherit;
}

.SidebarMobile_navItem__1TUAb:active {
	transform: scale(0.97);
}

.SidebarMobile_navItem__1TUAb:hover {
	background-color: #f5f5f5;
}

.SidebarMobile_navItem__1TUAb.SidebarMobile_active__gCnv6 {
	background-color: #00a26b;
	text-decoration: none;
}

.SidebarMobile_navItem__1TUAb:hover {
	text-decoration: none;
}

.SidebarMobile_navItem__1TUAb.SidebarMobile_active__gCnv6 .SidebarMobile_linkTitle__vz28d,
.SidebarMobile_navItem__1TUAb.SidebarMobile_active__gCnv6 .SidebarMobile_linkSubtitle__PvHKA,
.SidebarMobile_navItem__1TUAb:hover .SidebarMobile_linkTitle__vz28d,
.SidebarMobile_navItem__1TUAb:hover .SidebarMobile_linkSubtitle__PvHKA {
	text-decoration: none;
}

.SidebarMobile_menuLink__svbft {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
	width: 100%;
}

.SidebarMobile_icon__aGGjo {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	color: #525252;
}

.SidebarMobile_linkInfo__ZIS5_ {
	display: flex;
	flex-direction: column;
	gap: 4px;
	justify-content: center;
	white-space: nowrap;
}

.SidebarMobile_linkTitle__vz28d {
	font-weight: 500;
	font-size: 14px;
	line-height: 1.2;
	margin: 0;
	color: #1d1d1d;
}

.SidebarMobile_navItem__1TUAb.SidebarMobile_active__gCnv6 .SidebarMobile_linkTitle__vz28d {
	color: #ffffff;
}

.SidebarMobile_linkSubtitle__PvHKA {
	font-weight: 500;
	font-size: 10px;
	line-height: 1.5;
	margin: 0;
	color: #525252;
}

.SidebarMobile_navItem__1TUAb.SidebarMobile_active__gCnv6 .SidebarMobile_linkSubtitle__PvHKA {
	color: #ffffff;
}

.SidebarMobile_navItem__1TUAb.SidebarMobile_active__gCnv6 .SidebarMobile_icon__aGGjo {
	color: #ffffff;
}

/* Only apply stroke to outline icons (icons that already have stroke) */
.SidebarMobile_navItem__1TUAb.SidebarMobile_active__gCnv6 .SidebarMobile_icon__aGGjo path[stroke] {
	stroke: #ffffff;
}

/* Fill icons that should be filled (not outline icons) */
.SidebarMobile_navItem__1TUAb.SidebarMobile_active__gCnv6 .SidebarMobile_icon__aGGjo path:not([fill="none"]) {
	fill: #ffffff;
}

/* Explicitly ensure outline icons remain as outlines */
.SidebarMobile_navItem__1TUAb.SidebarMobile_active__gCnv6 .SidebarMobile_icon__aGGjo path[fill="none"] {
	fill: none;
}

.SidebarMobile_divider__2YDR2 {
	background-color: #e6e8ec;
	height: 1px;
	width: 100%;
	flex-shrink: 0;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/app/(v2)/components/TopBar/AccountDropdown/styles.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_container__shz6G {
	position: relative;
	flex-shrink: 0;
}

.styles_trigger__9n6bX {
	all: unset;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 0.75rem;
	padding: 0.5rem;
	border-radius: 0.5rem;
	cursor: pointer;
	transition: background-color 0.2s ease, gap 0.2s ease, padding 0.2s ease;
}

.styles_trigger__9n6bX:hover {
	background-color: #f5f5f5;
}

.styles_userIcon__lxlxz {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	background-color: var(--primary);
	color: white;
	font-size: 1.1rem;
	flex-shrink: 0;
	transition: width 0.2s ease, height 0.2s ease, font-size 0.2s ease;
}

.styles_userInfo__ILbCi {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.1rem;
	min-width: 0;
	transition: opacity 0.2s ease;
}

.styles_accountLabel__UXFWF {
	font-size: 0.875rem;
	font-weight: var(--semi-bold);
	color: #333;
	white-space: nowrap;
}

.styles_email__O3P8e {
	font-size: 0.75rem;
	color: #666;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 10rem;
}

.styles_chevron__bbVun {
	color: #666;
	font-size: 0.7rem;
	transition: transform 0.2s ease, opacity 0.2s ease;
	flex-shrink: 0;
}

.styles_chevron__bbVun.styles_open__qbTLP {
	transform: rotate(180deg);
}

.styles_dropdown__qSGQS {
	position: absolute;
	top: 100%;
	right: 0;
	margin-top: 0.5rem;
	background-color: white;
	border: 1px solid #ddd;
	border-radius: 0.5rem;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	z-index: 1000;
	min-width: 200px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	padding: 0.25rem 0;
}

.styles_dropdownItem__ZZp1_ {
	all: unset;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 0.75rem;
	padding: 0.75rem 1rem;
	font-family: inherit;
	font-size: 0.9rem;
	color: #333;
	cursor: pointer;
	transition: background-color 0.2s ease;
	width: 100%;
	box-sizing: border-box;
}

.styles_dropdownItem__ZZp1_:hover {
	background-color: #f5f5f5;
}

.styles_separator__rTO6J {
	height: 1px;
	background-color: #eee;
	margin: 0.25rem 1rem;
}

.styles_itemIcon__hL0kS {
	font-size: 0.9rem;
	color: #666;
	width: 1rem;
	flex-shrink: 0;
}

/* Container query: collapse to icon-only when nav container is narrow */
@container topbar (max-width: 1176px) {
	.styles_trigger__9n6bX {
		gap: 0;
		padding: 0;
	}

	.styles_userIcon__lxlxz {
		width: 32px;
		height: 32px;
		font-size: 16px;
	}

	.styles_userInfo__ILbCi,
	.styles_chevron__bbVun {
		display: none;
	}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/components/ui/Dialog/Dialog.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
.Dialog_dialog-overlay__6QFMt {
    position: fixed;
    z-index: 50;
    animation-duration: var(--transition-base);
    animation-timing-function: ease;
    background-color: rgba(0, 0, 0, 0.5);
    inset: 0;

    /* State */
    &[data-state="open"] {
        animation-name: Dialog_fadeIn__FOCEm;
    }

    &[data-state="closed"] {
        animation-name: Dialog_fadeOut__xMKeZ;
    }
}

@keyframes Dialog_fadeIn__FOCEm {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes Dialog_fadeOut__xMKeZ {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes Dialog_fadeZoomIn__EaK7N {
    from {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.95);
    }

    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

@keyframes Dialog_fadeZoomOut__ac9Dp {
    from {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }

    to {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.95);
    }
}

.Dialog_dialog-content__PKnwU {
    display: grid;
    position: fixed;
    z-index: 50;
    left: 50%;
    width: 100%;
    max-width: calc(100% - var(--space-8));
    padding: var(--space-6);
    transform: translate(-50%, -50%);
    transition: all var(--transition-base);
    animation-duration: var(--transition-base);
    animation-timing-function: ease;
    border: 1px solid var(--color-border-default);
    border-radius: var(--radius-lg);
    background-color: var(--color-bg-primary);
    box-shadow: var(--shadow-lg);
    inset-block-start: 50%;
    grid-gap: var(--space-4);
    gap: var(--space-4);

    /* State */
    &[data-state="open"] {
        animation-name: Dialog_fadeZoomIn__EaK7N;
    }

    &[data-state="closed"] {
        animation-name: Dialog_fadeZoomOut__ac9Dp;
    }

    .Dialog_dialog-close__YjchH {
        position: absolute;
        border: none;
        border-radius: var(--radius-sm);
        outline: none;
        opacity: 0.7;
        background-color: transparent;
        color: inherit;
        inset-inline-end: var(--space-4);
        inset-block-start: var(--space-4);
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        width: var(--space-6);
        height: var(--space-6);
        transition: opacity var(--transition-fast);

        /* State */
        &[data-state="open"] {
            background-color: var(--color-bg-muted);
            color: var(--color-text-muted);
        }

        /* Icon */
        &>svg {
            flex-shrink: 0;
            width: var(--space-4);
            height: var(--space-4);
            pointer-events: none;
        }

        /* Hover */
        &:hover {
            opacity: 1;
        }

        /* Focus */
        &:focus {
            box-shadow: 0 0 0 2px var(--color-ring);
        }

        /* Disabled */
        &:disabled {
            opacity: 0.7;
            pointer-events: none;
        }
    }

    .Dialog_dialog-header__G3ZQk {
        display: flex;
        flex-direction: column;
        text-align: center;
        gap: var(--space-2);
    }

    .Dialog_dialog-footer__vyK9C {
        display: flex;
        flex-direction: column-reverse;
        gap: var(--space-2);
    }

    .Dialog_dialog-title__V4_i3 {
        font-size: var(--text-lg);
        font-weight: var(--font-semibold);
        line-height: var(--leading-normal);
        color: var(--color-text-primary);
    }

    .Dialog_dialog-description__9Qcv0 {
        color: var(--color-text-muted);
        font-size: var(--text-sm);
        line-height: var(--leading-normal);
    }
}

@media (min-width: 640px) {
    .Dialog_dialog-content__PKnwU {
        max-width: 32rem;

        .Dialog_dialog-header__G3ZQk {
            text-align: start;
        }

        .Dialog_dialog-footer__vyK9C {
            flex-direction: row;
            justify-content: end;
        }
    }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/components/ui/Popover/Popover.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
.Popover_popoverContent__GTIqp {
  z-index: 50;
  width: 18rem;
  max-width: calc(100vw - 1rem);
  border-radius: 0.5rem;
  border: 1px solid #e5e7eb;
  background-color: #ffffff;
  padding: 1rem;
  color: #111827;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  outline: none;
  animation-duration: 150ms;
  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
}

.Popover_popoverContent__GTIqp[data-state="open"][data-side="top"] {
  animation-name: Popover_slide-in-from-bottom__urS9b;
}

.Popover_popoverContent__GTIqp[data-state="open"][data-side="bottom"] {
  animation-name: Popover_slide-in-from-top__oDrMP;
}

.Popover_popoverContent__GTIqp[data-state="open"][data-side="left"] {
  animation-name: Popover_slide-in-from-right__tVcWw;
}

.Popover_popoverContent__GTIqp[data-state="open"][data-side="right"] {
  animation-name: Popover_slide-in-from-left__sr28k;
}

.Popover_popoverContent__GTIqp[data-state="open"]:not([data-side]) {
  animation-name: Popover_popover-in__7RGsR;
}

.Popover_popoverContent__GTIqp[data-state="closed"] {
  animation-name: Popover_popover-out__KM7if;
}

@keyframes Popover_popover-in__7RGsR {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes Popover_popover-out__KM7if {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.95);
  }
}

@keyframes Popover_slide-in-from-top__oDrMP {
  from {
    transform: translateY(-0.5rem);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes Popover_slide-in-from-bottom__urS9b {
  from {
    transform: translateY(0.5rem);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes Popover_slide-in-from-left__sr28k {
  from {
    transform: translateX(-0.5rem);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes Popover_slide-in-from-right__tVcWw {
  from {
    transform: translateX(0.5rem);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}


/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/components/ui/Skeleton/Skeleton.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
.Skeleton_skeleton__wDV0B {
    animation: var(--animate-pulse);
    border-radius: var(--radius-xl);
    background-color: var(--color-accent);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/app/(v2)/components/TopBar/AppSearch/styles.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************/
/* Input wrapper - matches Figma text_field/container */
.styles_inputWrapper____q_U {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	background-color: var(--color-bg-primary, #fff);
	border: 1px solid var(--color-border-default, #e6e8ec);
	border-radius: var(--radius-md, 8px);
	height: 40px;
	padding: 0 var(--space-3, 12px);
	cursor: text;
	transition: border-color var(--transition-base), box-shadow var(--transition-base);
}

.styles_inputWrapper____q_U:focus-within {
	border-color: var(--color-border-accent, #00a26b);
	box-shadow: 0 0 0 1px var(--color-border-accent, #00a26b);
}

.styles_inputContent__UIS1T {
	display: flex;
	flex: 1 0;
	align-items: center;
	gap: 6px;
	min-width: 0;
}

.styles_searchIcon__n0PtA {
	flex-shrink: 0;
	width: 12px;
	height: 12px;
	color: var(--color-text-muted, #525252);
}

.styles_input__ow5qt {
	all: unset;
	flex: 1 1;
	min-width: 0;
	font-family: var(--font-sans);
	font-size: var(--text-sm, 12px);
	font-weight: var(--font-normal, 400);
	line-height: 1.2;
	color: var(--color-text-primary, #1d1d1d);
}

.styles_input__ow5qt::placeholder {
	color: var(--color-text-muted, #525252);
}

.styles_clearButton__8vbgu {
	all: unset;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	cursor: pointer;
	color: var(--color-text-muted, #525252);
	border-radius: var(--radius-sm, 4px);
	transition: color var(--transition-fast), background-color var(--transition-fast);
}

.styles_clearButton__8vbgu:hover {
	color: var(--color-text-primary, #1d1d1d);
	background-color: var(--color-bg-muted, #f3f3f3);
}

/* Dropdown - matches Figma Search Dropdown */
.styles_dropdown__hUzeV {
	padding: 0 !important;
	background-color: var(--color-bg-primary, #fff) !important;
	border-radius: 0 0 var(--radius-lg, 12px) var(--radius-lg, 12px) !important;
	border: 1px solid var(--color-border-default, #e6e8ec) !important;
	border-top: none !important;
	margin-top: -1px !important;
}

.styles_list__Ix0RU {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: var(--space-2, 8px);
	min-height: 160px;
	max-height: 320px;
	overflow-y: auto;
}

.styles_listPlaceholder__RXOCP {
	min-height: 160px;
}

.styles_skeletonOption__HOT09 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 32px;
	padding: 6px var(--space-2, 8px);
	gap: var(--space-2, 8px);
	border-radius: var(--radius-sm, 4px);
}

.styles_skeletonIcon__LpimM {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	border-radius: var(--radius-sm, 4px);
}

.styles_skeletonText__DhVHa {
	width: 60px;
	height: 14px;
	border-radius: var(--radius-sm, 4px);
}

.styles_skeletonSuffix__ZfV66 {
	width: 40px;
	height: 12px;
	border-radius: var(--radius-sm, 4px);
	flex-shrink: 0;
}

/* Option - matches Figma menu_item/icon */
.styles_option__6ePL8 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	min-height: 32px;
	padding: 6px var(--space-2, 8px);
	gap: var(--space-2, 8px);
	border-radius: var(--radius-sm, 4px);
	cursor: pointer;
	transition: background-color var(--transition-fast);
	text-decoration: none;
	color: inherit;
	box-sizing: border-box;
	align-self: stretch;
}

.styles_option__6ePL8:hover,
.styles_optionHighlighted__DjG9r {
	background-color: var(--color-bg-secondary, #f9fafb);
}

.styles_optionLeft__Lihc4 {
	display: flex;
	align-items: center;
	gap: 6px;
	min-width: 0;
}

.styles_optionIcon__295Iw {
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	color: var(--color-text-muted, #525252);
}

.styles_optionText__nT_87 {
	font-family: var(--font-sans);
	font-size: var(--text-sm, 12px);
	font-weight: var(--font-medium, 500);
	line-height: 1.5;
	color: var(--color-text-muted, #525252);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.styles_optionSuffix__Sexf0 {
	font-family: var(--font-sans);
	font-size: var(--text-xs, 10px);
	font-weight: var(--font-medium, 500);
	line-height: 1.5;
	color: var(--color-text-muted, #525252);
	white-space: nowrap;
	flex-shrink: 0;
}

.styles_loading__jLt30,
.styles_empty__6d75O,
.styles_error__dy05X {
	padding: var(--space-2, 8px);
	font-family: var(--font-sans);
	font-size: var(--text-sm, 12px);
	color: var(--color-text-muted, #525252);
}

.styles_error__dy05X {
	color: var(--color-text-error, #ef4444);
}

/* Desktop vs mobile: CSS media query controls visibility */
.styles_desktopSearch__nEBIa {
	display: block;
}

.styles_mobileSearch__XSflM {
	display: none;
}

@media (max-width: 767px) {
	.styles_desktopSearch__nEBIa {
		display: none;
	}

	.styles_mobileSearch__XSflM {
		display: block;
	}
}

/* Mobile: icon button that opens search dialog */
.styles_mobileTrigger__Edi6P {
	all: unset;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border: 1px solid var(--color-border-default, #e6e8ec);
	border-radius: var(--radius-md, 8px);
	cursor: pointer;
	color: var(--color-text-muted, #525252);
	font-size: 16px;
	flex-shrink: 0;
	transition: background-color var(--transition-fast), border-color var(--transition-fast);
}

.styles_mobileTrigger__Edi6P:hover {
	background-color: var(--color-bg-muted, #f3f3f3);
}

.styles_searchDialog__UQoyR {
	padding: var(--space-4);
	min-width: min(320px, calc(100vw - var(--space-8)));
}

.styles_dropdownInDialog__Rgwo4 {
	border-radius: var(--radius-md, 8px);
	overflow: hidden;
	background-color: var(--color-bg-primary, #fff);
	min-height: 160px;
}

.styles_dropdownInDialog__Rgwo4 .styles_list__Ix0RU {
	padding: 0;
}

/* Container query: collapse to icon-only when nav is narrow */
@container topbar (max-width: 946px) {
	.styles_inputWrapper____q_U {
		min-width: unset;
		max-width: unset;
		width: 32px;
		height: 32px;
		padding: 0;
		justify-content: center;
		flex: 0 0 auto;
	}

	.styles_input__ow5qt {
		display: none;
	}

	.styles_clearButton__8vbgu {
		display: none;
	}

	.styles_searchIcon__n0PtA {
		font-size: 16px;
	}
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/app/(v2)/components/TopBar/ServiceSelector/styles.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_container__hU5FA {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 0.25rem;
	border-radius: 12px;
	padding: 4px;
	background-color: #F9FAFB;
}

.styles_serviceButton__78TrJ {
	all: unset;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.6rem 1rem;
	border-radius: 0.5rem;
	font-family: inherit;
	font-size: 12px;
	font-weight: 500;
	cursor: pointer;
	background-color: #F3F3F3;
	color: #666;
	border: 1px solid transparent;
	transition: all 0.2s ease;
	white-space: nowrap;
}

.styles_serviceButton__78TrJ:hover {
	background-color: #E6E8EC;
	color: #333;
}

.styles_serviceButton__78TrJ.styles_active__MO_um {
	background-color: var(--primary);
	color: white;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* Label visibility - desktop shows full labels, mobile shows short labels */
.styles_labelDesktop__5HQM2 {
	display: inline;
}

.styles_labelMobile__mmim2 {
	display: none;
}

@media screen and (max-width: 767px) {
	.styles_container__hU5FA {
		width: 100%;
		padding: 0px;
		background-color: transparent;
		margin-bottom: 0;
	}

	.styles_serviceButton__78TrJ {
		flex: 1 1;
	}

	.styles_labelDesktop__5HQM2 {
		display: none;
	}

	.styles_labelMobile__mmim2 {
		display: inline;
	}
}


/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/app/(v2)/components/TopBar/styles.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
.styles_header__VQI32 {
	z-index: 200;
	position: fixed;
	top: 0;
	width: 100%;
	height: 80px;
	padding: 0.4rem 0;
	background-color: rgba(255, 255, 255, 0.85);
	-webkit-backdrop-filter: blur(14px);
	        backdrop-filter: blur(14px);
	padding-top: 12px;
	padding-bottom: 15px;
	padding-left: 20px;
	padding-right: 20px;
	border-bottom: 1px solid #DCDFE0;
	box-sizing: border-box;
	overflow: visible;
}

/* scroll shadow */
.styles_header__VQI32.styles_forceShadow__7V_Ks,
html:not([data-scroll="0"]) .styles_header__VQI32 {
	box-shadow: 0 -1rem 1.4rem #000;
}

.styles_pageYOffset__YWzkt {
	margin-top: calc(3.5rem + 0.8rem);
}

.styles_nav__wkwNB {
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	height: 3.5rem;
	width: 100%;
	min-width: 0;
	/* max-width: calc(96rem - 40px); */
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	/* Container query context for responsive collapse */
	container-type: inline-size;
	container-name: topbar;
}

.styles_left__pLOIt {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 1.5rem;
	flex: 1 1 auto;
	min-width: 0;
}

.styles_right__gZdAZ {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 1rem;
	flex: 0 0 auto;
	min-width: 0;
}

/* Responsive show/hide utilities */
.styles_desktopOnly__Kp68T {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 1.5rem;
}

.styles_mobileOnly__gSEZ1 {
	display: none;
	flex-direction: row;
	align-items: center;
	gap: 0.5rem;
}

.styles_logo__fWxKE {
	height: 2.875rem;
	width: 10rem;
	display: block;
	cursor: pointer;
	flex-shrink: 0;
}

.styles_logo__fWxKE:focus {
	outline: none;
}

.styles_logo__fWxKE:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 4px;
	border-radius: 4px;
}

.styles_logo__fWxKE>img {
	height: 100%;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
}

.styles_hamburgerButton__wIsx7 {
	all: unset;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border: 1px solid #DCDFE0;
	border-radius: 8px;
	cursor: pointer;
	color: #525252;
	font-size: 16px;
	flex-shrink: 0;
	transition: background-color 0.2s ease;
}

.styles_hamburgerButton__wIsx7:hover {
	background-color: #f5f5f5;
}

.styles_logoMobile__kC6Mx {
	height: 2.875rem;
	width: auto;
	display: block;
	cursor: pointer;
	margin-left: 10px;
}

.styles_logoMobile__kC6Mx:focus {
	outline: none;
}

.styles_logoMobile__kC6Mx:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 4px;
	border-radius: 4px;
}

.styles_logoMobile__kC6Mx>img {
	height: 100%;
}

.styles_mobileMenuSheet__4Kxhx {
	padding: 0 !important;
	overflow: hidden;
}

@media screen and (max-width: 767px) {
	.styles_header__VQI32 {
		padding-left: 12px;
		padding-right: 12px;
		padding-top: 4px;
		padding-bottom: 4px;
		height: 56px;
	}

	.styles_nav__wkwNB {
		gap: 0.5rem;
	}

	.styles_left__pLOIt {
		gap: 0.5rem;
	}

	.styles_right__gZdAZ {
		gap: 0.25rem;
	}

	.styles_desktopOnly__Kp68T {
		display: none;
	}

	.styles_mobileOnly__gSEZ1 {
		display: flex;
	}

	.styles_mobileMenuSheet__4Kxhx {
		top: 56px !important;
		height: calc(100vh - 56px) !important;
	}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/app/(v2)/layout.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
.layout_main__akxOZ {
	background-color: #F9FAFB;
	padding-inline: 20px;
	margin-left: 92px;
	transition: margin-left 0.2s ease-in-out;
}

@media screen and (max-width: 767px) {
	.layout_main__akxOZ {
		margin-left: 0;
		padding-inline: 12px;
	}
}

@media (min-width: 768px) {
	.layout_main__akxOZ {
		padding-top: 20px;
		padding-bottom: 20px;
	}
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/components/CookieNotice/styles.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
.styles_container__aGDW1 {
	position: fixed;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	padding: 0.7rem;
	border-radius: 0.5rem 0.5rem 0 0;
	color: white;
	background-color: var(--primary);
	box-sizing: border-box;
	width: -moz-fit-content;
	width: fit-content;
	text-wrap: nowrap;

	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 2rem;
}

.styles_container__aGDW1 > span {
	font-size: 0.7rem;

	& a {
		color: white;
	}
}

.styles_container__aGDW1 > button {
	all: unset;
	cursor: pointer;
	color: white;
	font-size: 0.9rem;
}

@media only screen and (max-width: 900px) {
	.styles_container__aGDW1 {
		width: 100%;
		transform: none;
		left: 0;
		border-radius: 0;
		text-wrap: wrap;
		justify-content: space-between;
		gap: 1rem;
	}

	.styles_container__aGDW1 > span {
		font-size: 0.8rem;
	}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/components/Drawer/styles.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.styles_drawer-overlay__fNthI {
  position: fixed;
  z-index: 100;
  animation-duration: 0.3s;
  animation-timing-function: ease-out;
  background-color: rgba(0, 0, 0, 0.5);
  inset: 0;

  /* State */
  &[data-state="open"] {
    animation-name: styles_fade-in__pi6hZ;
  }

  &[data-state="closed"] {
    animation-name: styles_fade-out__Vq6OI;
  }
}

.styles_drawer-content__W_KuE {
  display: flex;
  position: fixed;
  z-index: 100;
  flex-direction: column;
  height: auto;
  background-color: white;
  padding: 0;
  overflow: hidden;
  box-sizing: border-box;

  &>div:first-child {
    display: none;
    flex-shrink: 0;
    width: 120px;
    height: 0.3rem;
    margin-block: 1rem;
    margin-left: auto;
    margin-right: auto;
    border-radius: 9999px;
    background-color: #e5e7eb;
  }

  .styles_drawer-close__pGL5p {
    position: absolute;
    right: 1rem;
    top: .5rem;
    z-index: 10;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.7;
    transition: opacity 0.2s;
  }

  .styles_drawer-close__pGL5p:hover {
    opacity: 1;
  }

  .styles_drawer-close-icon__Y8XXX {
    font-size: 2rem;
    line-height: 1;
    color: var(--black);
  }

  .styles_drawer-scrollable__MLRy_ {
    flex: 1 1;
    overflow-y: auto;
    padding: 0rem 1.5rem;
    box-sizing: border-box;
  }

  .styles_drawer-header__QIcM6 {
    display: flex;
    gap: 0.5rem;
    flex-direction: column;
    padding: 1.5rem;
    padding-bottom: 1rem;
    flex-shrink: 0;
  }

  /* Direction */
  &[data-vaul-drawer-direction="top"] {
    max-height: 80vh;
    left: 0;
    right: 0;
    top: 0;
    margin-bottom: 1rem;
    border-bottom: 1px solid lightgrey;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;

    .styles_drawer-header__QIcM6 {
      text-align: center;
    }
  }

  &[data-vaul-drawer-direction="bottom"] {
    max-height: 80vh;
    left: 0;
    right: 0;
    bottom: 0;
    margin-top: 6rem;
    border-top: 1px solid lightgrey;
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;

    &>div:first-child {
      display: block;
    }

    .styles_drawer-header__QIcM6 {
      text-align: center;
    }
  }

  &[data-vaul-drawer-direction="right"] {
    width: 75%;
    max-width: 24rem;
    top: 0;
    bottom: 0;
    right: 0;
    border-left: 1px solid lightgrey;
  }

  &[data-vaul-drawer-direction="left"] {
    width: 75%;
    max-width: 24rem;
    top: 0;
    bottom: 0;
    left: 0;
    border-right: 1px solid lightgrey;
  }

  .styles_drawer-footer__00ZhS {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 1.25rem;
    margin-top: auto;
    margin-inline: -1.5rem;
    padding: 1rem 1rem 1rem 1rem;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    background: white;
  }

  .styles_drawer-title__UeV67 {
    color: var(--black);
    font-weight: var(--semi-bold);
    font-size: 1.25rem;
    margin: 0;
  }

  .styles_drawer-description__31Bny {
    color: #666;
    font-size: 0.875rem;
    line-height: 1.5;
    margin: 0;
  }
}

@media (min-width: 768px) {
  .styles_drawer-content__W_KuE {
    .styles_drawer-header__QIcM6 {
      text-align: left;
      gap: 0.75rem;
    }
  }
}

@media (min-width: 640px) {
  .styles_drawer-content__W_KuE {

    &[data-vaul-drawer-direction="right"],
    &[data-vaul-drawer-direction="left"] {
      max-width: 24rem;
    }
  }
}

/* Fade animations */
@keyframes styles_fade-in__pi6hZ {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes styles_fade-out__Vq6OI {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/components/ui/Button/Button.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
.Button_button__f_l0m {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 40px;
    padding: 10px 12px;
    border-radius: 8px;
    font-family: var(--font-montserrat), sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
    cursor: pointer;
    border: none;
    box-sizing: border-box;
    transition: color 150ms ease-out, box-shadow 150ms ease-out, transform 150ms ease-out, background-color var(--transition-base), border-color var(--transition-base);
    white-space: nowrap;
    outline: none;
}

.Button_button__f_l0m:active:not(:disabled) {
    transform: scale(0.97);
}

.Button_button__f_l0m:disabled {
    pointer-events: none;
}

.Button_button__f_l0m:focus-visible {
    border-color: var(--color-ring);
    box-shadow: 0 0 0 3px rgba(0, 162, 107, 0.5);
}

.Button_button__f_l0m[aria-invalid="true"] {
    border-color: var(--color-red-500);
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.2);
}

/* Default variant (Main/Green) */
.Button_button__f_l0m[data-variant="default"] {
    background-color: var(--color-green-500);
    color: var(--color-neutral-50);
}

.Button_button__f_l0m[data-variant="default"]:hover:not(:disabled) {
    background-color: var(--color-green-600);
}

.Button_button__f_l0m[data-variant="default"]:active:not(:disabled) {
    background-color: var(--color-green-700);
}

.Button_button__f_l0m[data-variant="default"]:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Secondary variant (Outline) */
.Button_button__f_l0m[data-variant="secondary"],
.Button_button__f_l0m[data-variant="outline"] {
    background-color: var(--color-neutral-50);
    border: 1px solid var(--color-green-500);
    color: var(--color-green-500);
}

.Button_button__f_l0m[data-variant="secondary"]:hover:not(:disabled),
.Button_button__f_l0m[data-variant="outline"]:hover:not(:disabled) {
    background-color: var(--color-green-50);
}

.Button_button__f_l0m[data-variant="secondary"]:active:not(:disabled),
.Button_button__f_l0m[data-variant="outline"]:active:not(:disabled) {
    background-color: var(--color-green-100);
    border-color: var(--color-green-600);
}

.Button_button__f_l0m[data-variant="secondary"]:disabled,
.Button_button__f_l0m[data-variant="outline"]:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    border-color: var(--color-neutral-400);
    color: var(--color-neutral-400);
}

/* Ghost variant (Transparent background) */
.Button_button__f_l0m[data-variant="ghost"] {
    background-color: transparent;
    color: var(--color-green-700);
}

.Button_button__f_l0m[data-variant="ghost"]:hover:not(:disabled) {
    color: var(--color-green-800);
    background-color: var(--color-green-50);
}

.Button_button__f_l0m[data-variant="ghost"]:active:not(:disabled) {
    background-color: var(--color-green-100);
    color: var(--color-green-900);
}

.Button_button__f_l0m[data-variant="ghost"]:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    color: var(--color-neutral-400);
}

/* Link variant (Text link style) */
.Button_button__f_l0m[data-variant="link"] {
    background-color: transparent;
    color: var(--color-green-500);
    height: auto;
    padding: 0;
    font-size: 12px;
    line-height: 1.5;
}

.Button_button__f_l0m[data-variant="link"]:hover:not(:disabled) {
    color: var(--color-green-800);
}

.Button_button__f_l0m[data-variant="link"]:active:not(:disabled) {
    color: var(--color-green-900);
}

.Button_button__f_l0m[data-variant="link"]:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    color: var(--color-neutral-400);
}

/* Link Secondary variant */
.Button_button__f_l0m[data-variant="linkSecondary"] {
    background-color: transparent;
    color: var(--color-neutral-700);
    height: auto;
    padding: 0;
    font-size: 12px;
    line-height: 1.5;
}

.Button_button__f_l0m[data-variant="linkSecondary"]:hover:not(:disabled) {
    color: var(--color-text-primary);
}

.Button_button__f_l0m[data-variant="linkSecondary"]:active:not(:disabled) {
    color: var(--color-neutral-800);
}

.Button_button__f_l0m[data-variant="linkSecondary"]:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    color: var(--color-neutral-400);
}

/* Size variants */
.Button_button__f_l0m[data-size="sm"] {
    height: 32px;
    padding: 6px 10px;
    font-size: 12px;
}

.Button_button__f_l0m[data-variant="link"][data-size="sm"],
.Button_button__f_l0m[data-variant="linkSecondary"][data-size="sm"] {
    height: auto;
    padding: 0;
}


/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/components/ui/AlertDialog/AlertDialog.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
.AlertDialog_alert-dialog-overlay__vBR_t {
    position: fixed;
    /* Above v2 TopBar (200), Sidebar (150), AppSearch (300), AccountDropdown (1000) */
    z-index: 1200;
    animation-duration: var(--transition-base);
    animation-timing-function: ease;
    background-color: rgba(0, 0, 0, 0.5);
    inset: 0;

    /* State */
    &[data-state="open"] {
        animation-name: AlertDialog_fadeIn__lQioi;
    }

    &[data-state="closed"] {
        animation-name: AlertDialog_fadeOut__NxCAe;
    }
}

@keyframes AlertDialog_fadeIn__lQioi {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes AlertDialog_fadeOut__NxCAe {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes AlertDialog_fadeZoomIn__ujGg0 {
    from {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.95);
    }

    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

@keyframes AlertDialog_fadeZoomOut__TR0RH {
    from {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }

    to {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.95);
    }
}

.AlertDialog_alert-dialog-content__Uxob9 {
    display: grid;
    position: fixed;
    z-index: 1201;
    left: 50%;
    width: 100%;
    max-width: calc(100% - var(--space-8));
    padding: var(--space-6);
    transform: translate(-50%, -50%);
    transition: all var(--transition-base);
    animation-duration: var(--transition-base);
    animation-timing-function: ease;
    border: 1px solid var(--color-border-default);
    border-radius: var(--radius-lg);
    background-color: var(--color-bg-primary);
    box-shadow: var(--shadow-lg);
    inset-block-start: 50%;
    grid-gap: var(--space-4);
    gap: var(--space-4);

    /* State */
    &[data-state="open"] {
        animation-name: AlertDialog_fadeZoomIn__ujGg0;
    }

    &[data-state="closed"] {
        animation-name: AlertDialog_fadeZoomOut__TR0RH;
    }

    .AlertDialog_alert-dialog-close__ONy07 {
        position: absolute;
        border: none;
        border-radius: var(--radius-sm);
        outline: none;
        opacity: 0.7;
        background-color: transparent;
        color: inherit;
        inset-inline-end: var(--space-4);
        inset-block-start: var(--space-4);
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        width: var(--space-6);
        height: var(--space-6);
        transition: opacity var(--transition-fast);

        /* State */
        &[data-state="open"] {
            background-color: var(--color-bg-muted);
            color: var(--color-text-muted);
        }

        /* Icon */
        &>svg {
            flex-shrink: 0;
            width: var(--space-4);
            height: var(--space-4);
            pointer-events: none;
        }

        /* Hover */
        &:hover {
            opacity: 1;
        }

        /* Focus */
        &:focus {
            box-shadow: 0 0 0 2px var(--color-ring);
        }

        /* Disabled */
        &:disabled {
            opacity: 0.7;
            pointer-events: none;
        }
    }
}

.AlertDialog_alert-dialog-header__2wJzP {
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: var(--space-2);
}

.AlertDialog_alert-dialog-footer__Nvkwv {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);

    &>button {
        width: 100%;
    }
}

.AlertDialog_alert-dialog-title__3OLst {
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    line-height: var(--leading-normal);
    color: var(--color-text-primary);
}

.AlertDialog_alert-dialog-description__dVabi {
    color: var(--color-text-muted);
    font-size: var(--text-sm);
    line-height: var(--leading-normal);
}

@media (min-width: 640px) {
    .AlertDialog_alert-dialog-content__Uxob9 {
        max-width: 32rem;
    }

    .AlertDialog_alert-dialog-header__2wJzP {
        text-align: start;
    }

    .AlertDialog_alert-dialog-footer__Nvkwv {
        flex-direction: row;
        justify-content: end;

        &>button {
            width: -moz-fit-content;
            width: fit-content;
        }
    }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/components/DialogsManager/ConfirmationDialog.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/
.ConfirmationDialog_drawerFooter__8_4Iv {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    width: 100%;
    margin-inline: 0 !important;
}

.ConfirmationDialog_drawerFooterButton__s8rBK {
    width: 100%;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/components/Login/styles.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.styles_container__Mo5y1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 4rem;
    gap: 2rem;
}

.styles_container__Mo5y1 .styles_header__YSWPH {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    text-align: center;
}

.styles_container__Mo5y1 .styles_header__YSWPH > * {
    margin: 0;
    width: -moz-fit-content;
    width: fit-content;
}

.styles_loginForm__aob3D {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 22rem;
    max-width: 100%;
}

.styles_loginForm__aob3D > .styles_submitButton__QhWPH {
    margin-top: 1.5rem;
    width: 100%;
}

.styles_loginIssue__Kwv1R {
    color: red;
    font-size: 1rem;
    margin: 0;
}

.styles_resetPasswordLink__gfUnL {
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1.1rem;
}

.styles_viewPasswordButton__hR6PC {
    all: unset;
    cursor: pointer;
    color: var(--primary);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/styles/tokens.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * SMG Design System Tokens
 * Based on Figma: SMG Strategic UI Redesign - Deliverables
 * 
 * This file contains design tokens (CSS custom properties) for:
 * - Colors (primitives and semantic)
 * - Typography
 * - Spacing
 * - Border radius
 * - Shadows
 */
:root {
  --accent: oklch(97% 0 0deg);
  /* ============================================
  * PRIMITIVE COLORS
  * ============================================ */
  --color-accent: var(--accent);
  /* Neutral Scale */
  --color-neutral-50: #ffffff;
  --color-neutral-100: #f9fafb;
  --color-neutral-200: #f3f3f3;
  --color-neutral-300: #e6e8ec;
  --color-neutral-400: #adadad;
  --color-neutral-500: #8a8a8a;
  --color-neutral-600: #737373;
  --color-neutral-700: #525252;
  --color-neutral-800: #1d1d1d;
  --color-neutral-900: #0a0a0a;
  /* Green Scale (Primary) */
  --color-green-50: #e6f6f0;
  --color-green-100: #b0e2d1;
  --color-green-200: #8ad4bb;
  --color-green-300: #54c19c;
  --color-green-400: #33b589;
  --color-green-500: #00a26b;
  --color-green-600: #009361;
  --color-green-700: #00734c;
  --color-green-800: #00593b;
  --color-green-900: #00442d;
  /* Red Scale (Error/Destructive) */
  --color-red-50: #fef2f2;
  --color-red-100: #fee2e2;
  --color-red-200: #fecaca;
  --color-red-300: #fca5a5;
  --color-red-400: #f87171;
  --color-red-500: #ef4444;
  --color-red-600: #dc2626;
  --color-red-700: #b91c1c;
  --color-red-800: #991b1b;
  --color-red-900: #7f1d1d;
  /* ============================================
  * SEMANTIC COLORS
  * ============================================ */
  /* Background */
  --color-bg-primary: var(--color-neutral-50);
  --color-bg-secondary: var(--color-neutral-100);
  --color-bg-tertiary: var(--color-neutral-300);
  --color-bg-muted: var(--color-neutral-200);
  --color-bg-accent: var(--color-green-500);
  --color-bg-accent-light: var(--color-green-50);
  --color-bg-accent-hover: var(--color-green-800);
  --color-bg-dark: var(--color-neutral-700);
  --color-bg-dark-hover: var(--color-neutral-800);
  /* Foreground / Text */
  --color-text-primary: var(--color-neutral-800);
  --color-text-secondary: var(--color-neutral-700);
  --color-text-muted: var(--color-neutral-600);
  --color-text-inverted: var(--color-neutral-50);
  --color-text-accent: var(--color-green-500);
  --color-text-accent-dark: var(--color-green-700);
  --color-text-accent-hover: var(--color-green-800);
  --color-text-error: var(--color-red-500);
  /* Border */
  --color-border-default: var(--color-neutral-300);
  --color-border-muted: var(--color-neutral-200);
  --color-border-accent: var(--color-green-500);
  --color-border-accent-hover: var(--color-green-800);
  --color-border-error: var(--color-red-500);
  --color-border-focus: var(--color-green-500);
  /* Ring (Focus) */
  --color-ring: var(--color-green-500);
  --color-ring-offset: var(--color-neutral-50);
  /* ============================================
  * TYPOGRAPHY
  * ============================================ */
  /* Font Families */
  --font-sans: var(--font-montserrat), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
  /* Font Sizes */
  --text-xs: 10px;
  --text-sm: 12px;
  --text-base: 14px;
  --text-md: 16px;
  --text-lg: 18px;
  --text-xl: 20px;
  --text-2xl: 24px;
  --text-3xl: 30px;
  --text-4xl: 36px;
  /* Font Weights */
  --font-normal: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;
  /* Line Heights */
  --leading-none: 1;
  --leading-tight: 1.2;
  --leading-snug: 1.375;
  --leading-normal: 1.5;
  --leading-relaxed: 1.625;
  /* ============================================
  * SPACING
  * ============================================ */
  --spacing: 0.25rem;
  --space-0: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  /* ============================================
  * BORDER RADIUS
  * ============================================ */
  --radius-none: 0px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 24px;
  --radius-full: 9999px;
  /* ============================================
  * SHADOWS
  * ============================================ */
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0 0 24px rgba(0, 0, 0, 0.2);
  /* ============================================
  * TRANSITIONS
  * ============================================ */
  --transition-fast: 150ms ease;
  --transition-base: 200ms ease;
  --transition-slow: 300ms ease;
  /* Select / form semantic (for Radix Select etc.) */
  --color-input: var(--color-border-default);
  --color-primary: var(--color-text-primary);
  --color-muted-foreground: var(--color-text-muted);
  --color-popover: var(--color-bg-primary);
  --color-popover-foreground: var(--color-text-primary);
  --color-destructive: var(--color-text-error);
  --shadow-xs: 0 1px 1px rgba(0, 0, 0, 0.05);
  --default-transition-duration: 200ms;
  --default-transition-timing-function: ease;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --text-sm--line-height: var(--leading-normal);
  --text-xs--line-height: var(--leading-normal);
  /* Animations */
  --animate-spin: spin 1s linear infinite;
  --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  --animate-bounce: bounce 1s infinite;
  --animate-alert-dialog-in: fade-in, zoom-in;
  --animate-alert-dialog-out: fade-out, zoom-out;
  --animate-slide-top: slide-top var(--default-transition-duration) var(--ease-out);
  --animate-slide-bottom: slide-bottom var(--default-transition-duration) var(--ease-out);
  --animate-slide-left: slide-left var(--default-transition-duration) var(--ease-out);
  --animate-slide-right: slide-right var(--default-transition-duration) var(--ease-out);
}

@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: translateY(0);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes zoom-in {
  from {
    scale: 0.95;
  }
  to {
    scale: 1;
  }
}
@keyframes zoom-out {
  from {
    scale: 1;
  }
  to {
    scale: 0.95;
  }
}
/* Select dropdown slide animations */
@keyframes slide-top {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slide-bottom {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slide-left {
  from {
    opacity: 0;
    transform: translateX(-4px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slide-right {
  from {
    opacity: 0;
    transform: translateX(4px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/styles/globals.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --primary: #00a26b;
  --black: #2b3235;
  --light-blue: #f4fbf8;
  --semi-bold: 600;
}

html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

html,
body {
  scroll-behavior: auto;
}

html {
  color: var(--black);
  height: 100%;
}

body {
  margin: 0;
  height: 100%;
  display: flex !important;
  flex-direction: column;
}

main {
  flex-grow: 1;
}

body.modal-open {
  overflow: hidden;
}

img {
  overflow-clip-margin: unset;
}

.main {
  margin-top: 2.5rem;
  margin-bottom: 6rem;
}

.container, .centered-container {
  box-sizing: border-box;
  max-width: 95%;
}

.centered, .centered-container {
  margin-left: auto;
  margin-right: auto;
}

.container.large, .centered-container {
  width: 80rem;
}

.container.medium, .medium.centered-container {
  width: 60rem;
}

.container.small, .small.centered-container {
  width: 45rem;
}

@media screen and (min-width: 1600px) {
  html {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 1600px) {
  html {
    font-size: 0.95rem;
  }
}
@media screen and (max-width: 1400px) {
  html {
    font-size: 0.925rem;
  }
}
@media screen and (max-width: 900px) {
  html {
    font-size: 0.9rem;
  }
}
@media screen and (max-width: 400px) {
  html {
    font-size: 0.85rem;
  }
}
.primary, .col-primary {
  color: var(--primary);
}

.semi-bold {
  font-weight: var(--semi-bold);
}

h1, h2, h3,
h4, h5, h6 {
  margin: 0;
  font-weight: var(--semi-bold);
  word-wrap: break-word;
}

h1 {
  font-size: 2.1em;
}

h2 {
  font-size: 1.8em;
}

h3 {
  font-size: 1.6em;
}

h4 {
  font-size: 1.35em;
}

h5 {
  font-size: 1.15em;
}

h6 {
  font-size: 1em;
}

p {
  margin: 0;
  font-size: 1.05em;
  word-wrap: break-word;
}

p.medium {
  font-size: 1.1em;
}

p.large, p.centered-container {
  font-size: 1.2em;
}

.centered-text {
  text-align: center;
}

iframe {
  border: none;
}

iframe.video {
  aspect-ratio: 16/9;
}

img.rounded,
iframe.rounded {
  border-radius: 0.5rem;
}

img.shadow {
  box-shadow: 0 0 2rem -1rem #949494;
}

.link, a {
  all: unset;
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--primary);
  font-weight: var(--semi-bold);
}

.link:is(:hover, :focus), a:is(:hover, :focus) {
  text-decoration: underline;
}

.link:focus:has(img), a:focus:has(img) {
  outline: 2px solid blue;
}

.button {
  all: unset;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-wrap: auto;
  text-align: center;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  font-weight: var(--semi-bold);
  color: var(--primary);
  border: 1px solid var(--primary);
  padding: 0.9rem 1rem;
  border-radius: 0.5rem;
  background: #fff;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  box-sizing: border-box;
  transition: transform, 0.15s ease-in-out;
}

.centered, .centered-container {
  margin-left: auto;
  margin-right: auto;
}

.button.col-primary,
.button.primary {
  color: white;
  border: none;
  background-color: var(--primary);
}

.button.red {
  color: red;
  border-color: red;
}

.button.red:disabled {
  background-color: white;
  color: #db9696;
  border-color: #db9696;
}

.button:not(:disabled):hover, .button:not(:disabled):focus {
  transform: scale(1.05);
  text-decoration: none;
}

.button:disabled {
  background-color: lightgrey;
  cursor: not-allowed;
}

.input, textarea {
  all: unset;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  border: 1px solid lightgrey;
  padding: 0.7rem 1rem;
  border-radius: 4rem;
  width: 100%;
  box-sizing: border-box;
  cursor: text;
}
.input.square, textarea.square {
  border-radius: 0.35rem;
  padding: 0.7rem;
}
.input.square > select, textarea.square > select {
  padding: 0.7rem;
  border-right: 0.7rem solid transparent;
}
.input:has(> select), textarea:has(> select) {
  padding: 0 !important;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.input > select, textarea > select {
  all: unset;
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 0.7rem 1rem;
  border-right: 1rem solid transparent;
}
.input > svg, textarea > svg {
  color: var(--primary);
}

.input:has(> input), textarea:has(> input) {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}

.input > input, textarea > input {
  all: unset;
  flex-grow: 1;
  width: 100%;
}

input[type=checkbox] {
  accent-color: var(--primary);
  cursor: pointer;
}

textarea {
  white-space: pre-wrap;
  border-radius: 0.5rem;
}

i.arrow {
  all: unset;
  border: solid var(--black);
  border-width: 0 0.14em 0.14em 0;
  display: inline-block;
  padding: 0.225em;
  width: 0;
  height: 0;
}

i.arrow.up {
  transform: translateY(25%) rotate(-135deg);
}

i.arrow.down {
  transform: translateY(-25%) rotate(45deg);
}

.form-success {
  color: green !important;
  font-size: 0.95em !important;
}

.form-issue {
  color: red !important;
  font-size: 0.95em !important;
}

.orange {
  color: #fab03d;
}

.red {
  color: red;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./src/styles/v2-overrides.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
/* V2 global overrides - applies to entire v2 layout including portals */

::selection {
	background-color: var(--primary);
	color: white;
}

::-moz-selection {
	background-color: var(--primary);
	color: white;
}

/* Base link reset styles - low specificity so components can override */
a,
a:hover,
a:active,
a:focus,
a:visited {
	text-decoration: none;
	cursor: pointer;
}

.sr-only {
	display: none;
}