
tbody tr:nth-of-type(odd) {
  background-color: #e7f5f8;
}
tbody tr:nth-of-type(odd) .table-action-button {
  background-color: #e7f5f8; /* Aplică aceeași culoare pentru butoane */
}
.fill-in.v-input {
  font-size: 14px;
}
thead.v-data-table-header.v-data-table-header-mobile {
  display: none !important;
}
.tableData {
  font-size: 13px;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.padded {
  /* padding: 10px */
}
.profileFields {
  align-self: center;
  padding: 10px;
}
.label {
  padding: 5px;
  font-size: 15px;
  word-break: normal;
  align-items: center;
  display: flex;
  padding-top: 2px;
}
.wordBreak {
  word-break: break-word !important;
}
.dialogText {
  font-size: 18px;
  word-break: normal;
}
.bold {
  font-weight: bold;
}
.largeInput {
  width: 500px;
  /* margin: 10px; */
}
.narrowInput {
  width: 200px;
  /* margin: 10px; */
}
.errorMessage {
  color: red;
}
.goodMessage {
  color: green;
}
.results {
  justify-content: center;
  margin-bottom: 50px;
}
.fullWidth {
  width: 100%;
}
.halfWidth {
  width: 50%;
}
.centerJustify {
  justify-content: center;
}
.navBarText {
  color: #fbecf3;
  font-size: 20px;
  font-weight: bold;
  font-stretch: ultra-expanded;
  align-items: center;
  display: flex;
}
.navBarName {
  color: #fbecf3;
  font-size: 20px;
  font-weight: bold;
  font-stretch: ultra-expanded;
  /* font-style: italic; */
}
.lightBackground {
  /* background-color: #FBECF3; */
  background-color: #fffdfe;
}
.headlineText {
  color: #17272a;
}
.fullHeight {
  height: 100%;
}
.mainButton {
  color: white !important;
  font-weight: bold !important;
  background-color: #0d9cb4 !important;
}
.mainButtonNo {
  color: white !important;
  /* font-weight: bold !important; */
  background-color: #d04a5e !important;
}
.mainButtonYes {
  color: white !important;
  /* font-weight: bold !important; */
  background-color: #99e050 !important;
}
.mainButtonRed {
  color: white !important;
  font-weight: bold !important;
  background-color: #e08794 !important;
}
.theme--light.v-card {
  background-color: rgb(255, 255, 255);
  color: rgba(0, 0, 0, 0.87);
}
.spaceDown {
  /* margin-bottom: 10px; */
  word-break: normal;
  overflow: auto;
  position: relative;
  line-height: 30px !important;
}
.confItem {
  background: #0d9cb4;
  color: white !important;
  font-weight: bold;
}
.flex {
  display: flex;
}
.forceLeft {
  padding-left: 0px !important;
}
.transferSummaryCard {
  padding: 15px;
}
.transferSummaryItem {
  padding-bottom: 10px;
  justify-content: center;
  display: flex;
}
.v-application .text-caption {
  font-size: 0.7rem !important;
  line-height: 0.75rem;
  font-family: "Rubik" !important;
}
.buttonRow {
  margin-bottom: 10px !important;
}
.marginedButton {
  margin-right: 10px;
  margin-bottom: 5px;
}
.layoutBody {
  margin-left: 10px;
}
.cardActions {
  justify-content: center;
}
.adminUsersTable.v-data-table--mobile .btnImpersonate {
  padding-right: 6px;
  white-space: normal;
}
.adminUsersTable.v-data-table--mobile .btnImpersonate .txtUserName {
  max-width: 260px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media only screen and (max-width: 399px) {
.adminUsersTable.v-data-table--mobile .btnImpersonate .txtUserName {
    max-width: 230px;
}
}
.adminUsersTable .topSection {
  padding-bottom: 16px;
}
.adminUsersTable.v-data-table--mobile .topSection {
  padding-bottom: 0px;
  flex-direction: column;
}
.adminUsersTable.v-data-table--mobile .topSection .searchWidth,
.adminUsersTable.v-data-table--mobile .topSection .filterWidth {
  width: 100%;
}
.adminUsersTable.v-data-table--mobile .topSection .paddedLeft {
  padding-left: 0;
}
.adminUsersTable.v-data-table--mobile.v-data-table
  > .v-data-table__wrapper
  > table
  > thead
  > tr
  > th,
.adminUsersTable.v-data-table--mobile.v-data-table
  > .v-data-table__wrapper
  > table
  > tbody
  > tr
  > td {
  padding: 0;
}
@media only screen and (max-width: 600px) {
.w-half,
  .w-third,
  .w-quarter,
  .w-75 {
    width: 100% !important;
}
.noDataButton {
    display: grid;
    font-size: 12px;
}
}
.w-third {
  width: 31%;
}
.w-quarter {
  width: 23%;
}
.w-half {
  width: 50%;
}
.w-75 {
  width: 73%;
}
/* width/height classes for all breakpoints*/
.w_unset {
  width: unset;
}
.w_auto {
  width: auto;
}
.w_0 {
  width: 0;
}
.w_25pr {
  width: 25%;
}
.w_50pr {
  width: 50%;
}
.w_75pr {
  width: 75%;
}
.w_33pr {
  width: 33.333333%;
}
.w_66pr {
  width: 66.666666%;
}
.w_20pr {
  width: 20%;
}
.w_40pr {
  width: 40%;
}
.w_60pr {
  width: 60%;
}
.w_80pr {
  width: 80%;
}
.w_10pr {
  width: 10%;
}
.w_90pr {
  width: 90%;
}
.w_full {
  width: 100%;
}
.w_screen {
  width: 100vw;
}
.min_w_full {
  min-width: 100%;
}
.max_w_full {
  max-width: 100%;
}
.h_auto {
  height: auto;
}
.h_0 {
  height: 0;
}
.h_full {
  height: 100%;
}
.h_screen {
  height: 100vh;
}
.min_h_full {
  min-height: 100%;
}
.min_h_screen {
  min-height: 100vh;
}
.max_h_full {
  max-height: 100%;
}
.max_h_screen {
  max-height: 100vh;
}
/* vuetify sm breakpoint */
/* (max-width: 960px) and  */
@media screen and (min-width: 601px) {
.w_sm_unset {
    width: unset;
}
.w_sm_auto {
    width: auto;
}
.w_sm_0 {
    width: 0;
}
.w_sm_25pr {
    width: 25%;
}
.w_sm_50pr {
    width: 50%;
}
.w_sm_75pr {
    width: 75%;
}
.w_sm_33pr {
    width: 33.333333%;
}
.w_sm_66pr {
    width: 66.666666%;
}
.w_sm_20pr {
    width: 20%;
}
.w_sm_40pr {
    width: 40%;
}
.w_sm_60pr {
    width: 60%;
}
.w_sm_80pr {
    width: 80%;
}
.w_sm_10pr {
    width: 10%;
}
.w_sm_90pr {
    width: 90%;
}
.w_sm_full {
    width: 100%;
}
.w_sm_screen {
    width: 100vw;
}
.min_w_sm_full {
    min-width: 100%;
}
.max_w_sm_full {
    max-width: 100%;
}
.h_sm_auto {
    height: auto;
}
.h_sm_0 {
    height: 0;
}
.h_sm_full {
    height: 100%;
}
.h_sm_screen {
    height: 100vh;
}
.min_h_sm_full {
    min-height: 100%;
}
.min_h_sm_screen {
    min-height: 100vh;
}
.max_h_sm_full {
    max-height: 100%;
}
.max_h_sm_screen {
    max-height: 100vh;
}
}
/* vuetify md breakpoint */
/* (max-width: 1264px) and  */
@media screen and (min-width: 961px) {
.w_md_unset {
    width: unset;
}
.w_md_auto {
    width: auto;
}
.w_md_0 {
    width: 0;
}
.w_md_25pr {
    width: 25%;
}
.w_md_50pr {
    width: 50%;
}
.w_md_75pr {
    width: 75%;
}
.w_md_33pr {
    width: 33.333333%;
}
.w_md_66pr {
    width: 66.666666%;
}
.w_md_20pr {
    width: 20%;
}
.w_md_40pr {
    width: 40%;
}
.w_md_60pr {
    width: 60%;
}
.w_md_80pr {
    width: 80%;
}
.w_md_10pr {
    width: 10%;
}
.w_md_90pr {
    width: 90%;
}
.w_md_full {
    width: 100%;
}
.w_md_screen {
    width: 100vw;
}
.min_w_md_full {
    min-width: 100%;
}
.max_w_md_full {
    max-width: 100%;
}
.h_md_auto {
    height: auto;
}
.h_md_0 {
    height: 0;
}
.h_md_full {
    height: 100%;
}
.h_md_screen {
    height: 100vh;
}
.min_h_md_full {
    min-height: 100%;
}
.min_h_md_screen {
    min-height: 100vh;
}
.max_h_md_full {
    max-height: 100%;
}
.max_h_md_screen {
    max-height: 100vh;
}
}
/* vuetify lg breakpoint */
/* (max-width: 1904px) and  */
@media screen and (min-width: 1265px) {
.w_lg_unset {
    width: unset;
}
.w_lg_auto {
    width: auto;
}
.w_lg_0 {
    width: 0;
}
.w_lg_25pr {
    width: 25%;
}
.w_lg_50pr {
    width: 50%;
}
.w_lg_75pr {
    width: 75%;
}
.w_lg_33pr {
    width: 33.333333%;
}
.w_lg_66pr {
    width: 66.666666%;
}
.w_lg_20pr {
    width: 20%;
}
.w_lg_40pr {
    width: 40%;
}
.w_lg_60pr {
    width: 60%;
}
.w_lg_80pr {
    width: 80%;
}
.w_lg_10pr {
    width: 10%;
}
.w_lg_90pr {
    width: 90%;
}
.w_lg_full {
    width: 100%;
}
.w_lg_screen {
    width: 100vw;
}
.min_w_lg_full {
    min-width: 100%;
}
.max_w_lg_full {
    max-width: 100%;
}
.h_lg_auto {
    height: auto;
}
.h_lg_0 {
    height: 0;
}
.h_lg_full {
    height: 100%;
}
.h_lg_screen {
    height: 100vh;
}
.min_h_lg_full {
    min-height: 100%;
}
.min_h_lg_screen {
    min-height: 100vh;
}
.max_h_lg_full {
    max-height: 100%;
}
.max_h_lg_screen {
    max-height: 100vh;
}
}
/* vuetify xl breakpoint */
@media screen and (min-width: 1905px) {
.w_xl_unset {
    width: unset;
}
.w_xl_auto {
    width: auto;
}
.w_xl_0 {
    width: 0;
}
.w_xl_25pr {
    width: 25%;
}
.w_xl_50pr {
    width: 50%;
}
.w_xl_75pr {
    width: 75%;
}
.w_xl_33pr {
    width: 33.333333%;
}
.w_xl_66pr {
    width: 66.666666%;
}
.w_xl_20pr {
    width: 20%;
}
.w_xl_40pr {
    width: 40%;
}
.w_xl_60pr {
    width: 60%;
}
.w_xl_80pr {
    width: 80%;
}
.w_xl_10pr {
    width: 10%;
}
.w_xl_90pr {
    width: 90%;
}
.w_xl_full {
    width: 100%;
}
.w_xl_screen {
    width: 100vw;
}
.min_w_xl_full {
    min-width: 100%;
}
.max_w_xl_full {
    max-width: 100%;
}
.h_xl_auto {
    height: auto;
}
.h_xl_0 {
    height: 0;
}
.h_xl_full {
    height: 100%;
}
.h_xl_screen {
    height: 100vh;
}
.min_h_xl_full {
    min-height: 100%;
}
.min_h_xl_screen {
    min-height: 100vh;
}
.max_h_xl_full {
    max-height: 100%;
}
.max_h_xl_screen {
    max-height: 100vh;
}
}

/*! tailwindcss v2.2.17 | MIT License | https://tailwindcss.com *//*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

/*
Document
========
*/

/**
Use a better box model (opinionated).
*/

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

/**
Use a more readable tab size (opinionated).
*/

html {
	-moz-tab-size: 4;
	-o-tab-size: 4;
	   tab-size: 4;
}

/**
1. Correct the line height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
*/

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/*
Sections
========
*/

/**
Remove the margin in all browsers.
*/

body {
	margin: 0;
}

/**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/

body {
	font-family:
		system-ui,
		-apple-system, /* Firefox supports this but not yet `system-ui` */
		'Segoe UI',
		Roboto,
		Helvetica,
		Arial,
		sans-serif,
		'Apple Color Emoji',
		'Segoe UI Emoji';
}

/*
Grouping content
================
*/

/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/

hr {
	height: 0; /* 1 */
	color: inherit; /* 2 */
}

/*
Text-level semantics
====================
*/

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

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

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

b,
strong {
	font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
	font-family:
		ui-monospace,
		SFMono-Regular,
		Consolas,
		'Liberation Mono',
		Menlo,
		monospace; /* 1 */
	font-size: 1em; /* 2 */
}

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

small {
	font-size: 80%;
}

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

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

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/*
Tabular data
============
*/

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

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

/*
Forms
=====
*/

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

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

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

button,
select { /* 1 */
	text-transform: none;
}

/**
Correct the inability to style clickable types in iOS and Safari.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
	-webkit-appearance: button;
}

/**
Remove the inner border and padding in Firefox.
*/

::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
Restore the focus styles unset by the previous rule.
*/

:-moz-focusring {
	outline: 1px dotted ButtonText;
}

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

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

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/

legend {
	padding: 0;
}

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

progress {
	vertical-align: baseline;
}

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

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

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

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

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

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

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

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

/*
Interactive
===========
*/

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

summary {
	display: list-item;
}/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */

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

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

button {
  background-color: transparent;
  background-image: none;
}

fieldset {
  margin: 0;
  padding: 0;
}

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

/**
 * Tailwind custom reset styles
 */

/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */

html {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
  line-height: 1.5; /* 2 */
}


/**
 * Inherit font-family and line-height from `html` so users can set them as
 * a class directly on the `html` element.
 */

body {
  font-family: inherit;
  line-height: inherit;
}

/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */

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

/*
 * Ensure horizontal rules are visible by default
 */

hr {
  border-top-width: 1px;
}

/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */

img {
  border-style: solid;
}

textarea {
  resize: vertical;
}

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

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

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

/**
 * Override legacy focus reset from Normalize with modern Firefox focus styles.
 *
 * This is actually an improvement over the new defaults in Firefox in our testing,
 * as it triggers the better focus styles even for links, which still use a dotted
 * outline in Firefox by default.
 */
 
:-moz-focusring {
	outline: auto;
}

table {
  border-collapse: collapse;
}

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

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

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

/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */

button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}

