/* =========================================================
   Developer:  Muhammad Gawish — gawish.dev
   Powered By: hikamByte.com
   ========================================================= */
 @charset "UTF-8";@layer reset, tokens, base, layout, components, sections, utilities;@layer tokens {:root{--white: #fff;--black: #000;--blue: #066fd1;--azure: #4299e1;--indigo: #6610f2;--purple: #ae3ec9;--pink: #d6336c;--red: #d63939;--orange: #f76707;--yellow: #f59f00;--lime: #74b816;--green: #2fb344;--teal: #0ca678;--cyan: #17a2b8;--dark: #1f2937;--light: #f9fafb;--gray: #6b7280;--violet: #8b5cf6;--violet-soft: rgba(139, 92, 246, 0.10);--rose: #f43f5e;--rose-soft: rgba(244, 63, 94, 0.10);--amber: #f59e0b;--amber-soft: rgba(245, 158, 11, 0.10);--mint: #14b8a6;--mint-soft: rgba(20, 184, 166, 0.10);}:root{color-scheme: light;--container: 1240px;--container-narrow: 880px;--primary: #1a9fd4;--primary-hover: #146aa8;--secondary: #d9a44a;--secondary-hover: #d9a44a1f;--accent: #06B6D4;--accent-hover: hsl(203, 100%, 45%);--success: #16a34a;--success-bg: #D1FAE5;--danger: #EF4444;--danger-bg: #FEE2E2;--warning: #f59e0b;--warning-bg: #FEF3C7;--info: #1a9fd4;--info-bg: #E0F2FE;--dark: #0a0f17;--dark-light: hsl(60 2.6% 9%);--dark-dark: hsl(60 2.6% 4%);--light: #EDF2FF;--light-rgb: 237, 242, 255;--bg-body: #ffffff;--bg-soft: #f7f9fc;--bg-muted: #eef2f7;--bg-surface: #ffffff;--bg-surface-raised: #f4f7fb;--bg-code: #F1F5F9;--text-heading: var(--dark);--text-body: #0b1220;--text-soft: #475063;--text-muted: #6b7588;--text-muted-opacity: 1;--text-link: var(--primary);--text-link-hover: var(--primary-hover);--primary-grade: linear-gradient(135deg, #1a9fd4 0%, #06B6D4 100%);--secondary-grade: linear-gradient(135deg, #d9a44a 0%, #f59e0b 100%);--text-gradient: linear-gradient(135deg, #0a0f17 0%, #1a9fd4 100%);--brand-gradient: linear-gradient(135deg, #1a9fd4 0%, #d9a44a 100%);--hero-gradient: linear-gradient(135deg, #0a2461 0%, #1a9fd4 50%, #d9a44a 100%);--border-color: #e6ebf1;--border-strong: #d5dde6;--border-subtle: #eef1f6;--border: 1px solid var(--border-color);--font-heading: Inter, "IBM Plex Sans Arabic", Tahoma, system-ui, sans-serif;--font-body: Inter, "IBM Plex Sans Arabic", Tahoma, system-ui, sans-serif;--fs-base: 16px;--line-height: 1.5;--fs-xxs: 0.6875rem;--fs-xs: 0.75rem;--fs-sm: 0.875rem;--fs-base: 16px;--fs-md: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.25rem;--fs-2xl: 1.5rem;--fs-3xl: 1.875rem;--fs-4xl: clamp(1.75rem, 1.4rem + 1.6vw, 2.25rem);--fs-5xl: clamp(2rem, 1.5rem + 2.4vw, 3rem);--fs-display: clamp(2.25rem, 1.6rem + 3.2vw, 3.75rem);--input-color: var(--text-body);--input-bg: #fff;--input-disabled-bg: #F1F5F9;--input-font-family: var(--font-body);--input-font-size: .9rem;--input-height: 48px;--input-radius: 8px;--input-border: 1px solid #D1D5DB;--input-shadow: none;--input-focus-shadow: 0 0 0 3px rgb(164 202 254 / 45%);--input-focus-border: 1px solid #4F46E5;--radius: 8px;--radius-sm: 4px;--radius-md: var(--radius);--radius-lg: 12px;--radius-xl: 16px;--radius-xx: 24px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--spacing: var(--space-4);--spacing-xs: var(--space-1);--spacing-sm: var(--space-2);--spacing-md: var(--spacing);--spacing-lg: var(--space-6);--spacing-xl: var(--space-8);--spacing-xx: var(--space-12);--shadow: 0 8px 24px rgba(11, 18, 32, .06), 0 2px 6px rgba(11, 18, 32, .04);--shadow-xs: 0 1px 2px rgba(11, 18, 32, .04);--shadow-sm: 0 2px 6px rgba(11, 18, 32, .05), 0 1px 2px rgba(11, 18, 32, .04);--shadow-md: var(--shadow);--shadow-lg: 0 18px 40px rgba(11, 18, 32, .08), 0 6px 12px rgba(11, 18, 32, .04);--shadow-xl: 0 30px 60px rgba(11, 18, 32, .12), 0 10px 20px rgba(11, 18, 32, .06);--shadow-xx: 0 50px 100px rgba(11, 18, 32, 0.15);--shadow-glow: 0 18px 50px rgba(26, 159, 212, .25);--shadow-focus: 0 0 0 4px rgba(26, 159, 212, 0.25);--shadow-gold: 0 18px 50px rgba(217, 164, 74, 0.25);--shadow-inset: inset 0 1px 2px rgba(11, 18, 32, 0.04);--dur: 250ms;--dur-fast: 150ms;--dur-slow: 450ms;--dur-slower: 700ms;--ease-standard: cubic-bezier(.4,0,.2,1);--ease-in: cubic-bezier(0.4, 0, 1, 1);--ease-out: cubic-bezier(0,0,.2,1);--ease-spring: cubic-bezier(.34,1.56,.64,1);--transition-fast: var(--dur-fast) var(--ease-standard);--transition-normal: var(--dur) var(--ease-standard);--transition-slow: var(--dur-slow) var(--ease-standard);--transition-slower: var(--dur-slower) var(--ease-standard);--transition-spring: var(--dur) var(--ease-spring);--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-header: 300;--z-overlay: 400;--z-modal: 500;--z-toast: 600;--focus-ring: 0 0 0 3px color-mix(in srgb, var(--primary) 33%, var(--bg-body));--header-height: 72px;--footer-height: 40px;--promo-height: 44px;--safe-bottom: env(safe-area-inset-bottom, 0);}[data-theme="dark"] {color-scheme: dark;--primary: #14a073;--primary-hover: #1ab684;--primary-active: #0e8a60;--primary-soft: rgba(20, 160, 115, 0.15);--secondary: #cfd6e1;--secondary-hover: #e3e8f0;--secondary-soft: #232a36;--accent: #e3b35e;--accent-hover: #efc777;--accent-soft: rgba(227, 179, 94, 0.15);--success-bg: rgba(22, 163, 74, 0.15);--danger-bg: rgba(239, 68, 68, 0.15);--warning-bg: rgba(245, 158, 11, 0.15);--info-bg: rgba(26, 159, 212, 0.15);--bg-body: #0b0f15;--bg-soft: #11161f;--bg-muted: #161d28;--bg-surface: #131922;--bg-surface-raised: #1a212d;--bg-code: #060a10;--text-heading: #f1f4f8;--text-body: #c1c8d2;--text-soft: #9aa3b1;--text-muted: #6b7585;--text-invert: #0b0f15;--text-on-primary: #ffffff;--border-color: rgba(255, 255, 255, 0.08);--border-strong: rgba(255, 255, 255, 0.16);--hero-gradient: radial-gradient(1200px 600px at 100% -10%, rgba(20, 160, 115, 0.18), transparent 60%), radial-gradient(800px 400px at 0% 100%, rgba(227, 179, 94, 0.10), transparent 60%);--input-bg: #131922;--input-border: 1px solid rgba(255, 255, 255, 0.12);--input-focus-shadow: 0 0 0 4px rgba(20, 160, 115, 0.25);--shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.4);--shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.4);--shadow: 0 8px 24px rgba(0, 0, 0, 0.4);--shadow-md: var(--shadow);--shadow-lg: 0 18px 40px rgba(0, 0, 0, 0.5);--shadow-xl: 0 30px 60px rgba(0, 0, 0, 0.55);--shadow-glow: 0 18px 50px rgba(20, 160, 115, 0.30);}}@layer reset {html, :host{scroll-behavior: smooth;scrollbar-width: thin;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent;tab-size: 4;}html *{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}*, *::before, *::after{-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;}::-webkit-scrollbar {width: 10px;height: 10px }::-webkit-scrollbar-track {background: 0 0 }::-webkit-scrollbar-thumb {}::selection{background-color: var(--selection-bg, var(--dark, #333));color:var(--selection-color,#fff);text-shadow: none;}:focus-visible {outline: 2px solid var(--primary);outline-offset: 2px;border-radius: 4px;}:focus:not(:focus-visible) {outline: none;box-shadow: none;}[tabindex="-1"]:focus {outline: 0 !important;}a, a:is(:hover, :focus) {text-decoration:none;}abbr:where([title]) {-webkit-text-decoration: underline dotted;text-decoration: underline dotted }b, strong {font-weight: 700;}button, [type="button"], [type="reset"], [type="submit"], [role="button"] {-webkit-appearance: button;width: auto;border: 0;background: none;color: inherit;font: inherit;cursor: pointer;}button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled){cursor: pointer;}button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner{padding: 0;border-style: none;}caption{padding-top: 0.85rem;padding-bottom: 0.85rem;color: #6c757d;text-align: left;caption-side: bottom;}dialog{padding: 0;border: none;}menu, ol, ul{list-style: none }input{vertical-align: middle;}input:is([type="email"], [type="number"], [type="file"]){direction: ltr;}::file-selector-button {appearance: button;box-sizing: border-box;border: 0 solid;margin: 0;padding: 0;margin-inline-end: 4px;}:where(select:is([multiple], [size])) optgroup {font-weight: bolder }:where(select:is([multiple], [size])) optgroup option {padding-inline-start: 20px }textarea{overflow: auto;resize: vertical;}hr{height: 0;border-bottom: var(--border);}img, svg, video, picture, canvas, audio, iframe, embed, object {vertical-align: middle;display: inline-block;}img, picture, video, iframe {max-width: 100%;border-style: none;}img:is([sizes="auto" i], [sizes^="auto," i]) {contain-intrinsic-size: 3000px 1500px }svg{overflow: hidden;}code, kbd, samp, pre {font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-feature-settings: normal;font-variation-settings: normal;font-size: 1em;direction: ltr;text-align: left;text-shadow: none !important;}progress{vertical-align: baseline;}small{display: block;font-size: var(--fs-sm, .75rem);}sub, sup {vertical-align: baseline;font-size: 75%;line-height: 0;position: relative }sub {bottom: -.25em }sup {top: -.5em }summary {display: list-item }table {text-indent: 0;border-color: inherit;border-collapse: collapse;}template {display: none;}input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}input[type=number] {-webkit-appearance: textfield;-moz-appearance: textfield;appearance: textfield;}input[type="date"], input[type="time"]{direction: ltr !important;}input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {-webkit-appearance: listbox;}input[type="search"] {outline-offset: -2px;-webkit-appearance: none;}input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}[dir="rtl"] .air-datepicker-nav{flex-direction: row-reverse;}.selectize-dropdown .optgroup-header{font-weight: 700;}.selectize-input {display: inline-block;width: 100%;position: relative;z-index: 1;min-height: var(--input-height, 40px);padding: var(--input-padding, 10px);color: var(--input-color, var(--text-heading, #6c757d));background-color: var(--input-bg, #fff);font-family: Tahoma;font-size: 16px;border: var(--input-border, var(--border));box-shadow: var(--input-shadow, initial);border-radius: var(--input-radius);outline: 0;}.selectize-input, .selectize-control.single .selectize-input.input-active {background: var(--input-bg, #fff);}.selectize-dropdown, .selectize-input, .selectize-input input{line-height: inherit;}.selectize-dropdown, .selectize-input, .selectize-input input, .selectize-input input:focus{height: auto !important;box-shadow: none !important;}.selectize-control.multi .selectize-input>div{background: var(--primary, #f2f2f2);color: #fff;font-size: .95rem;border-radius: var(--input-radius, 3px);}.ck.ck-editor__main>.ck-editor__editable{min-height: 100px;}.tagify {width: 100%;max-width: 700px;}.tags-look .tagify__dropdown__item {display: inline-block;border-radius: 3px;padding: 0.3em 0.5em;border: 1px solid #CCC;background: #F3F3F3;margin: 0.2em;font-size: 0.85em;color: black;transition: 0s;}.tags-look .tagify__dropdown__item--active {color: black;}.tags-look .tagify__dropdown__item:hover {background: lightyellow;border-color: gold;}@media (prefers-reduced-motion: reduce) {*, *::before, *::after {animation-duration: 0.001ms !important;animation-iteration-count: 1 !important;transition-duration: 0.001ms !important;scroll-behavior: auto !important;}[data-reveal] {opacity: 1;transform: none;filter: blur(0);}}@media (prefers-reduced-motion: no-preference) {:root {scroll-behavior: smooth;}}::-webkit-input-placeholder{text-align: start;}::placeholder{text-align: start;opacity: 1;}[dir="ltr"]::placeholder, [data-placeholder-left]::placeholder{text-align: left;}[dir="rtl"]::placeholder, [data-placeholder-right]::placeholder{text-align: right;}[data-placeholder-center]::placeholder{text-align: center;}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {::placeholder {color: currentColor }@supports (color:color-mix(in lab, red, red)) {::placeholder {color: color-mix(in oklab, currentcolor 50%, transparent) }}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{width:5px;background:#ddd;box-shadow: inset 0 0 2px rgb(0 0 0 / 7%);border-radius:1rem;}::-webkit-scrollbar-thumb{width:1em;background:#777;border-radius:1rem;opacity: .5;}.darkMode ::-webkit-scrollbar-track{background: #101010;}.darkMode ::-webkit-scrollbar-thumb{background: #555;}}@layer layout {html, body{font: var(--fs-base, 16px) / var(--line-height, 1.6) var(--font-body, var(--font-heading)), system-ui, Tahoma, Arial, sans-serif;font-weight: 400;width: 100%;min-height: 100%;overflow-x: clip;color: var(--text-body, #333);background: var(--bg-body, #fff);}body *{scroll-margin-top: calc(var(--promo-height, 0px) + var(--header-height, 0px));}body{-webkit-font-smoothing: antialiased;min-height: 100vh;min-height: 100dvh;}a{color: var(--text-link, #1890ff);transition: color var(--transition-fast);}a:is(:hover, :focus, :active){color: var(--text-link-hover, #0069cc);}.container{width: 100%;width: min(100% - 40px, var(--container));margin: 0 auto;}@media (min-width: 768px) {.container {width: min(100% - 64px, var(--container)) }}@media (min-width:1600px) {:root {--container: 1400px }}.dir-rtl{direction: rtl;text-align: right;}.dir-ltr{direction: ltr;text-align: left;}.pointer{cursor: pointer;}.italic {font-style:italic;}.underline{text-decoration: underline;}.overflow-hidden {overflow: hidden !important;}.relative{position: relative;z-index: 1;}.sticky{position: sticky;top: calc(var(--header-height, 0px) + var(--promo-height, 0px));z-index: 1;}.fixed {position: fixed;}.static {position: static;}.inl-blk{display: inline-block;}.d-block{display: block;}p + p{margin-top: var(--spacing);}.skip-link {position: absolute;inset-inline-start: -9999px;top: 0;background: var(--primary);color: #fff;padding: 12px 18px;z-index: 9999;border-radius: 0 0 var(--radius) 0;font-weight: 600;}.skip-link:focus {inset-inline-start: 0;}.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{display: block;margin-top: 0;margin-bottom: var(--space-3);font-size: 40px;font-family: var(--font-heading);font-weight: var(--font-bold, 700);line-height: 1.3;color: var(--text-heading, #222);}h2, .h2{font-size: 32px;}h3, .h3{font-size: 24px;}h4, .h4{font-size: 20px;line-height: 1.5;}h5, .h5, h6, .h6 {font-size: var(--fs-base, 16px);line-height: 1.5;}@media (width < 480px) {h2, .h2{font-size: 24px;}h3, .h3{font-size: 20px;}h4, .h4{font-size: 18px;}}#overlay{position: fixed;inset: 0;z-index: 940;background: rgb(0 0 0 / 60%);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);}.section {position: relative;padding-block: var(--space-16);border-bottom: var(--border);}.section-alt {background: var(--bg-soft);}.section-head {max-width: 720px;margin-bottom: var(--space-8);}.section-head-row {display: flex;align-items: end;justify-content: space-between;flex-wrap: wrap;gap: 24px;max-width: none;}.section-eyebrow {display: inline-flex;align-items: center;gap: 8px;font-size: var(--fs-xs);font-weight: 700;text-transform: uppercase;letter-spacing: 0.12em;color: var(--primary);background: var(--primary-soft);padding: 6px 12px;border-radius: var(--radius-pill);margin-bottom: 16px;}.section-title {margin-bottom: 12px;}.section-lede {color: var(--text-soft);font-size: var(--fs-lg);max-width: 64ch;}@media (width < 768px) {.section {padding-block: var(--space-12);}}}@layer utilities {.primary{--color: var(--primary);--color-hover: var(--primary-hover, color-mix(in srgb, var(--primary) 80%, transparent));}.secondary{--color: var(--secondary);--color-hover: var(--secondary-hover, color-mix(in srgb, var(--secondary) 80%, transparent));}.success{--color: var(--success);--color-hover: var(--success-hover, color-mix(in srgb, var(--success) 80%, transparent));}.info{--color: var(--info);--color-hover: var(--info-hover, color-mix(in srgb, var(--info) 80%, transparent));}.warning{--color: var(--warning);--color-hover: var(--warning-hover, color-mix(in srgb, var(--warning) 80%, transparent));}.danger{--color: var(--danger);--color-hover: var(--danger-hover, color-mix(in srgb, var(--danger) 80%, transparent));}.muted{--color: var(--text-muted);--color-hover: var(--text-soft, color-mix(in srgb, var(--text-muted) 80%, transparent));}.light{--color: var(--light);--color-hover: var(--light-hover, color-mix(in srgb, var(--light) 80%, transparent));}.dark{--color: var(--dark);--color-hover: var(--dark-hover, color-mix(in srgb, var(--dark) 80%, transparent));}.white{--color: var(--white);--color-hover: var(--white-hover, color-mix(in srgb, var(--white) 80%, var(--black)));}[class*="bg-"]{--text-color: var(--color, var(--white));color: var(--text-color) !important;background-color: var(--bg-color, var(--primary)) !important;}[class*="bg-white"]{--text-color: var(--color, var(--text-body));color: var(--text-color) !important;}[class*="bg-"]:is(a, button):is(:hover, :focus, :active){background-color: color-mix(in srgb, var(--bg-color) 80%, white) !important;}[class*="bg-"]:is(a, button):is([disabled], .disabled){background-color: color-mix(in srgb, var(--bg-color) 60%, white) !important;}.bg-body{--text-color: var(--color, var(--text-body));--bg-color: var(--bg-body) !important;}.bg-surface{--text-color: var(--color, var(--text-body));--bg-color: var(--bg-surface) !important;}.bg-ghost {--color: var(--text-soft);--bg-color: var(--bg-soft);}.bg-white{--bg-color: var(--white) !important;}.bg-black{--bg-color: var(--black) !important;}.bg-transparent{--bg-color: transparent !important;}.bg-primary{--bg-color: var(--primary) !important;}.bg-secondary{--bg-color: var(--secondary) !important;}.bg-success {--bg-color: var(--success) !important;}.bg-warning {--bg-color: var(--warning) !important;}.bg-danger {--bg-color: var(--danger) !important;}.bg-info {--bg-color: var(--info) !important;}.bg-muted{--bg-color: var(--bg-muted) !important;}.bg-light {--bg-color: var(--light) !important;}.bg-dark {--bg-color: var(--dark) !important;}.bg-soft{--color: var(--bg-color, var(--primary));--bg-soft: color-mix(in srgb, var(--bg-color, var(--primary)) 15%, transparent);color: color-mix(in srgb, var(--color) 80%, #000) !important;background-color: var(--bg-soft) !important;}.bg-striped{background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-size: 0.625rem 0.625rem;}.bg-striped.animated{-webkit-animation: animated-stripes 0.5s linear infinite;animation: animated-stripes 0.5s linear infinite;}@-webkit-keyframes animated-stripes{from{background-position: 0.625rem 0;}to{background-position: 0 0;}}@keyframes animated-stripes{from {background-position: 0.625rem 0;}to {background-position: 0 0;}}.bg-gradient{--bg-color: var(--primary);background: var(--primary-grade);}.BG-ai-insight {--mask: linear-gradient(135deg, #2563eb, #06b6d4);display: flex;flex-flow: row wrap;justify-content: center;align-items: center;gap: var(--space-2);position: relative;z-index: 1;background: linear-gradient(135deg, rgba(37, 99, 235, 0.08), rgba(6, 182, 212, 0.06));border: 1px solid rgba(37, 99, 235, 0.20);overflow: hidden;}.BG-ai-insight::after {content: '';position: absolute;inset-block-start: -30px;inset-inline-end: -30px;z-index: -1;width: 100px;height: 100px;background: radial-gradient(circle, rgba(37, 99, 235, 0.15) 0%, transparent 70%);border-radius: 50%;}.BG-ai-insight > div{flex: 1;}.BG-ai-insight > i{margin: 0;}.font-xs{font-size: var(--fs-xs);}.font-sm{font-size: var(--fs-sm);}.font-md{font-size: var(--fs-md);}.font-lg{font-size: var(--fs-lg);}.font-xl{font-size: var(--fs-xl);}.font-2xl{font-size: var(--fs-2xl);}.font-3xl{font-size: var(--fs-3xl);}.font-4xl{font-size: var(--fs-4xl);}.font-5xl{font-size: var(--fs-5xl);}.font-300{font-weight: 300 !important;}.font-400{font-weight: 400 !important;}.font-500{font-weight: 600 !important;}.font-600{font-weight: 600 !important;}.font-700{font-weight: 700 !important;}.font-800{font-weight: 800 !important;}.font-900{font-weight: 900 !important;}.font-mono{font-family: var(--font-mono);}.p-0{padding: 0 !important;}.p-1{padding: 4px !important;}.p-2{padding: 8px !important;}.p-3{padding: 16px !important;}.p-4{padding: 24px !important;}.p-5{padding: 32px !important;}.p-6{padding: 48px !important;}.px-0{padding-right: 0 !important;padding-left: 0 !important;}.px-1{padding-right: 4px !important;padding-left: 4px !important;}.px-2{padding-right: 8px !important;padding-left: 8px !important;}.px-3{padding-right: 16px !important;padding-left: 16px !important;}.px-4{padding-right: 24px !important;padding-left: 24px !important;}.px-5{padding-right: 32px !important;padding-left: 32px !important;}.px-6{padding-inline: 48px !important;}.py-0{padding-top: 0 !important;padding-bottom: 0 !important;}.py-1{padding-top: 4px !important;padding-bottom: 4px !important;}.py-2{padding-top: 8px !important;padding-bottom: 8px !important;}.py-3{padding-top: 16px !important;padding-bottom: 16px !important;}.py-4{padding-top: 24px !important;padding-bottom: 24px !important;}.py-5{padding-top: 32px !important;padding-bottom: 32px !important;}.py-6{padding-block: 48px !important;}.pr-0{padding-right: 0 !important;}.pr-1{padding-right: 4px !important;}.pr-2{padding-right: 8px !important;}.pr-3{padding-right: 16px !important;}.pr-4{padding-right: 24px !important;}.pr-5{padding-right: 32px !important;}.pl-0{padding-left: 0 !important;}.pl-1{padding-left: 4px !important;}.pl-2{padding-left: 8px !important;}.pl-3{padding-left: 16px !important;}.pl-4{padding-left: 24px !important;}.pl-5{padding-left: 32px !important;}.pt-0{padding-top: 0 !important;}.pt-1{padding-top: 4px !important;}.pt-2{padding-top: 8px !important;}.pt-3{padding-top: 16px !important;}.pt-4{padding-top: 24px !important;}.pt-5{padding-top: 32px !important;}.pt-6{padding-top: 48px !important;}.pb-0{padding-bottom: 0 !important;}.pb-1{padding-bottom: 4px !important;}.pb-2{padding-bottom: 8px !important;}.pb-3{padding-bottom: 16px !important;}.pb-4{padding-bottom: 24px !important;}.pb-5{padding-bottom: 32px !important;}.pb-6{padding-bottom: 48px !important;}.ps-0{padding-inline-start: 0 !important;}.ps-1{padding-inline-start: 4px !important;}.ps-2{padding-inline-start: 8px !important;}.ps-3{padding-inline-start: 16px !important;}.ps-4{padding-inline-start: 24px !important;}.ps-5{padding-inline-start: 32px !important;}.ps-6{padding-inline-start: 48px !important;}.pe-0{padding-inline-end: 0 !important;}.pe-1{padding-inline-end: 4px !important;}.pe-2{padding-inline-end: 8px !important;}.pe-3{padding-inline-end: 16px !important;}.pe-4{padding-inline-end: 24px !important;}.pe-5{padding-inline-end: 32px !important;}.pe-6{padding-inline-end: 48px !important;}.m-0{margin: 0 !important;}.m-1{margin: 4px !important;}.m-2{margin: 8px !important;}.m-3{margin: 16px !important;}.m-4{margin: 24px !important;}.m-5{margin: 32px !important;}.m-6{margin: 48px !important;}.m-auto{margin: auto !important;}.mx-0{margin-right: 0 !important;margin-left: 0 !important;}.mx-1{margin-right: 4px !important;margin-left: 4px !important;}.mx-2{margin-right: 8px !important;margin-left: 8px !important;}.mx-3{margin-right: 16px !important;margin-left: 16px !important;}.mx-4{margin-right: 24px !important;margin-left: 24px !important;}.mx-5{margin-right: 32px !important;margin-left: 32px !important;}.mx-6{margin-right: 48px !important;margin-left: 48px !important;}.mx-auto{margin-right: auto !important;margin-left: auto !important;}.my-0{margin-top: 0 !important;margin-bottom: 0 !important;}.my-1{margin-top: 4px !important;margin-bottom: 4px !important;}.my-2{margin-top: 8px !important;margin-bottom: 8px !important;}.my-3{margin-top: 16px !important;margin-bottom: 16px !important;}.my-4{margin-top: 24px !important;margin-bottom: 24px !important;}.my-5{margin-top: 32px !important;margin-bottom: 32px !important;}.my-6{margin-top: 48px !important;margin-bottom: 48px !important;}.my-auto{margin-top: auto !important;margin-bottom: auto !important;}.mt-0{margin-top: 0 !important;}.mt-1{margin-top: 4px !important;}.mt-2{margin-top: 8px !important;}.mt-3{margin-top: 16px !important;}.mt-4{margin-top: 24px !important;}.mt-5{margin-top: 32px !important;}.mt-6{margin-top: 48px !important;}.mt-auto{margin-top: auto !important;}.mb-0{margin-bottom: 0 !important;}.mb-1{margin-bottom: 4px !important;}.mb-2{margin-bottom: 8px !important;}.mb-3{margin-bottom: 16px !important;}.mb-4{margin-bottom: 24px !important;}.mb-5{margin-bottom: 32px !important;}.mb-6{margin-bottom: 48px !important;}.mb-auto{margin-bottom: auto !important;}.ms-0{margin-inline-start: 0 !important;}.ms-1{margin-inline-start: 4px !important;}.ms-2{margin-inline-start: 8px !important;}.ms-3{margin-inline-start: 16px !important;}.ms-4{margin-inline-start: 24px !important;}.ms-5{margin-inline-start: 32px !important;}.ms-6{margin-inline-start: 48px !important;}.ms-auto{margin-inline-start: auto !important;}.me-0{margin-inline-end: 0 !important;}.me-1{margin-inline-end: 4px !important;}.me-2{margin-inline-end: 8px !important;}.me-3{margin-inline-end: 16px !important;}.me-4{margin-inline-end: 24px !important;}.me-5{margin-inline-end: 32px !important;}.me-6{margin-inline-end: 48px !important;}.me-auto{margin-inline-end: auto !important;}[class*="line-clamp-"] {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}.line-clamp-2{-webkit-line-clamp: 2;line-clamp: 2;}.line-clamp-4{-webkit-line-clamp: 4;line-clamp: 4;}.line-clamp-5{-webkit-line-clamp: 5;line-clamp: 5;}.line-clamp-6{-webkit-line-clamp: 6;line-clamp: 6;}.text-wrap{white-space: normal !important;}.text-balance{text-wrap: balance;}.text-uppercase{text-transform: uppercase !important;}.text-lowercase{text-transform: lowercase !important;}.text-capitalize{text-transform: capitalize !important;}.text-left{text-align: left !important;}.text-right{text-align: right !important;}.text-start{text-align: start !important;}.text-end{text-align: end !important;}.text-center, .center{text-align: center !important;}.center::-webkit-input-placeholder{text-align: center;}.center::placeholder{text-align: center;}.text-primary{color: var(--primary) !important;}.text-secondary{color: var(--secondary) !important;}.text-success{color: var(--success) !important;}.text-warning{color: var(--warning) !important;}.text-danger{color: var(--danger) !important;}.text-info{color: var(--info) !important;}.text-dark{color: var(--dark) !important;}.text-gray{color: var(--gray) !important;}.text-white{color: var(--white) !important;}.text-heading{color: var(--text-heading) !important;}.text-body{color: var(--text-body) !important;}.text-soft{color: var(--text-soft) !important;}.text-muted{color: var(--text-muted) !important;opacity: var(--text-muted-opacity, 1) !important;}.text-gradient{--gradient: var(--text-gradient, linear-gradient(135deg, var(--primary), var(--secondary)));--mask: var(--gradient);background: var(--gradient);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;text-fill-color: transparent;}.text-overflow, .ellipsis{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.text-overflow:is(b, strong, i, span), .ellipsis:is(b, strong, i, span){display: inline-block;vertical-align: middle;}.hidden{display: none !important;}.float-right{float: right !important;}.float-left{float: left !important;}.float-start{float: inline-start;}.float-end{float: inline-end;}.float-none{float: none !important;}.clear::after, .clearfix::after{display: block;content: "";clear: both;}.flex, .center-content, .center-items {display: flex !important;justify-content: space-between;flex-flow: row wrap;align-items: flex-start;align-content: flex-start;}.flex-inline, .inline-flex{display: inline-flex !important;}.flex.column, .center-content {flex-flow: column !important;}.flex.column-reverse {flex-flow: column-reverse;}.flex-row{flex-direction: row !important;}.flex.row-reverse {flex-flow: row-reverse;}.flex.hidden{display: none !important;}.flex-1{flex: 1 !important;}.space-evenly {justify-content: space-evenly !important;}.flex-center, .center-content {justify-content: center !important;}.flex-end {justify-content: flex-end !important;}.flex-start {justify-content: flex-start !important;}.center-content, .center-items {align-items: center !important;}.flex-last {margin-inline-start: auto;}.grow-1 {flex-grow: 1;}.grow-2 {flex-grow: 2;}.align-items-start, .items-start {align-items: flex-start !important;}.align-items-end, .items-end {align-items: flex-end !important;}.align-items-center, .items-center {align-items: center !important;}.align-items-baseline, .items-baseline {align-items: baseline !important;}.align-items-stretch, .flex-strech {align-items: stretch !important;}.grid, [class*="grid-"], [class*="-grid"] {display: grid }.grid-rows-2 {grid-template-rows: repeat(2, minmax(0, 1fr)) }.grid-rows-3 {grid-template-rows: repeat(3, minmax(0, 1fr)) }.grid-rows-4 {grid-template-rows: repeat(4, minmax(0, 1fr)) }.grid-rows-5 {grid-template-rows: repeat(5, minmax(0, 1fr)) }.grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr)) }.grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr)) }.grid-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr)) }.grid-cols-5 {grid-template-columns: repeat(5, minmax(0, 1fr)) }.gap-0 {--gap: 0 }.gap-0\.25 {--gap: calc(var(--space-4)*.25) }.gap-0\.5 {--gap: calc(var(--space-4)*.5) }.gap-0\.75 {--gap: calc(var(--space-4)*.75) }.gap-1 {--gap: calc(var(--space-4)*1) }.gap-1\.5 {--gap: calc(var(--space-4)*1.5) }.gap-2 {--gap: calc(var(--space-4)*2) }.gap-2\.5 {--gap: calc(var(--space-4)*2.5) }.gap-3 {--gap: calc(var(--space-4)*3) }.gap-4 {--gap: calc(var(--space-4)*4) }.gap-5 {--gap: calc(var(--space-4)*5) }.gap-6 {--gap: calc(var(--space-4)*6) }.gap-space-1 {--gap: var(--space-1);}.gap-space-2 {--gap: var(--space-2);}.gap-space-3 {--gap: var(--space-3);}.gap-space-4 {--gap: var(--space-4);}.gap-space-6 {--gap: var(--space-6);}.gap-space-8 {--gap: var(--space-8);}[class*="gap-"]:not([class*="row-gap-"], [class*="column-gap-"], .row) {gap: var(--gap) !important;}.row-gap-0\.25 {--row-gap: calc(var(--space-4)*.25) }.row-gap-0\.5 {--row-gap: calc(var(--space-4)*.5) }.row-gap-0\.75 {--row-gap: calc(var(--space-4)*.75) }.row-gap-1 {--row-gap: calc(var(--space-4)*1) }.row-gap-1\.5 {--row-gap: calc(var(--space-4)*1.5) }.row-gap-2 {--row-gap: calc(var(--space-4)*2) }.row-gap-2\.5 {--row-gap: calc(var(--space-4)*2.5) }.row-gap-3 {--row-gap: calc(var(--space-4)*3) }.row-gap-4 {--row-gap: calc(var(--space-4)*4) }.row-gap-5 {--row-gap: calc(var(--space-4)*5) }.row-gap-6 {--row-gap: calc(var(--space-4)*6) }[class*="row-gap-"] {row-gap: var(--row-gap);}.col-gap-0\.25 {--col-gap: calc(var(--space-4)*.25) }.col-gap-0\.5 {--col-gap: calc(var(--space-4)*.5) }.col-gap-0\.75 {--col-gap: calc(var(--space-4)*.75) }.col-gap-1 {--col-gap: calc(var(--space-4)*1) }.col-gap-1\.5 {--col-gap: calc(var(--space-4)*1.5) }.col-gap-2 {--col-gap: calc(var(--space-4)*2) }.col-gap-2\.5 {--col-gap: calc(var(--space-4)*2.5) }.col-gap-3 {--col-gap: calc(var(--space-4)*3) }.col-gap-4 {--col-gap: calc(var(--space-4)*4) }.col-gap-5 {--col-gap: calc(var(--space-4)*5) }.col-gap-6 {--col-gap: calc(var(--space-4)*6) }[class*="col-gap-"] {column-gap: var(--col-gap);}.width25{width: 24.25%;width: -webkit-calc(25% - .75rem);width: calc(25% - .75rem);}.width33{width: 33%;width: -webkit-calc(33.3% - .75rem);width: calc(33.3% - .75rem);}.width50{width: 49.5%;width: -webkit-calc(50% - .75rem);width: calc(50% - .75rem);}.width66{width: 66%;width: -webkit-calc(66.7% - .75rem);width: calc(66.7% - .75rem);}.width67{width: 67%;width: -webkit-calc(67% - .75rem);width: calc(67% - .75rem);}.width75{width: 74%;width: -webkit-calc(75% - .75rem);width: calc(75% - .75rem);}.width100{width: 100% !important;}.width-auto{width: auto !important;}.width40{width: 40% }.width60{width: 60% }.height100{height: 100%;}.height100vh{height: 100vh;}.mnw-200{min-width: min(200px, 100%);}.mnw-250{min-width: min(250px, 100%);}.mnw-300{min-width: min(300px, 100%);}.mnw-400{min-width: min(400px, 100%);}.mnw-500{min-width: min(500px, 100%);}.mnw-600{min-width: min(600px, 100%);}.mnw-700{min-width: min(700px, 100%);}.mnw-800{min-width: min(800px, 100%);}.mnw-900{min-width: min(900px, 100%);}.mnw-1000{min-width: min(1000px, 100%);}.mxw-200{max-width: min(200px, 100%);}.mxw-250{max-width: min(250px, 100%);}.mxw-300{max-width: min(300px, 100%);}.mxw-400{max-width: min(400px, 100%);}.mxw-500{max-width: min(500px, 100%);}.mxw-600{max-width: min(600px, 100%);}.mxw-700{max-width: min(700px, 100%);}.mxw-800{max-width: min(800px, 100%);}.mxw-900{max-width: min(900px, 100%);}.mxw-1000{max-width: min(1000px, 100%);}.mxw-1100{max-width: min(1100px, 100%);}@media (width < 450px) {.mxw-200, .mxw-250, .mxw-300, .mxw-400{max-width: unset;}}@media (width < 550px) {.mxw-500{max-width: unset;}}@media (width < 650px) {.mxw-600{max-width: unset;}}@media (width < 768px) {.mxw-700, .mxw-sm-unset{max-width: unset;}}@media (width < 992) {.mxw-800, .mxw-md-unset{max-width: unset;}}@media (width < 1200) {.mxw-lg-unset{max-width: unset;}}.aspect-square, .aspect-1-1 {aspect-ratio: 1 / 1;}.aspect-video, .aspect-16-9 {aspect-ratio: 16 / 9;}.aspect-4-3 {aspect-ratio: 4 / 3;}.aspect-3-2 {aspect-ratio: 3 / 2;}.aspect-2-1 {aspect-ratio: 2 / 1;}.bordered{border: var(--border);}.bordered.bg-soft{border-color: color-mix(in oklab,var(--bg-color)25%,transparent);}.border-strong{border: 1px solid var(--border-strong);}.no-border, .border-0{border: none !important;}.rounded{border-radius: var(--radius-pill) !important;}.rounded-0{border-radius: 0 !important;}.rounded-sm{border-radius: var(--radius-sm);}.rounded-md{border-radius: var(--radius-md);}.rounded-lg{border-radius: var(--radius-lg);}.rounded-xl{border-radius: var(--radius-xl);}.divider {display: flex;align-items: center;gap: 16px;margin: 24px 0;color: var(--text-muted);font-size: var(--fs-sm);font-weight: 500;}.divider::before, .divider::after {content: '';flex: 1;height: 1px;background: var(--border-color);}@media screen{[data-print-show]{display: none;}}@media print{.container{width: 100%;max-width: 100%;}[data-print-hide], [aria-hidden="true"]{display: none !important;}[data-print-show]{display: initial !important;}*, *::before, *::after{box-shadow: none !important;text-shadow: none !important;}}i[class*="mi-"]{display: inline-flex;justify-content: center;align-items: center;vertical-align: middle;font-size: 1.2em;line-height: 1;--icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgdmlld0JveD0iMCAwIDY0IDY0Ij48bGluZWFyR3JhZGllbnQgaWQ9InBsLTAuODYiIHgxPSIwIiB4Mj0iMSIgeTE9IjAiIHkyPSIwIj48c3RvcCBzdG9wLWNvbG9yPSIjZWVlIiBvZmZzZXQ9IjAiPjwvc3RvcD48c3RvcCBzdG9wLWNvbG9yPSIjYWFhIiBvZmZzZXQ9IjEiPjwvc3RvcD48L2xpbmVhckdyYWRpZW50PjxjaXJjbGUgY3g9IjMyIiBjeT0iMzIiIHI9IjMwIiBmaWxsPSJ1cmwoI3BsLTAuODYpIi8+PC9zdmc+");--size: var(--icon-size, 1em);}i[class*="mi-"]:first-child:not(:last-child), i[class*="mi-"]:not(:first-child, :last-child) {margin-inline-end: .2em;}i[class*="mi-"]:last-child:not(:first-child){margin-inline-start: .2em;}i[class*="mi-"]::before{display: inline-block;width: var(--size);height: var(--icon-height, var(--size));content: "";vertical-align: middle;background: var(--icon) center;background-size: 100% 100%;}@supports (mask-image: none) {i[class*="mi-"][data-m]::before, a:not(:hover, :focus, .active) i[class*="mi-"][data-mnh]:not(:hover, :focus, :active)::before, :not(a) > i[class*="mi-"][data-mnh]:not(:hover, :focus, :active)::before{background: var(--mask, currentColor);-webkit-mask-position: center;mask-position: center;-webkit-mask-size: 100% 100%;mask-size: 100% 100%;-webkit-mask-image: var(--icon);mask-image: var(--icon);}i[class*="mi-"]:is([data-m], [data-mh]):is(:hover, :focus)::before, a:is(:hover, :focus, .active) i[class*="mi-"][data-mh]::before, .circle-bg-icon:is(:hover, :focus) > i[class*="mi-"][data-mh]::before{background: var(--mask-hover, var(--mask, currentColor));-webkit-mask-position: center;mask-position: center;-webkit-mask-size: 100% 100%;mask-size: 100% 100%;-webkit-mask-image: var(--icon);mask-image: var(--icon);}}i[class*="mi-"][data-hv]:is(:hover, :focus)::before, a:is(:hover, :focus, .active) i[class*="mi-"][data-hv]::before{--icon: var(--icon2);}}:root {--btn-icon-size: 1.1em;--btn-loading-icon: url(../../../../img/buttons/loading.svg);--btn-upload-icon: url(../../../../img/buttons/upload.svg);--btn-download-icon: url(../../../../img/buttons/download.svg);--btn-edit-icon: url(../../../../img/buttons/edit.svg);--btn-del-icon: url(../../../../img/buttons/trash.svg);--btn-print-icon: url(../../../../img/buttons/print.svg);--btn-share-icon: url(../../../../img/buttons/share.svg);--btn-check-icon: url(../../../../img/buttons/check.svg);--btn-x-icon: url(../../../../img/buttons/x.svg);--btn-cancel-icon: url(../../../../img/buttons/x.svg);--btn-copy-icon: url(../../../../img/buttons/copy.svg);--btn-copied-icon: url(../../../../img/buttons/check-check.svg);--btn-close-icon: url(../../../../img/buttons/x.svg);--btn-aside-menu-icon: url(../../../../img/buttons/menu.svg);--btn-menu-icon: url(../../../../img/buttons/menu.svg);--btn-back-icon: url(../../../../img/buttons/arrow-left.svg);--btn-next-icon: url(../../../../img/buttons/arrow-right.svg);--btn-approve-icon: url(../../../../img/buttons/check.svg);--btn-reject-icon: url(../../../../img/buttons/x.svg);--btn-sort-icon: url(../../../../img/buttons/sort.svg);--btn-sort-asc-icon: url(../../../../img/buttons/sort-asc.svg);--btn-sort-desc-icon: url(../../../../img/buttons/sort-desc.svg);--btn-rearrange-handle-icon: url(../../../../img/buttons/grip-vertical.svg);--btn-move-up-icon: url(../../../../img/buttons/move-up.svg);--btn-move-down-icon: url(../../../../img/buttons/move-down.svg);--btn-table-view-icon: url(../../../../img/buttons/list.svg);--btn-grid-view-icon: url(../../../../img/buttons/layout-grid.svg);--btn-barcode-icon: url(../../../../img/buttons/barcode.svg);--btn-map-location-icon: url(../../../../img/buttons/map-location.svg);--btn-gps-icon: url(../../../../img/buttons/locate-fixed.svg);--btn-cart-icon: url(../../../../img/buttons/shopping-cart.svg);}.btn {--bg-color: var(--primary, #0078d4);--bg-color-hover: var(--primary-hover, var(--primary));--text-color: var(--on-primary, #fff);--text-hover: var(--on-primary, #fff);display: inline-flex;justify-content: center;align-items: center;gap: 10px;width: fit-content;min-height: 48px;padding: 12px 16px;font-family: var(--input-font-family, var(--font-body, var(--font-heading)));font-size: 0.9375rem;font-weight: 600;line-height: 1.5;color: var(--text-color);text-align: center;text-decoration: none;vertical-align: middle;box-shadow: 0 8px 20px -6px #375dff73;box-shadow: 0 8px 20px -6px color-mix(in srgb, var(--bg-color) 45%, transparent 100%);border-radius: var(--input-radius);background-color: var(--bg-color);cursor: pointer;user-select: none;touch-action: manipulation;will-change: transform;transition: all var(--transition-fast, 0.15s cubic-bezier(0.3, 0, 0, 1));isolation: isolate;overflow: hidden;& svg {width: var(--svg-size, var(--btn-icon-size));height: var(--svg-size, var(--btn-icon-size));transition: transform var(--transition-fast);}}a.btn{color: var(--text-color);}.btn:focus-visible {outline: 2px solid var(--primary);outline-offset: 2px;}[class*=btn-]:not(.disabled, :disabled){cursor: pointer;}.btn i, .btn i::before {--icon-size: var(--btn-icon-size, 1.1em);transition: all var(--transition-fast, 0.15s cubic-bezier(0.3, 0, 0, 1));}.btn i {vertical-align: middle;margin-inline-end: 0 !important;}.btn i[data-m] {opacity: 0.9;}.btn:not(:disabled, .disabled):is(:hover, :focus, .active) i {opacity: 1;}.btn-sm {padding: 8px 14px;min-height: 36px;font-size: var(--fs-xs);}.btn-lg {padding: 14px 24px;font-size: var(--fs-base);min-height: 52px;border-radius: var(--radius-lg);}.btn-icon{padding: 6px;min-height: 32px;font-size: var(--fs-xs);}.btn-block {width: 100% !important;}.btn.outline {--text-color: var(--color, var(--primary));--text-hover: #fff;background: transparent;border: 1px solid;box-shadow: none;}.btn.outline:not(:disabled, .disabled):is(:hover, :focus, .active) {--text-color: var(--color, var(--primary));--text-hover: var(--color, var(--primary));}.btn.outline:is(:disabled, .disabled) {background: transparent;}.btn.gradient {border: 0;background: var(--primary-grade);}.btn.gradient:not(:disabled, .disabled):is(:hover, :focus, .active) {border: 0;background: var(--primary-grade-h);}.btn.secondary {--bg-color: var(--secondary);--bg-color-hover: var(--secondary-hover, var(--secondary));}.btn.danger, .btn-del, .btn-reject {--bg-color: var(--danger);--bg-color-hover: var(--danger-hover, var(--danger));}.btn.warning {--bg-color: var(--warning);--bg-color-hover: var(--warning-hover, var(--warning));}.btn.success, .btn-approve, .btn-accept, .btn-check {--bg-color: var(--success);--bg-color-hover: var(--success-hover, var(--success));}.btn.info {--bg-color: var(--info);--bg-color-hover: var(--info-hover, var(--info));}.btn.dark {--text-color: var(--light, #eee);--text-hover: var(--white, #fff);--bg-color: var(--dark);--bg-color-hover: var(--dark-hover, var(--dark-light));}.btn.light {--bg-color: var(--light, rgb(0 0 0 / 25%));--bg-color-hover: var(--light-light, var(--light), rgb(0 0 0 / 30%));--text-color: #333;--text-hover: var(--primary, #222);}.btn:not(:disabled, .disabled):is(:hover, :focus) {--bg-color: var(--bg-color-hover);color: var(--text-hover);box-shadow: 0 12px 28px -6px #375dff8c;box-shadow: 0 12px 28px -6px color-mix(in srgb, var(--bg-color) 55%, transparent 100%);transform: translateY(-1px);}.btn:active, .btn.active {transform: translateY(0);}.btn:is(:disabled, .disabled) {box-shadow: none;opacity: 0.5;cursor: not-allowed;transform: none;}.btn-del, .btn-del.outline{--text-hover: #fff;}.btn-copy::after{content: attr(data-copy);display: inline;}.btn-upload:not(.avatar, :has(i, svg))::before, :is(a, button):is( .btn-loading, .btn-download, .btn-edit, .btn-del, .btn-add, .btn-print, .btn-share, .btn-copy, .btn-close, .btn-x, .btn-cancel, .btn-check, .btn-aside-menu, .btn-menu, .btn-back, .btn-next, .btn-approve, .btn-reject, .btn-sort, .btn-sort-asc, .btn-sort-desc, .btn-rearrange-handle, .btn-move-up, .btn-move-down, .btn-table-view, .btn-grid-view, .btn-barcode, .btn-map, .btn-gps, .btn-cart ):not(:has(i, svg))::before{--icon: var(--btn-upload-icon);display: inline-block;width: var(--btn-icon-size);height: var(--btn-icon-size);content: "";vertical-align: middle;background: currentColor;-webkit-mask-position: center;mask-position: center;-webkit-mask-size: 100% 100%;mask-size: 100% 100%;-webkit-mask-image: var(--icon);mask-image: var(--icon);}:is(.btn-download)::before{--icon: var(--btn-download-icon) !important;}:is(.btn-edit)::before{--icon: var(--btn-edit-icon) !important;}:is(.btn-del)::before{--icon: var(--btn-del-icon) !important;}:is(.btn-add)::before{--icon: url(../../../../img/buttons/plus.svg) !important;}:is(.btn-print)::before{--icon: var(--btn-print-icon) !important;}:is(.btn-share)::before{--icon: var(--btn-share-icon) !important;}:is(.btn-check)::before{--icon: var(--btn-check-icon) !important;}:is(.btn-x)::before{--icon: var(--btn-x-icon) !important;}:is(.btn-cancel)::before{--icon: var(--btn-cancel-icon) !important;}:is(.btn-close)::before{--icon: var(--btn-close-icon) !important;}:is(.btn-copy)::before{--icon: var(--btn-copy-icon) !important;}:is(.btn-copy.copied)::before{--icon: var(--btn-copied-icon) !important;}.btn-copy span:empty::before{content: attr(data-copy);display: inline;}.btn-copy.copied span:empty::before{content: attr(data-copied);}.btn-copy:empty {min-height: 36px;aspect-ratio: 1/1;border-radius: 4px;--btn-icon-size: 16px;}:is(.btn-aside-menu, .btn-menu)::before{--icon: var(--btn-menu-icon) !important;}:is(.btn-back)::before{--icon: var(--btn-back-icon) !important;}:is(.btn-next)::before{--icon: var(--btn-next-icon) !important;}[dir="ltr"] :is(.btn-back)::before{--icon: var(--btn-next-icon) !important;}[dir="ltr"] :is(.btn-next)::before{--icon: var(--btn-back-icon) !important;}:is(.btn-sort)::before{--icon: var(--btn-sort-icon) !important;}:is(.btn-sort-asc)::before{--icon: var(--btn-sort-asc-icon) !important;}:is(.btn-sort-desc)::before{--icon: var(--btn-sort-desc-icon) !important;}:is(.btn-rearrange-handle)::before{--icon: var(--btn-rearrange-handle-icon) !important;}:is(.btn-move-up)::before{--icon: var(--btn-move-up-icon) !important;}:is(.btn-move-down)::before{--icon: var(--btn-move-down-icon) !important;}:is(.btn-table-view)::before{--icon: var(--btn-table-view-icon) !important;}:is(.btn-grid-view)::before{--icon: var(--btn-grid-view-icon) !important;}:is(.btn-barcode)::before{--icon: var(--btn-barcode-icon) !important;}:is(.btn-map)::before{--icon: var(--btn-map-location-icon) !important;}:is(.btn-gps)::before{--icon: var(--btn-gps-icon) !important;}:is(.btn-cart)::before{--icon: var(--btn-cart-icon) !important;}:is(.btn-approve, .btn.check)::before{--icon: var(--btn-approve-icon) !important;}:is(.btn-reject, .btn.error)::before{--icon: var(--btn-reject-icon) !important;}.btn.loading{pointer-events: none;opacity: 0.85;}.btn.loading i::before, .btn.loading:not(:has(i, svg))::before {--icon: var(--btn-loading-icon) !important;}.btn-phone{direction: ltr;text-align: left;display: inline-flex;align-items: center;gap: 8px;}.btn.ghost {--bg-color: transparent;--bg-color-hover: var(--bg-soft, var(--bg-muted, #f3f4f6));--text-color: var(--text-body);--text-hover: var(--text-heading);text-shadow: none;box-shadow: none;border: none;}.btn.ghost.inline{border: var(--input-border, 1px solid #e5e7eb);box-shadow: 0 1px 1px rgba(0, 0, 0, .04);}.btn.ghost:not(:disabled, .disabled):is(:hover, :focus, .active) {border-color: var(--text-muted);}.btn.ghost:not(:disabled, .disabled):is(.btn-del, .btn-reject) {--text-hover: var(--danger);}.btn.ghost:not(:disabled, .disabled):is(.btn-approve, .btn-check) {--text-hover: var(--success);}.btn-icon {width: 40px;height: 40px;display: grid;place-items: center;background: transparent;border: 1px solid transparent;border-radius: 10px;color: var(--text-soft);position: relative;transition: all var(--transition-fast);--icon-size: 20px;& svg {width: var(--icon-size);height: var(--icon-size);}}.btn-icon:hover {background: var(--bg-soft);color: var(--text-heading);border-color: var(--border-color);}.btn-icon-sm {width: 34px;height: 34px;--icon-size: 18px;}.btn-icon-xs {width: 28px;height: 28px;border-radius: 8px;--icon-size: 16px;}.btn.loading i::before, .btn.loading:not(:has(i, svg))::before {display: inline-block;width: var(--btn-icon-size);height: var(--btn-icon-size);content: "";vertical-align: middle;background: currentColor;-webkit-mask-position: center;mask-position: center;-webkit-mask-size: 100% 100%;mask-size: 100% 100%;-webkit-mask-image: url(../../../../img/buttons/loading.svg);mask-image: url(../../../../img/buttons/loading.svg);}.btn.white {--bg-color: var(--white);--bg-color-hover: var(--white);--text-color: var(--text-body);--text-hover: var(--primary);text-shadow: none;border: var(--input-border, 1px solid #e5e7eb);box-shadow: 0 1px 1px rgba(0, 0, 0, .04);}[data-theme="dark"] .btn.white{--text-color: var(--dark);--text-hover: var(--dark-dark, var(--dark));}.btn.white:not(:disabled, .disabled):is(.btn-del, .btn-reject) {--text-hover: var(--danger);}.btn.white:not(:disabled, .disabled):is(.btn-approve, .btn-check) {--text-hover: var(--success);}@keyframes DropDownSlideUp {0% {margin-top: 15px;}100% {margin-top: -1px;}}@keyframes dropIn {from {opacity: 0;transform: translateY(-6px) scale(0.98);}to {opacity: 1;transform: translateY(0) scale(1);}}.animate-fadeIn {animation: fadeIn .3s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1));}@keyframes fadeIn {0% {opacity: 0;transform: translateY(8px);}100% {opacity: 1;transform: translateY(0px);}}.animate-fadeOut{animation: fadeOut 1s;animation-fill-mode: forwards;animation-delay: 3s;}@keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0;}}@keyframes fadeUp {from {opacity: 0;transform: translateY(8px);}to {opacity: 1;transform: translateY(0);}}@keyframes float{0%,100%{transform: translateY(0);}50%{transform: translateY(-10px);}}@keyframes marquee {to {transform: translateX(-50%);}}.animate-marquee {display: flex;gap: 48px;animation: marquee 30s linear infinite;}[dir="rtl"] .animate-marquee:not([dir="ltr"]) {animation-direction: reverse;}.animate-marquee:hover {animation-play-state: paused;}.animate-placeholder:empty{--bg-position: -800px 0;animation: placeholder-bg 2s linear infinite;animation-fill-mode: forwards;background: linear-gradient(to var(--align2, left), #eeeeee 8%, #dddddd 18%, #eeeeee 33%);background-size: 800px 104px;}[dir="ltr"] .animate-placeholder:empty{--bg-position: 800px 0;}@keyframes placeholder-bg {100% {background-position: var(--bg-position) }}.pulse-dot {display: inline-block;width: 8px;height: 8px;border-radius: 50%;--pulse-color: var(--bg-color, var(--primary));background: var(--pulse-color);box-shadow: 0 0 0 0 color-mix(in oklab, var(--pulse-color) 70%, transparent 100%);animation: pulse 2s infinite;}@media print{.pulse-dot {display: none;}}@keyframes pulse {0% {box-shadow: 0 0 0 0 color-mix(in oklab, var(--pulse-color, var(--bg-color, var(--primary))) 70%, transparent 100%);}70% {box-shadow: 0 0 0 10px transparent;}100% {box-shadow: 0 0 0 0 transparent;}}.animate-spin {-webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;}@keyframes spin {to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}.animate-swing, .animate-hover-swing:is(:hover, :focus), a:is(:hover, :focus) .animate-hover-swing, .btn:is(:hover, :focus) .animate-hover-swing{-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;-webkit-animation: swing 1.5s ease infinite;animation: swing 1.5s ease infinite;}@keyframes swing {20% {-webkit-transform: rotate3d(0, 0, 1, 15deg);transform: rotate3d(0, 0, 1, 15deg);}40% {-webkit-transform: rotate3d(0, 0, 1, -10deg);transform: rotate3d(0, 0, 1, -10deg);}60% {-webkit-transform: rotate3d(0, 0, 1, 5deg);transform: rotate3d(0, 0, 1, 5deg);}80% {-webkit-transform: rotate3d(0, 0, 1, -5deg);transform: rotate3d(0, 0, 1, -5deg);}100% {-webkit-transform: rotate3d(0, 0, 1, 0deg);transform: rotate3d(0, 0, 1, 0deg);}}.animate-tada {animation: tada 1.5s ease infinite;}.animate-hover-tada:is(:hover, :focus), :is(a, button):is(:hover, :focus) .animate-hover-tada {animation: tada 1.5s ease infinite;animation-iteration-count: 1;}@keyframes tada {from {transform: scale3d(1, 1, 1);}10%, 20% {transform: scale3d(0.95, 0.95, 0.95) rotate3d(0, 0, 1, -10deg);}30%, 50%, 70%, 90% {transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg);}40%, 60%, 80% {transform: rotate3d(0, 0, 1, -10deg);}to {transform: scale3d(1, 1, 1);}}@keyframes zoom {0% {-webkit-transform: scale(1);transform: scale(1);}50% {-webkit-transform: scale(1.1);transform: scale(1.1);}100% {-webkit-transform: scale(1);transform: scale(1);}}@layer components {.accordion {display: flex;flex-direction: column;gap: 12px;}.acc-item {position: relative;background: var(--bg-surface);border: var(--border);border-radius: var(--radius-lg);overflow: hidden;transition: border-color var(--transition-fast);}.acc-item[open] {border-color: var(--primary);}.acc-item summary {list-style: none;cursor: pointer;padding: 20px 24px;font-weight: 600;color: var(--text-heading);display: flex;align-items: center;justify-content: space-between;gap: 16px;}.acc-item summary::-webkit-details-marker {display: none;}.acc-plus-icon {width: 28px;height: 28px;flex-shrink: 0;position: relative;border-radius: 50%;background: var(--bg-soft);transition: transform var(--transition-fast);}.acc-plus-icon::before, .acc-plus-icon::after {content: '';position: absolute;background: var(--text-soft);border-radius: 1px;top: 50%;left: 50%;transform: translate(-50%, -50%);}.acc-plus-icon::before {width: 12px;height: 2px;}.acc-plus-icon::after {width: 2px;height: 12px;transition: transform var(--transition-fast);}.acc-item[open] .acc-plus-icon {background: var(--primary);}.acc-item[open] .acc-plus-icon::before, .acc-item[open] .acc-plus-icon::after {background: #fff;}.acc-item[open] .acc-plus-icon::after {transform: translate(-50%, -50%) rotate(90deg);opacity: 0;}.acc-arrow-icon{width: 9px;height: 9px;transition: transform 0.8s;transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);border-top: 2px solid var(--text-soft);border-right: 2px solid var(--text-soft);transform: rotate(135deg);}.acc-item[open] .acc-arrow-icon{transform: rotate(315deg);border-color: var(--primary);}.acc-body {padding: 0 24px 20px;color: var(--text-soft);}.alert{}.alert:empty{display: none;}.article-meta {display: flex;align-items: center;flex-wrap: wrap;gap: var(--space-2) var(--space-4);color: var(--text-soft);font-size: .79rem;--icon-size: 16px;--mask: var(--primary);& > span {display: flex;align-items: center }}.aside-menu{display: none;position: fixed;inset: 0;z-index: 1000;background-color: rgb(0 0 0 / 25%);-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);box-shadow: var(--shadow);overflow-x: hidden;}.aside-menu.open{display: block;}[data-theme="dark"] .aside-menu.open{background-color: rgb(0 0 0 / 25%);}.aside-menu.open .aside-menu-container{position: absolute;left: 0;margin-left: -400px;width: 100%;max-width: 400px;height: 100vh;background-color: var(--aside-menu-bg, var(--bg-surface));overflow-y: auto;overflow-x: hidden;transition: all var(--transition);}.aside-menu:not(.open) .aside-menu-container{margin: 0 !important;}.aside-menu[data-position="right"] .aside-menu-container{right: 0;margin-right: -400px;left: auto;margin-left: 0;}.aside-menu[data-position="bottom"] .aside-menu-container, .aside-menu[data-position="top"] .aside-menu-container{width: 100%;max-width: unset;height: 90%;max-height: 400px;bottom: 0;margin-bottom: -400px;left: auto;margin-left: 0;}.aside-menu[data-position="top"] .aside-menu-container{bottom: auto;margin-bottom: 0;top: 0;margin-top: -400px;}img.avatar{object-fit: cover;object-position: center;}.avatar:not(.bubble){position: relative;display: grid;place-items: center;width: var(--av-width, 32px);height: var(--av-width, 32px);vertical-align: middle;background: var(--bg-soft, var(--bg-muted)) linear-gradient(135deg, var(--primary), var(--accent, var(--secondary)));background-position: center;background-size: cover;background-repeat: no-repeat;background-clip: border-box;border-radius: var(--av-radius, 50%);}.avatar:not(.bubble) i{margin: 0;}small .avatar{--av-width: 24px;}.avatar-xs{--av-width: 16px;--online-shift: -1px;--online-size: 6px;}.avatar-sm{--av-width: 24px;}.avatar-lg{--av-width: 48px;--online-shift: 3px;}.avatar-xl{--av-width: 80px;--icon-size: 48px !important;--online-shift: 6px;--online-size: 11px;}.avatar-2xl{--av-width: 120px;--icon-size: 64px !important;--online-shift: 11px;--online-size: 14px;}.avatar:not(.bubble) span{display: flex;flex-flow: column wrap;justify-content: center;align-items: center;width: 100%;height: 100%;border-radius: var(--av-radius, 50%);background-color: rgb(0 0 0 / 50%);color: #fff;font-size: 1rem;font-weight: 600;opacity: 0;transition: all 0.2s ease-out;}.avatar:not(.bubble):is(:hover, :focus, .loading) span{opacity: 1;}.avatar:not(.bubble) i{margin: 0;}.avatar.loading i, .avatar:not(.loading) [data-loading]{display: none;}.avatar.loading [data-loading]{display: block;}.avatar:not(.bubble).err{box-shadow: 0 0 0 0.2rem rgba(var(--danger-rgb, 220, 53, 69), .5);}.online::before{position: absolute;bottom: var(--online-shift, 1px);right: var(--online-shift, 1px);z-index: 2;width: var(--online-size, 8px);height: var(--online-size, 8px);background: var(--success);border: 1px solid var(--bg-surface);border-radius: 50%;content: "";}.avatar.verified::after{position: absolute;top: var(--verified-shift, 1px);left: var(--verified-shift, 1px);z-index: 2;width: var(--verified-size, 16px);height: var(--verified-size, 16px);--icon: url(../../../../img/verify.svg);background: var(--info);-webkit-mask-position: center;mask-position: center;-webkit-mask-size: 100% 100%;mask-size: 100% 100%;-webkit-mask-image: var(--icon);mask-image: var(--icon);content: "";}.avatar.online:is(.avatar-xl, .avatar-2xl)::before{border-width: 2px;}.avatar-group{display: inline-block;text-align: var(--align, right);padding-inline-end: var(--av-group-margin, 13px);}.avatar-group .avatar{margin-inline-end: calc(var(--av-group-margin, 13px) * -1) !important;border: var(--av-group-border, 2px solid var(--bg-body, #fff));position: relative;z-index: 1;-webkit-transition: all .2s;transition: all .2s;box-shadow: var(--av-group-shadow, 0 3px 6px 3px rgb(0 0 0 / 11%));}.avatar-group .avatar:is(:hover, :focus, .active){z-index: 100;transform: scale(1.1) translateY(-3px);}.avatar-group .count{background-color: var(--primary, #333);color: #fff;font-weight: 700;}.badge:empty {display: none;}.badge{display: inline-flex;justify-content: center;align-items: center;user-select: none;gap: 6px;text-align: center;vertical-align: middle;white-space: nowrap;overflow: hidden;font-weight: 600;font-size: var(--fs-xs);line-height: 1.4;background: var(--bg-color, var(--light));color: var(--text-body);padding: 4px 10px;min-width: 22px;border-radius: var(--radius-pill);}.badge-sm{font-size: var(--fs-xxs);padding: 2px 7px;}.badge:is(.outline, .bg-soft){color: var(--bg-color, var(--primary));}.badge.outline{border: 1px solid var(--bg-color, var(--primary));background: transparent !important;}.breadcrumb{--icon-home: url(../../../../img/breadcrump/house.svg);--icon-arrow: url(../../../../img/breadcrump/arrow.svg);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: var(--space-3) 0;}.breadcrumb ol{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:0.8125rem;}.breadcrumb li{color:var(--text-muted);display:inline-flex;align-items:center;gap:8px;}.breadcrumb a{color:var(--text-muted);transition:color var(--transition-fast);}.breadcrumb a:is(:hover, :focus){color:var(--primary)}.breadcrumb li[aria-current="page"]{color:var(--text-heading);font-weight:500;}.breadcrumb li:first-child:not(:has(i))::before, .breadcrumb li:not(:last-child)::after{--size: 1.2em;--icon: var(--icon-home);--mask: var(--text-body);display: inline-block;width: var(--size);height: var(--size);content: "";vertical-align: middle;background: var(--icon) center;background-size: 100%;}.breadcrumb li:not(:last-child)::after{--icon: var(--icon-arrow);--mask: var(--text-muted);}[dir="ltr"] .breadcrumb li:not(:last-child)::after{transform: scaleX(-1);}@supports (mask-image: none) {.breadcrumb li:first-child::before, .breadcrumb li:not(:last-child)::after{background: var(--mask);-webkit-mask-position: center;mask-position: center;-webkit-mask-size: 100%;mask-size: 100%;-webkit-mask-image: var(--icon);mask-image: var(--icon);}}.callout {display: flex;gap: var(--space-3);align-items: flex-start;padding: var(--space-4);--callout-color: var(--bg-color, var(--warning));background: color-mix(in srgb, var(--callout-color) 15%, transparent) !important;border-radius: var(--radius-lg);& > i{--icon-size: 24px;--mask: var(--callout-color);margin: 0;}}.callout.bordered{border: 1px solid color-mix(in srgb, var(--callout-color) 20%, transparent);}.callout strong {color: var(--text-heading);}.callout p {display: grid;gap: var(--space-1);color: var(--text-body);margin: 0px;}.card {--badge-shift: 12px;--card-radius: var(--_card-radius, var(--radius-lg, var(--radius, 10px)));background: var(--bg-surface);border-radius: var(--card-radius);box-shadow: var(--box-shadow, 0 2px 8px rgba(0, 0, 0, 0.1));transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);position: relative;display: flex;flex-direction: column;}.card__image {position: relative;overflow: hidden;background: #f8f9fa;border-top-right-radius: var(--card-radius);border-top-left-radius: var(--card-radius);}.card__image img {width: 100%;height: 200px;object-fit: cover;display: block;transition: transform 0.25s ease;}.card:hover .card__image img {transform: scale(1.05);}.card__header {padding: 20px 24px 16px;}.card:not(.borderless):has(.card__body) .card__header{border-bottom: var(--border, 1px solid #f0f0f0);}.card__header :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .card__title){font-size: var(--fs-xl);font-weight: 600;color: var(--text-heading);line-height: 1.3;margin: 0;}.card__body {padding: 20px 24px;flex: 1;display: flex;flex-direction: column;}.card__body p {margin: 0;}.card__footer {padding: 16px 24px 20px;border-top: var(--border, 1px solid #f0f0f0);background: #fafafa;margin-top: auto;overflow: hidden;border-bottom-right-radius: var(--card-radius);border-bottom-left-radius: var(--card-radius);}.card__buttons {display: flex;gap: 12px;justify-content: flex-end;align-items: center;}.card__subtitle {font-weight: 600;background: var(--light, #f9fafb);border-block: var(--border, 1px solid #f0f0f0);padding: 8px 20px;}.card.outline {box-shadow: none;border: var(--border, 1px solid #e0e0e0);}.card.padding{--badge-shift: 28px;}.card.padding .card__image{margin: 20px;border-radius: var(--radius, 8px);overflow: hidden;}.card.padding .card__header{padding-top: 0;}.card.borderless :is(.card__header, .card__footer) {border: 0;}.card.borderless .card__header{padding-bottom: 0;}.card.borderless .card__footer{background: transparent;padding-top: 0;}.card.horizontal {flex-direction: row;}.card.horizontal .card__image {width: 40%;min-height: 200px;border-radius: 0;border-top-right-radius: var(--card-radius);border-bottom-right-radius: var(--card-radius);}[dir="ltr"] .card.horizontal .card__image, .card[dir="ltr"].horizontal .card__image {border-top-left-radius: var(--card-radius);border-bottom-left-radius: var(--card-radius);}.card.horizontal .card__content-wrapper {display: flex;flex-direction: column;flex: 1;}.card.horizontal .card__image img {height: 100%;object-fit: cover;}.card:not(:has(.card__image)) .card__header, .card.no-image .card__header {padding-top: 24px;}.card-sm .card__image img {height: 160px;}.card-sm .card__header, .card-sm .card__body, .card-sm .card__footer {padding: 16px 20px;}.card-lg {max-width: 500px;}.card-lg .card__image img {height: 250px;}.card-lg .card__header, .card-lg .card__body, .card-lg .card__footer {padding: 24px 28px;}.card__badge {position: absolute;top: var(--badge-shift);left: var(--badge-shift);z-index: 2;}[dir="ltr"] .card__badge {left: unset;right: var(--badge-shift);}.card.loading {pointer-events: none;}.card.loading :is(.card__body p, .card__title, .card__footer) {background: linear-gradient(90deg, #f0f0f0 25%, transparent 37%, #f0f0f0 63%);background-size: 400% 100%;animation: cardLoading 1.5s ease-in-out infinite;border-radius: 4px;height: 1.5em;margin-bottom: 8px;}@keyframes cardLoading {0% {background-position: 100% 50%;}100% {background-position: -100% 50%;}}.card-grid, .card-grid-300, .card-grid-400, .card-grid-500, .card-grid-600 {display: grid;grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));gap: 24px;}.card-grid-300{grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));}.card-grid-400{grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));}.card-grid-500{grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));}.card-grid-600{grid-template-columns: repeat(auto-fill, minmax(600px, 1fr));}.card-grid .card {max-width: none;margin: 0;}@media (max-width: 768px) {.card {max-width: 100%;margin: 0;}.card.horizontal {flex-direction: column;max-width: 100%;}.card.horizontal .card__image {width: 100%;border-radius:var(--card-radius) var(--card-radius) 0 0 ;min-height: 180px;}.card__header, .card__body, .card__footer {padding: 16px 20px;}.card__buttons {gap: 8px;}}@media (max-width: 768px) {.card-grid {grid-template-columns: 1fr;gap: 16px;padding: 16px;}}.card-btn{display: flex;align-items: center;justify-content: center;text-align: center;color: inherit;font-weight: 600;padding: 1rem 1.25rem;transition: background 0.3s;flex: 1 1 0%;gap: .25rem;}.card-btn:not(:last-child){border-inline-end: var(--border);}.card-btn:is(:hover, :focus, .active) {background: var(--light, #f5f9fd);color: var(--primary);}.chip {display: inline-flex;align-items: center;gap: 6px;padding: var(--space-1) var(--space-3);border-radius: var(--radius-pill);font-size: var(--fs-xs);font-weight: 600;white-space: nowrap;--bg-chip: var(--bg-color, var(--bg-soft, var(--bg-muted)));color: var(--color, var(--text-soft));background: var(--bg-chip);}.chip-sm {padding: 3px 8px;font-size: 0.6875rem;}.chip-dot::before {content: "";width: 7px;height: 7px;border-radius: 50%;background: currentColor;}.legend-chip {display: flex;align-items: center;gap: 6px;font-size: var(--fs-xs);color: var(--text-muted);}.legend-chip i {display: inline-block;width: 12px;height: 12px;border-radius: 4px;}.drawer{display: flex;flex-flow: column wrap;justify-content: stretch;height: 100vh;}.drawer__head {display: flex;align-items: center;justify-content: space-between;padding: var(--space-4);border-bottom: var(--border);}.drawer__head h2 {font-size: 1.0625rem;font-weight: 700;margin: 0;}.drawer__body{flex: 1;padding: var(--space-4);overflow-y: auto;scrollbar-width: thin;& label{font-size: var(--fs-sm);}}.drawer__foot{border-top: var(--border);padding: var(--space-4);}.dropdown {position: relative;z-index: 1;display: inline-block;vertical-align: middle;}.dropdown:has(.btn-drop-toggle[aria-expanded="true"]) {z-index: 100;}.btn-drop-toggle:empty {display: inline-flex;align-items: center;justify-content: center;font-size: 20px;line-height: 30px;color: inherit;height: 30px;width: 30px;border-radius: 50%;text-align: center;margin-top: -6px;padding: 0;margin: 0;border: 0;box-shadow: none;}.btn-drop-toggle:empty:is(:hover, :focus, [aria-expanded="true"]) {background-color: var(--light, #f7f7f7);}.btn-drop-toggle:empty::before, .btn-drop-toggle.arrow-after::after {--icon: url(../../../../img/chevron-down.svg);display: inline-block;width: .875rem;height: .875rem;content: "";vertical-align: middle;background: var(--text-body, var(--primary));-webkit-mask-position: center;mask-position: center;-webkit-mask-size: 100% 100%;mask-size: 100% 100%;-webkit-mask-image: var(--icon);mask-image: var(--icon);opacity: .7;margin-inline-start: 3px;}.btn-drop-toggle:empty::before {--icon: url(../../../../img/ellipsis-vertical.svg);width: 16px;height: 16px;margin: 0;}.btn-drop-toggle:is(:hover, :focus, [aria-expanded="true"])::before, .btn-drop-toggle.arrow-after:is(:hover, :focus, [aria-expanded="true"])::after {opacity: 1;}.btn-drop-toggle.arrow-after:is(:hover, :focus, [aria-expanded="true"])::after {background: var(--text-link-hover, var(--primary-hover));}.btn-drop-toggle.arrow-after[aria-expanded="true"]::after {transform: rotate(180deg);}.drop-menu {position: absolute;top: calc(100% + 8px);inset-inline-start: 0;z-index: 900;min-width: 180px;padding: 0.25rem 0;margin: 0.125rem 0 0;font-size: .9rem;color: var(--text-heading, #212529);list-style: none;background: var(--bg-surface);background-clip: padding-box;border: var(--border);border-radius: var(--radius);box-shadow: var(--shadow-lg);animation: DropDownSlideUp var(--transition-fast);animation-fill-mode: both;}.drop-menu.end{inset-inline-start: auto;inset-inline-end: 0;}.drop-menu:not(.open) {display: none !important;}.drop-menu.dm-small {min-width: 140px;}.dropdown-divider {height: 1px;margin: 4px 0;background: var(--border-color);}.dropdown-item {display: block;width: 100%;padding: .4rem 1rem !important;clear: both;font-weight: 400;color: var(--text-heading, #6c757d);text-align: inherit;white-space: nowrap;background-color: transparent;border: 0;}.dropdown-item:is(:hover, :focus, :active, .active) {color: var(--text-link-hover);text-decoration: none;background-color: var(--_drop-menu-hover-bg, var(--light, #f8f9fa));}.dropdown-item:is(:disabled, .disabled) {opacity: .7;pointer-events: none;background-color: transparent;}.dropdown-item.space-between {display: flex;flex-flow: row-reverse wrap;justify-content: space-between;align-items: center;}.dropdown-item.space-between[class*="btn-"]::before, .dropdown-item.space-between i {margin: 0 !important;}.dropdown-item[class*="btn-"]:is(:hover, :focus) {--text-hover: var(--text-link-hover);}.dropdown-item:is(.btn-del, .btn-reject) {margin-top: 5px;border-top: 1px solid rgb(0 0 0 / 15%);padding-top: 11px;}.dropdown-item:is(.btn-del, .btn-reject):is(:hover, :focus) {--text-hover: var(--danger);color: var(--danger) !important;}.drop-menu :is(li[role="menuitem"], li[role="option"]):not(:last-child) {margin-bottom: 2px;}.drop-menu :is(li[role="menuitem"], li[role="option"]) :is(a, button, label) {display: block;width: 100%;margin: 0 !important;padding: 9px 10px;border-radius: 6px;font-size: 0.85rem;color: var(--text-body);transition: background var(--transition-fast);}.drop-menu :is(li[role="menuitem"], li[role="option"]) :is(a, button, label):hover {background: var(--bg-soft);}.drop-menu :is(li[role="menuitem"], li[role="option"]) :is(.radio, .checkbox) label{padding-inline-start: calc(var(--size) + 20px) !important;}.drop-menu .radio .label::before, .drop-menu .checkbox .label::before, .drop-menu .radio .label::after, .drop-menu .checkbox .label::after{top: 10px !important;inset-inline-start: 10px !important;}.eyebrow {display: inline-flex;align-items: center;gap: 8px;padding: 6px 12px;border-radius: var(--radius-pill);background: var(--bg-surface);border: var(--border);font-size: var(--fs-xs);font-weight: 600;color: var(--text-soft);}.dot, .dot-shadow {--dot-color: var(--bg-color, var(--primary));display: inline-block;width: 6px;height: 6px;border-radius: 50%;background: var(--dot-color);flex-shrink: 0;}.dot-shadow {width: 8px;height: 8px;box-shadow: 0 0 0 3px color-mix(in srgb, var(--dot-color) 20%, transparent);}:root{--ob-overlay-bg: rgb(0 0 0 / 60%);--ob-radius: var(--radius-lg, 10px);--ob-bg: #fff;--ob-footer-bg: var(--light, #fff);--ob-padding: 17px;--ob-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);}.openbox{position: fixed;inset: 0;z-index: 1000;display: none;background: transparent;transition: background 0.3s;}.openbox.open{display: flex;align-items: center;justify-content: center;background: var(--ob-overlay-bg);}.openbox_content{width: 100%;max-width: 600px;min-width: min(300px, calc(100% - 40px));z-index: 5;opacity: 0;background: var(--ob-bg);border-radius: var(--ob-radius);box-shadow: var(--ob-shadow);overflow: hidden;}.openbox_content > header{font-size: 1.3rem;font-weight: 600;padding: 11px 15px;padding-inline-end: 36px;border-bottom: var(--border, 1px solid rgb(0 0 0 / 10%));}.openbox_content > header:empty{display: none;}.openbox i.btn-obc{position: absolute;left: 12px;top: 12px;z-index: 5;}[dir="ltr"] .openbox i.btn-obc{right: 12px;left: auto;}.openbox_content .bodyContainer{display: block;width: 100%;padding: var(--ob-padding);background: var(--ob-bg);max-height: calc(100vh - 80px);overflow: auto;}.openbox_content > footer{border-top: 1px solid rgb(0 0 0 / 10%);background-color: var(--ob-footer-bg);padding: .75rem var(--ob-padding);border-radius: 0 0 var(--ob-radius) var(--ob-radius);}.openbox_content > footer button{margin-block: 0 !important;}.openbox:is(.open, .close) .openbox_content{animation-duration: 0.4s;animation-timing-function: cubic-bezier(0.7,0,0.3,1);animation-fill-mode: forwards;transform-origin: -150% 50%;}.openbox.open .openbox_content{animation-name: anim-open;}.openbox.close .openbox_content{animation-name: anim-close;}@keyframes anim-open{0% {opacity: 0;transform: rotate3d(0, 0, 1, -45deg);}100% {opacity: 1;transform: rotate3d(0, 0, 1, 0deg);}}@keyframes anim-close{0% {opacity: 1;}100% {opacity: 0;transform: rotate3d(0, 0, 1, 45deg);}}.openbox .confirmMSG{max-width: calc(100% - 120px);text-wrap: balance;}.pagination{display: inline-block;--pagination-size: 2.5rem;--pagination-gap: 0.375rem;--pagination-radius: 0.625rem;}.pagination ol{display: flex;justify-content: flex-start;flex-flow: row wrap;align-items: flex-start;align-content: flex-start;margin: 0;}.pagination a{display: inline-flex;align-items: center;justify-content: center;min-width: var(--pagination-size);height: var(--pagination-size);color: var(--text-color);border-radius: var(--pagination-radius);}.pagination a:is(:hover, :focus){color: var(--text-link-hover);background: var(--bg-muted);text-decoration: none;}.pagination a[aria-current="page"]{font-weight: 600;color: #fff;background-color: var(--primary);border-color: var(--primary);user-select: none;pointer-events: none;}.pagination span {display: inline-flex;align-items: center;justify-content: center;min-width: var(--pagination-size);height: var(--pagination-size);color: var(--text-muted);user-select: none;}.promo-bar {position: relative;font-size: var(--fs-sm);overflow: hidden;}.promo-bar-overlay::before {content: "";position: absolute;inset: 0;background: radial-gradient(800px 200px at 50% 50%, rgba(217, 164, 74, 0.20), transparent 70%);pointer-events: none;opacity: .95;}.promo-bar__inner {display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-start;gap: 12px;padding-block: var(--space-2);min-height: var(--promo-height);}.promo-bar__text {display: inline-flex;align-items: center;column-gap: var(--space-2);flex-wrap: wrap;flex: 1;}.promo-bar__timer {font-variant-numeric: tabular-nums;font-weight: 700;background: rgba(255, 255, 255, 0.18);padding: 2px 8px;border-radius: var(--radius-sm);letter-spacing: 0.04em;}.promo-bar__cta {font-weight: 700;text-decoration: underline;text-underline-offset: 3px;white-space: nowrap;color: currentColor;}.promo-bar__cta:is(:hover, :focus, :active) {color: currentColor;}.promo-bar__cta:hover {text-decoration: none;}.promo-bar .btn-close{opacity: .8;transition: opacity .3s ease;}.promo-bar .btn-close:is(:hover, :focus){opacity: 1;}@media (max-width: 768px) {.promo-bar{font-size: var(--fs-xs);}.promo-bar__cta {display: none;}}@media (max-width: 480px) {.promo-bar__timer {font-size: 11px;}}.promo-card {display: flex;flex-direction: column;justify-content: space-between;align-items: stretch;gap: var(--space-3);position: relative;z-index: 1;overflow: hidden;border-radius: var(--radius-lg);padding: var(--space-4);--text-link: var(--color);--text-link-hover: var(--color-hover);& .btn{border: 0;}}.promo-card::before, .promo-card::after{content: '';position: absolute;top: -40px;z-index: -1;inset-inline-end: -40px;width: 120px;height: 120px;background: rgba(255, 255, 255, 0.10);border-radius: 50%;}.promo-card::after {top: auto;bottom: -30px;inset: 0;inset-inline-start: -30px;width: 80px;height: 80px;background: rgba(255, 255, 255, 0.08);}.promo-card__head {display: flex;align-items: center;gap: 8px;}.promo-card__icon {width: 28px;height: 28px;display: grid;place-items: center;background: rgba(255, 255, 255, 0.18);border-radius: 8px;--icon-size: 16px;& svg {width: var(--icon-size);height: var(--icon-size);}}.promo-card__title {font-weight: 700;font-size: var(--fs-sm);}.promo-card__desc {font-size: var(--fs-sm);opacity: 0.92;line-height: 1.5;position: relative;}.promo-card .btn-close{position: absolute;top: 8px;inset-inline-end: 8px;}[data-reveal] {opacity: 0;filter: blur(10px);transition-property: transform, opacity, filter;transition-duration: 1s;transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);will-change: transform, opacity, filter;}span[data-reveal]{display: inline-block;}[data-reveal="top"] {transform: translateY(-100px);}[data-reveal="bottom"] {transform: translateY(100px);}[data-reveal="left"] {transform: translateX(-100px);}[data-reveal="right"] {transform: translateX(100px);}[data-reveal="center"] {transform: scale(.25);}[data-reveal].revealed {transform: translate(0) scale(1);opacity: 1;filter: blur(0);}.table-container {overflow-x: auto;-webkit-overflow-scrolling: touch;}table{caption-side: bottom;border-collapse: collapse;border-spacing: 0;width: 100%;vertical-align: top;background-color: var(--bg-surface, transparent);}caption, th, td{text-align: start;}tbody {vertical-align: inherit;}thead {vertical-align: bottom;font-weight: 700;}th, td{padding: var(--space-2) var(--space-3);border-bottom-width: 1px;}th{border-bottom: var(--border);}.table-sm{--av-width: 24px;font-size: var(--font-sm);}.table-sm :is(th, td){padding: var(--space-1) var(--space-2);}table:not(.bordered, .no-border){border: var(--border);}table.bordered :is(th, td) {border: var(--border);}table.striped.bordered :is(th, td){border-right: 0;border-left: 0;}table.striped.bordered :is(th, td):first-child{border-inline-start: 1px solid var(--table-border-color, #dee2e6);}table.striped.bordered :is(th, td):last-child{border-inline-end: 1px solid var(--table-border-color, #dee2e6);}table.borderless :is(th, td) {border-bottom-width: 0;}table.borderless > :not(:first-child) {border-top-width: 0;}table.striped tbody tr:nth-of-type(even) > * {background-color: var(--table-striped-bg, #f5f5f5);}table.striped tbody tr:not([class*="text-"]):nth-of-type(even) > * {color: var(--table-striped-color, #212529);}table.hover tbody tr:hover > * {background-color: var(--table-hover-bg, #f5f5f5);}table.hover tbody tr:not([class*="text-"]):hover > * {color: var(--table-hover-color, #212529);}@media (max-width: 600px) {table.responsive thead {display: none;}table.responsive tr {display: block;margin-bottom: 1rem;border: 1px solid #ddd;border-radius: 8px;}table.responsive td {display: flex;justify-content: space-between;text-align: right;border-bottom: 1px solid #eee;}table.responsive td[data-label]::before {content: attr(data-label);font-weight: bold;text-transform: uppercase;font-size: 0.8rem;color: #666;}}.tab-list, .tab-labels {display: flex;flex-flow: row wrap;align-items: center;gap: var(--space-1);border-bottom: var(--border);overflow-x: auto;scrollbar-width: none;}.tab-list::-webkit-scrollbar, .tab-labels::-webkit-scrollbar {display: none;}.tab-list .tab {display: flex;align-items: center;gap: var(--space-2);padding: var(--space-3) var(--space-4);font-weight: 600;font-size: var(--fs-sm);color: var(--text-muted);border-radius: var(--radius-sm) var(--radius-sm) 0 0;position: relative;top: 1px;min-height: 44px;white-space: nowrap;}.tab-list .tab:hover {color: var(--text-heading);}.tab-list .tab[aria-selected="true"] {color: var(--primary);border-bottom: 2px solid var(--primary);}.tabpanel {display: none;}.tabpanel.is-active {display: block;animation: fadeUp var(--dur) var(--ease);}.tab-labels{border: 0;gap: var(--space-2);padding: 4px;}.tab-labels .tab{flex: 1;cursor: pointer;padding: var(--space-3) var(--space-5);border-radius: var(--input-radius, var(--radius-sm));font-size: var(--fs-sm);color: var(--text-body);border: var(--border);}.tab-labels .tab[aria-selected="true"] {color: var(--text-heading);border-color: var(--primary);background-color: color-mix(in srgb, var(--primary) 9%, transparent);}.tooltip {position: relative;}.tooltip::after {content: attr(data-tooltip);position: absolute;inset-block-start: calc(100% + 8px);inset-inline-start: 50%;translate: -50% -4px;padding: var(--space-1) var(--space-2);border-radius: var(--radius-sm);background: var(--dark);color: #fff;font-size: var(--fs-xs);white-space: nowrap;opacity: 0;pointer-events: none;transition: opacity var(--transition-fast), visibility var(--transition-fast), translate var(--transition-fast);z-index: var(--z-dropdown);}.tooltip:hover::after, .tooltip:focus-visible::after {opacity: 1;translate: -50% 0 }:is(ul, ol):is(.square, .circle, .dash, .check, .check-circle){position: relative;z-index: 1;line-height: 1.4;--ul-bullet-width: var(--_ul-bullet-width, 8px);--ul-bullet-color: var(--_ul-bullet-color, var(--primary));--ul-bullet-border: var(--_ul-bullet-border, none);--ul-timeline-bar: var(--_ul-timeline-bar, 1px solid var(--border-color, #ddd));--ul-timeline-bullet-color: var(--_ul-timeline-bullet-color, var(--primary));--ul-timeline-bullet-border: var(--_ul-timeline-bullet-border, none);--ul-icon-color: var(--_ul-icon-color, var(--primary));}:is(ul, ol):is(.square, .circle, .dash, .check, .check-circle) li{position: relative;display: block;padding-inline-start: calc(var(--ul-bullet-width) + var(--space-2, 8px));padding-bottom: var(--space-2, .5rem);}:is(ul, ol):is(.square, .circle, .dash, .check, .check-circle) li::before{display: inline-block;position: absolute;top: calc(((1rem * 1.4) - var(--ul-bullet-width)) / 2);inset-inline-start: 0;z-index: 2;width: var(--ul-bullet-width);height: var(--ul-bullet-width);background: var(--ul-bullet-color);border: var(--ul-bullet-border);content: "";}:is(ul, ol).circle li::before{border-radius: 50%;}:is(ul, ol).dash li{padding-inline-start: calc(14px + 1rem);}:is(ul, ol).dash li::before{top: .65em;width: 14px;height: 4px;border-radius: 2px;}:is(ul, ol).timeline::before{position: absolute;top: 0;inset-inline-start: 0;z-index: -1;height: 100%;border-right: var(--ul-timeline-bar);content: "";}:is(ul, ol).timeline li:not(:last-child){padding-bottom: var(--space-8, 2rem);}:is(ul, ol).timeline li::before{inset-inline-start: calc((var(--ul-bullet-width) / 2) * -1);}:is(ul, ol).timeline:is(.circle, .square) li::before{background: var(--ul-timeline-bullet-color);border: var(--ul-timeline-bullet-border);}:is(ul, ol).check{--ul-icon: url(../../../../img/check-white.svg);}:is(ul, ol).check li{padding-inline-start: 24px;}:is(ul, ol).check li::before{top: 2px;z-index: 2;display: flex;justify-content: start;align-items: center;width: 16px;height: 16px;background: var(--ul-icon-color);-webkit-mask-position: center;mask-position: center;-webkit-mask-size: 16px 16px;mask-size: 16px 16px;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-image: var(--ul-icon);mask-image: var(--ul-icon);}:is(ul, ol).check-circle li{padding-inline-start: 32px;}:is(ul, ol).check-circle li::before{top: 0;z-index: 2;display: flex;justify-content: center;align-items: center;width: 24px;height: 24px;border-radius: 50%;background: transparent url(../../../../img/check-white.svg) center no-repeat;background-size: 14px 14px;}:is(ul, ol).check-circle li::after{position: absolute;top: 0;inset-inline-start: 0;z-index: 1;display: block;width: 24px;height: 24px;background: var(--primary-grade, var(--primary, rgb(0 0 0 / 15%)));border-radius: 50%;content: "";}:is(ul, ol).check-circle li:is(:hover, :focus)::before{background: #fff;-webkit-mask-position: center;mask-position: center;-webkit-mask-size: 14px 14px;mask-size: 14px 14px;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-image: url(../../../../img/check-white.svg);mask-image: url(../../../../img/check-white.svg);}:is(ul, ol).striped li{padding-block: .5rem;}:is(ul, ol).striped li:not(:last-child) {border-bottom: var(--border);}:is(ul, ol).striped li > a{border-radius: 0;}:is(ul, ol).links li{padding: 0;}:is(ul, ol).links a{display: block;padding: .35rem .75rem;border-radius: 0;}:is(ul, ol).hover li:hover{background-color: var(--ul-hover-bg, var(--light, #f5f5f5));}.zAlert:is(.success, .danger, .info, .warning) > div{width: 80px;height: 80px;border: 4px solid var(--color, #333);border-radius: 50%;padding: 0;position: relative;box-sizing: content-box;margin: 25px auto 20px;overflow: hidden;-webkit-animation: pulseWarning 0.75s infinite alternate;animation: pulseWarning 0.75s infinite alternate;}.zAlert + div.modal-action-msg{display: flex;justify-content: space-between;flex-flow: column wrap;align-items: center;align-content: center;text-align: center;gap: 1rem;font-size: 1.1rem;}.zAlert + div:not([class]){text-align: center;font-size: 1.1rem;}.zAlert-s {--color: var(--success, #a5dc86);--color-hover: var(--success-hover, #c2e7ac);}.zAlert-s::before, .zAlert-s::after {content: "";border-radius: 50%;position: absolute;width: 60px;height: 120px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}.zAlert-s::before {border-radius: 120px 0 0 120px;top: -7px;left: -33px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transform-origin: 60px 60px;transform-origin: 60px 60px;}.zAlert-s::after {border-radius: 0 120px 120px 0;top: -11px;left: 30px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transform-origin: 0 60px;transform-origin: 0 60px;-webkit-animation: rotatePlaceholder 4.25s ease-in;animation: rotatePlaceholder 4.25s ease-in;}.zAlert-s_line {height: 5px;background-color: var(--color);display: block;border-radius: 2px;position: absolute;z-index: 2;}.zAlert-s_line--long {width: 47px;right: 8px;top: 38px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-animation: animateSuccessLong .75s;animation: animateSuccessLong .75s;}.zAlert-s_line--tip {width: 25px;left: 14px;top: 46px;-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-animation: animateSuccessTip .75s;animation: animateSuccessTip .75s;}.zAlert-s__hide-corners {width: 5px;height: 90px;padding: 1px;position: absolute;left: 28px;top: 8px;z-index: 1;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}.zAlert-e {--color: var(--danger, #f27474);--color-hover: var(--danger-hover, #f6a2a2);border: 2px solid var(--color);width: fit-content;border-radius: 50%;margin-inline: auto;}.zAlert-e__x-mark {position: relative;display: block;width: 80px;height: 80px;-webkit-animation: animateXMark .5s;animation: animateXMark .5s;}.zAlert-e_line {position: absolute;height: 5px;width: 47px;background-color: var(--color);display: block;top: 37px;border-radius: 2px;}.zAlert-e_line-r {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);right: 16px;}.zAlert-e_line-l {-webkit-transform: rotate(45deg);transform: rotate(45deg);left: 17px;}.zAlert-w, .zAlert-i{--color: var(--warning, #f8bb86);--color-hover: var(--warning-hover, #f8bb86);}.zAlert-i{--color: var(--info, #0dcaf0);--color-hover: var(--info-hover, #3dd6f5);}.zAlert-w__body, .zAlert-i__body {width: 5px;height: 47px;top: 10px;border-radius: 2px;margin-left: -2px;}.zAlert-w__body, .zAlert-w__dot, .zAlert-i__body, .zAlert-i__dot {position: absolute;left: 50%;background-color: var(--color);}.zAlert-w__dot, .zAlert-i__dot{width: 7px;height: 7px;border-radius: 50%;margin-left: -4px;bottom: -11px;}@keyframes rotatePlaceholder {0% {transform: rotate(-45deg);}5% {transform: rotate(-45deg);}12% {transform: rotate(-405deg);}to {transform: rotate(-405deg);}}@keyframes animateSuccessTip {0% {width: 0;left: 1px;top: 19px;}54% {width: 0;left: 1px;top: 19px;}70% {width: 50px;left: -8px;top: 37px;}84% {width: 17px;left: 21px;top: 48px;}to {width: 25px;left: 14px;top: 45px;}}@keyframes animateSuccessLong {0% {width: 0;right: 46px;top: 54px;}65% {width: 0;right: 46px;top: 54px;}84% {width: 55px;right: 0;top: 35px;}to {width: 47px;right: 8px;top: 38px;}}@keyframes animateDangerIcon {0% {-webkit-transform: rotateX(100deg);transform: rotateX(100deg);opacity: 0;}to {-webkit-transform: rotateX(0deg);transform: rotateX(0deg);opacity: 1;}}@keyframes animateXMark {0% {transform: scale(0.4);margin-top: 26px;opacity: 0;}50% {transform: scale(0.4);margin-top: 26px;opacity: 0;}80% {transform: scale(1.15);margin-top: -6px;}to {transform: scale(1);margin-top: 0;opacity: 1;}}@keyframes pulseWarning {0% {border-color: var(--color-hover, #f8d486);}to {border-color: var(--color, #f8bb86);}}.zAlert:is(.mailOpen, .mailClose){position: relative;height: 260px;--animation-direction: normal;}.zAlert.mailClose{height: 220px;--animation-direction: reverse;}.letter-image{position: absolute;top: 50%;left: 50%;width: 200px;height: 200px;transform: translate(-50%, -50%);}.animated-mail {position: absolute;height: 150px;width: 200px;transition: 0.4s;animation: insert-mail .4s ease-in-out .2s forwards;animation-direction: var(--animation-direction);}.mailClose .animated-mail{transform: translateY(50px);}.animated-mail .body {position: absolute;bottom: 0;width: 0;height: 0;border-style: solid;border-width: 0 0 100px 200px;border-color: transparent transparent #e95f55 transparent;z-index: 2;}.animated-mail .top-fold {position: absolute;top: 50px;width: 0;height: 0;border-style: solid;border-width: 50px 100px 0 100px;transform-origin: 50% 0%;border-color: #cf4a43 transparent transparent transparent;transition: transform 0.4s, z-index 0.2s 0.4s;z-index: 2;animation: insert-mail-top-fold .4s ease-in-out .1s forwards;animation-direction: var(--animation-direction);}.mailClose .top-fold{animation: insert-mail-top-fold .4s ease-in-out .6s forwards;animation-direction: var(--animation-direction);transform: rotateX(180deg);z-index: 0;}.animated-mail .back-fold {position: absolute;bottom: 0;width: 200px;height: 100px;background: #cf4a43;z-index: 0;}.animated-mail .left-fold {position: absolute;left: 0;bottom: 0;z-index: 2;width: 0;height: 0;border-style: solid;border-width: 50px 0 50px 100px;border-color: transparent transparent transparent #e15349;}.animated-mail .letter {left: 20px;bottom: 0px;position: absolute;width: 160px;height: 60px;background: #f2f2f2;z-index: 1;overflow: hidden;transition: 0.4s 0.2s;animation: insert-mail-letter .4s ease-in-out .6s forwards;animation-direction: var(--animation-direction);}.mailClose .letter{height: 180px;animation: insert-mail-letter .4s ease-in-out .1s forwards;animation-direction: var(--animation-direction);}.animated-mail .letter .letter-border {height: 10px;width: 100%;background: repeating-linear-gradient(-45deg, #cb5a5e, #cb5a5e 8px, transparent 8px, transparent 18px);}.animated-mail .letter .letter-title {margin-top: 10px;margin-left: 5px;height: 10px;width: 40%;background: #cb5a5e;}.animated-mail .letter .letter-context {margin-top: 10px;margin-left: 5px;height: 10px;width: 20%;background: #cb5a5e;}.animated-mail .letter .letter-stamp {margin-top: 30px;margin-left: 120px;border-radius: 100%;height: 30px;width: 30px;background: #cb5a5e;opacity: 0.3;}.letter-image .shadow {position: absolute;left: 50%;top: 170px;width: 400px;height: 30px;transition: 0.4s;transform: translateX(-50%);border-radius: 100%;background: radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));animation: insert-mail-shadow 0.4s ease-in-out forwards;animation-direction: var(--animation-direction);}.mailClose .shadow{top: 200px;width: 250px;}@keyframes insert-mail{0% {transform: translateY(0);}100% {transform: translateY(50px);}}@keyframes insert-mail-top-fold{0% {transform: rotateX(0);z-index: 2;}100% {transform: rotateX(180deg);z-index: 0;}}@keyframes insert-mail-letter{0% {height: 60px;}100% {height: 180px;}}@keyframes insert-mail-shadow{0% {top: 170px;width: 400px;}100% {top: 200px;width: 250px;}}.zAlert-del .fill-danger{fill: var(--danger, red) !important;}.zAlert-del svg #Lid {animation-duration: 1.5s;animation-iteration-count: 2;animation-name: openLid;transform-origin: 0% 100%;animation-delay: 1s;}.zAlert-del svg #Trash {animation-duration: 1.5s;animation-iteration-count: 2;animation-name: throwTrash;animation-delay: 1s;}@keyframes openLid {0% {transform: rotate(0deg) translateX(0px) translateY(0px);}50% {transform: rotate(-18deg) translateX(-2px);}100% {transform: rotate(0deg) translateX(0px) translateY(0px);}}@keyframes throwTrash {from {transform: translateX(0px) translateY(0px);}to {transform: translateX(-40px) translateY(25px);}}}