/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */

pre,
code,
kbd,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/**
 * 1. Make replaced elements `display: block` by default as that's
 *    the behavior you want almost all of the time. Inspired by
 *    CSS Remedy, with `svg` added as well.
 *
 *    https://github.com/mozdevs/cssremedy/issues/14
 * 
 * 2. Add `vertical-align: middle` to align replaced elements more
 *    sensibly by default when overriding `display` by adding a
 *    utility like `inline`.
 *
 *    This can trigger a poorly considered linting error in some
 *    tools but is included by design.
 * 
 *    https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210
 */

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

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

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

/**
 * Ensure the default browser behavior of the `hidden` attribute.
 */

[hidden] {
  display: none;
}
*{
    font-family: 'Rubik'!important;
    color: "#7A7A7A"!important
}
h1,h2,h3,h4{
    font-family: 'Rubik'!important;
    font-weight: 800;
    text-transform: uppercase;
}
/* .v-application .text-lg-subtitle-1 {
    font-family: 'Rubik'!important;
    font-weight: 800;
}
.v-application .text-caption, .v-application .text-overline {
    font-family: 'Rubik'!important;
} */
h1,h2{
    color: #98C9D8!important
}
.text-white{
    color: #fff;
}
.v-sheet.v-card{
    border-radius: 10px!important;
    /* margin-bottom: 30px; */
    /* padding: 15px; */
}
.v-data-footer{
    margin-top: 30px;
}
/* iOS 26 Style Toast Notifications - Final Version */

/* Override default toastr styles with !important to ensure they apply */
#toast-container {
  position: fixed !important;
  top: 20px !important;
  right: 20px !important;
  z-index: 9999 !important;
  pointer-events: none !important;
}

#toast-container > div {
  position: relative !important;
  pointer-events: auto !important;
  overflow: hidden !important;
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  width: 320px !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12), 
              0 2px 8px rgba(0, 0, 0, 0.08),
              inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: #1d1d1f !important;
  opacity: 1 !important;
  transform: translateX(0) scale(1) !important;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}

#toast-container > div:hover {
  transform: translateX(0) scale(1.02) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15), 
              0 4px 12px rgba(0, 0, 0, 0.1),
              inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
}

/* Toast content styling */
#toast-container .toast-message {
  padding: 16px 20px !important;
  margin: 0 !important;
  word-wrap: break-word !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

/* Toast icons */
#toast-container .toast-icon {
  width: 20px !important;
  height: 20px !important;
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

/* Success toast */
#toast-container > .toast-success {
  background: rgba(52, 199, 89, 0.95) !important;
  color: white !important;
  border: 1px solid rgba(52, 199, 89, 0.3) !important;
}

#toast-container > .toast-success .toast-icon {
  background: rgba(255, 255, 255, 0.2) !important;
}

#toast-container > .toast-success .toast-icon::before {
  content: "✓" !important;
}

/* Error toast */
#toast-container > .toast-error {
  background: rgba(255, 59, 48, 0.95) !important;
  color: white !important;
  border: 1px solid rgba(255, 59, 48, 0.3) !important;
}

#toast-container > .toast-error .toast-icon {
  background: rgba(255, 255, 255, 0.2) !important;
}

#toast-container > .toast-error .toast-icon::before {
  content: "✕" !important;
}

/* Info toast */
#toast-container > .toast-info {
  background: rgba(0, 122, 255, 0.95) !important;
  color: white !important;
  border: 1px solid rgba(0, 122, 255, 0.3) !important;
}

#toast-container > .toast-info .toast-icon {
  background: rgba(255, 255, 255, 0.2) !important;
}

#toast-container > .toast-info .toast-icon::before {
  content: "i" !important;
}

/* Warning toast */
#toast-container > .toast-warning {
  background: rgba(255, 149, 0, 0.95) !important;
  color: white !important;
  border: 1px solid rgba(255, 149, 0, 0.3) !important;
}

#toast-container > .toast-warning .toast-icon {
  background: rgba(255, 255, 255, 0.2) !important;
}

#toast-container > .toast-warning .toast-icon::before {
  content: "⚠" !important;
}

/* Progress bar styling */
#toast-container .toast-progress {
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  height: 3px !important;
  background: rgba(255, 255, 255, 0.3) !important;
  border-radius: 0 0 16px 16px !important;
  transition: width 0.1s linear !important;
}

#toast-container > .toast-success .toast-progress {
  background: rgba(255, 255, 255, 0.4) !important;
}

#toast-container > .toast-error .toast-progress {
  background: rgba(255, 255, 255, 0.4) !important;
}

#toast-container > .toast-info .toast-progress {
  background: rgba(255, 255, 255, 0.4) !important;
}

#toast-container > .toast-warning .toast-progress {
  background: rgba(255, 255, 255, 0.4) !important;
}

/* Close button */
#toast-container .toast-close-button {
  position: absolute !important;
  right: 12px !important;
  top: 12px !important;
  color: inherit !important;
  opacity: 0.7 !important;
  font-size: 18px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  transition: opacity 0.2s ease !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  width: 24px !important;
  height: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
}

#toast-container .toast-close-button:hover {
  opacity: 1 !important;
  background: rgba(255, 255, 255, 0.1) !important;
}

#toast-container .toast-close-button::before {
  content: "×" !important;
  font-size: 20px !important;
  line-height: 1 !important;
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
  #toast-container > div {
    background: rgba(28, 28, 30, 0.95) !important;
    color: #f2f2f7 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), 
                0 2px 8px rgba(0, 0, 0, 0.2),
                inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  }
  
  #toast-container > div:hover {
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4), 
                0 4px 12px rgba(0, 0, 0, 0.3),
                inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  }
}

/* Mobile responsiveness */
@media (max-width: 768px) {
  #toast-container {
    top: 10px !important;
    right: 10px !important;
    left: 10px !important;
  }
  
  #toast-container > div {
    width: 100% !important;
    max-width: 400px !important;
    margin: 0 0 8px 0 !important;
  }
  
  #toast-container .toast-message {
    padding: 14px 16px !important;
    font-size: 14px !important;
  }
}

/* Accessibility improvements */
@media (prefers-reduced-motion: reduce) {
  #toast-container > div {
    transition: opacity 0.2s ease !important;
    transform: none !important;
  }
  
  #toast-container > div:hover {
    transform: none !important;
  }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
  #toast-container > div {
    border: 2px solid currentColor !important;
    background: white !important;
    color: black !important;
  }
  
  #toast-container > .toast-success {
    background: #34c759 !important;
    color: white !important;
  }
  
  #toast-container > .toast-error {
    background: #ff3b30 !important;
    color: white !important;
  }
  
  #toast-container > .toast-info {
    background: #007aff !important;
    color: white !important;
  }
  
  #toast-container > .toast-warning {
    background: #ff9500 !important;
    color: white !important;
  }
}

















































































































































































/* iOS 26 Forgot Password Theme Styles */

/* Main container with full viewport */
.ios26-forgot-container[data-v-6cf85955] {
  min-height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

/* Animated background gradient */
.ios26-background-gradient[data-v-6cf85955] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    45deg,
    #007AFF 0%,
    #5856D6 25%,
    #AF52DE 50%,
    #FF2D92 75%,
    #FF3B30 100%
  );
  background-size: 400% 400%;
  animation: ios26-gradient-shift-data-v-6cf85955 8s ease infinite;
  opacity: 0.6;
}
@keyframes ios26-gradient-shift-data-v-6cf85955 {
0% { background-position: 0% 50%;
}
50% { background-position: 100% 50%;
}
100% { background-position: 0% 50%;
}
}

/* Main forgot password card with solid white background */
.ios26-forgot-card[data-v-6cf85955] {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 24px;
  padding: 40px;
  width: 100%;
  max-width: 400px;
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.15),
    0 2px 8px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 10;
  animation: ios26-card-enter-data-v-6cf85955 0.6s ease-out;
}
@keyframes ios26-card-enter-data-v-6cf85955 {
from {
    opacity: 0;
    transform: translateY(30px) scale(0.95);
}
to {
    opacity: 1;
    transform: translateY(0) scale(1);
}
}

/* Logo section */
.ios26-logo-section[data-v-6cf85955] {
  text-align: center;
  margin-bottom: 24px;
  animation: ios26-logo-float-data-v-6cf85955 3s ease-in-out infinite;
  display: flex;
  justify-content: center;
  align-items: center;
}
@keyframes ios26-logo-float-data-v-6cf85955 {
0%, 100% { transform: translateY(0px);
}
50% { transform: translateY(-5px);
}
}
.ios26-logo[data-v-6cf85955] {
  max-width: 120px;
  height: auto;
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1));
  display: block;
  margin: 0 auto;
}

/* Title section */
.ios26-title-section[data-v-6cf85955] {
  text-align: center;
  margin-bottom: 24px;
}
.ios26-title[data-v-6cf85955] {
  color: #333333;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 8px;
  letter-spacing: -0.5px;
}
.ios26-subtitle[data-v-6cf85955] {
  color: #666666;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

/* Divider */
.ios26-divider[data-v-6cf85955] {
  height: 1px;
  background: linear-gradient(90deg, 
    transparent 0%, 
    rgba(0, 0, 0, 0.2) 50%, 
    transparent 100%
  );
  margin: 24px 0;
}

/* Form styling */
.ios26-form[data-v-6cf85955] {
  width: 100%;
}
.ios26-input-group[data-v-6cf85955] {
  margin-bottom: 20px;
  position: relative;
  transition: all 0.3s ease;
}
.ios26-input-group.ios26-input-focused[data-v-6cf85955] {
  transform: translateY(-2px);
}

/* Input field styling */
.ios26-input[data-v-6cf85955] {
  width: 100%;
  padding: 16px 20px;
  background: #F8F9FA;
  border: 1px solid #E9ECEF;
  border-radius: 16px;
  color: #333333;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s ease;
  outline: none;
}
.ios26-input[data-v-6cf85955]::-moz-placeholder {
  color: #999999;
}
.ios26-input[data-v-6cf85955]::placeholder {
  color: #999999;
}
.ios26-input[data-v-6cf85955]:focus {
  background: #FFFFFF;
  border-color: #007AFF;
  box-shadow: 
    0 0 0 3px rgba(0, 122, 255, 0.2),
    0 4px 12px rgba(0, 0, 0, 0.1);
  transform: translateY(-1px);
}

/* Error messages */
.ios26-error-message[data-v-6cf85955] {
  color: #FF3B30;
  font-size: 12px;
  margin-top: 8px;
  padding-left: 4px;
  animation: ios26-error-shake-data-v-6cf85955 0.5s ease;
  font-weight: 500;
}
.ios26-error-message-global[data-v-6cf85955] {
  text-align: center;
  background: rgba(255, 59, 48, 0.1);
  border: 1px solid rgba(255, 59, 48, 0.3);
  border-radius: 12px;
  padding: 12px;
  margin-top: 16px;
  font-weight: 500;
}
@keyframes ios26-error-shake-data-v-6cf85955 {
0%, 100% { transform: translateX(0);
}
25% { transform: translateX(-5px);
}
75% { transform: translateX(5px);
}
}

/* Submit button */
.ios26-submit-button[data-v-6cf85955] {
  width: 100%;
  padding: 16px 24px;
  background: linear-gradient(135deg, #007AFF 0%, #0056CC 100%);
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 16px;
  color: white;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all 0.3s ease;
  box-shadow: 
    0 6px 20px rgba(0, 122, 255, 0.4),
    0 4px 12px rgba(0, 0, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
  position: relative;
  overflow: hidden;
  margin-bottom: 16px;
}
.ios26-submit-button[data-v-6cf85955]::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, 
    transparent, 
    rgba(255, 255, 255, 0.2), 
    transparent
  );
  transition: left 0.5s ease;
}
.ios26-submit-button[data-v-6cf85955]:hover {
  transform: translateY(-2px);
  box-shadow: 
    0 8px 25px rgba(0, 122, 255, 0.5),
    0 6px 15px rgba(0, 0, 0, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.3);
  border-color: rgba(255, 255, 255, 0.5);
}
.ios26-submit-button[data-v-6cf85955]:hover::before {
  left: 100%;
}
.ios26-submit-button[data-v-6cf85955]:active {
  transform: translateY(0);
  box-shadow: 
    0 2px 8px rgba(0, 122, 255, 0.3),
    0 1px 4px rgba(0, 0, 0, 0.1);
}
.ios26-button-text[data-v-6cf85955] {
  font-weight: 700;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  letter-spacing: 0.5px;
}
.ios26-button-icon[data-v-6cf85955] {
  width: 20px;
  height: 20px;
  transition: transform 0.3s ease;
}
.ios26-submit-button:hover .ios26-button-icon[data-v-6cf85955] {
  transform: translateX(2px);
}

/* Back to login */
.ios26-back-to-login[data-v-6cf85955] {
  text-align: center;
  margin-top: 24px;
}
.ios26-link[data-v-6cf85955] {
  text-decoration: none;
  transition: all 0.3s ease;
}
.ios26-link-text[data-v-6cf85955] {
  color: #007AFF;
  font-weight: 600;
  text-decoration: underline;
  transition: all 0.3s ease;
}
.ios26-link:hover .ios26-link-text[data-v-6cf85955] {
  color: #0056CC;
  text-shadow: 0 0 8px rgba(0, 122, 255, 0.3);
}

/* Responsive design */
@media (max-width: 768px) {
.ios26-forgot-card[data-v-6cf85955] {
    margin: 20px;
    padding: 32px 24px;
    max-width: none;
    width: calc(100% - 40px);
}
.ios26-logo[data-v-6cf85955] {
    max-width: 100px;
}
.ios26-title[data-v-6cf85955] {
    font-size: 20px;
}
.ios26-input[data-v-6cf85955] {
    padding: 14px 16px;
    font-size: 16px; /* Prevents zoom on iOS */
}
.ios26-submit-button[data-v-6cf85955] {
    padding: 14px 20px;
}
}
@media (max-width: 480px) {
.ios26-forgot-card[data-v-6cf85955] {
    margin: 16px;
    padding: 24px 20px;
    width: calc(100% - 32px);
}
.ios26-logo[data-v-6cf85955] {
    max-width: 80px;
}
.ios26-title[data-v-6cf85955] {
    font-size: 18px;
}
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
.ios26-background-gradient[data-v-6cf85955] {
    animation: none;
}
.ios26-logo-section[data-v-6cf85955] {
    animation: none;
}
.ios26-forgot-card[data-v-6cf85955] {
    animation: none;
}
.ios26-error-message[data-v-6cf85955] {
    animation: none;
}
*[data-v-6cf85955] {
    transition: none !important;
}
}

























































































































































































































/* iOS 26 Liquid Glass Theme Styles */

/* Main container with full viewport */
.ios26-login-container[data-v-1d9edc73] {
  min-height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

/* Animated background gradient */
.ios26-background-gradient[data-v-1d9edc73] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    45deg,
    #007AFF 0%,
    #5856D6 25%,
    #AF52DE 50%,
    #FF2D92 75%,
    #FF3B30 100%
  );
  background-size: 400% 400%;
  animation: ios26-gradient-shift-data-v-1d9edc73 8s ease infinite;
  opacity: 0.6;
}
@keyframes ios26-gradient-shift-data-v-1d9edc73 {
0% { background-position: 0% 50%;
}
50% { background-position: 100% 50%;
}
100% { background-position: 0% 50%;
}
}

/* Main login card with solid white background */
.ios26-login-card[data-v-1d9edc73] {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 24px;
  padding: 40px;
  width: 100%;
  max-width: 400px;
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.15),
    0 2px 8px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 10;
  animation: ios26-card-enter-data-v-1d9edc73 0.6s ease-out;
}
@keyframes ios26-card-enter-data-v-1d9edc73 {
from {
    opacity: 0;
    transform: translateY(30px) scale(0.95);
}
to {
    opacity: 1;
    transform: translateY(0) scale(1);
}
}

/* Logo section */
.ios26-logo-section[data-v-1d9edc73] {
  text-align: center;
  margin-bottom: 32px;
  animation: ios26-logo-float-data-v-1d9edc73 3s ease-in-out infinite;
  display: flex;
  justify-content: center;
  align-items: center;
}
@keyframes ios26-logo-float-data-v-1d9edc73 {
0%, 100% { transform: translateY(0px);
}
50% { transform: translateY(-5px);
}
}
.ios26-logo[data-v-1d9edc73] {
  max-width: 150px;
  height: auto;
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1));
  display: block;
  margin: 0 auto;
}

/* Registration prompt */
.ios26-register-prompt[data-v-1d9edc73] {
  text-align: center;
  margin-bottom: 24px;
}
.ios26-text-secondary[data-v-1d9edc73] {
  color: #666666;
  font-size: 14px;
  font-weight: 500;
}
.ios26-link[data-v-1d9edc73] {
  text-decoration: none;
  transition: all 0.3s ease;
}
.ios26-link-text[data-v-1d9edc73] {
  color: #007AFF;
  font-weight: 600;
  text-decoration: underline;
  transition: all 0.3s ease;
}
.ios26-link:hover .ios26-link-text[data-v-1d9edc73] {
  color: #0056CC;
  text-shadow: 0 0 8px rgba(0, 122, 255, 0.3);
}

/* Divider */
.ios26-divider[data-v-1d9edc73] {
  height: 1px;
  background: linear-gradient(90deg, 
    transparent 0%, 
    rgba(0, 0, 0, 0.2) 50%, 
    transparent 100%
  );
  margin: 24px 0;
}

/* Form styling */
.ios26-form[data-v-1d9edc73] {
  width: 100%;
}
.ios26-input-group[data-v-1d9edc73] {
  margin-bottom: 20px;
  position: relative;
  transition: all 0.3s ease;
}
.ios26-input-group.ios26-input-focused[data-v-1d9edc73] {
  transform: translateY(-2px);
}

/* Input field styling */
.ios26-input[data-v-1d9edc73] {
  width: 100%;
  padding: 16px 20px;
  background: #F8F9FA;
  border: 1px solid #E9ECEF;
  border-radius: 16px;
  color: #333333;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s ease;
  outline: none;
}
.ios26-input[data-v-1d9edc73]::-moz-placeholder {
  color: #999999;
}
.ios26-input[data-v-1d9edc73]::placeholder {
  color: #999999;
}
.ios26-input[data-v-1d9edc73]:focus {
  background: #FFFFFF;
  border-color: #007AFF;
  box-shadow: 
    0 0 0 3px rgba(0, 122, 255, 0.2),
    0 4px 12px rgba(0, 0, 0, 0.1);
  transform: translateY(-1px);
}

/* Error messages */
.ios26-error-message[data-v-1d9edc73] {
  color: #FF3B30;
  font-size: 12px;
  margin-top: 8px;
  padding-left: 4px;
  animation: ios26-error-shake-data-v-1d9edc73 0.5s ease;
  font-weight: 500;
}
.ios26-error-message-global[data-v-1d9edc73] {
  text-align: center;
  background: rgba(255, 59, 48, 0.2);
  border: 1px solid rgba(255, 59, 48, 0.4);
  border-radius: 12px;
  padding: 12px;
  margin-top: 16px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  font-weight: 500;
}
@keyframes ios26-error-shake-data-v-1d9edc73 {
0%, 100% { transform: translateX(0);
}
25% { transform: translateX(-5px);
}
75% { transform: translateX(5px);
}
}

/* Login button */
.ios26-login-button[data-v-1d9edc73] {
  width: 100%;
  padding: 16px 24px;
  background: linear-gradient(135deg, #007AFF 0%, #0056CC 100%);
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 16px;
  color: white;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all 0.3s ease;
  box-shadow: 
    0 6px 20px rgba(0, 122, 255, 0.4),
    0 4px 12px rgba(0, 0, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
  position: relative;
  overflow: hidden;
}
.ios26-login-button[data-v-1d9edc73]::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, 
    transparent, 
    rgba(255, 255, 255, 0.2), 
    transparent
  );
  transition: left 0.5s ease;
}
.ios26-login-button[data-v-1d9edc73]:hover {
  transform: translateY(-2px);
  box-shadow: 
    0 8px 25px rgba(0, 122, 255, 0.5),
    0 6px 15px rgba(0, 0, 0, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.3);
  border-color: rgba(255, 255, 255, 0.5);
}
.ios26-login-button[data-v-1d9edc73]:hover::before {
  left: 100%;
}
.ios26-login-button[data-v-1d9edc73]:active {
  transform: translateY(0);
  box-shadow: 
    0 2px 8px rgba(0, 122, 255, 0.3),
    0 1px 4px rgba(0, 0, 0, 0.1);
}
.ios26-button-text[data-v-1d9edc73] {
  font-weight: 700;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  letter-spacing: 0.5px;
}
.ios26-button-icon[data-v-1d9edc73] {
  width: 20px;
  height: 20px;
  transition: transform 0.3s ease;
}
.ios26-login-button:hover .ios26-button-icon[data-v-1d9edc73] {
  transform: translateX(2px);
}

/* Forgot password */
.ios26-forgot-password[data-v-1d9edc73] {
  text-align: center;
  margin-top: 24px;
}

/* Responsive design */
@media (max-width: 768px) {
.ios26-login-card[data-v-1d9edc73] {
    margin: 20px;
    padding: 32px 24px;
    max-width: none;
    width: calc(100% - 40px);
}
.ios26-logo[data-v-1d9edc73] {
    max-width: 120px;
}
.ios26-input[data-v-1d9edc73] {
    padding: 14px 16px;
    font-size: 16px; /* Prevents zoom on iOS */
}
.ios26-login-button[data-v-1d9edc73] {
    padding: 14px 20px;
}
}
@media (max-width: 480px) {
.ios26-login-card[data-v-1d9edc73] {
    margin: 16px;
    padding: 24px 20px;
    width: calc(100% - 32px);
}
.ios26-logo[data-v-1d9edc73] {
    max-width: 100px;
}
}


/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
.ios26-background-gradient[data-v-1d9edc73] {
    animation: none;
}
.ios26-logo-section[data-v-1d9edc73] {
    animation: none;
}
.ios26-login-card[data-v-1d9edc73] {
    animation: none;
}
.ios26-error-message[data-v-1d9edc73] {
    animation: none;
}
*[data-v-1d9edc73] {
    transition: none !important;
}
}


.extraFlex {
  align-items: center;
  color: inherit;
  display: flex;
  flex: 1 0 auto;
  justify-content: inherit;
  line-height: normal;
  position: relative;
  transition: inherit;
  transition-property: opacity;
}


.cupertino-nav[data-v-2ea41c0c] {
  position: relative;
  background: #f5f5f7;
  padding: 12px 0 20px;
}
.cupertino-nav > span[data-v-2ea41c0c] {
  display: block;
  padding: 0 32px 12px;
}
.cupertino-sidebar[data-v-2ea41c0c] {
  border-radius: 24px;
  background: rgba(28, 28, 33, 0.92) !important;
  color: #f5f5f7;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.3);
  backdrop-filter: blur(20px);
}
.cupertino-sidebar-mini[data-v-2ea41c0c] {
  border-radius: 24px 0 0 24px;
  background: transparent !important;
  border-right: 1px solid rgba(255, 255, 255, 0.12);
}
.cupertino-sidebar-links[data-v-2ea41c0c],
.cupertino-sidebar-groups[data-v-2ea41c0c] {
  padding: 18px 14px;
}
.cupertino-sidebar-item[data-v-2ea41c0c] {
  border-radius: 14px;
  margin: 3px 0;
  transition: background 0.2s ease, transform 0.2s ease;
}
.cupertino-sidebar-item[data-v-2ea41c0c]:hover {
  background: rgba(255, 255, 255, 0.08);
  transform: translateX(2px);
}
.cupertino-alert[data-v-2ea41c0c] {
  background: linear-gradient(120deg, #ffe5e7 0%, #fce7f3 100%) !important;
  color: #3c3c43 !important;
  border: none !important;
  padding: 0 32px;
}
.cupertino-alert-content[data-v-2ea41c0c] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 500;
}
.cupertino-alert-icon[data-v-2ea41c0c] {
  color: #d52b1e;
}
.cupertino-alert-link[data-v-2ea41c0c] {
  color: #0071e3;
  text-decoration: none;
  font-weight: 600;
}
.cupertino-alert-link[data-v-2ea41c0c]:hover {
  text-decoration: underline;
}
.cupertino-app-bar[data-v-2ea41c0c] {
  background: rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: blur(28px);
  border-radius: 24px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0 20px 40px rgba(15, 23, 42, 0.12);
  color: #1d1d1f !important;
  padding: 0 24px;
  min-height: 68px !important;
}
.cupertino-icon-btn[data-v-2ea41c0c] {
  background: rgba(60, 60, 67, 0.12) !important;
  color: #1d1d1f !important;
  border-radius: 14px !important;
  transition: background 0.2s ease;
}
.cupertino-icon-btn[data-v-2ea41c0c]:hover {
  background: rgba(60, 60, 67, 0.18) !important;
}
.cupertino-logo[data-v-2ea41c0c] {
  display: flex;
  align-items: center;
  padding: 6px 12px;
  border-radius: 14px;
  transition: background 0.2s ease;
}
.cupertino-logo[data-v-2ea41c0c]:hover {
  background: rgba(60, 60, 67, 0.08);
}
.cupertino-title-area[data-v-2ea41c0c] {
  display: flex;
  align-items: center;
  min-height: 52px;
}
.cupertino-toolbar-items[data-v-2ea41c0c] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.cupertino-chip[data-v-2ea41c0c] {
  border-radius: 999px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-weight: 600 !important;
  background: rgba(60, 60, 67, 0.1) !important;
  color: #1d1d1f !important;
  border: 1px solid rgba(60, 60, 67, 0.12) !important;
  padding: 0 20px !important;
  min-height: 38px !important;
  box-shadow: none !important;
  transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.cupertino-chip[data-v-2ea41c0c]:hover {
  background: rgba(60, 60, 67, 0.16) !important;
  transform: translateY(-1px);
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.12);
}
.cupertino-chip--accent[data-v-2ea41c0c] {
  background: linear-gradient(135deg, #0a84ff, #5ac8fa) !important;
  color: #ffffff !important;
  border-color: transparent !important;
  box-shadow: 0 22px 32px rgba(10, 132, 255, 0.28) !important;
}
.cupertino-chip--accent[data-v-2ea41c0c]:hover {
  box-shadow: 0 28px 40px rgba(10, 132, 255, 0.32) !important;
}
.cupertino-link[data-v-2ea41c0c] {
  border-radius: 999px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-weight: 500 !important;
  background: transparent !important;
  color: #1d1d1f !important;
  transition: background 0.2s ease, color 0.2s ease;
  padding: 0 16px !important;
  min-height: 36px !important;
}
.cupertino-link[data-v-2ea41c0c]:hover {
  background: rgba(60, 60, 67, 0.12) !important;
}
.cupertino-dropdown[data-v-2ea41c0c] {
  background: rgba(255, 255, 255, 0.97);
  border-radius: 18px;
  padding: 6px;
  box-shadow: 0 20px 45px rgba(15, 23, 42, 0.14);
}
.cupertino-dropdown-item[data-v-2ea41c0c] {
  border-radius: 12px;
}
.cupertino-dropdown-link[data-v-2ea41c0c] {
  border-radius: 999px !important;
  text-transform: none !important;
  color: #1d1d1f !important;
  justify-content: flex-start;
  padding-left: 14px !important;
  min-height: 34px !important;
}
.cupertino-dropdown-link[data-v-2ea41c0c]:hover {
  background: rgba(60, 60, 67, 0.12) !important;
}
.cupertino-link-icon[data-v-2ea41c0c],
.cupertino-dropdown-icon[data-v-2ea41c0c] {
  color: rgba(60, 60, 67, 0.72) !important;
  margin-right: 6px;
  font-size: 18px !important;
}
.cupertino-sidebar-item .v-icon[data-v-2ea41c0c] {
  color: #f5f5f7 !important;
}
.cupertino-sidebar-item .v-list-item__title[data-v-2ea41c0c] {
  color: #f5f5f7;
  font-weight: 500;
}
[data-v-2ea41c0c](.cupertino-chip .v-btn__content) {
  font-size: 15px;
  font-weight: 600;
}
[data-v-2ea41c0c](.cupertino-chip .v-icon) {
  margin-right: 6px;
  color: #0a84ff !important;
}
[data-v-2ea41c0c](.cupertino-chip--accent .v-icon) {
  color: #ffffff !important;
}
[data-v-2ea41c0c](.cupertino-link .v-btn__content),[data-v-2ea41c0c](.cupertino-dropdown-link .v-btn__content) {
  font-size: 15px;
  font-weight: 500;
}
[data-v-2ea41c0c](.cupertino-link.v-btn--active) {
  background: #1d1d1f !important;
  color: #f5f5f7 !important;
}
[data-v-2ea41c0c](.cupertino-link.v-btn--active .v-icon) {
  color: #f5f5f7 !important;
}
.min-w200[data-v-2ea41c0c] {
  min-width: 200px;
  display: block
}
.fullHeight[data-v-2ea41c0c] {
  height: 100% !important
}
.barWithNotification[data-v-2ea41c0c] {
  margin-top: 32px !important
}
.v-application .text-caption[data-v-2ea41c0c] {
  /* font-size: .70rem!important; */
  line-height: .75rem;
  font-family: 'Rubik' !important;
}
.warningText[data-v-2ea41c0c] {
  font-size: 19px !important
}
@media only screen and (max-width: 600px) {
.warningText[data-v-2ea41c0c] {
    font-size: 12px !important
}
}
@media (max-width: 960px) {
.cupertino-toolbar-items[data-v-2ea41c0c] {
    gap: 6px;
}
}
@media (max-width: 600px) {
.cupertino-app-bar[data-v-2ea41c0c] {
    border-radius: 18px 18px 0 0;
}
.cupertino-nav > span[data-v-2ea41c0c] {
    padding: 0 16px 12px;
}
}


.header-shell[data-v-0b72b27a] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  padding: 0 8px 12px;
  border-bottom: 1px solid rgba(60, 60, 67, 0.12);
  margin-bottom: 24px;
}
.header-text[data-v-0b72b27a] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.header-title[data-v-0b72b27a] {
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: #1d1d1f;
}
.header-status[data-v-0b72b27a] {
  font-size: 0.95rem;
  color: #b42318;
  background: rgba(255, 95, 84, 0.12);
  border-radius: 16px;
  padding: 8px 14px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 420px;
}
.header-actions[data-v-0b72b27a] {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
}
.header-actions[data-v-0b72b27a] (.v-input) {
  margin-top: 0;
  margin-bottom: 0;
}
.header-cta[data-v-0b72b27a] {
  border-radius: 999px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  padding: 0 20px !important;
  min-height: 40px !important;
}
@media (max-width: 960px) {
.header-shell[data-v-0b72b27a] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding-right: 0;
}
.header-actions[data-v-0b72b27a] {
    width: 100%;
    gap: 10px;
}
.header-actions[data-v-0b72b27a] (.v-input),
  .header-actions[data-v-0b72b27a] (.v-input .v-input__slot) {
    width: 100%;
}
.header-cta[data-v-0b72b27a] {
    width: 100%;
    justify-content: center;
}
}


.admin-dashboard[data-v-07d1a87a] {
  padding: 32px;
  background: linear-gradient(180deg, #f5f5f7 0%, #fbfbfd 65%, #ffffff 100%);
  border-radius: 36px 36px 0 0;
  min-height: 100%;
}
.admin-header-actions[data-v-07d1a87a] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.glass-panel[data-v-07d1a87a] {
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(16px);
  border-radius: 24px;
  box-shadow: 0 22px 45px rgba(15, 23, 42, 0.12);
  border: 1px solid rgba(15, 23, 42, 0.08);
  padding: 24px;
}
.search-container[data-v-07d1a87a] {
  margin-bottom: 20px;
  padding: 20px 24px;
}
.ios26-search[data-v-07d1a87a] {
  max-width: 600px;
}
.ios26-search[data-v-07d1a87a] (.v-input__slot) {
  border-radius: 20px !important;
  border: 1.5px solid rgba(0, 122, 255, 0.2) !important;
  background: rgba(255, 255, 255, 0.95) !important;
  padding: 8px 16px !important;
  box-shadow: 0 4px 16px rgba(0, 122, 255, 0.08) !important;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}
.ios26-search[data-v-07d1a87a] (.v-input__slot):focus-within {
  border-color: #007AFF !important;
  box-shadow: 0 0 0 4px rgba(0, 122, 255, 0.1), 0 8px 24px rgba(0, 122, 255, 0.15) !important;
  background: rgba(255, 255, 255, 1) !important;
}
.ios26-search[data-v-07d1a87a] (.v-label) {
  font-weight: 500 !important;
  color: rgba(60, 60, 67, 0.6) !important;
  font-size: 0.95rem !important;
}
.ios26-search[data-v-07d1a87a] (.v-input__control) {
  min-height: 48px !important;
}
.ios26-search[data-v-07d1a87a] (.v-input__icon) {
  color: #007AFF !important;
}
.ios26-search[data-v-07d1a87a] (.v-input__icon--clear) {
  color: rgba(60, 60, 67, 0.4) !important;
}
.ios26-search[data-v-07d1a87a] (.v-input__icon--clear:hover) {
  color: rgba(60, 60, 67, 0.7) !important;
}
.ios26-search[data-v-07d1a87a] (input) {
  font-size: 1rem !important;
  font-weight: 400 !important;
  color: #1d1d1f !important;
}
.ios26-search[data-v-07d1a87a] (input::-moz-placeholder) {
  color: rgba(60, 60, 67, 0.4) !important;
  font-weight: 400 !important;
}
.ios26-search[data-v-07d1a87a] (input::placeholder) {
  color: rgba(60, 60, 67, 0.4) !important;
  font-weight: 400 !important;
}
.admin-filters[data-v-07d1a87a] {
  margin-bottom: 24px;
}
.admin-filters[data-v-07d1a87a] (.v-input__slot) {
  border-radius: 16px !important;
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: rgba(255, 255, 255, 0.82);
  padding: 6px 14px !important;
}
.admin-filters[data-v-07d1a87a] (.v-label) {
  font-weight: 500;
  color: rgba(60, 60, 67, 0.6) !important;
}
.date-card[data-v-07d1a87a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 20px;
  border-radius: 18px;
  box-shadow: 0 18px 32px rgba(15, 23, 42, 0.15);
}
.date-card__inputs[data-v-07d1a87a] {
  display: flex;
  gap: 12px;
  width: 100%;
}
.admin-table[data-v-07d1a87a] {
  margin-top: 12px;
}
.admin-table[data-v-07d1a87a] (.v-data-table-header) {
  background: rgba(60, 60, 67, 0.06);
}
.admin-table[data-v-07d1a87a] (th),
.admin-table[data-v-07d1a87a] (td) {
  font-size: 0.9rem;
}
.guide-btn[data-v-07d1a87a] {
  border-radius: 999px !important;
  text-transform: none !important;
  font-weight: 600 !important;
  padding: 0 22px !important;
  min-height: 40px !important;
}
.guide-btn--primary[data-v-07d1a87a] {
  background: linear-gradient(135deg, #0a84ff, #5ac8fa) !important;
  color: #ffffff !important;
  box-shadow: 0 18px 40px rgba(10, 132, 255, 0.3);
}
.guide-btn--primary[data-v-07d1a87a]:hover {
  box-shadow: 0 24px 48px rgba(10, 132, 255, 0.35);
}
@media (max-width: 1264px) {
.admin-dashboard[data-v-07d1a87a] {
    padding: 24px 18px 32px;
}
.glass-panel[data-v-07d1a87a] {
    padding: 20px;
}
.search-container[data-v-07d1a87a] {
    padding: 18px 20px;
}
.ios26-search[data-v-07d1a87a] {
    max-width: 100%;
}
.date-card__inputs[data-v-07d1a87a] {
    flex-direction: column;
}
}
@media (max-width: 960px) {
.admin-header-actions[data-v-07d1a87a] {
    width: 100%;
    justify-content: flex-start;
}
.guide-btn[data-v-07d1a87a] {
    width: auto;
}
.glass-panel[data-v-07d1a87a] {
    padding: 18px;
}
.search-container[data-v-07d1a87a] {
    padding: 16px 18px;
}
.ios26-search[data-v-07d1a87a] (.v-input__control) {
    min-height: 44px !important;
}
}
@media (max-width: 600px) {
.admin-dashboard[data-v-07d1a87a] {
    border-radius: 0;
    padding: 20px 12px 28px;
}
.admin-header-actions[data-v-07d1a87a] {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
}
.guide-btn[data-v-07d1a87a] {
    width: 100%;
    justify-content: center;
}
.search-container[data-v-07d1a87a] {
    padding: 14px 16px;
    margin-bottom: 16px;
}
.ios26-search[data-v-07d1a87a] (.v-input__control) {
    min-height: 40px !important;
}
.ios26-search[data-v-07d1a87a] (.v-input__slot) {
    border-radius: 16px !important;
    padding: 6px 12px !important;
}
}


.glass-dialog[data-v-10850265] {
  backdrop-filter: blur(18px);
  background: rgba(15, 23, 42, 0.35);
}
.glass-card[data-v-10850265] {
  background: linear-gradient(150deg, rgba(255, 255, 255, 0.94) 0%, rgba(247, 249, 253, 0.9) 65%, rgba(236, 238, 244, 0.9) 100%) !important;
  border-radius: 28px !important;
  box-shadow: 0 32px 60px rgba(15, 23, 42, 0.18) !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
}
.step-card[data-v-10850265] {
  padding: 28px 32px;
}
.step-header[data-v-10850265] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.step-header__icon[data-v-10850265] {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  background: rgba(10, 132, 255, 0.12);
  border: 1px solid rgba(10, 132, 255, 0.18);
  display: flex;
  align-items: center;
  justify-content: center;
}
.step-header__headline[data-v-10850265] {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.step-header__label[data-v-10850265] {
  font-size: 0.85rem;
  text-transform: uppercase;
  font-weight: 600;
  color: rgba(60, 60, 67, 0.6);
  letter-spacing: 0.08em;
}
.step-header__title[data-v-10850265] {
  margin: 0;
  font-size: 1.45rem;
  font-weight: 600;
  color: #1d1d1f;
  letter-spacing: -0.01em;
}
.step-header__subtitle[data-v-10850265] {
  margin: 0;
  color: rgba(60, 60, 67, 0.76);
  font-size: 0.95rem;
  max-width: 520px;
}
.step-close[data-v-10850265] {
  background: rgba(60, 60, 67, 0.12) !important;
  color: #1d1d1f !important;
  border-radius: 12px !important;
}
.step-close[data-v-10850265]:hover {
  background: rgba(60, 60, 67, 0.18) !important;
}
.step-body[data-v-10850265] {
  margin-top: 24px;
}
.step-form[data-v-10850265] (.v-input__slot) {
  border-radius: 16px !important;
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: rgba(255, 255, 255, 0.82);
  padding: 6px 16px !important;
}
.step-form[data-v-10850265] (.v-label) {
  font-weight: 500;
  color: rgba(60, 60, 67, 0.6) !important;
}
.step-info[data-v-10850265] {
  border-radius: 18px;
  border-color: rgba(10, 132, 255, 0.25) !important;
  color: rgba(10, 132, 255, 0.9) !important;
  background: rgba(10, 132, 255, 0.08) !important;
  margin-bottom: 16px;
}
.form-section[data-v-10850265] {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.section-title[data-v-10850265] {
  font-weight: 600;
  color: #1d1d1f;
}
.section-header[data-v-10850265] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.card-surface[data-v-10850265] {
  background: rgba(60, 60, 67, 0.05);
  border: 1px solid rgba(60, 60, 67, 0.08);
  border-radius: 20px;
  padding: 18px 20px;
}
.chip-action[data-v-10850265] {
  border-radius: 999px !important;
  text-transform: none !important;
  font-weight: 600 !important;
}
.empty-hint[data-v-10850265] {
  color: rgba(60, 60, 67, 0.6);
  font-size: 0.9rem;
  margin: 0;
}
.sub-card-list[data-v-10850265] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.sub-card[data-v-10850265] {
  border-radius: 18px;
  border: 1px solid rgba(15, 23, 42, 0.1);
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
  padding: 18px;
}
.sub-card__header[data-v-10850265] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  font-weight: 600;
  color: #1d1d1f;
}
.pagination[data-v-10850265] {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 12px;
}
.pagination span[data-v-10850265] {
  font-size: 0.9rem;
  color: rgba(60, 60, 67, 0.7);
}
.chip-pill[data-v-10850265] {
  border-radius: 14px !important;
  background: rgba(10, 132, 255, 0.12) !important;
  color: #0a84ff !important;
  text-transform: none;
}
.step-footer[data-v-10850265] {
  margin-top: 28px;
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
.guide-btn[data-v-10850265] {
  border-radius: 999px !important;
  text-transform: none !important;
  font-weight: 600 !important;
  min-height: 44px !important;
  padding: 0 28px !important;
}
.guide-btn--primary[data-v-10850265] {
  background: linear-gradient(135deg, #0a84ff, #5ac8fa) !important;
  color: #ffffff !important;
  box-shadow: 0 22px 40px rgba(10, 132, 255, 0.28);
}
.guide-btn--primary[data-v-10850265]:hover {
  box-shadow: 0 28px 48px rgba(10, 132, 255, 0.35);
}
.guide-btn--ghost[data-v-10850265] {
  background: rgba(60, 60, 67, 0.12) !important;
  color: #1d1d1f !important;
}
.guide-btn--ghost[data-v-10850265]:hover {
  background: rgba(60, 60, 67, 0.18) !important;
}
@media (max-width: 960px) {
.step-card[data-v-10850265] {
    padding: 24px;
}
.step-header[data-v-10850265] {
    flex-direction: column;
    align-items: flex-start;
}
.step-close[data-v-10850265] {
    align-self: flex-end;
}
.step-footer[data-v-10850265] {
    justify-content: center;
}
.guide-btn[data-v-10850265] {
    width: 100%;
    justify-content: center;
}
}


.ios-modal-wrapper[data-v-7c1f45f1] {
  backdrop-filter: blur(22px);
  background: rgba(15, 23, 42, 0.35);
}
.ios-modal-card[data-v-7c1f45f1] {
  border-radius: 32px !important;
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.95) 0%, rgba(246, 248, 252, 0.92) 60%, rgba(237, 239, 244, 0.92) 100%) !important;
  box-shadow: 0 40px 90px rgba(15, 23, 42, 0.25);
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, 0.08);
}
.ios-modal-header[data-v-7c1f45f1] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 28px 32px 18px;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}
.ios-modal-title[data-v-7c1f45f1] {
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: #1d1d1f;
  line-height: 1.3;
  max-width: 80%;
}
.ios-modal-title b[data-v-7c1f45f1] {
  color: #0a84ff;
}
.ios-modal-close[data-v-7c1f45f1] {
  background: rgba(60, 60, 67, 0.12) !important;
  color: #1d1d1f !important;
  border-radius: 14px !important;
  transition: background 0.2s ease;
}
.ios-modal-close[data-v-7c1f45f1]:hover {
  background: rgba(60, 60, 67, 0.18) !important;
}
.ios-modal-body[data-v-7c1f45f1] {
  padding: 28px 32px 8px;
}
.ios-modal-form[data-v-7c1f45f1] {
  gap: 16px;
}
[data-v-7c1f45f1](.ios-modal-card .v-label) {
  font-weight: 500;
  color: rgba(60, 60, 67, 0.6) !important;
}
[data-v-7c1f45f1](.ios-modal-card .v-input__slot) {
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(15, 23, 42, 0.08);
  padding: 8px 20px !important;
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}
[data-v-7c1f45f1](.ios-modal-card .v-input--is-focused .v-input__slot) {
  border-color: rgba(10, 132, 255, 0.55);
  box-shadow: 0 0 0 4px rgba(10, 132, 255, 0.15);
}
[data-v-7c1f45f1](.ios-modal-card .v-select__slot .v-label) {
  color: rgba(60, 60, 67, 0.6) !important;
}
[data-v-7c1f45f1](.ios-modal-card .v-menu__content) {
  border-radius: 18px;
  box-shadow: 0 25px 50px rgba(15, 23, 42, 0.18);
  border: 1px solid rgba(15, 23, 42, 0.08);
}
.ios-modal-actions[data-v-7c1f45f1] {
  padding: 20px 32px 32px;
  display: flex;
  gap: 12px;
}
.ios-modal-btn[data-v-7c1f45f1] {
  border-radius: 999px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  min-width: 150px;
  font-weight: 600 !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.ios-modal-btn--primary[data-v-7c1f45f1] {
  background: #0a84ff !important;
  color: #ffffff !important;
  box-shadow: 0 20px 30px rgba(10, 132, 255, 0.25);
}
.ios-modal-btn--primary[data-v-7c1f45f1]:hover {
  transform: translateY(-1px);
  box-shadow: 0 28px 40px rgba(10, 132, 255, 0.35);
}
.ios-modal-btn--ghost[data-v-7c1f45f1] {
  background: rgba(60, 60, 67, 0.12) !important;
  color: #1d1d1f !important;
}
.ios-modal-btn--ghost[data-v-7c1f45f1]:hover {
  background: rgba(60, 60, 67, 0.18) !important;
}
@media only screen and (max-width: 600px) {
.w-half[data-v-7c1f45f1],
  .w-third[data-v-7c1f45f1],
  .w-quarter[data-v-7c1f45f1],
  .w-75[data-v-7c1f45f1] {
    width: 100% !important;
}
.noDataButton[data-v-7c1f45f1] {
    display: grid;
    font-size: 12px;
}
.ios-modal-card[data-v-7c1f45f1] {
    border-radius: 26px !important;
}
.ios-modal-header[data-v-7c1f45f1] {
    padding: 20px 20px 12px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
.ios-modal-title[data-v-7c1f45f1] {
    max-width: 100%;
}
.ios-modal-body[data-v-7c1f45f1] {
    padding: 20px;
}
.ios-modal-actions[data-v-7c1f45f1] {
    flex-direction: column;
    padding: 20px;
}
.ios-modal-btn[data-v-7c1f45f1] {
    width: 100%;
}
}
.w-third[data-v-7c1f45f1] {
  width: 31%;
}
.w-quarter[data-v-7c1f45f1] {
  width: 23%;
}
.w-half[data-v-7c1f45f1] {
  width: 50%;
}
.w-75[data-v-7c1f45f1] {
  width: 73%;
}


.glass-card[data-v-d0e99d64] {
  background: linear-gradient(150deg, rgba(255, 255, 255, 0.94) 0%, rgba(247, 249, 253, 0.9) 65%, rgba(236, 238, 244, 0.9) 100%) !important;
  border-radius: 28px !important;
  box-shadow: 0 32px 60px rgba(15, 23, 42, 0.18) !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
}
.step-card[data-v-d0e99d64] {
  padding: 28px 32px;
}
.step-header[data-v-d0e99d64] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.step-header__icon[data-v-d0e99d64] {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  background: rgba(10, 132, 255, 0.12);
  border: 1px solid rgba(10, 132, 255, 0.18);
  display: flex;
  align-items: center;
  justify-content: center;
}
.step-header__headline[data-v-d0e99d64] {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.step-header__label[data-v-d0e99d64] {
  font-size: 0.85rem;
  text-transform: uppercase;
  font-weight: 600;
  color: rgba(60, 60, 67, 0.6);
  letter-spacing: 0.08em;
}
.step-header__title[data-v-d0e99d64] {
  margin: 0;
  font-size: 1.4rem;
  font-weight: 600;
  color: #1d1d1f;
  letter-spacing: -0.01em;
}
.step-header__subtitle[data-v-d0e99d64] {
  margin: 0;
  color: rgba(60, 60, 67, 0.76);
  font-size: 0.95rem;
  max-width: 520px;
}
.step-close[data-v-d0e99d64] {
  background: rgba(60, 60, 67, 0.12) !important;
  color: #1d1d1f !important;
  border-radius: 12px !important;
}
.step-close[data-v-d0e99d64]:hover {
  background: rgba(60, 60, 67, 0.18) !important;
}
.step-body[data-v-d0e99d64] {
  margin-top: 24px;
}
.step-form[data-v-d0e99d64] (.v-input__slot) {
  border-radius: 16px !important;
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: rgba(255, 255, 255, 0.82);
  padding: 6px 16px !important;
}
.step-form[data-v-d0e99d64] (.v-label) {
  font-weight: 500;
  color: rgba(60, 60, 67, 0.6) !important;
}
.step-info[data-v-d0e99d64] {
  border-radius: 18px;
  border-color: rgba(10, 132, 255, 0.25) !important;
  color: rgba(10, 132, 255, 0.9) !important;
  background: rgba(10, 132, 255, 0.08) !important;
}
.step-section-title[data-v-d0e99d64] {
  font-weight: 600;
  color: #1d1d1f;
  margin-top: 8px;
}
.chip-pill[data-v-d0e99d64] {
  border-radius: 14px !important;
  background: rgba(10, 132, 255, 0.12) !important;
  color: #0a84ff !important;
  text-transform: none;
}
.step-footer[data-v-d0e99d64] {
  margin-top: 28px;
  display: flex;
  justify-content: flex-end;
}
.guide-btn[data-v-d0e99d64] {
  border-radius: 999px !important;
  text-transform: none !important;
  font-weight: 600 !important;
  padding: 0 28px !important;
  min-height: 44px !important;
}
.guide-btn--primary[data-v-d0e99d64] {
  background: linear-gradient(135deg, #0a84ff, #5ac8fa) !important;
  color: #ffffff !important;
  box-shadow: 0 22px 40px rgba(10, 132, 255, 0.28);
}
.guide-btn--primary[data-v-d0e99d64]:hover {
  box-shadow: 0 28px 48px rgba(10, 132, 255, 0.35);
}
@media (max-width: 960px) {
.step-card[data-v-d0e99d64] {
    padding: 24px;
}
.step-header[data-v-d0e99d64] {
    flex-direction: column;
    align-items: flex-start;
}
.step-close[data-v-d0e99d64] {
    align-self: flex-end;
}
.step-footer[data-v-d0e99d64] {
    justify-content: center;
}
.guide-btn[data-v-d0e99d64] {
    width: 100%;
    justify-content: center;
}
}


.wcPWP_table[data-v-37874b1b] {
  border-top: 1px solid #A4A4A4;
}
.wcPWP_table .v-input.theme--light[data-v-37874b1b]:not(.v-input--is-disabled, .black_placeholder) ::-moz-placeholder {
  color: #979696  !important
}
.wcPWP_table .v-input.theme--light[data-v-37874b1b]:not(.v-input--is-disabled, .black_placeholder) ::placeholder {
  color: #979696  !important
}
.wcPWP_table .black_placeholder.v-input[data-v-37874b1b] ::-moz-placeholder {
  color: #000000 !important;
}
.wcPWP_table .black_placeholder.v-input[data-v-37874b1b] ::placeholder {
  color: #000000 !important;
}
.wcPWP_table .font-weight-bold[data-v-37874b1b] {
  color: rgba(0, 0, 0, .6);
}
.wcPWP_table .wcPWP_table_row[data-v-37874b1b]:nth-of-type(odd) {
  background-color: #e7f5f8;
}
.wcPWP_table .wcPWP_table_row[data-v-37874b1b]:hover {
  background-color: #eee;
}
.table_text[data-v-37874b1b] {
  font-size: 12px;
}
.table_col_custom[data-v-37874b1b] {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}
.table_cell_header[data-v-37874b1b] {
  max-width: 40%;
}
.table_cell_content[data-v-37874b1b] {
  max-width: 55%;
  min-width: 55%;
  text-align: end;
}
@media only screen and (min-width: 961px) {
.table_cell_header[data-v-37874b1b] {
    max-width: unset;
}
.table_cell_content[data-v-37874b1b] {
    max-width: unset;
    min-width: 70%;
    text-align: start;
}
.wcPWP_table[data-v-37874b1b] {
    border-top: 0px solid #A4A4A4;
}
.table_col_custom[data-v-37874b1b] {
    width: 20%;
    min-width: 20%;
    max-width: 20%;
}
}
@media only screen and (min-width: 1265px) {
.table_col_custom[data-v-37874b1b] {
    min-width: 14.28%;
    max-width: 14.28%;
}
}
.loading_overlay[data-v-37874b1b] {
  position: fixed;
  background-color: rgba(0, 0, 0, .6);;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}


.glass-card[data-v-5a6c8a0c] {
  background: linear-gradient(150deg, rgba(255, 255, 255, 0.94) 0%, rgba(247, 249, 253, 0.9) 65%, rgba(236, 238, 244, 0.9) 100%) !important;
  border-radius: 28px !important;
  box-shadow: 0 32px 60px rgba(15, 23, 42, 0.18) !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
}
.step-card[data-v-5a6c8a0c] {
  padding: 28px 32px;
}
.step-header[data-v-5a6c8a0c] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.step-header__icon[data-v-5a6c8a0c] {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  background: rgba(10, 132, 255, 0.12);
  border: 1px solid rgba(10, 132, 255, 0.18);
  display: flex;
  align-items: center;
  justify-content: center;
}
.step-header__headline[data-v-5a6c8a0c] {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.step-header__label[data-v-5a6c8a0c] {
  font-size: 0.85rem;
  text-transform: uppercase;
  font-weight: 600;
  color: rgba(60, 60, 67, 0.6);
  letter-spacing: 0.08em;
}
.step-header__title[data-v-5a6c8a0c] {
  margin: 0;
  font-size: 1.4rem;
  font-weight: 600;
  color: #1d1d1f;
  letter-spacing: -0.01em;
}
.step-header__subtitle[data-v-5a6c8a0c] {
  margin: 0;
  color: rgba(60, 60, 67, 0.76);
  font-size: 0.95rem;
  max-width: 520px;
}
.step-close[data-v-5a6c8a0c] {
  background: rgba(60, 60, 67, 0.12) !important;
  color: #1d1d1f !important;
  border-radius: 12px !important;
}
.step-close[data-v-5a6c8a0c]:hover {
  background: rgba(60, 60, 67, 0.18) !important;
}
.step-body[data-v-5a6c8a0c] {
  margin-top: 24px;
}
.step-footer[data-v-5a6c8a0c] {
  margin-top: 28px;
  display: flex;
  justify-content: flex-end;
}
.guide-btn[data-v-5a6c8a0c] {
  border-radius: 999px !important;
  text-transform: none !important;
  font-weight: 600 !important;
  padding: 0 28px !important;
  min-height: 44px !important;
}
.guide-btn--primary[data-v-5a6c8a0c] {
  background: linear-gradient(135deg, #0a84ff, #5ac8fa) !important;
  color: #ffffff !important;
  box-shadow: 0 22px 40px rgba(10, 132, 255, 0.28);
}
.guide-btn--primary[data-v-5a6c8a0c]:hover {
  box-shadow: 0 28px 48px rgba(10, 132, 255, 0.35);
}
[data-v-5a6c8a0c] .v-data-table>.v-data-table__wrapper>table>tbody>tr>td,[data-v-5a6c8a0c] .v-data-table>.v-data-table__wrapper>table>tbody>tr>th,[data-v-5a6c8a0c] .v-data-table>.v-data-table__wrapper>table>tfoot>tr>td,[data-v-5a6c8a0c] .v-data-table>.v-data-table__wrapper>table>tfoot>tr>th,[data-v-5a6c8a0c] .v-data-table>.v-data-table__wrapper>table>thead>tr>td,[data-v-5a6c8a0c] .v-data-table>.v-data-table__wrapper>table>thead>tr>th {
  padding: 0 8px;
  font-size: 0.85rem;
}
[data-v-5a6c8a0c] .v-select__selection {
  font-size: 0.85rem;
}
@media (max-width: 960px) {
.step-card[data-v-5a6c8a0c] {
    padding: 24px;
}
.step-header[data-v-5a6c8a0c] {
    flex-direction: column;
    align-items: flex-start;
}
.step-close[data-v-5a6c8a0c] {
    align-self: flex-end;
}
.step-footer[data-v-5a6c8a0c] {
    justify-content: center;
}
.guide-btn[data-v-5a6c8a0c] {
    width: 100%;
    justify-content: center;
}
}


.glass-card[data-v-2d829318] {
  background: linear-gradient(150deg, rgba(255, 255, 255, 0.94) 0%, rgba(247, 249, 253, 0.9) 65%, rgba(236, 238, 244, 0.9) 100%) !important;
  border-radius: 28px !important;
  box-shadow: 0 32px 60px rgba(15, 23, 42, 0.18) !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
}
.step-card[data-v-2d829318] {
  padding: 28px 32px;
}
.step-header[data-v-2d829318] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.step-header__icon[data-v-2d829318] {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  background: rgba(10, 132, 255, 0.12);
  border: 1px solid rgba(10, 132, 255, 0.18);
  display: flex;
  align-items: center;
  justify-content: center;
}
.step-header__headline[data-v-2d829318] {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.step-header__label[data-v-2d829318] {
  font-size: 0.85rem;
  text-transform: uppercase;
  font-weight: 600;
  color: rgba(60, 60, 67, 0.6);
  letter-spacing: 0.08em;
}
.step-header__title[data-v-2d829318] {
  margin: 0;
  font-size: 1.4rem;
  font-weight: 600;
  color: #1d1d1f;
  letter-spacing: -0.01em;
}
.step-header__subtitle[data-v-2d829318] {
  margin: 0;
  color: rgba(60, 60, 67, 0.76);
  font-size: 0.95rem;
  max-width: 520px;
}
.step-close[data-v-2d829318] {
  background: rgba(60, 60, 67, 0.12) !important;
  color: #1d1d1f !important;
  border-radius: 12px !important;
}
.step-close[data-v-2d829318]:hover {
  background: rgba(60, 60, 67, 0.18) !important;
}
.step-body[data-v-2d829318] {
  margin-top: 24px;
}
.step-form[data-v-2d829318] (.v-input__slot) {
  border-radius: 16px !important;
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: rgba(255, 255, 255, 0.82);
  padding: 6px 16px !important;
}
.step-form[data-v-2d829318] (.v-label) {
  font-weight: 500;
  color: rgba(60, 60, 67, 0.6) !important;
}
.step-info[data-v-2d829318] {
  border-radius: 18px;
  border-color: rgba(10, 132, 255, 0.25) !important;
  color: rgba(10, 132, 255, 0.9) !important;
  background: rgba(10, 132, 255, 0.08) !important;
}
.step-section-title[data-v-2d829318] {
  font-weight: 600;
  color: #1d1d1f;
  margin-top: 8px;
}
.step-footer[data-v-2d829318] {
  margin-top: 28px;
  display: flex;
  justify-content: flex-end;
}
.guide-btn[data-v-2d829318] {
  border-radius: 999px !important;
  text-transform: none !important;
  font-weight: 600 !important;
  padding: 0 28px !important;
  min-height: 44px !important;
}
.guide-btn--primary[data-v-2d829318] {
  background: linear-gradient(135deg, #0a84ff, #5ac8fa) !important;
  color: #ffffff !important;
  box-shadow: 0 22px 40px rgba(10, 132, 255, 0.28);
}
.guide-btn--primary[data-v-2d829318]:hover {
  box-shadow: 0 28px 48px rgba(10, 132, 255, 0.35);
}
@media (max-width: 960px) {
.step-card[data-v-2d829318] {
    padding: 24px;
}
.step-header[data-v-2d829318] {
    flex-direction: column;
    align-items: flex-start;
}
.step-close[data-v-2d829318] {
    align-self: flex-end;
}
.step-footer[data-v-2d829318] {
    justify-content: center;
}
.guide-btn[data-v-2d829318] {
    width: 100%;
    justify-content: center;
}
}


.lottie-wrapper[data-v-9b848d82] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lottie-container[data-v-9b848d82] {
  width: 100%;
  height: 100%;
}


.guide-modal-wrapper[data-v-2fcbe333] {
  backdrop-filter: blur(18px);
  background: rgba(15, 23, 42, 0.35);
}
.guide-card[data-v-2fcbe333] {
  position: relative;
  padding: 32px;
  border-radius: 32px;
  background: linear-gradient(150deg, rgba(255, 255, 255, 0.94) 0%, rgba(247, 249, 253, 0.9) 65%, rgba(236, 238, 244, 0.9) 100%);
  box-shadow: 0 40px 90px rgba(15, 23, 42, 0.28);
  border: 1px solid rgba(15, 23, 42, 0.08);
  overflow: hidden;
  min-width: 0;
}
.guide-header[data-v-2fcbe333] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.guide-headline[data-v-2fcbe333] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.guide-eyebrow[data-v-2fcbe333] {
  font-size: 0.85rem;
  font-weight: 600;
  text-transform: uppercase;
  color: rgba(60, 60, 67, 0.6);
  letter-spacing: 0.08em;
}
.guide-title[data-v-2fcbe333] {
  font-size: 1.9rem;
  line-height: 1.2;
  margin: 0;
  color: #1d1d1f;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.guide-subtitle[data-v-2fcbe333] {
  margin: 0;
  color: rgba(60, 60, 67, 0.76);
  font-size: 1rem;
  max-width: 420px;
}
.guide-close[data-v-2fcbe333] {
  background: rgba(60, 60, 67, 0.12) !important;
  color: #1d1d1f !important;
  border-radius: 12px !important;
  transition: background 0.2s ease;
}
.guide-close[data-v-2fcbe333]:hover {
  background: rgba(60, 60, 67, 0.18) !important;
}
.guide-body[data-v-2fcbe333] {
  margin-top: 28px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 32px;
  align-items: center;
}
.guide-body--centered[data-v-2fcbe333] {
  display: flex;
  justify-content: center;
  padding: 24px 0;
}
.guide-steps[data-v-2fcbe333] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.guide-step[data-v-2fcbe333] {
  display: flex;
  gap: 16px;
  padding: 16px 20px;
  border-radius: 20px;
  background: rgba(60, 60, 67, 0.06);
  border: 1px solid rgba(60, 60, 67, 0.08);
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.08);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.guide-step__icon[data-v-2fcbe333] {
  width: 56px;
  height: 56px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(10, 132, 255, 0.12);
  border: 1px solid rgba(10, 132, 255, 0.18);
  transition: background 0.25s ease, transform 0.25s ease;
}
.guide-step__icon--active[data-v-2fcbe333] {
  background: linear-gradient(135deg, #0a84ff, #5ac8fa);
  border: none;
  transform: scale(1.05);
}
.guide-step__meta[data-v-2fcbe333] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.guide-step__label[data-v-2fcbe333] {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  color: rgba(60, 60, 67, 0.6);
  letter-spacing: 0.08em;
}
.guide-step__title[data-v-2fcbe333] {
  font-size: 1.05rem;
  font-weight: 600;
  margin: 0;
  color: #1d1d1f;
}
.guide-step__description[data-v-2fcbe333] {
  margin: 0;
  color: rgba(60, 60, 67, 0.72);
  font-size: 0.9rem;
}
.guide-illustration[data-v-2fcbe333] {
  position: relative;
  width: 220px;
  height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.guide-lottie[data-v-2fcbe333] {
  width: 200px;
  height: 200px;
}
.guide-illustration--small[data-v-2fcbe333] {
  width: 180px;
  height: 180px;
}
.guide-lottie--small[data-v-2fcbe333] {
  width: 160px;
  height: 160px;
}
.guide-illustration__glow[data-v-2fcbe333] {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: radial-gradient(circle at center, rgba(10, 132, 255, 0.25), transparent 65%);
  filter: blur(12px);
  z-index: 0;
}
.mascot-image[data-v-2fcbe333] {
  position: relative;
  z-index: 1;
  width: 160px;
  height: auto;
}
.guide-footer[data-v-2fcbe333] {
  margin-top: 32px;
  display: flex;
  justify-content: flex-end;
}
.guide-btn[data-v-2fcbe333] {
  border-radius: 999px !important;
  text-transform: none !important;
  font-weight: 600 !important;
  padding: 0 28px !important;
  min-height: 44px !important;
}
.guide-btn--primary[data-v-2fcbe333] {
  background: linear-gradient(135deg, #0a84ff, #5ac8fa) !important;
  color: #ffffff !important;
  box-shadow: 0 20px 40px rgba(10, 132, 255, 0.28);
}
.guide-btn--primary[data-v-2fcbe333]:hover {
  box-shadow: 0 28px 50px rgba(10, 132, 255, 0.35);
}
.guide-fade-enter-active[data-v-2fcbe333],
.guide-fade-leave-active[data-v-2fcbe333] {
  transition: opacity 0.25s ease, transform 0.25s ease;
}
.guide-fade-enter[data-v-2fcbe333],
.guide-fade-leave-to[data-v-2fcbe333] {
  opacity: 0;
  transform: translateY(12px);
}
@media (max-width: 900px) {
.guide-card[data-v-2fcbe333] {
    padding: 24px;
}
.guide-body[data-v-2fcbe333] {
    grid-template-columns: 1fr;
    gap: 24px;
}
.guide-illustration[data-v-2fcbe333] {
    margin: 0 auto;
}
}
@media (max-width: 600px) {
.guide-card[data-v-2fcbe333] {
    border-radius: 24px;
    padding: 22px;
}
.guide-body[data-v-2fcbe333] {
    gap: 18px;
}
.guide-footer[data-v-2fcbe333] {
    justify-content: center;
}
.guide-btn[data-v-2fcbe333] {
    width: 100%;
    justify-content: center;
}
}
.mascot-image[data-v-2fcbe333] {
  width: 100%;
  height: auto;
}


@media only screen and (max-width: 600px) {
.stockWidth[data-v-3c2281a2] {
     width: 100% !important
}
.aliasWidth[data-v-3c2281a2] {
     width: 100% !important
}
.noDataButton[data-v-3c2281a2] {
     display: grid;
     font-size: 12px;
}
}
.stockWidth[data-v-3c2281a2] {
   width: 50px
}
.aliasWidth[data-v-3c2281a2] {
   width: 140px
}
.buttonAligned[data-v-3c2281a2] {
   margin-top: 20px;
}
.cardActions[data-v-3c2281a2] {
   position: fixed; bottom: 0; width: 100%; background: white; justify-content: center
}


.dashboard-card[data-v-a3e7a3ae] {
  --card-tint: rgba(255, 255, 255, 0.86);
  display: flex;
  align-items: stretch;
  min-width: 140px;
  padding: 16px 18px;
  border-radius: 22px !important;
  background: var(--card-tint);
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 16px 28px rgba(15, 23, 42, 0.08);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.dashboard-card[data-v-a3e7a3ae]:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 44px rgba(15, 23, 42, 0.12);
}
.card-body[data-v-a3e7a3ae] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  gap: 16px;
}
.card-label[data-v-a3e7a3ae] {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.85rem;
  letter-spacing: 0.08em;
  color: rgba(17, 24, 39, 0.72);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card-value[data-v-a3e7a3ae] {
  font-size: 2rem;
  font-weight: 700;
  color: #0f172a;
  line-height: 1;
}
@media (max-width: 960px) {
.dashboard-card[data-v-a3e7a3ae] {
    width: 100%;
    min-height: 110px;
}
.card-value[data-v-a3e7a3ae] {
    font-size: 1.8rem;
}
}


.cupertino-dashboard[data-v-6a5894e6] {
  padding: 32px;
  background: linear-gradient(180deg, #f5f5f7 0%, #fbfbfd 65%, #ffffff 100%);
  border-radius: 36px 36px 0 0;
  min-height: 100%;
}
.todo-notification[data-v-6a5894e6] {
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(18px);
  border-radius: 24px;
  box-shadow: 0 24px 50px rgba(15, 23, 42, 0.18);
  border: 1px solid rgba(15, 23, 42, 0.08);
  padding: 20px 24px;
  margin-bottom: 0;
  flex: 1;
  min-width: 300px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.todo-notification__header[data-v-6a5894e6] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  margin-bottom: 16px;
}
.todo-notification__title[data-v-6a5894e6] {
  font-size: 1.25rem;
  font-weight: 600;
  color: #1d1d1f;
  margin: 0;
}
.todo-notification__close[data-v-6a5894e6] {
  background: rgba(60, 60, 67, 0.12) !important;
  color: #1d1d1f !important;
  border-radius: 12px !important;
}
.todo-notification__close[data-v-6a5894e6]:hover {
  background: rgba(60, 60, 67, 0.18) !important;
}
.todo-notification__actions[data-v-6a5894e6] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  flex-grow: 1;
}
.todo-chip[data-v-6a5894e6] {
  margin: 0 !important;
}
.todo-notification__empty[data-v-6a5894e6] {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #047857;
  font-weight: 500;
}

/* Dashboard notification styling */
.dashboard-notification[data-v-6a5894e6] {
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(18px);
  border-radius: 24px;
  box-shadow: 0 24px 50px rgba(15, 23, 42, 0.18);
  border: 1px solid rgba(15, 23, 42, 0.08);
  padding: 20px 24px;
  margin-bottom: 0;
  flex: 1;
  min-width: 300px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.dashboard-notification__header[data-v-6a5894e6] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  margin-bottom: 16px;
}
.dashboard-notification__title[data-v-6a5894e6] {
  font-size: 1.25rem;
  font-weight: 600;
  color: #1d1d1f;
  margin: 0;
}
.dashboard-notification__actions[data-v-6a5894e6] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  flex-grow: 1;
}
.dashboard-notification__select[data-v-6a5894e6] {
  margin-top: 8px;
}
.dashboard-notification__info[data-v-6a5894e6] {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #0a84ff;
  font-weight: 500;
  margin-top: 12px;
  padding: 8px 12px;
  background: rgba(10, 132, 255, 0.1);
  border-radius: 12px;
}
.dashboard-chip[data-v-6a5894e6] {
  margin: 0 !important;
}

/* Working point sections */
.dashboard-notification__content[data-v-6a5894e6] {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  width: 100%;
}
.working-point-section[data-v-6a5894e6] {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  padding: 12px;
  background: rgba(248, 249, 250, 0.5);
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.working-point-title[data-v-6a5894e6] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #1d1d1f;
  margin: 0 0 8px 0;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.section-title[data-v-6a5894e6] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #1d1d1f;
  margin: 0 0 8px 0;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.general-actions-section[data-v-6a5894e6] {
  border: 1px solid rgba(0, 122, 255, 0.2);
  border-radius: 12px;
  padding: 12px;
  background: rgba(0, 122, 255, 0.05);
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* Dashboard notifications row */
.dashboard-notifications-row[data-v-6a5894e6] {
  display: flex;
  gap: 24px;
  margin-bottom: 24px;
  flex-wrap: wrap;
  align-items: flex-start;
}

/* Dashboard data row */
.dashboard-data-row[data-v-6a5894e6] {
  display: flex;
  gap: 24px;
  margin-bottom: 24px;
  flex-wrap: wrap;
  align-items: flex-start;
}
.dashboard-data-card[data-v-6a5894e6] {
  flex: 1;
  min-width: 400px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.dashboard-data-card .cupertino-table[data-v-6a5894e6] {
  width: 100% !important;
  margin-top: 0;
}
.dashboard-data-card .notFinalizedTable[data-v-6a5894e6] {
  width: 100% !important;
}
[data-v-6a5894e6](.dashboard-data-card .v-data-table) {
  width: 100% !important;
}
[data-v-6a5894e6](.dashboard-data-card .v-data-table__wrapper) {
  width: 100% !important;
}
[data-v-6a5894e6](.dashboard-data-card table) {
  width: 100% !important;
}
.todo-fade-enter-active[data-v-6a5894e6],
.todo-fade-leave-active[data-v-6a5894e6] {
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.todo-fade-enter[data-v-6a5894e6],
.todo-fade-leave-to[data-v-6a5894e6] {
  opacity: 0;
  transform: translateY(-8px);
}
.cupertino-metrics-row[data-v-6a5894e6] {
  margin-bottom: 32px;
  gap: 24px;
}
.cupertino-metric[data-v-6a5894e6] {
  padding: 0 12px;
}
.cupertino-panel[data-v-6a5894e6] {
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(16px);
  border-radius: 28px;
  box-shadow: 0 26px 50px rgba(15, 23, 42, 0.08);
  padding: 28px 32px;
  border: 1px solid rgba(15, 23, 42, 0.08);
}
.cupertino-subheader[data-v-6a5894e6] {
  font-size: 18px;
  font-weight: 600;
  color: #1d1d1f;
}
.cupertino-chip-row[data-v-6a5894e6] {
  gap: 10px;
  flex-wrap: wrap;
}
.cupertino-chip[data-v-6a5894e6] {
  border-radius: 999px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-weight: 600 !important;
  background: rgba(60, 60, 67, 0.1) !important;
  color: #1d1d1f !important;
  border: 1px solid rgba(60, 60, 67, 0.12) !important;
  padding: 0 20px !important;
  min-height: 40px !important;
  box-shadow: none !important;
  transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.cupertino-chip[data-v-6a5894e6]:hover {
  background: rgba(60, 60, 67, 0.16) !important;
  transform: translateY(-1px);
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.12);
}
.cupertino-chip--action[data-v-6a5894e6] {
  background: linear-gradient(135deg, #0a84ff, #5ac8fa) !important;
  color: #ffffff !important;
  border-color: transparent !important;
  box-shadow: 0 22px 32px rgba(10, 132, 255, 0.28) !important;
}
.cupertino-chip--action[data-v-6a5894e6]:hover {
  box-shadow: 0 28px 40px rgba(10, 132, 255, 0.32) !important;
}
.cupertino-chip--filter[data-v-6a5894e6] {
  background: rgba(10, 132, 255, 0.08) !important;
  color: #0a84ff !important;
  border-color: rgba(10, 132, 255, 0.18) !important;
}
.cupertino-chip--filter[data-v-6a5894e6]:hover {
  background: rgba(10, 132, 255, 0.12) !important;
}
.cupertino-chip--filter-active[data-v-6a5894e6] {
  background: #0a84ff !important;
  color: #ffffff !important;
  border-color: transparent !important;
  box-shadow: 0 18px 28px rgba(10, 132, 255, 0.25) !important;
}
.cupertino-select[data-v-6a5894e6] {
  max-width: 420px;
  margin-bottom: 24px;
}
.header-filter[data-v-6a5894e6] {
  margin-bottom: 0;
  min-width: 260px;
}
[data-v-6a5894e6](.cupertino-select .v-input__slot) {
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(15, 23, 42, 0.08);
  padding: 6px 18px !important;
}
[data-v-6a5894e6](.cupertino-select .v-label) {
  color: rgba(60, 60, 67, 0.6);
  font-weight: 500;
}
[data-v-6a5894e6](.cupertino-chip .v-btn__content) {
  font-size: 0.95rem;
}
[data-v-6a5894e6](.cupertino-chip .v-icon) {
  color: #0a84ff !important;
  margin-right: 6px;
}
[data-v-6a5894e6](.cupertino-chip--action .v-icon),[data-v-6a5894e6](.cupertino-chip--filter-active .v-icon) {
  color: #ffffff !important;
}
[data-v-6a5894e6](.cupertino-chip--filter-active .v-btn__content) {
  color: #ffffff !important;
}
.cupertino-table[data-v-6a5894e6] {
  border-radius: 22px !important;
  box-shadow: 0 20px 45px rgba(15, 23, 42, 0.08);
  overflow: hidden;
  margin-top: 18px;
  width: 100% !important;
}
[data-v-6a5894e6](.cupertino-table .v-data-table-header) {
  background: rgba(60, 60, 67, 0.06);
}
[data-v-6a5894e6](.cupertino-table .v-data-table) {
  width: 100% !important;
}
[data-v-6a5894e6](.cupertino-table .v-data-table__wrapper) {
  width: 100% !important;
}
[data-v-6a5894e6](.cupertino-table table) {
  width: 100% !important;
}
.cupertino-success[data-v-6a5894e6] {
  background: rgba(16, 185, 129, 0.1);
  border-radius: 18px;
  padding: 16px 20px;
  color: #047857;
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 1264px) {
.cupertino-dashboard[data-v-6a5894e6] {
    padding: 24px 18px 32px;
}
.todo-notification[data-v-6a5894e6] {
    max-width: 100%;
}
.cupertino-metrics-row[data-v-6a5894e6] {
    gap: 16px;
}
.cupertino-panel[data-v-6a5894e6] {
    padding: 24px;
}
}
.dashboardTile[data-v-6a5894e6] {
  width: 50%;
  padding: 10px
}
.workingPointName[data-v-6a5894e6] {
  font-size: 15px;
}
.cardAction[data-v-6a5894e6] {
  justify-content: end;
  padding-top: 20px;
}
@media only screen and (max-width: 600px) {
.cardAction[data-v-6a5894e6] {
    justify-content: start;
    padding-top: 20px;
    padding-bottom: 10px
}
.dashboardTile[data-v-6a5894e6] {
    width: 100%
}
.finalizeButton[data-v-6a5894e6] {
    justify-content: end
}
.cupertino-dashboard[data-v-6a5894e6] {
    border-radius: 0;
    padding: 24px 12px 32px;
}
.cupertino-panel[data-v-6a5894e6] {
    padding: 20px;
}
.todo-notification[data-v-6a5894e6] {
    margin-left: 0;
    margin-right: 0;
    padding: 18px;
}
.todo-notification__actions[data-v-6a5894e6] {
    flex-direction: column;
    gap: 10px;
}
.todo-chip[data-v-6a5894e6] {
    width: 100%;
    justify-content: center;
}
.dashboard-notifications-row[data-v-6a5894e6] {
    flex-direction: column;
    gap: 16px;
}
.dashboard-notification[data-v-6a5894e6] {
    min-width: unset;
    width: 100%;
}
.dashboard-data-row[data-v-6a5894e6] {
    flex-direction: column;
    gap: 16px;
}
.dashboard-data-card[data-v-6a5894e6] {
    min-width: unset;
    width: 100%;
}
}
.alignedRow[data-v-6a5894e6] {
  margin-left: 1px
}
.icons[data-v-6a5894e6] {
  padding: 5px;
}
.successMessage[data-v-6a5894e6] {
  color: inherit;
  padding: 0;
}
.greenBorder[data-v-6a5894e6] {
  border-left: 1px solid #cbefa7
}
.blueBorder[data-v-6a5894e6] {
  border-left: 1px solid #9ed7e1
}
.buttonHeader[data-v-6a5894e6] {
  margin-left: 20px;
  margin-right: 40px
}
.italic[data-v-6a5894e6] {
  font-style: italic;
}

























































































































































































































































































































/* iOS 26 Theme */
.ios26-layout[data-v-71655cd5] {
  padding: 32px;
  background: linear-gradient(180deg, #f5f5f7 0%, #fbfbfd 65%, #ffffff 100%);
  border-radius: 36px 36px 0 0;
  min-height: 100%;
}
.ios26-glass-panel[data-v-71655cd5] {
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(16px);
  border-radius: 24px;
  box-shadow: 0 22px 45px rgba(15, 23, 42, 0.12);
  border: 1px solid rgba(15, 23, 42, 0.08);
  padding: 24px;
  margin-top: 24px;
}
@media (max-width: 1264px) {
.ios26-layout[data-v-71655cd5] {
    padding: 24px 18px 32px;
}
.ios26-glass-panel[data-v-71655cd5] {
    padding: 20px;
}
}
@media (max-width: 600px) {
.ios26-layout[data-v-71655cd5] {
    border-radius: 0;
    padding: 20px 12px 28px;
}
}




































































































































































































































































































/* iOS 26 Theme */
.ios26-layout[data-v-28e7c8da] {
  padding: 32px;
  background: linear-gradient(180deg, #f5f5f7 0%, #fbfbfd 65%, #ffffff 100%);
  border-radius: 36px 36px 0 0;
  min-height: 100%;
}
.ios26-glass-panel[data-v-28e7c8da] {
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(16px);
  border-radius: 24px;
  box-shadow: 0 22px 45px rgba(15, 23, 42, 0.12);
  border: 1px solid rgba(15, 23, 42, 0.08);
  padding: 24px;
  margin-top: 24px;
}
@media (max-width: 1264px) {
.ios26-layout[data-v-28e7c8da] {
    padding: 24px 18px 32px;
}
.ios26-glass-panel[data-v-28e7c8da] {
    padding: 20px;
}
}
@media (max-width: 600px) {
.ios26-layout[data-v-28e7c8da] {
    border-radius: 0;
    padding: 20px 12px 28px;
}
}














































































































































































































































/* iOS 26 Theme */
.ios26-layout[data-v-a5f33b62] {
  padding: 32px;
  background: linear-gradient(180deg, #f5f5f7 0%, #fbfbfd 65%, #ffffff 100%);
  border-radius: 36px 36px 0 0;
  min-height: 100%;
}
.ios26-glass-panel[data-v-a5f33b62] {
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(16px);
  border-radius: 24px;
  box-shadow: 0 22px 45px rgba(15, 23, 42, 0.12);
  border: 1px solid rgba(15, 23, 42, 0.08);
  padding: 24px;
  margin-top: 24px;
}
@media (max-width: 1264px) {
.ios26-layout[data-v-a5f33b62] {
    padding: 24px 18px 32px;
}
.ios26-glass-panel[data-v-a5f33b62] {
    padding: 20px;
}
}
@media (max-width: 600px) {
.ios26-layout[data-v-a5f33b62] {
    border-radius: 0;
    padding: 20px 12px 28px;
}
}


@media only screen and (max-width: 600px) {
.w-half[data-v-8f0b41f0],
  .w-third[data-v-8f0b41f0],
  .w-quarter[data-v-8f0b41f0],
  .w-75[data-v-8f0b41f0] {
    width: 100% !important;
}
.noDataButton[data-v-8f0b41f0] {
    display: grid;
    font-size: 12px;
}
}
.w-third[data-v-8f0b41f0] {
  width: 31%;
}
.w-quarter[data-v-8f0b41f0] {
  width: 23%;
}
.w-half[data-v-8f0b41f0] {
  width: 50%;
}
.w-75[data-v-8f0b41f0] {
  width: 73%;
}


@media only screen and (max-width: 600px) {
.w-half[data-v-8c0c337a],
  .w-third[data-v-8c0c337a],
  .w-quarter[data-v-8c0c337a],
  .w-75[data-v-8c0c337a] {
    width: 100% !important
}
}
























































































































































































/* iOS 26 Theme */
.ios26-layout[data-v-6a18391d] {
  padding: 32px;
  background: linear-gradient(180deg, #f5f5f7 0%, #fbfbfd 65%, #ffffff 100%);
  border-radius: 36px 36px 0 0;
  min-height: 100%;
}
.ios26-header-actions[data-v-6a18391d] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.ios26-glass-panel[data-v-6a18391d] {
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(16px);
  border-radius: 24px;
  box-shadow: 0 22px 45px rgba(15, 23, 42, 0.12);
  border: 1px solid rgba(15, 23, 42, 0.08);
  padding: 24px;
  margin-top: 24px;
}
.ios26-btn[data-v-6a18391d] {
  border-radius: 999px !important;
  text-transform: none !important;
  font-weight: 600 !important;
  padding: 0 22px !important;
  min-height: 40px !important;
}
.ios26-btn--primary[data-v-6a18391d] {
  background: linear-gradient(135deg, #0a84ff, #5ac8fa) !important;
  color: #ffffff !important;
  box-shadow: 0 18px 40px rgba(10, 132, 255, 0.3);
}
.ios26-btn--primary[data-v-6a18391d]:hover {
  box-shadow: 0 24px 48px rgba(10, 132, 255, 0.35);
}
.ios26-table[data-v-6a18391d] {
  border-radius: 22px !important;
  box-shadow: 0 20px 45px rgba(15, 23, 42, 0.08);
  overflow: hidden;
  width: 100% !important;
}
[data-v-6a18391d](.ios26-table .v-data-table-header) {
  background: rgba(60, 60, 67, 0.06);
}
[data-v-6a18391d](.ios26-table .v-data-table) {
  width: 100% !important;
}
[data-v-6a18391d](.ios26-table .v-data-table__wrapper) {
  width: 100% !important;
}
[data-v-6a18391d](.ios26-table table) {
  width: 100% !important;
}
@media (max-width: 1264px) {
.ios26-layout[data-v-6a18391d] {
    padding: 24px 18px 32px;
}
.ios26-glass-panel[data-v-6a18391d] {
    padding: 20px;
}
}
@media (max-width: 600px) {
.ios26-layout[data-v-6a18391d] {
    border-radius: 0;
    padding: 20px 12px 28px;
}
.ios26-header-actions[data-v-6a18391d] {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
}
.ios26-btn[data-v-6a18391d] {
    width: 100%;
    justify-content: center;
}
}


.alignedRow[data-v-18643280] {
  margin-left: 2px
}
.twoRowSpan[data-v-18643280] {
  max-width: 190px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* iOS 26 Theme */
.ios26-layout[data-v-18643280] {
  padding: 32px;
  background: linear-gradient(180deg, #f5f5f7 0%, #fbfbfd 65%, #ffffff 100%);
  border-radius: 36px 36px 0 0;
  min-height: 100%;
}
.ios26-glass-panel[data-v-18643280] {
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(16px);
  border-radius: 24px;
  box-shadow: 0 22px 45px rgba(15, 23, 42, 0.12);
  border: 1px solid rgba(15, 23, 42, 0.08);
  padding: 24px;
  margin-top: 24px;
}
@media (max-width: 1264px) {
.ios26-layout[data-v-18643280] {
    padding: 24px 18px 32px;
}
.ios26-glass-panel[data-v-18643280] {
    padding: 20px;
}
}
@media (max-width: 600px) {
.ios26-layout[data-v-18643280] {
    border-radius: 0;
    padding: 20px 12px 28px;
}
}


@media only screen and (max-width: 600px) {
.w-half[data-v-09616636],
  .w-third[data-v-09616636],
  .w-quarter[data-v-09616636],
  .w-75[data-v-09616636] {
    width: 100% !important
}
}


@media only screen and (max-width: 600px) {
.w-half[data-v-efa1b47c],
  .w-third[data-v-efa1b47c],
  .w-quarter[data-v-efa1b47c],
  .w-75[data-v-efa1b47c] {
    width: 100% !important;
}
}


@media only screen and (max-width: 600px) {
.w-half[data-v-3367b9dc],
  .w-third[data-v-3367b9dc],
  .w-quarter[data-v-3367b9dc],
  .w-75[data-v-3367b9dc] {
    width: 100% !important;
}
}


.filterWidth[data-v-0a84cd32] {
  width: 20%;
}
.searchWidth[data-v-0a84cd32] {
  width: 25%;
}
.fill-in[data-v-0a84cd32] {
  width: 150px;
}
.v-input[data-v-0a84cd32] :deep(.v-input__details) {
  display: none;
}
.v-input[data-v-0a84cd32] :deep(.v-input__control, .v-select__slot) {
  font-size: 14px;
}
.v-text-field[data-v-0a84cd32] :deep(.v-text-field__details) {
  display: none !important;
}
.fill-in.v-text-field__details[data-v-0a84cd32] {
  display: none;
}
.v-text-field[data-v-0a84cd32] :deep(.v-field__input) {
  font-size: 12px;
}
.v-input[data-v-0a84cd32] :deep(.v-field-label) {
  font-size: 12px;
}
.red-text[data-v-0a84cd32] {
  color: red !important;
}
.green-text[data-v-0a84cd32] {
  color: green !important;
}
.observations-text[data-v-0a84cd32] {
  white-space: nowrap; /* Textul rămâne pe un singur rând */
  overflow: hidden; /* Ascunde textul care depășește containerul */
  text-overflow: ellipsis; /* Adaugă "..." la sfârșitul textului tăiat */
}

/* iOS 26 Theme */
.ios26-layout[data-v-0a84cd32] {
  padding: 32px;
  background: linear-gradient(180deg, #f5f5f7 0%, #fbfbfd 65%, #ffffff 100%);
  border-radius: 36px 36px 0 0;
  min-height: 100%;
}
.ios26-header-actions[data-v-0a84cd32] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.ios26-glass-panel[data-v-0a84cd32] {
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(16px);
  border-radius: 24px;
  box-shadow: 0 22px 45px rgba(15, 23, 42, 0.12);
  border: 1px solid rgba(15, 23, 42, 0.08);
  padding: 24px;
  margin-top: 24px;
}
.ios26-btn[data-v-0a84cd32] {
  border-radius: 999px !important;
  text-transform: none !important;
  font-weight: 600 !important;
  padding: 0 22px !important;
  min-height: 40px !important;
}
.ios26-btn--primary[data-v-0a84cd32] {
  background: linear-gradient(135deg, #0a84ff, #5ac8fa) !important;
  color: #ffffff !important;
  box-shadow: 0 18px 40px rgba(10, 132, 255, 0.3);
}
.ios26-btn--primary[data-v-0a84cd32]:hover {
  box-shadow: 0 24px 48px rgba(10, 132, 255, 0.35);
}
.ios26-btn--secondary[data-v-0a84cd32] {
  background: rgba(60, 60, 67, 0.12) !important;
  color: #1d1d1f !important;
  border: 1px solid rgba(60, 60, 67, 0.2) !important;
}
.ios26-btn--secondary[data-v-0a84cd32]:hover {
  background: rgba(60, 60, 67, 0.18) !important;
}
.ios26-table[data-v-0a84cd32] {
  border-radius: 22px !important;
  box-shadow: 0 20px 45px rgba(15, 23, 42, 0.08);
  overflow: hidden;
  width: 100% !important;
}
[data-v-0a84cd32](.ios26-table .v-data-table-header) {
  background: rgba(60, 60, 67, 0.06);
}
[data-v-0a84cd32](.ios26-table .v-data-table) {
  width: 100% !important;
}
[data-v-0a84cd32](.ios26-table .v-data-table__wrapper) {
  width: 100% !important;
}
[data-v-0a84cd32](.ios26-table table) {
  width: 100% !important;
}
@media (max-width: 1264px) {
.ios26-layout[data-v-0a84cd32] {
    padding: 24px 18px 32px;
}
.ios26-glass-panel[data-v-0a84cd32] {
    padding: 20px;
}
}
@media (max-width: 600px) {
.ios26-layout[data-v-0a84cd32] {
    border-radius: 0;
    padding: 20px 12px 28px;
}
.ios26-header-actions[data-v-0a84cd32] {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
}
.ios26-btn[data-v-0a84cd32] {
    width: 100%;
    justify-content: center;
}
}


.filterWidth[data-v-5f31c55e] {
  width: 20%;
}
.searchWidth[data-v-5f31c55e] {
  width: 25%;
}
.fill-in[data-v-5f31c55e] {
  width: 150px;
}
.v-input[data-v-5f31c55e] :deep(.v-input__details) {
  display: none;
}
.v-input[data-v-5f31c55e] :deep(.v-input__control, .v-select__slot) {
  font-size: 14px;
}
.v-text-field[data-v-5f31c55e] :deep(.v-text-field__details) {
  display: none !important;
}
.fill-in.v-text-field__details[data-v-5f31c55e] {
  display: none;
}
.v-text-field[data-v-5f31c55e] :deep(.v-field__input) {
  font-size: 12px;
}
.v-input[data-v-5f31c55e] :deep(.v-field-label) {
  font-size: 12px;
}
.red-text[data-v-5f31c55e] {
  color: red !important;
}
.green-text[data-v-5f31c55e] {
  color: green !important;
}
.observations-text[data-v-5f31c55e] {
  white-space: nowrap; /* Textul rămâne pe un singur rând */
  overflow: hidden; /* Ascunde textul care depășește containerul */
  text-overflow: ellipsis; /* Adaugă "..." la sfârșitul textului tăiat */
}

/* iOS 26 Theme */
.ios26-layout[data-v-5f31c55e] {
  padding: 32px;
  background: linear-gradient(180deg, #f5f5f7 0%, #fbfbfd 65%, #ffffff 100%);
  border-radius: 36px 36px 0 0;
  min-height: 100%;
}
.ios26-header-actions[data-v-5f31c55e] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.ios26-glass-panel[data-v-5f31c55e] {
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(16px);
  border-radius: 24px;
  box-shadow: 0 22px 45px rgba(15, 23, 42, 0.12);
  border: 1px solid rgba(15, 23, 42, 0.08);
  padding: 24px;
  margin-top: 24px;
}
.ios26-table[data-v-5f31c55e] {
  border-radius: 22px !important;
  box-shadow: 0 20px 45px rgba(15, 23, 42, 0.08);
  overflow: hidden;
  width: 100% !important;
}
[data-v-5f31c55e](.ios26-table .v-data-table-header) {
  background: rgba(60, 60, 67, 0.06);
}
[data-v-5f31c55e](.ios26-table .v-data-table) {
  width: 100% !important;
}
[data-v-5f31c55e](.ios26-table .v-data-table__wrapper) {
  width: 100% !important;
}
[data-v-5f31c55e](.ios26-table table) {
  width: 100% !important;
}
@media (max-width: 1264px) {
.ios26-layout[data-v-5f31c55e] {
    padding: 24px 18px 32px;
}
.ios26-glass-panel[data-v-5f31c55e] {
    padding: 20px;
}
}
@media (max-width: 600px) {
.ios26-layout[data-v-5f31c55e] {
    border-radius: 0;
    padding: 20px 12px 28px;
}
.ios26-header-actions[data-v-5f31c55e] {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
}
}


/*# sourceMappingURL=app.624118da.css.map*/