:root { --color-amber-50: #fffbeb; --color-amber-100: #fef3c7; --color-amber-400: #fbbf24; --color-amber-500: #f59e0b; --color-amber-600: #d97706; --color-amber-700: #b45309; --color-amber-800: #92400e; --color-amber-950: #451a03; --color-black: #000000; --color-white: #ffffff; --color-blue-50: #eff6ff; --color-blue-100: #dbeafe; --color-blue-200: #bfdbfe; --color-blue-300: #93c5fd; --color-blue-400: #60a5fa; --color-blue-500: #3b82f6; --color-blue-600: #2563eb; --color-blue-700: #1d4ed8; --color-blue-800: #1e40af; --color-blue-900: #1e3a8a; --color-blue-950: #172554; --color-emerald-50: #ecfdf5; --color-emerald-100: #d1fae5; --color-emerald-400: #34d399; --color-emerald-500: #10b981; --color-emerald-600: #059669; --color-emerald-700: #047857; --color-emerald-800: #065f46; --color-indigo-50: #eef2ff; --color-indigo-100: #e0e7ff; --color-indigo-200: #c7d2fe; --color-indigo-300: #a5b4fc; --color-indigo-400: #818cf8; --color-indigo-500: #6366f1; --color-indigo-600: #4f46e5; --color-indigo-700: #4338ca; --color-indigo-900: #312e81; --color-indigo-950: #1e1b4b; --color-red-50: #fef2f2; --color-red-100: #fee2e2; --color-red-400: #f87171; --color-red-500: #ef4444; --color-red-600: #dc2626; --color-red-700: #b91c1c; --color-red-800: #991b1b; --color-rose-50: #fff1f2; --color-rose-500: #f43f5e; --color-rose-600: #e11d48; --color-slate-50: #f8fafc; --color-slate-100: #f1f5f9; --color-slate-200: #e2e8f0; --color-slate-300: #cbd5e1; --color-slate-400: #94a3b8; --color-slate-500: #64748b; --color-slate-600: #475569; --color-slate-700: #334155; --color-slate-800: #1e293b; --color-slate-900: #0f172a; --color-slate-950: #020617; --color-primary: var(--color-blue-600); --color-primary-hover: var(--color-blue-700); --color-secondary: var(--color-emerald-500); --color-accent: var(--color-amber-500); --color-bg-main: var(--color-slate-50); --color-bg-surface: var(--color-white); --color-bg-elevated: var(--color-white); --color-bg-glass: rgba(255, 255, 255, 0.85); --color-text-main: var(--color-slate-800); --color-text-muted: var(--color-slate-500); --color-text-light: var(--color-white); --color-border-main: var(--color-slate-200); --color-border-light: rgba(0, 0, 0, 0.05); --color-border-glass: rgba(255, 255, 255, 0.2); --pm-primary: var(--color-primary); --pm-blue: var(--color-primary); --booking-primary: var(--color-primary); --pm-indigo: var(--color-secondary); --accent-primary: var(--color-accent); --font-family-base: 'Inter', system-ui, -apple-system, sans-serif; --font-family-heading: 'Outfit', system-ui, -apple-system, sans-serif; --radius-sm: 2px; --radius-md: 3px; --radius-lg: 6px; --radius-pill: 9999px; --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05); --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03); --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.025); --shadow-glass: 0 8px 32px 0 rgba(31, 38, 135, 0.07); --transition-fast: 0.15s ease-in-out; --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1); --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1); } html[data-theme="dark"], body.dark-theme, body.dark-mode { --color-bg-main: var(--color-slate-950); --color-bg-surface: var(--color-slate-900); --color-bg-elevated: var(--color-slate-800); --color-bg-glass: rgba(0, 0, 0, 0.6); --color-text-main: var(--color-slate-50); --color-text-muted: var(--color-slate-400); --color-text-light: var(--color-slate-950); --color-border-main: var(--color-slate-700); --color-border-light: rgba(255, 255, 255, 0.05); --color-border-glass: rgba(0, 0, 0, 0.2); } body { background-color: var(--color-bg-main); color: var(--color-text-main); font-family: var(--font-family-base); -webkit-font-smoothing: antialiased; } h1, h2, h3, h4, h5, h6, .font-heading { font-family: var(--font-family-heading); } .text-main { color: var(--color-text-main) !important; } .text-muted { color: var(--color-text-muted) !important; } .text-accent { color: var(--color-accent) !important; } 
@charset "UTF-8";:root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}[data-bs-theme=dark]{color-scheme:dark;--bs-body-color:#dee2e6;--bs-body-color-rgb:222,226,230;--bs-body-bg:#212529;--bs-body-bg-rgb:33,37,41;--bs-emphasis-color:#fff;--bs-emphasis-color-rgb:255,255,255;--bs-secondary-color:rgba(222, 226, 230, 0.75);--bs-secondary-color-rgb:222,226,230;--bs-secondary-bg:#343a40;--bs-secondary-bg-rgb:52,58,64;--bs-tertiary-color:rgba(222, 226, 230, 0.5);--bs-tertiary-color-rgb:222,226,230;--bs-tertiary-bg:#2b3035;--bs-tertiary-bg-rgb:43,48,53;--bs-primary-text-emphasis:#6ea8fe;--bs-secondary-text-emphasis:#a7acb1;--bs-success-text-emphasis:#75b798;--bs-info-text-emphasis:#6edff6;--bs-warning-text-emphasis:#ffda6a;--bs-danger-text-emphasis:#ea868f;--bs-light-text-emphasis:#f8f9fa;--bs-dark-text-emphasis:#dee2e6;--bs-primary-bg-subtle:#031633;--bs-secondary-bg-subtle:#161719;--bs-success-bg-subtle:#051b11;--bs-info-bg-subtle:#032830;--bs-warning-bg-subtle:#332701;--bs-danger-bg-subtle:#2c0b0e;--bs-light-bg-subtle:#343a40;--bs-dark-bg-subtle:#1a1d20;--bs-primary-border-subtle:#084298;--bs-secondary-border-subtle:#41464b;--bs-success-border-subtle:#0f5132;--bs-info-border-subtle:#087990;--bs-warning-border-subtle:#997404;--bs-danger-border-subtle:#842029;--bs-light-border-subtle:#495057;--bs-dark-border-subtle:#343a40;--bs-heading-color:inherit;--bs-link-color:#6ea8fe;--bs-link-hover-color:#8bb9fe;--bs-link-color-rgb:110,168,254;--bs-link-hover-color-rgb:139,185,254;--bs-code-color:#e685b5;--bs-highlight-color:#dee2e6;--bs-highlight-bg:#664d03;--bs-border-color:#495057;--bs-border-color-translucent:rgba(255, 255, 255, 0.15);--bs-form-valid-color:#75b798;--bs-form-valid-border-color:#75b798;--bs-form-invalid-color:#ea868f;--bs-form-invalid-border-color:#ea868f}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:.25}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}.small,small{font-size:.875em}.mark,mark{padding:.1875em;color:var(--bs-highlight-color);background-color:var(--bs-highlight-bg)}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:underline}a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre{font-family:var(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}kbd{padding:.1875rem .375rem;font-size:.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem}kbd kbd{padding:0;font-size:1em}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:calc(1.625rem + 4.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-1{font-size:5rem}}.display-2{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-2{font-size:4.5rem}}.display-3{font-size:calc(1.525rem + 3.3vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-3{font-size:4rem}}.display-4{font-size:calc(1.475rem + 2.7vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-4{font-size:3.5rem}}.display-5{font-size:calc(1.425rem + 2.1vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-5{font-size:3rem}}.display-6{font-size:calc(1.375rem + 1.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-6{font-size:2.5rem}}.list-unstyled{padding-left:0;list-style:none}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote>:last-child{margin-bottom:0}.img-fluid{max-width:100%;height:auto}.container,.container-fluid{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:1400px){.container{max-width:1320px}}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.g-0{--bs-gutter-x:0}.g-0{--bs-gutter-y:0}.g-2{--bs-gutter-x:0.5rem}.g-2{--bs-gutter-y:0.5rem}.g-3{--bs-gutter-x:1rem}.g-3{--bs-gutter-y:1rem}.g-4{--bs-gutter-x:1.5rem}.g-4{--bs-gutter-y:1.5rem}.g-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm{flex:1 0 0%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}}@media (min-width:768px){.col-md{flex:1 0 0%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}}@media (min-width:992px){.col-lg{flex:1 0 0%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{flex:1 0 0%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}}@media (min-width:1400px){.col-xxl{flex:1 0 0%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}}.table{--bs-table-color-type:initial;--bs-table-bg-type:initial;--bs-table-color-state:initial;--bs-table-bg-state:initial;--bs-table-color:var(--bs-emphasis-color);--bs-table-bg:var(--bs-body-bg);--bs-table-border-color:var(--bs-border-color);--bs-table-accent-bg:transparent;--bs-table-striped-color:var(--bs-emphasis-color);--bs-table-striped-bg:rgba(var(--bs-emphasis-color-rgb), 0.05);--bs-table-active-color:var(--bs-emphasis-color);--bs-table-active-bg:rgba(var(--bs-emphasis-color-rgb), 0.1);--bs-table-hover-color:var(--bs-emphasis-color);--bs-table-hover-bg:rgba(var(--bs-emphasis-color-rgb), 0.075);width:100%;margin-bottom:1rem;vertical-align:top;border-color:var(--bs-table-border-color)}.table>:not(caption)>*>*{padding:.5rem .5rem;color:var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));background-color:var(--bs-table-bg);border-bottom-width:var(--bs-border-width);box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)))}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-borderless>:not(:first-child){border-top-width:0}.table-hover>tbody>tr:hover>*{--bs-table-color-state:var(--bs-table-hover-color);--bs-table-bg-state:var(--bs-table-hover-bg)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.form-label{margin-bottom:.5rem}.col-form-label{padding-top:calc(.375rem + var(--bs-border-width));padding-bottom:calc(.375rem + var(--bs-border-width));margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + var(--bs-border-width));padding-bottom:calc(.5rem + var(--bs-border-width));font-size:1.25rem}.col-form-label-sm{padding-top:calc(.25rem + var(--bs-border-width));padding-bottom:calc(.25rem + var(--bs-border-width));font-size:.875rem}.form-text{margin-top:.25rem;font-size:.875em;color:var(--bs-secondary-color)}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-body-bg);background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-control::-webkit-date-and-time-value{min-width:85px;height:1.5em;margin:0}.form-control::-webkit-datetime-edit{display:block;padding:0}.form-control::-moz-placeholder{color:var(--bs-secondary-color);opacity:1}.form-control::placeholder{color:var(--bs-secondary-color);opacity:1}.form-control:disabled{background-color:var(--bs-secondary-bg);opacity:1}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:var(--bs-secondary-bg)}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--bs-secondary-bg)}.form-control-sm{min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));padding:.25rem .5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.form-control-sm::-webkit-file-upload-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.form-control-lg::-webkit-file-upload-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}textarea.form-control{min-height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))}textarea.form-control-sm{min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}textarea.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-control-color{width:3rem;height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));padding:.375rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{border:0!important;border-radius:var(--bs-border-radius)}.form-control-color::-webkit-color-swatch{border:0!important;border-radius:var(--bs-border-radius)}.form-control-color.form-control-sm{height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}.form-control-color.form-control-lg{height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-body-bg);background-image:var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-select{transition:none}}.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}.form-select:disabled{background-color:var(--bs-secondary-bg)}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--bs-body-color)}.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}[data-bs-theme=dark] .form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-input{--bs-form-check-bg:var(--bs-body-bg);flex-shrink:0;width:1em;height:1em;margin-top:.25em;vertical-align:top;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-form-check-bg);background-image:var(--bs-form-check-bg-image);background-repeat:no-repeat;background-position:center;background-size:contain;border:var(--bs-border-width) solid var(--bs-border-color);-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.form-check-input:checked[type=checkbox]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{cursor:default;opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");width:2em;margin-left:-2.5em;background-image:var(--bs-form-switch-bg);background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.65}[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus){--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-select:focus{z-index:5}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:5}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);text-align:center;white-space:nowrap;background-color:var(--bs-tertiary-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius)}.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{padding:.25rem .5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:calc(var(--bs-border-width) * -1);border-top-left-radius:0;border-bottom-left-radius:0}.form-control.is-valid{border-color:var(--bs-form-valid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-valid{border-color:var(--bs-form-valid-border-color)}.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-control-color.is-valid{width:calc(3rem + calc(1.5em + .75rem))}.form-check-input.is-valid{border-color:var(--bs-form-valid-border-color)}.form-check-input.is-valid:checked{background-color:var(--bs-form-valid-color)}.form-check-input.is-valid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-check-input.is-valid~.form-check-label{color:var(--bs-form-valid-color)}.input-group>.form-control:not(:focus).is-valid,.input-group>.form-select:not(:focus).is-valid{z-index:3}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:var(--bs-form-invalid-color)}.is-invalid~.invalid-feedback{display:block}.form-control.is-invalid{border-color:var(--bs-form-invalid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-invalid{border-color:var(--bs-form-invalid-border-color)}.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-control-color.is-invalid{width:calc(3rem + calc(1.5em + .75rem))}.form-check-input.is-invalid{border-color:var(--bs-form-invalid-border-color)}.form-check-input.is-invalid:checked{background-color:var(--bs-form-invalid-color)}.form-check-input.is-invalid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-check-input.is-invalid~.form-check-label{color:var(--bs-form-invalid-color)}.input-group>.form-control:not(:focus).is-invalid,.input-group>.form-select:not(:focus).is-invalid{z-index:4}.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn-check+.btn:hover{color:var(--bs-btn-color);background-color:var(--bs-btn-bg);border-color:var(--bs-btn-border-color)}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:focus-visible+.btn{border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked:focus-visible+.btn{box-shadow:var(--bs-btn-focus-box-shadow)}.btn.disabled,.btn:disabled{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}.btn-secondary{--bs-btn-color:#fff;--bs-btn-bg:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#5c636a;--bs-btn-hover-border-color:#565e64;--bs-btn-focus-shadow-rgb:130,138,145;--bs-btn-active-color:#fff;--bs-btn-active-bg:#565e64;--bs-btn-active-border-color:#51585e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#6c757d;--bs-btn-disabled-border-color:#6c757d}.btn-success{--bs-btn-color:#fff;--bs-btn-bg:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#157347;--bs-btn-hover-border-color:#146c43;--bs-btn-focus-shadow-rgb:60,153,110;--bs-btn-active-color:#fff;--bs-btn-active-bg:#146c43;--bs-btn-active-border-color:#13653f;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#198754;--bs-btn-disabled-border-color:#198754}.btn-info{--bs-btn-color:#000;--bs-btn-bg:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#31d2f2;--bs-btn-hover-border-color:#25cff2;--bs-btn-focus-shadow-rgb:11,172,204;--bs-btn-active-color:#000;--bs-btn-active-bg:#3dd5f3;--bs-btn-active-border-color:#25cff2;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#0dcaf0;--bs-btn-disabled-border-color:#0dcaf0}.btn-warning{--bs-btn-color:#000;--bs-btn-bg:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffca2c;--bs-btn-hover-border-color:#ffc720;--bs-btn-focus-shadow-rgb:217,164,6;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffcd39;--bs-btn-active-border-color:#ffc720;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#ffc107;--bs-btn-disabled-border-color:#ffc107}.btn-danger{--bs-btn-color:#fff;--bs-btn-bg:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#bb2d3b;--bs-btn-hover-border-color:#b02a37;--bs-btn-focus-shadow-rgb:225,83,97;--bs-btn-active-color:#fff;--bs-btn-active-bg:#b02a37;--bs-btn-active-border-color:#a52834;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#dc3545;--bs-btn-disabled-border-color:#dc3545}.btn-light{--bs-btn-color:#000;--bs-btn-bg:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#d3d4d5;--bs-btn-hover-border-color:#c6c7c8;--bs-btn-focus-shadow-rgb:211,212,213;--bs-btn-active-color:#000;--bs-btn-active-bg:#c6c7c8;--bs-btn-active-border-color:#babbbc;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#f8f9fa;--bs-btn-disabled-border-color:#f8f9fa}.btn-dark{--bs-btn-color:#fff;--bs-btn-bg:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#424649;--bs-btn-hover-border-color:#373b3e;--bs-btn-focus-shadow-rgb:66,70,73;--bs-btn-active-color:#fff;--bs-btn-active-bg:#4d5154;--bs-btn-active-border-color:#373b3e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#212529;--bs-btn-disabled-border-color:#212529}.btn-outline-primary{--bs-btn-color:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0d6efd;--bs-btn-hover-border-color:#0d6efd;--bs-btn-focus-shadow-rgb:13,110,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0d6efd;--bs-btn-active-border-color:#0d6efd;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0d6efd;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0d6efd;--bs-gradient:none}.btn-outline-secondary{--bs-btn-color:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#6c757d;--bs-btn-hover-border-color:#6c757d;--bs-btn-focus-shadow-rgb:108,117,125;--bs-btn-active-color:#fff;--bs-btn-active-bg:#6c757d;--bs-btn-active-border-color:#6c757d;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#6c757d;--bs-gradient:none}.btn-outline-success{--bs-btn-color:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#198754;--bs-btn-hover-border-color:#198754;--bs-btn-focus-shadow-rgb:25,135,84;--bs-btn-active-color:#fff;--bs-btn-active-bg:#198754;--bs-btn-active-border-color:#198754;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#198754;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#198754;--bs-gradient:none}.btn-outline-info{--bs-btn-color:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#0dcaf0;--bs-btn-hover-border-color:#0dcaf0;--bs-btn-focus-shadow-rgb:13,202,240;--bs-btn-active-color:#000;--bs-btn-active-bg:#0dcaf0;--bs-btn-active-border-color:#0dcaf0;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0dcaf0;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0dcaf0;--bs-gradient:none}.btn-outline-warning{--bs-btn-color:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffc107;--bs-btn-hover-border-color:#ffc107;--bs-btn-focus-shadow-rgb:255,193,7;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffc107;--bs-btn-active-border-color:#ffc107;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#ffc107;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#ffc107;--bs-gradient:none}.btn-outline-danger{--bs-btn-color:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#dc3545;--bs-btn-hover-border-color:#dc3545;--bs-btn-focus-shadow-rgb:220,53,69;--bs-btn-active-color:#fff;--bs-btn-active-bg:#dc3545;--bs-btn-active-border-color:#dc3545;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#dc3545;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#dc3545;--bs-gradient:none}.btn-outline-light{--bs-btn-color:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#f8f9fa;--bs-btn-hover-border-color:#f8f9fa;--bs-btn-focus-shadow-rgb:248,249,250;--bs-btn-active-color:#000;--bs-btn-active-bg:#f8f9fa;--bs-btn-active-border-color:#f8f9fa;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#f8f9fa;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#f8f9fa;--bs-gradient:none}.btn-outline-dark{--bs-btn-color:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#212529;--bs-btn-hover-border-color:#212529;--bs-btn-focus-shadow-rgb:33,37,41;--bs-btn-active-color:#fff;--bs-btn-active-bg:#212529;--bs-btn-active-border-color:#212529;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#212529;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#212529;--bs-gradient:none}.btn-link{--bs-btn-font-weight:400;--bs-btn-color:var(--bs-link-color);--bs-btn-bg:transparent;--bs-btn-border-color:transparent;--bs-btn-hover-color:var(--bs-link-hover-color);--bs-btn-hover-border-color:transparent;--bs-btn-active-color:var(--bs-link-hover-color);--bs-btn-active-border-color:transparent;--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-border-color:transparent;--bs-btn-box-shadow:0 0 0 #000;--bs-btn-focus-shadow-rgb:49,132,253;text-decoration:underline}.btn-link:focus-visible{color:var(--bs-btn-color)}.btn-link:hover{color:var(--bs-btn-hover-color)}.btn-group-lg>.btn,.btn-lg{--bs-btn-padding-y:0.5rem;--bs-btn-padding-x:1rem;--bs-btn-font-size:1.25rem;--bs-btn-border-radius:var(--bs-border-radius-lg)}.btn-group-sm>.btn,.btn-sm{--bs-btn-padding-y:0.25rem;--bs-btn-padding-x:0.5rem;--bs-btn-font-size:0.875rem;--bs-btn-border-radius:var(--bs-border-radius-sm)}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}@media (prefers-reduced-motion:reduce){.collapsing.collapse-horizontal{transition:none}}.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{--bs-dropdown-zindex:1000;--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:0.5rem;--bs-dropdown-spacer:0.125rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color:var(--bs-body-color);--bs-dropdown-bg:var(--bs-body-bg);--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-border-radius:var(--bs-border-radius);--bs-dropdown-border-width:var(--bs-border-width);--bs-dropdown-inner-border-radius:calc(var(--bs-border-radius) - var(--bs-border-width));--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y:0.5rem;--bs-dropdown-box-shadow:var(--bs-box-shadow);--bs-dropdown-link-color:var(--bs-body-color);--bs-dropdown-link-hover-color:var(--bs-body-color);--bs-dropdown-link-hover-bg:var(--bs-tertiary-bg);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:var(--bs-tertiary-color);--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:0.25rem;--bs-dropdown-header-color:#6c757d;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:0.5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}.dropdown-menu-end{--bs-position:end}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropend .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-toggle::after{vertical-align:0}.dropstart .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropstart .dropdown-toggle::after{display:none}.dropstart .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropstart .dropdown-toggle:empty::after{margin-left:0}.dropstart .dropdown-toggle::before{vertical-align:0}.dropdown-divider{height:0;margin:var(--bs-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1}.dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;border-radius:var(--bs-dropdown-item-border-radius,0)}.dropdown-item:focus,.dropdown-item:hover{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}.dropdown-item.active,.dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);margin-bottom:0;font-size:.875rem;color:var(--bs-dropdown-header-color);white-space:nowrap}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group{border-radius:var(--bs-border-radius)}.btn-group>.btn-group:not(:first-child),.btn-group>:not(.btn-check:first-child)+.btn{margin-left:calc(var(--bs-border-width) * -1)}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:calc(var(--bs-border-width) * -1)}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn~.btn{border-top-left-radius:0;border-top-right-radius:0}.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;background:0 0;border:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:var(--bs-nav-link-hover-color)}.nav-link:focus-visible{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.nav-link.disabled,.nav-link:disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}.nav-tabs{--bs-nav-tabs-border-width:var(--bs-border-width);--bs-nav-tabs-border-color:var(--bs-border-color);--bs-nav-tabs-border-radius:var(--bs-border-radius);--bs-nav-tabs-link-hover-border-color:var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);--bs-nav-tabs-link-active-color:var(--bs-emphasis-color);--bs-nav-tabs-link-active-bg:var(--bs-body-bg);--bs-nav-tabs-link-active-border-color:var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}.nav-tabs .nav-link{margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}.nav-tabs .dropdown-menu{margin-top:calc(-1 * var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}.nav-pills{--bs-nav-pills-border-radius:var(--bs-border-radius);--bs-nav-pills-link-active-color:#fff;--bs-nav-pills-link-active-bg:#0d6efd}.nav-pills .nav-link{border-radius:var(--bs-nav-pills-border-radius)}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:0.5rem;--bs-navbar-color:rgba(var(--bs-emphasis-color-rgb), 0.65);--bs-navbar-hover-color:rgba(var(--bs-emphasis-color-rgb), 0.8);--bs-navbar-disabled-color:rgba(var(--bs-emphasis-color-rgb), 0.3);--bs-navbar-active-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-padding-y:0.3125rem;--bs-navbar-brand-margin-end:1rem;--bs-navbar-brand-font-size:1.25rem;--bs-navbar-brand-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-hover-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-nav-link-padding-x:0.5rem;--bs-navbar-toggler-padding-y:0.25rem;--bs-navbar-toggler-padding-x:0.75rem;--bs-navbar-toggler-font-size:1.25rem;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--bs-navbar-toggler-border-color:rgba(var(--bs-emphasis-color-rgb), 0.15);--bs-navbar-toggler-border-radius:var(--bs-border-radius);--bs-navbar-toggler-focus-width:0.25rem;--bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}.navbar>.container,.navbar>.container-fluid{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-nav{--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-navbar-color);--bs-nav-link-hover-color:var(--bs-navbar-hover-color);--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:var(--bs-navbar-active-color)}.navbar-nav .dropdown-menu{position:static}.navbar[data-bs-theme=dark]{--bs-navbar-color:rgba(255, 255, 255, 0.55);--bs-navbar-hover-color:rgba(255, 255, 255, 0.75);--bs-navbar-disabled-color:rgba(255, 255, 255, 0.25);--bs-navbar-active-color:#fff;--bs-navbar-brand-color:#fff;--bs-navbar-brand-hover-color:#fff;--bs-navbar-toggler-border-color:rgba(255, 255, 255, 0.1);--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.card{--bs-card-spacer-y:1rem;--bs-card-spacer-x:1rem;--bs-card-title-spacer-y:0.5rem;--bs-card-title-color: ;--bs-card-subtitle-color: ;--bs-card-border-width:var(--bs-border-width);--bs-card-border-color:var(--bs-border-color-translucent);--bs-card-border-radius:var(--bs-border-radius);--bs-card-box-shadow: ;--bs-card-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-card-cap-padding-y:0.5rem;--bs-card-cap-padding-x:1rem;--bs-card-cap-bg:rgba(var(--bs-body-color-rgb), 0.03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg:var(--bs-body-bg);--bs-card-img-overlay-padding:1rem;--bs-card-group-margin:0.75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}.card-header{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);margin-bottom:0;color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}.card-footer{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-top:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-footer:last-child{border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)}.accordion{--bs-accordion-color:var(--bs-body-color);--bs-accordion-bg:var(--bs-body-bg);--bs-accordion-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;--bs-accordion-border-color:var(--bs-border-color);--bs-accordion-border-width:var(--bs-border-width);--bs-accordion-border-radius:var(--bs-border-radius);--bs-accordion-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-accordion-btn-padding-x:1.25rem;--bs-accordion-btn-padding-y:1rem;--bs-accordion-btn-color:var(--bs-body-color);--bs-accordion-btn-bg:var(--bs-accordion-bg);--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");--bs-accordion-btn-icon-width:1.25rem;--bs-accordion-btn-icon-transform:rotate(-180deg);--bs-accordion-btn-icon-transition:transform 0.2s ease-in-out;--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");--bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-accordion-body-padding-x:1.25rem;--bs-accordion-body-padding-y:1rem;--bs-accordion-active-color:var(--bs-primary-text-emphasis);--bs-accordion-active-bg:var(--bs-primary-bg-subtle)}.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);font-size:1rem;color:var(--bs-accordion-btn-color);text-align:left;background-color:var(--bs-accordion-btn-bg);border:0;border-radius:0;overflow-anchor:none;transition:var(--bs-accordion-transition)}@media (prefers-reduced-motion:reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){color:var(--bs-accordion-active-color);background-color:var(--bs-accordion-active-bg);box-shadow:inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)}.accordion-button:not(.collapsed)::after{background-image:var(--bs-accordion-btn-active-icon);transform:var(--bs-accordion-btn-icon-transform)}.accordion-button::after{flex-shrink:0;width:var(--bs-accordion-btn-icon-width);height:var(--bs-accordion-btn-icon-width);margin-left:auto;content:"";background-image:var(--bs-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--bs-accordion-btn-icon-width);transition:var(--bs-accordion-btn-icon-transition)}@media (prefers-reduced-motion:reduce){.accordion-button::after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;outline:0;box-shadow:var(--bs-accordion-btn-focus-box-shadow)}.accordion-header{margin-bottom:0}.accordion-item{color:var(--bs-accordion-color);background-color:var(--bs-accordion-bg);border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)}.accordion-item:first-of-type{border-top-left-radius:var(--bs-accordion-border-radius);border-top-right-radius:var(--bs-accordion-border-radius)}.accordion-item:first-of-type>.accordion-header .accordion-button{border-top-left-radius:var(--bs-accordion-inner-border-radius);border-top-right-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{border-bottom-right-radius:var(--bs-accordion-inner-border-radius);border-bottom-left-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:last-of-type>.accordion-collapse{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-body{padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)}.accordion-flush>.accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush>.accordion-item:first-child{border-top:0}.accordion-flush>.accordion-item:last-child{border-bottom:0}.accordion-flush>.accordion-item>.accordion-header .accordion-button,.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed{border-radius:0}.accordion-flush>.accordion-item>.accordion-collapse{border-radius:0}[data-bs-theme=dark] .accordion-button::after{--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.breadcrumb{--bs-breadcrumb-padding-x:0;--bs-breadcrumb-padding-y:0;--bs-breadcrumb-margin-bottom:1rem;--bs-breadcrumb-bg: ;--bs-breadcrumb-border-radius: ;--bs-breadcrumb-divider-color:var(--bs-secondary-color);--bs-breadcrumb-item-padding-x:0.5rem;--bs-breadcrumb-item-active-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding:var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);margin-bottom:var(--bs-breadcrumb-margin-bottom);font-size:var(--bs-breadcrumb-font-size);list-style:none;background-color:var(--bs-breadcrumb-bg);border-radius:var(--bs-breadcrumb-border-radius)}.breadcrumb-item+.breadcrumb-item{padding-left:var(--bs-breadcrumb-item-padding-x)}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:var(--bs-breadcrumb-item-padding-x);color:var(--bs-breadcrumb-divider-color);content:var(--bs-breadcrumb-divider, "/")}.breadcrumb-item.active{color:var(--bs-breadcrumb-item-active-color)}.pagination{--bs-pagination-padding-x:0.75rem;--bs-pagination-padding-y:0.375rem;--bs-pagination-font-size:1rem;--bs-pagination-color:var(--bs-link-color);--bs-pagination-bg:var(--bs-body-bg);--bs-pagination-border-width:var(--bs-border-width);--bs-pagination-border-color:var(--bs-border-color);--bs-pagination-border-radius:var(--bs-border-radius);--bs-pagination-hover-color:var(--bs-link-hover-color);--bs-pagination-hover-bg:var(--bs-tertiary-bg);--bs-pagination-hover-border-color:var(--bs-border-color);--bs-pagination-focus-color:var(--bs-link-hover-color);--bs-pagination-focus-bg:var(--bs-secondary-bg);--bs-pagination-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-pagination-active-color:#fff;--bs-pagination-active-bg:#0d6efd;--bs-pagination-active-border-color:#0d6efd;--bs-pagination-disabled-color:var(--bs-secondary-color);--bs-pagination-disabled-bg:var(--bs-secondary-bg);--bs-pagination-disabled-border-color:var(--bs-border-color);display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);font-size:var(--bs-pagination-font-size);color:var(--bs-pagination-color);text-decoration:none;background-color:var(--bs-pagination-bg);border:var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.page-link{transition:none}}.page-link:hover{z-index:2;color:var(--bs-pagination-hover-color);background-color:var(--bs-pagination-hover-bg);border-color:var(--bs-pagination-hover-border-color)}.page-link:focus{z-index:3;color:var(--bs-pagination-focus-color);background-color:var(--bs-pagination-focus-bg);outline:0;box-shadow:var(--bs-pagination-focus-box-shadow)}.active>.page-link,.page-link.active{z-index:3;color:var(--bs-pagination-active-color);background-color:var(--bs-pagination-active-bg);border-color:var(--bs-pagination-active-border-color)}.disabled>.page-link,.page-link.disabled{color:var(--bs-pagination-disabled-color);pointer-events:none;background-color:var(--bs-pagination-disabled-bg);border-color:var(--bs-pagination-disabled-border-color)}.page-item:not(:first-child) .page-link{margin-left:calc(var(--bs-border-width) * -1)}.page-item:first-child .page-link{border-top-left-radius:var(--bs-pagination-border-radius);border-bottom-left-radius:var(--bs-pagination-border-radius)}.page-item:last-child .page-link{border-top-right-radius:var(--bs-pagination-border-radius);border-bottom-right-radius:var(--bs-pagination-border-radius)}.pagination-lg{--bs-pagination-padding-x:1.5rem;--bs-pagination-padding-y:0.75rem;--bs-pagination-font-size:1.25rem;--bs-pagination-border-radius:var(--bs-border-radius-lg)}.badge{--bs-badge-padding-x:0.65em;--bs-badge-padding-y:0.35em;--bs-badge-font-size:0.75em;--bs-badge-font-weight:700;--bs-badge-color:#fff;--bs-badge-border-radius:var(--bs-border-radius);display:inline-block;padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);font-size:var(--bs-badge-font-size);font-weight:var(--bs-badge-font-weight);line-height:1;color:var(--bs-badge-color);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--bs-badge-border-radius)}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{--bs-alert-bg:transparent;--bs-alert-padding-x:1rem;--bs-alert-padding-y:1rem;--bs-alert-margin-bottom:1rem;--bs-alert-color:inherit;--bs-alert-border-color:transparent;--bs-alert-border:var(--bs-border-width) solid var(--bs-alert-border-color);--bs-alert-border-radius:var(--bs-border-radius);--bs-alert-link-color:inherit;position:relative;padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);margin-bottom:var(--bs-alert-margin-bottom);color:var(--bs-alert-color);background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius)}.alert-heading{color:inherit}.alert-link{font-weight:700;color:var(--bs-alert-link-color)}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}.alert-primary{--bs-alert-color:var(--bs-primary-text-emphasis);--bs-alert-bg:var(--bs-primary-bg-subtle);--bs-alert-border-color:var(--bs-primary-border-subtle);--bs-alert-link-color:var(--bs-primary-text-emphasis)}.alert-secondary{--bs-alert-color:var(--bs-secondary-text-emphasis);--bs-alert-bg:var(--bs-secondary-bg-subtle);--bs-alert-border-color:var(--bs-secondary-border-subtle);--bs-alert-link-color:var(--bs-secondary-text-emphasis)}.alert-success{--bs-alert-color:var(--bs-success-text-emphasis);--bs-alert-bg:var(--bs-success-bg-subtle);--bs-alert-border-color:var(--bs-success-border-subtle);--bs-alert-link-color:var(--bs-success-text-emphasis)}.alert-info{--bs-alert-color:var(--bs-info-text-emphasis);--bs-alert-bg:var(--bs-info-bg-subtle);--bs-alert-border-color:var(--bs-info-border-subtle);--bs-alert-link-color:var(--bs-info-text-emphasis)}.alert-warning{--bs-alert-color:var(--bs-warning-text-emphasis);--bs-alert-bg:var(--bs-warning-bg-subtle);--bs-alert-border-color:var(--bs-warning-border-subtle);--bs-alert-link-color:var(--bs-warning-text-emphasis)}.alert-danger{--bs-alert-color:var(--bs-danger-text-emphasis);--bs-alert-bg:var(--bs-danger-bg-subtle);--bs-alert-border-color:var(--bs-danger-border-subtle);--bs-alert-link-color:var(--bs-danger-text-emphasis)}.alert-light{--bs-alert-color:var(--bs-light-text-emphasis);--bs-alert-bg:var(--bs-light-bg-subtle);--bs-alert-border-color:var(--bs-light-border-subtle);--bs-alert-link-color:var(--bs-light-text-emphasis)}.alert-dark{--bs-alert-color:var(--bs-dark-text-emphasis);--bs-alert-bg:var(--bs-dark-bg-subtle);--bs-alert-border-color:var(--bs-dark-border-subtle);--bs-alert-link-color:var(--bs-dark-text-emphasis)}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}.progress{--bs-progress-height:1rem;--bs-progress-font-size:0.75rem;--bs-progress-bg:var(--bs-secondary-bg);--bs-progress-border-radius:var(--bs-border-radius);--bs-progress-box-shadow:var(--bs-box-shadow-inset);--bs-progress-bar-color:#fff;--bs-progress-bar-bg:#0d6efd;--bs-progress-bar-transition:width 0.6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.list-group{--bs-list-group-color:var(--bs-body-color);--bs-list-group-bg:var(--bs-body-bg);--bs-list-group-border-color:var(--bs-border-color);--bs-list-group-border-width:var(--bs-border-width);--bs-list-group-border-radius:var(--bs-border-radius);--bs-list-group-item-padding-x:1rem;--bs-list-group-item-padding-y:0.5rem;--bs-list-group-action-color:var(--bs-secondary-color);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-tertiary-bg);--bs-list-group-action-active-color:var(--bs-body-color);--bs-list-group-action-active-bg:var(--bs-secondary-bg);--bs-list-group-disabled-color:var(--bs-secondary-color);--bs-list-group-disabled-bg:var(--bs-body-bg);--bs-list-group-active-color:#fff;--bs-list-group-active-bg:#0d6efd;--bs-list-group-active-border-color:#0d6efd;display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:var(--bs-list-group-border-radius)}.list-group-item-action{width:100%;color:var(--bs-list-group-action-color);text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:var(--bs-list-group-action-hover-color);text-decoration:none;background-color:var(--bs-list-group-action-hover-bg)}.list-group-item-action:active{color:var(--bs-list-group-action-active-color);background-color:var(--bs-list-group-action-active-bg)}.list-group-item{position:relative;display:block;padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);color:var(--bs-list-group-color);text-decoration:none;background-color:var(--bs-list-group-bg);border:var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:var(--bs-list-group-disabled-color);pointer-events:none;background-color:var(--bs-list-group-disabled-bg)}.list-group-item.active{z-index:2;color:var(--bs-list-group-active-color);background-color:var(--bs-list-group-active-bg);border-color:var(--bs-list-group-active-border-color)}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:calc(-1 * var(--bs-list-group-border-width));border-top-width:var(--bs-list-group-border-width)}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 var(--bs-list-group-border-width)}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.btn-close{--bs-btn-close-color:#000;--bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");--bs-btn-close-opacity:0.5;--bs-btn-close-hover-opacity:0.75;--bs-btn-close-focus-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-btn-close-focus-opacity:1;--bs-btn-close-disabled-opacity:0.25;--bs-btn-close-white-filter:invert(1) grayscale(100%) brightness(200%);box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:var(--bs-btn-close-color);background:transparent var(--bs-btn-close-bg) center/1em auto no-repeat;border:0;border-radius:.375rem;opacity:var(--bs-btn-close-opacity)}.btn-close:hover{color:var(--bs-btn-close-color);text-decoration:none;opacity:var(--bs-btn-close-hover-opacity)}.btn-close:focus{outline:0;box-shadow:var(--bs-btn-close-focus-shadow);opacity:var(--bs-btn-close-focus-opacity)}.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--bs-btn-close-disabled-opacity)}.btn-close-white{filter:var(--bs-btn-close-white-filter)}[data-bs-theme=dark] .btn-close{filter:var(--bs-btn-close-white-filter)}.toast{--bs-toast-zindex:1090;--bs-toast-padding-x:0.75rem;--bs-toast-padding-y:0.5rem;--bs-toast-spacing:1.5rem;--bs-toast-max-width:350px;--bs-toast-font-size:0.875rem;--bs-toast-color: ;--bs-toast-bg:rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-border-width:var(--bs-border-width);--bs-toast-border-color:var(--bs-border-color-translucent);--bs-toast-border-radius:var(--bs-border-radius);--bs-toast-box-shadow:var(--bs-box-shadow);--bs-toast-header-color:var(--bs-secondary-color);--bs-toast-header-bg:rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-header-border-color:var(--bs-border-color-translucent);width:var(--bs-toast-max-width);max-width:100%;font-size:var(--bs-toast-font-size);color:var(--bs-toast-color);pointer-events:auto;background-color:var(--bs-toast-bg);background-clip:padding-box;border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);box-shadow:var(--bs-toast-box-shadow);border-radius:var(--bs-toast-border-radius)}.toast.showing{opacity:0}.toast:not(.show){display:none}.toast-container{--bs-toast-zindex:1090;position:absolute;z-index:var(--bs-toast-zindex);width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;pointer-events:none}.toast-container>:not(:last-child){margin-bottom:var(--bs-toast-spacing)}.toast-header{display:flex;align-items:center;padding:var(--bs-toast-padding-y) var(--bs-toast-padding-x);color:var(--bs-toast-header-color);background-color:var(--bs-toast-header-bg);background-clip:padding-box;border-bottom:var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);border-top-left-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));border-top-right-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))}.toast-header .btn-close{margin-right:calc(-.5 * var(--bs-toast-padding-x));margin-left:var(--bs-toast-padding-x)}.toast-body{padding:var(--bs-toast-padding-x);word-wrap:break-word}.modal{--bs-modal-zindex:1055;--bs-modal-width:500px;--bs-modal-padding:1rem;--bs-modal-margin:0.5rem;--bs-modal-color: ;--bs-modal-bg:var(--bs-body-bg);--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:var(--bs-border-width);--bs-modal-border-radius:var(--bs-border-radius-lg);--bs-modal-box-shadow:var(--bs-box-shadow-sm);--bs-modal-inner-border-radius:calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));--bs-modal-header-padding-x:1rem;--bs-modal-header-padding-y:1rem;--bs-modal-header-padding:1rem 1rem;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-header-border-width:var(--bs-border-width);--bs-modal-title-line-height:1.5;--bs-modal-footer-gap:0.5rem;--bs-modal-footer-bg: ;--bs-modal-footer-border-color:var(--bs-border-color);--bs-modal-footer-border-width:var(--bs-border-width);position:fixed;top:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:var(--bs-modal-margin);pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - var(--bs-modal-margin) * 2)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - var(--bs-modal-margin) * 2)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;color:var(--bs-modal-color);pointer-events:auto;background-color:var(--bs-modal-bg);background-clip:padding-box;border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius:var(--bs-modal-border-radius);outline:0}.modal-backdrop{--bs-backdrop-zindex:1050;--bs-backdrop-bg:#000;--bs-backdrop-opacity:0.5;position:fixed;top:0;left:0;z-index:var(--bs-backdrop-zindex);width:100vw;height:100vh;background-color:var(--bs-backdrop-bg)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--bs-backdrop-opacity)}.modal-header{display:flex;flex-shrink:0;align-items:center;padding:var(--bs-modal-header-padding);border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);border-top-left-radius:var(--bs-modal-inner-border-radius);border-top-right-radius:var(--bs-modal-inner-border-radius)}.modal-header .btn-close{padding:calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);margin:calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto}.modal-title{margin-bottom:0;line-height:var(--bs-modal-title-line-height)}.modal-body{position:relative;flex:1 1 auto;padding:var(--bs-modal-padding)}.modal-footer{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);background-color:var(--bs-modal-footer-bg);border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);border-bottom-right-radius:var(--bs-modal-inner-border-radius);border-bottom-left-radius:var(--bs-modal-inner-border-radius)}.modal-footer>*{margin:calc(var(--bs-modal-footer-gap) * .5)}@media (min-width:576px){.modal{--bs-modal-margin:1.75rem;--bs-modal-box-shadow:var(--bs-box-shadow)}.modal-dialog{max-width:var(--bs-modal-width);margin-right:auto;margin-left:auto}.modal-sm{--bs-modal-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{--bs-modal-width:800px}}@media (min-width:1200px){.modal-xl{--bs-modal-width:1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}}@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}}@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}}.tooltip{--bs-tooltip-zindex:1080;--bs-tooltip-max-width:200px;--bs-tooltip-padding-x:0.5rem;--bs-tooltip-padding-y:0.25rem;--bs-tooltip-margin: ;--bs-tooltip-font-size:0.875rem;--bs-tooltip-color:var(--bs-body-bg);--bs-tooltip-bg:var(--bs-emphasis-color);--bs-tooltip-border-radius:var(--bs-border-radius);--bs-tooltip-opacity:0.9;--bs-tooltip-arrow-width:0.8rem;--bs-tooltip-arrow-height:0.4rem;z-index:var(--bs-tooltip-zindex);display:block;margin:var(--bs-tooltip-margin);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-tooltip-font-size);word-wrap:break-word;opacity:0}.tooltip.show{opacity:var(--bs-tooltip-opacity)}.tooltip .tooltip-arrow{display:block;width:var(--bs-tooltip-arrow-width);height:var(--bs-tooltip-arrow-height)}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.tooltip-inner{max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);color:var(--bs-tooltip-color);text-align:center;background-color:var(--bs-tooltip-bg);border-radius:var(--bs-tooltip-border-radius)}.popover{--bs-popover-zindex:1070;--bs-popover-max-width:276px;--bs-popover-font-size:0.875rem;--bs-popover-bg:var(--bs-body-bg);--bs-popover-border-width:var(--bs-border-width);--bs-popover-border-color:var(--bs-border-color-translucent);--bs-popover-border-radius:var(--bs-border-radius-lg);--bs-popover-inner-border-radius:calc(var(--bs-border-radius-lg) - var(--bs-border-width));--bs-popover-box-shadow:var(--bs-box-shadow);--bs-popover-header-padding-x:1rem;--bs-popover-header-padding-y:0.5rem;--bs-popover-header-font-size:1rem;--bs-popover-header-color:inherit;--bs-popover-header-bg:var(--bs-secondary-bg);--bs-popover-body-padding-x:1rem;--bs-popover-body-padding-y:1rem;--bs-popover-body-color:var(--bs-body-color);--bs-popover-arrow-width:1rem;--bs-popover-arrow-height:0.5rem;--bs-popover-arrow-border:var(--bs-popover-border-color);z-index:var(--bs-popover-zindex);display:block;max-width:var(--bs-popover-max-width);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-popover-font-size);word-wrap:break-word;background-color:var(--bs-popover-bg);background-clip:padding-box;border:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-radius:var(--bs-popover-border-radius)}.popover .popover-arrow{display:block;width:var(--bs-popover-arrow-width);height:var(--bs-popover-arrow-height)}.popover .popover-arrow::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-width:0}.popover-header{padding:var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);margin-bottom:0;font-size:var(--bs-popover-header-font-size);color:var(--bs-popover-header-color);background-color:var(--bs-popover-header-bg);border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-top-left-radius:var(--bs-popover-inner-border-radius);border-top-right-radius:var(--bs-popover-inner-border-radius)}.popover-header:empty{display:none}.popover-body{padding:var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);color:var(--bs-popover-body-color)}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target],[data-bs-theme=dark].carousel .carousel-indicators [data-bs-target]{background-color:#000}.spinner-border,.spinner-grow{display:inline-block;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}.spinner-border-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem;--bs-spinner-border-width:0.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-grow;background-color:currentcolor;opacity:0}.spinner-grow-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed:1.5s}}.offcanvas,.offcanvas-lg{--bs-offcanvas-zindex:1045;--bs-offcanvas-width:400px;--bs-offcanvas-height:30vh;--bs-offcanvas-padding-x:1rem;--bs-offcanvas-padding-y:1rem;--bs-offcanvas-color:var(--bs-body-color);--bs-offcanvas-bg:var(--bs-body-bg);--bs-offcanvas-border-width:var(--bs-border-width);--bs-offcanvas-border-color:var(--bs-border-color-translucent);--bs-offcanvas-box-shadow:var(--bs-box-shadow-sm);--bs-offcanvas-transition:transform 0.3s ease-in-out;--bs-offcanvas-title-line-height:1.5}@media (max-width:991.98px){.offcanvas-lg{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:991.98px) and (prefers-reduced-motion:reduce){.offcanvas-lg{transition:none}}@media (max-width:991.98px){.offcanvas-lg.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-lg.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-lg.show:not(.hiding),.offcanvas-lg.showing{transform:none}.offcanvas-lg.hiding,.offcanvas-lg.show,.offcanvas-lg.showing{visibility:visible}}@media (min-width:992px){.offcanvas-lg{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-lg .offcanvas-header{display:none}.offcanvas-lg .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}.offcanvas{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}.offcanvas.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas.show:not(.hiding),.offcanvas.showing{transform:none}.offcanvas.hiding,.offcanvas.show,.offcanvas.showing{visibility:visible}.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:.5}.offcanvas-header{display:flex;align-items:center;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)}.offcanvas-header .btn-close{padding:calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);margin:calc(-.5 * var(--bs-offcanvas-padding-y)) calc(-.5 * var(--bs-offcanvas-padding-x)) calc(-.5 * var(--bs-offcanvas-padding-y)) auto}.offcanvas-title{margin-bottom:0;line-height:var(--bs-offcanvas-title-line-height)}.offcanvas-body{flex-grow:1;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);overflow-y:auto}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.5}.placeholder.btn::before{display:inline-block;content:""}@keyframes placeholder-glow{50%{opacity:.2}}@keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}.text-bg-primary{color:#fff!important;background-color:RGBA(var(--bs-primary-rgb),var(--bs-bg-opacity,1))!important}.text-bg-secondary{color:#fff!important;background-color:RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity,1))!important}.text-bg-success{color:#fff!important;background-color:RGBA(var(--bs-success-rgb),var(--bs-bg-opacity,1))!important}.text-bg-info{color:#000!important;background-color:RGBA(var(--bs-info-rgb),var(--bs-bg-opacity,1))!important}.text-bg-warning{color:#000!important;background-color:RGBA(var(--bs-warning-rgb),var(--bs-bg-opacity,1))!important}.text-bg-danger{color:#fff!important;background-color:RGBA(var(--bs-danger-rgb),var(--bs-bg-opacity,1))!important}.text-bg-light{color:#000!important;background-color:RGBA(var(--bs-light-rgb),var(--bs-bg-opacity,1))!important}.text-bg-dark{color:#fff!important;background-color:RGBA(var(--bs-dark-rgb),var(--bs-bg-opacity,1))!important}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.visually-hidden{width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden:not(caption){position:absolute!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:var(--bs-border-width);min-height:1em;background-color:currentcolor;opacity:.25}.align-middle{vertical-align:middle!important}.align-text-top{vertical-align:text-top!important}.float-end{float:right!important}.object-fit-cover{-o-object-fit:cover!important;object-fit:cover!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-inline-grid{display:inline-grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.shadow{box-shadow:var(--bs-box-shadow)!important}.shadow-sm{box-shadow:var(--bs-box-shadow-sm)!important}.shadow-lg{box-shadow:var(--bs-box-shadow-lg)!important}.shadow-none{box-shadow:none!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.top-0{top:0!important}.top-50{top:50%!important}.bottom-0{bottom:0!important}.start-0{left:0!important}.start-50{left:50%!important}.end-0{right:0!important}.translate-middle{transform:translate(-50%,-50%)!important}.translate-middle-y{transform:translateY(-50%)!important}.border{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-0{border:0!important}.border-top{border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-end{border-right:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-end-0{border-right:0!important}.border-bottom{border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-bottom-0{border-bottom:0!important}.border-start{border-left:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-start-0{border-left:0!important}.border-primary{--bs-border-opacity:1;border-color:rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important}.border-secondary{--bs-border-opacity:1;border-color:rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important}.border-success{--bs-border-opacity:1;border-color:rgba(var(--bs-success-rgb),var(--bs-border-opacity))!important}.border-info{--bs-border-opacity:1;border-color:rgba(var(--bs-info-rgb),var(--bs-border-opacity))!important}.border-warning{--bs-border-opacity:1;border-color:rgba(var(--bs-warning-rgb),var(--bs-border-opacity))!important}.border-danger{--bs-border-opacity:1;border-color:rgba(var(--bs-danger-rgb),var(--bs-border-opacity))!important}.border-light{--bs-border-opacity:1;border-color:rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important}.border-dark{--bs-border-opacity:1;border-color:rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important}.border-white{--bs-border-opacity:1;border-color:rgba(var(--bs-white-rgb),var(--bs-border-opacity))!important}.border-danger-subtle{border-color:var(--bs-danger-border-subtle)!important}.border-1{border-width:1px!important}.border-2{border-width:2px!important}.border-3{border-width:3px!important}.border-4{border-width:4px!important}.border-opacity-10{--bs-border-opacity:0.1}.border-opacity-25{--bs-border-opacity:0.25}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.h-100{height:100%!important}.min-vh-100{min-height:100vh!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-self-start{align-self:flex-start!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-4{padding-right:1.5rem!important}.pb-0{padding-bottom:0!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-2{padding-left:.5rem!important}.ps-4{padding-left:1.5rem!important}.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!important}.font-monospace{font-family:var(--bs-font-monospace)!important}.fs-1{font-size:calc(1.375rem + 1.5vw)!important}.fs-2{font-size:calc(1.325rem + .9vw)!important}.fs-3{font-size:calc(1.3rem + .6vw)!important}.fs-4{font-size:calc(1.275rem + .3vw)!important}.fs-5{font-size:1.25rem!important}.fs-6{font-size:1rem!important}.fst-italic{font-style:italic!important}.fw-normal{font-weight:400!important}.fw-medium{font-weight:500!important}.fw-semibold{font-weight:600!important}.fw-bold{font-weight:700!important}.fw-bolder{font-weight:bolder!important}.lh-base{line-height:1.5!important}.lh-lg{line-height:2!important}.text-start{text-align:left!important}.text-end{text-align:right!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.text-decoration-line-through{text-decoration:line-through!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-break{word-wrap:break-word!important;word-break:break-word!important}.text-primary{--bs-text-opacity:1;color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}.text-secondary{--bs-text-opacity:1;color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important}.text-success{--bs-text-opacity:1;color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important}.text-info{--bs-text-opacity:1;color:rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important}.text-warning{--bs-text-opacity:1;color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important}.text-danger{--bs-text-opacity:1;color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important}.text-light{--bs-text-opacity:1;color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important}.text-dark{--bs-text-opacity:1;color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}.text-black{--bs-text-opacity:1;color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.text-body{--bs-text-opacity:1;color:rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important}.text-muted{--bs-text-opacity:1;color:var(--bs-secondary-color)!important}.text-black-50{--bs-text-opacity:1;color:rgba(0,0,0,.5)!important}.text-white-50{--bs-text-opacity:1;color:rgba(255,255,255,.5)!important}.text-body-secondary{--bs-text-opacity:1;color:var(--bs-secondary-color)!important}.text-body-tertiary{--bs-text-opacity:1;color:var(--bs-tertiary-color)!important}.text-body-emphasis{--bs-text-opacity:1;color:var(--bs-emphasis-color)!important}.text-reset{--bs-text-opacity:1;color:inherit!important}.text-opacity-25{--bs-text-opacity:0.25}.text-opacity-50{--bs-text-opacity:0.5}.text-opacity-75{--bs-text-opacity:0.75}.text-opacity-100{--bs-text-opacity:1}.text-primary-emphasis{color:var(--bs-primary-text-emphasis)!important}.text-secondary-emphasis{color:var(--bs-secondary-text-emphasis)!important}.text-success-emphasis{color:var(--bs-success-text-emphasis)!important}.text-info-emphasis{color:var(--bs-info-text-emphasis)!important}.text-warning-emphasis{color:var(--bs-warning-text-emphasis)!important}.text-danger-emphasis{color:var(--bs-danger-text-emphasis)!important}.text-light-emphasis{color:var(--bs-light-text-emphasis)!important}.text-dark-emphasis{color:var(--bs-dark-text-emphasis)!important}.bg-primary{--bs-bg-opacity:1;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}.bg-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important}.bg-success{--bs-bg-opacity:1;background-color:rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important}.bg-info{--bs-bg-opacity:1;background-color:rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important}.bg-warning{--bs-bg-opacity:1;background-color:rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important}.bg-danger{--bs-bg-opacity:1;background-color:rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important}.bg-light{--bs-bg-opacity:1;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important}.bg-dark{--bs-bg-opacity:1;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important}.bg-black{--bs-bg-opacity:1;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}.bg-white{--bs-bg-opacity:1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}.bg-body{--bs-bg-opacity:1;background-color:rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important}.bg-transparent{--bs-bg-opacity:1;background-color:transparent!important}.bg-body-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity))!important}.bg-body-tertiary{--bs-bg-opacity:1;background-color:rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important}.bg-opacity-10{--bs-bg-opacity:0.1}.bg-opacity-25{--bs-bg-opacity:0.25}.bg-opacity-50{--bs-bg-opacity:0.5}.bg-opacity-75{--bs-bg-opacity:0.75}.bg-opacity-100{--bs-bg-opacity:1}.bg-primary-subtle{background-color:var(--bs-primary-bg-subtle)!important}.bg-secondary-subtle{background-color:var(--bs-secondary-bg-subtle)!important}.bg-success-subtle{background-color:var(--bs-success-bg-subtle)!important}.bg-info-subtle{background-color:var(--bs-info-bg-subtle)!important}.bg-warning-subtle{background-color:var(--bs-warning-bg-subtle)!important}.bg-danger-subtle{background-color:var(--bs-danger-bg-subtle)!important}.bg-light-subtle{background-color:var(--bs-light-bg-subtle)!important}.bg-dark-subtle{background-color:var(--bs-dark-bg-subtle)!important}.bg-gradient{background-image:var(--bs-gradient)!important}.rounded{border-radius:var(--bs-border-radius)!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:var(--bs-border-radius-sm)!important}.rounded-2{border-radius:var(--bs-border-radius)!important}.rounded-3{border-radius:var(--bs-border-radius-lg)!important}.rounded-4{border-radius:var(--bs-border-radius-xl)!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:var(--bs-border-radius-pill)!important}.rounded-end-3{border-top-right-radius:var(--bs-border-radius-lg)!important;border-bottom-right-radius:var(--bs-border-radius-lg)!important}.rounded-bottom-4{border-bottom-right-radius:var(--bs-border-radius-xl)!important;border-bottom-left-radius:var(--bs-border-radius-xl)!important}.rounded-start-3{border-bottom-left-radius:var(--bs-border-radius-lg)!important;border-top-left-radius:var(--bs-border-radius-lg)!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.z-1{z-index:1!important}@media (min-width:576px){.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-inline-grid{display:inline-grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-row{flex-direction:row!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.me-sm-4{margin-right:1.5rem!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.text-sm-start{text-align:left!important}.text-sm-end{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-inline-grid{display:inline-grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-row{flex-direction:row!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-nowrap{flex-wrap:nowrap!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mt-md-0{margin-top:0!important}.mb-md-0{margin-bottom:0!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.gap-md-3{gap:1rem!important}.gap-md-4{gap:1.5rem!important}.text-md-start{text-align:left!important}.text-md-end{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-inline-grid{display:inline-grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-row{flex-direction:row!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.align-items-lg-center{align-items:center!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-3{margin-top:1rem!important}.me-lg-4{margin-right:1.5rem!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-4{margin-bottom:1.5rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-inline-grid{display:inline-grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.text-xl-start{text-align:left!important}.text-xl-end{text-align:right!important}.text-xl-center{text-align:center!important}}@media (min-width:1400px){.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-inline-grid{display:inline-grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.text-xxl-start{text-align:left!important}.text-xxl-end{text-align:right!important}.text-xxl-center{text-align:center!important}}@media (min-width:1200px){.fs-1{font-size:2.5rem!important}.fs-2{font-size:2rem!important}.fs-3{font-size:1.75rem!important}.fs-4{font-size:1.5rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-inline-grid{display:inline-grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}}
:root { --h: 230; --s: 90%; --color-primary: hsl(var(--h), var(--s), 56%); --color-primary-dark: hsl(var(--h), var(--s), 48%); --color-primary-hover: hsl(var(--h), var(--s), 52%); --color-primary-light: hsl(var(--h), var(--s), 96%); --color-primary-soft: hsla(var(--h), var(--s), 56%, 0.12); --color-primary-glow: hsla(var(--h), var(--s), 56%, 0.35); --color-success: var(--color-emerald-500); --color-danger: var(--color-red-500); --color-warning: var(--color-amber-500); --color-info: var(--color-blue-500); --color-white: #ffffff; --color-gray-50: var(--color-slate-50); --color-gray-100: var(--color-slate-100); --color-gray-200: var(--color-slate-200); --color-gray-300: var(--color-slate-300); --color-gray-400: var(--color-slate-400); --color-gray-500: var(--color-slate-500); --color-gray-600: var(--color-slate-600); --color-gray-700: var(--color-slate-700); --color-gray-800: var(--color-slate-800); --color-gray-900: var(--color-slate-900); --color-text-main: var(--color-gray-800); --color-text-muted: var(--color-gray-500); --color-border: var(--color-gray-200); --color-bg-body: var(--color-slate-50); --color-bg-card: var(--color-white); --dark-bg: var(--color-slate-900); --dark-surface: var(--color-slate-800); --dark-hover: rgba(255, 255, 255, 0.05); --dark-border: rgba(255, 255, 255, 0.08); --dark-text-main: var(--color-slate-50); --dark-text-muted: var(--color-slate-400); --font-heading: "Outfit", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; --font-body: "Outfit", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; --text-xs: 0.75rem; --text-sm: 0.875rem; --text-base: 1rem; --text-md: 1.05rem; --text-lg: 1.125rem; --text-xl: 1.25rem; --text-2xl: 1.5rem; --text-3xl: 2rem; --radius-xs: 0; --radius-sm: 0; --radius-md: 0; --radius-lg: 0; --radius-xl: 0; --radius-2xl: 0; --radius-full: 0; --shadow-sm: 0 4px 20px rgba(0, 0, 0, 0.02); --shadow-md: 0 10px 40px -10px rgba(0, 0, 0, 0.04), 0 4px 15px -5px rgba(0, 0, 0, 0.02); --shadow-lg: 0 25px 50px -12px rgba(0, 0, 0, 0.06), 0 10px 25px -5px rgba(0, 0, 0, 0.03); --shadow-premium: 0 30px 60px -15px rgba(37, 99, 235, 0.12), 0 0 0 1px rgba(255, 255, 255, 0.5) inset; --shadow-glow: 0 0 35px hsla(var(--h), var(--s), 56%, 0.4); --shadow-primary: 0 12px 30px rgba(37, 99, 235, 0.3); --transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1); --transition-fast: all 0.15s ease-out; --transition-smooth: all 0.6s cubic-bezier(0.22, 1, 0.36, 1); --header-height: 60px; --header-h: var(--header-height); --ld-sidebar-width: 280px; --sidebar-w: 280px; --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem; --space-5: 1.25rem; --space-6: 1.5rem; --space-8: 2rem; --space-10: 2.5rem; --space-12: 3rem; --space-16: 4rem; --bs-primary: var(--color-primary); --bs-primary-rgb: 37, 99, 235; --bs-link-color: var(--color-primary); --bs-link-hover-color: var(--color-primary-hover); --bs-border-radius: var(--radius-sm); --bs-border-radius-sm: var(--radius-xs); --bs-border-radius-lg: var(--radius-md); --bs-border-radius-xl: var(--radius-lg); --bs-border-radius-2xl: var(--radius-xl); --bs-border-radius-pill: var(--radius-full); --bs-body-bg: var(--color-bg-body); --bs-body-color: var(--color-text-main); --primary-color: var(--color-primary); --primary: var(--color-primary); --primary-dark: var(--color-primary-dark); --primary-hover: var(--color-primary-dark); --primary-light: var(--color-primary-light); --primary-glow: var(--color-primary-glow); --primary-soft: var(--color-primary-soft); --radius: var(--radius-sm); --radius-card: 0; --radius-pill: 0; --radius-input: 0; --gray-50: var(--color-gray-50); --gray-100: var(--color-gray-100); --gray-200: var(--color-gray-200); --gray-300: var(--color-gray-300); --gray-400: var(--color-gray-400); --gray-500: var(--color-gray-500); --gray-600: var(--color-gray-600); --gray-700: var(--color-gray-700); --gray-800: var(--color-gray-800); --gray-900: var(--color-gray-900); --border: var(--color-border); --bg-glass: rgba(255, 255, 255, 0.85); --glass-bg: var(--bg-glass); --glass-border: rgba(255, 255, 255, 0.4); --sidebar-width: var(--ld-sidebar-width); --text-main: var(--color-text-main); --text-muted: var(--color-text-muted); --border-color: var(--color-border); --bg-light: var(--color-bg-body); --bg-white: var(--color-white); --bg-dark: var(--dark-bg); --bg-dark-2: var(--dark-surface); --hover-bg: var(--color-gray-100); } @media (max-width: 991px) { :root { --header-height: 60px; --header-h: var(--header-height); --dashboard-mobile-header-height: 60px; } } *, ::after, ::before { box-sizing: border-box; } html { scroll-behavior: smooth; scroll-padding-top: 100px; height: 100%; } body { font-family: var(--font-body); font-size: 16px; line-height: 1.6; color: var(--color-text-main); background-color: var(--color-bg-body); -webkit-font-smoothing: antialiased; overflow-x: hidden; margin: 0; height: 100%; } body.modal-open { overflow: hidden !important; } h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); font-weight: 800; line-height: 1.15; letter-spacing: -0.02em; color: var(--color-gray-900); } a { color: inherit; text-decoration: none; transition: var(--transition); } img { max-width: 100%; height: auto; } .main-content { padding-top: var(--header-h); transition: opacity 0.4s ease-in-out, transform 0.4s cubic-bezier(0.16, 1, 0.3, 1); will-change: opacity, transform; } .dashboard-page-container { max-width: 1400px; margin: 0 auto; padding: 24px 15px 60px; } @media (min-width: 992px) { .dashboard-page-container { padding: 30px 24px 60px; } } @media (max-width: 1024px) { .main-content { margin-left: 0 !important; } } @media (min-width: 1025px) { .main-with-sidebar { margin-left: var(--ld-sidebar-width, 280px) !important; width: calc(100% - var(--ld-sidebar-width, 280px)) !important; transition: margin-left 0.3s ease, width 0.3s ease; } } @media (max-width: 991px) { .main-with-sidebar { margin-left: 0 !important; width: 100% !important; } } .btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.75rem; padding: 0.8rem 1.75rem; font-weight: 600; border-radius: var(--radius-sm); transition: var(--transition); cursor: pointer; border: 1px solid transparent; font-size: var(--text-base); white-space: nowrap; text-decoration: none; line-height: 1.5; } .btn-primary { background: var(--color-primary); border-color: var(--color-primary); } .btn-primary:hover { background: var(--color-primary-dark); box-shadow: var(--shadow-primary); transform: translateY(-1px); } .btn-secondary { background: var(--color-gray-100); color: var(--color-gray-800); border-color: var(--color-gray-200); } .btn-sm { padding: 0.5rem 1rem; font-size: var(--text-sm); } .btn-lg { padding: 1rem 2.25rem; font-size: var(--text-lg); } .btn-lavdin { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 12px 28px; font-weight: 700; border-radius: var(--radius-sm); transition: var(--transition); cursor: pointer; border: 1px solid rgba(0, 0, 0, 0.05); font-size: var(--text-base); white-space: nowrap; } .btn-lavdin-primary { background: linear-gradient( 135deg, var(--color-primary), var(--color-primary-dark) ); box-shadow: 0 4px 12px var(--color-primary-soft); border: none; } .btn-lavdin-primary:hover { transform: translateY(-2px) scale(1.02); box-shadow: 0 12px 32px var(--color-primary-glow); filter: brightness(1.05); } .btn-lavdin-outline { background: transparent; border: 1px solid var(--color-gray-300); color: var(--color-gray-700); } .btn-lavdin-outline:hover { background: var(--color-gray-50); border-color: var(--color-gray-400); transform: translateY(-2px); } .btn-lavdin-white { color: var(--color-primary); box-shadow: var(--shadow-md); } .btn-lavdin-white:hover { transform: translateY(-2px); box-shadow: var(--shadow-lg); } .btn-primary-custom { display: inline-flex; align-items: center; justify-content: center; background: var(--color-primary) !important; border-radius: var(--radius-sm) !important; transition: var(--transition); cursor: pointer; box-shadow: none !important; letter-spacing: 0.02em; border: none; } .btn-primary-custom:hover { background: var(--color-primary-dark) !important; box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2) !important; transform: translateY(-2px); } .btn-outline-custom { display: inline-flex; align-items: center; justify-content: center; background: transparent; border: 1.5px solid var(--color-border); border-radius: var(--radius-sm) !important; transition: var(--transition); cursor: pointer; color: var(--color-text-main) !important; padding: 0.8rem 1.5rem; font-weight: 600; } .btn-outline-custom:hover { background: var(--color-gray-50); border-color: var(--color-gray-400); transform: translateY(-2px) scale(1.01); } .card { background: var(--color-white); border-radius: var(--radius-md); border: 1px solid var(--color-gray-200); box-shadow: var(--shadow-sm); transition: var(--transition); } .card:hover { box-shadow: var(--shadow-md); border-color: var(--color-gray-300); transform: translateY(-2px); } .card-lavdin { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-radius: var(--radius-lg); border: 1px solid rgba(255, 255, 255, 0.6); padding: 32px; box-shadow: var(--shadow-md); transition: var(--transition); } .card-lavdin:hover { box-shadow: var(--shadow-premium); border-color: rgba(37, 99, 235, 0.15); transform: translateY(-4px); } .card-premium { background: linear-gradient(145deg, var(--color-white), var(--color-bg-main)); border-radius: var(--radius-lg); border: 1px solid var(--color-gray-200); padding: 2rem; box-shadow: var(--shadow-md); transition: var(--transition); position: relative; overflow: hidden; } .card-premium::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--color-primary), var(--color-blue-400)); opacity: 0; transition: opacity 0.3s ease; } .card-premium:hover::before { opacity: 1; } .card-premium:hover { box-shadow: var(--shadow-lg); transform: translateY(-3px); } .input-lavdin { width: 100%; padding: 12px 18px; border-radius: var(--radius-sm); border: 1.5px solid var(--color-border); background: var(--color-bg-card); transition: var(--transition); font-size: var(--text-base); } .input-lavdin:focus { outline: none; border-color: var(--color-primary); box-shadow: 0 0 0 4px var(--color-primary-soft); } .input, .input-premium { width: 100%; padding: 0.75rem 1rem; border-radius: var(--radius-sm); border: 1.5px solid var(--color-border); background: var(--color-white); transition: var(--transition); color: var(--color-text-main); font-size: var(--text-base); } .input:-webkit-autofill, .input-premium:-webkit-autofill, .input:-webkit-autofill:hover, .input-premium:-webkit-autofill:hover, .input:-webkit-autofill:focus, .input-premium:-webkit-autofill:focus, .input:-webkit-autofill:active, .input-premium:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px var(--color-white) inset !important; -webkit-text-fill-color: var(--color-gray-800) !important; box-shadow: 0 0 0 30px var(--color-white) inset !important; transition: background-color 5000s ease-in-out 0s; } .input:focus, .input-premium:focus { outline: 0; border-color: var(--color-primary); box-shadow: 0 0 0 4px hsla(var(--h), var(--s), 53%, 0.1); } .badge { display: inline-flex; padding: 0.25rem 0.75rem; border-radius: var(--radius-full); font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; align-items: center; gap: 0.35rem; } .sidebar { position: fixed; top: 0; left: 0; bottom: 0; width: var(--ld-sidebar-width); background: var(--color-white); border-right: 1px solid var(--color-border); z-index: 1050; display: flex; flex-direction: column; transition: var(--transition); } @media (max-width: 1024px) { .sidebar { transform: translateX(-100%); } .sidebar.active { transform: translateX(0); box-shadow: var(--shadow-lg); } } .nav-link { display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 1.25rem; color: var(--color-text-muted); font-weight: 500; border-radius: var(--radius-sm); margin: 0.25rem 0.75rem; transition: var(--transition); } .nav-link:hover, .nav-link.active { color: var(--color-primary); background: hsla(var(--h), var(--s), 53%, 0.05); } .dash-fade-in { opacity: 0; animation: dashFadeIn 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; } .delay-100 { animation-delay: 0.1s; } .delay-150 { animation-delay: 0.15s; } .delay-300 { animation-delay: 0.3s; } @keyframes dashFadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .reveal, .reveal-up, .reveal-down, .reveal-left, .reveal-right { opacity: 0; transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) !important; } .reveal-up { transform: translateY(30px); } .reveal-down { transform: translateY(-30px); } .reveal-left { transform: translateX(30px); } .reveal-right { transform: translateX(-30px); } .reveal.revealed, .reveal-up.revealed, .reveal-down.revealed, .reveal-left.revealed, .reveal-right.revealed { opacity: 1 !important; transform: translate(0, 0) !important; } @keyframes floating-ui { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } } body.modal-open .main-content { transform: none !important; will-change: auto !important; transition: none !important; perspective: none !important; filter: none !important; } .custom-modal.active, .search-engine-overlay.active, .pm-lightbox.active, .event-side-card.active, .draft-toast.show { visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; transform: translateY(0) !important; display: flex !important; } body:not(.modal-open).is-transitioning { overflow: auto !important; } :root.dark-theme, body.dark-theme, .dark-theme { --dark-bg: var(--color-slate-900); --dark-surface: var(--color-slate-800); --dark-hover: rgba(255, 255, 255, 0.05); --dark-border: rgba(255, 255, 255, 0.08); --dark-text-main: var(--color-slate-50); --dark-text-muted: var(--color-slate-400); --color-bg-body: var(--dark-bg); --color-bg-card: var(--dark-surface); --color-border: var(--dark-border); --color-text-main: var(--dark-text-main); --color-text-muted: var(--dark-text-muted); --bg-glass: rgba(15, 23, 42, 0.7); --glass-border: rgba(255, 255, 255, 0.1); --shadow-sm: 0 4px 20px rgba(0, 0, 0, 0.3); --card-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.5), 0 4px 15px -5px rgba(0, 0, 0, 0.3); --bs-body-bg: var(--dark-bg); --bs-card-bg: var(--dark-surface); --bg-light: var(--dark-bg); --border-color: var(--dark-border); --hover-bg: var(--dark-hover); --text-main: var(--dark-text-main); --text-muted: var(--dark-text-muted); } .dark-theme body { background-color: var(--dark-bg); color: var(--dark-text-main); } .dark-theme .card, .dark-theme .card-lavdin, .dark-theme .card-premium { background-color: var(--dark-surface); border: 1px solid var(--dark-border) !important; box-shadow: var(--card-shadow); color: var(--dark-text-main); transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease; } .dark-theme .card:hover, .dark-theme .card-lavdin:hover, .dark-theme .card-premium:hover { transform: translateY(-4px); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(59, 130, 246, 0.3); } .dark-theme .glass-card { background: var(--bg-glass); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid var(--glass-border) !important; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37); } .dark-theme .text-dark, .dark-theme h1, .dark-theme h2, .dark-theme h3, .dark-theme h4, .dark-theme h5, .dark-theme h6 { color: var(--dark-text-main) !important; } .dark-theme .text-muted { color: #92affb !important; } .dark-theme .bg-white, .dark-theme .bg-light { background-color: var(--dark-surface) !important; border-color: var(--dark-border) !important; color: var(--dark-text-main) !important; } .dark-theme .border, .dark-theme .border-top, .dark-theme .border-bottom, .dark-theme .border-start, .dark-theme .border-end { border-color: var(--dark-border) !important; } .dark-theme .alert-info { background-color: rgba(14, 165, 233, 0.15) !important; border: 1px solid rgba(14, 165, 233, 0.2) !important; color: var(--color-blue-400) !important; } .dark-theme .alert-success { background-color: rgba(16, 185, 129, 0.15) !important; border: 1px solid rgba(16, 185, 129, 0.2) !important; color: var(--color-emerald-400) !important; } .dark-theme .alert-warning { background-color: rgba(245, 158, 11, 0.15) !important; border: 1px solid rgba(245, 158, 11, 0.2) !important; color: var(--color-amber-400) !important; } .dark-theme .alert-danger { background-color: rgba(239, 68, 68, 0.15) !important; border: 1px solid rgba(239, 68, 68, 0.2) !important; color: var(--color-red-400) !important; } .dark-theme .dropdown-menu { background: var(--dark-surface) !important; border: 1px solid var(--dark-border) !important; box-shadow: var(--card-shadow) !important; } .dark-theme .dropdown-item { color: var(--dark-text-main) !important; } .dark-theme .dropdown-item:hover, .dark-theme .dropdown-item:focus { background: var(--dark-hover) !important; color: var(--color-blue-500) !important; } .dark-theme .dropdown-divider { border-top-color: var(--dark-border) !important; } .dark-theme #adminSmartCalendar, .dark-theme .lavdin-calendar-wrapper { background: var(--dark-surface) !important; border-color: var(--dark-border) !important; } .dark-theme #adminSmartCalendar .cal-header, .dark-theme .lavdin-calendar-wrapper .cal-header { background: var(--dark-bg) !important; } .dark-theme #adminSmartCalendar .cal-day, .dark-theme .lavdin-calendar-wrapper .cal-day { background: var(--dark-surface) !important; border-color: var(--dark-border) !important; } .dark-theme #adminSmartCalendar .cal-day:hover:not(.empty):not(.disabled) { background: rgba(59, 130, 246, 0.15) !important; border-color: var(--color-blue-500) !important; } .dark-theme #adminSmartCalendar .cal-day.selected { background: linear-gradient(135deg, var(--color-blue-500), var(--color-blue-600)) !important; box-shadow: 0 4px 15px rgba(37, 99, 235, 0.4) !important; border-color: transparent !important; } .dark-theme::-webkit-scrollbar-track { background: var(--dark-bg); } .dark-theme::-webkit-scrollbar-thumb { background: var(--color-slate-700); border-radius: 0; } .dark-theme::-webkit-scrollbar-thumb:hover { background: var(--color-slate-600); } :root { --skeleton-base: var(--color-slate-200); --skeleton-shine: rgba(255, 255, 255, 0.7); --skeleton-card-bg: var(--color-bg-card, var(--color-white)); --skeleton-card-border: var(--color-border, var(--color-border-light)); --skeleton-card-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.04), 0 4px 6px -2px rgba(0, 0, 0, 0.02); } .dark-theme { --skeleton-base: rgba(51, 65, 85, 0.5); --skeleton-shine: rgba(255, 255, 255, 0.08); --skeleton-card-bg: rgba(15, 23, 42, 0.6); --skeleton-card-border: rgba(255, 255, 255, 0.05); --skeleton-card-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.4), 0 4px 6px -2px rgba(0, 0, 0, 0.2); } @keyframes skeletonShimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } } @keyframes skeletonPulse { 0%, 100% { opacity: 0.6; } 50% { opacity: 0.9; } } @keyframes fadeSlideUp { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } } @keyframes slideInFromLeft { from { opacity: 0; transform: translateX(-30px); } to { opacity: 1; transform: translateX(0); } } @keyframes skeletonFadeIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } } .skeleton, .skeleton-text, .skeleton-box, .skeleton-card, .skeleton-avatar, .skeleton-button, .skeleton-badge { background-color: var(--skeleton-base); background-image: linear-gradient( 90deg, rgba(255, 255, 255, 0) 0%, var(--skeleton-shine) 40%, rgba(255, 255, 255, 0) 80% ); background-size: 300% 100%; background-repeat: no-repeat; animation: skeletonShimmer 2s cubic-bezier(0.3, 0.1, 0.3, 1) infinite; border-radius: 0; color: transparent !important; border-color: transparent !important; pointer-events: none !important; user-select: none !important; overflow: hidden; position: relative; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.02); } .dark-theme .skeleton, .dark-theme .skeleton-text, .dark-theme .skeleton-box, .dark-theme .skeleton-card, .dark-theme .skeleton-avatar, .dark-theme .skeleton-button, .dark-theme .skeleton-badge { box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.02); } .skeleton > * { visibility: hidden; } .skeleton-text { height: 1.2em; margin-bottom: 0.5rem; display: inline-block; width: 100%; border-radius: 0; } .skeleton-text.w-25 { width: 25% !important; } .skeleton-text.w-50 { width: 50% !important; } .skeleton-text.w-75 { width: 75% !important; } .skeleton-circle { border-radius: 50% !important; } .skeleton-avatar { width: 44px; height: 44px; border-radius: 50%; flex-shrink: 0; } .skeleton-avatar.skeleton-avatar-xl { width: 100px; height: 100px; } .skeleton-button { height: 40px; width: 120px; border-radius: 0; } .skeleton-badge { height: 24px; width: 80px; border-radius: 0; display: inline-block; } .skeleton-container { animation: skeletonFadeIn 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards; } .booking-skeleton-box, .booking-summary-skeleton { background: var(--skeleton-card-bg); border-radius: 0; border: 1px solid var(--skeleton-card-border); box-shadow: var(--skeleton-card-shadow); } .booking-skeleton-box { padding: 1.5rem 0.5rem; } @media (min-width: 768px) { .booking-skeleton-box { padding: 3rem !important; } } .booking-summary-skeleton { padding: 30px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06); } .dark-theme .booking-summary-skeleton { box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3); } .skeleton-step-circle { width: 44px; height: 44px; border-radius: 0; border: 3px solid var(--skeleton-card-border); background: var(--skeleton-card-bg); } .skeleton-line-header { background: var(--color-border, var(--color-slate-200)); } .dark-theme .skeleton-line-header { background: rgba(255, 255, 255, 0.1) !important; } @media (max-width: 991.98px) { .skeleton-mobile-top-bar { position: sticky; top: 0; z-index: 1040; background: rgba(255, 255, 255, 0.95); padding: 10px 16px; margin: -2rem -1rem 1rem -1rem; border-bottom: 1px solid var(--color-border, var(--color-slate-200)); } .dark-theme .skeleton-mobile-top-bar { background: rgba(15, 23, 42, 0.95); } .skeleton-mobile-categories { display: flex; overflow-x: auto; gap: 10px; padding: 0 16px 12px; margin: 0 -1rem 1rem -1rem; } } .skeleton-stat-card { background: var(--skeleton-card-bg); border: 1px solid var(--skeleton-card-border); border-radius: 0; padding: 24px; display: flex; flex-direction: column; gap: 12px; } .skeleton-chart-area { background: var(--skeleton-card-bg); border: 1px solid var(--skeleton-card-border); border-radius: 0; padding: 24px; height: 280px; } .skeleton-list-item { display: flex; align-items: center; gap: 14px; padding: 14px 0; border-bottom: 1px solid var(--skeleton-card-border); } .skeleton-list-item:last-child { border-bottom: none; } .text-gradient-lavdin { background: linear-gradient(135deg, var(--color-primary), var(--color-blue-400)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .text-gradient { background: linear-gradient(135deg, var(--color-primary), var(--color-blue-400)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .hover-lift { transition: var(--transition); } .hover-lift:hover { transform: translateY(-5px); } .rounded-sm { border-radius: var(--radius-sm) !important; } .rounded-circle { border-radius: 0 !important; } .flex { display: flex; } .grid { display: grid; } .block { display: block; } .gap-2 { gap: 1rem; } .gap-3 { gap: 1.5rem; } .gap-4 { gap: 2rem; } .mt-1 { margin-top: 0.5rem; } .mt-2 { margin-top: 1rem; } .mt-4 { margin-top: 2rem; } .p-2 { padding: 1rem; } .p-4 { padding: 2rem; } .dark-theme .btn-close { filter: invert(1) grayscale(100%) brightness(200%); } @keyframes fadeSlideUp { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } } body.admin-dashboard-body { overflow-x: hidden !important; }
.btn-premium-primary, .card-premium { transition: var(--transition); box-shadow: var(--shadow-sm); } .btn-premium-primary:hover, .card-premium:hover { box-shadow: var(--shadow-md); } .custom-modal, body .custom-modal { position: fixed !important; top: 0 !important; left: 0 !important; overflow-y: auto; } .custom-modal.active, body .custom-modal.active { display: flex !important; pointer-events: auto !important; } .hero-text h1, .btn-booking, body { overflow-x: hidden; } .hero-text h1, .text-gradient { -webkit-text-fill-color: transparent; } .section-label, .status-badge { text-transform: uppercase; } html { height: auto; } body { color: var(--color-text-main, var(--color-text-main)); background-color: var(--color-bg-body, var(--color-bg-main)); width: 100%; line-height: 1.6; position: relative; -webkit-font-smoothing: antialiased; overflow-y: auto; } .card-premium { background-color: var(--color-white); padding: 2.5rem 3rem; border: 1px solid var(--border); border-radius: 3px; margin-bottom: 2rem; } .btn-premium-primary { display: inline-flex; align-items: center; justify-content: center; padding: 0.875rem 2rem; font-weight: 600; border-radius: 3px; background: var(--primary-color); color: var(--color-white) !important; border: none; text-decoration: none; } .hero-title, .review-rating { font-weight: 800; } .btn-premium-primary:hover { background: var(--primary-hover); transform: translateY(-2px); color: var(--color-white) !important; } .hero-image img:hover, .review-card:hover { transform: translateY(-5px); } .input-premium { padding: 0.75rem 1.25rem !important; border-radius: 3px !important; border: 1px solid var(--border) !important; background: var(--color-white) !important; transition: var(--transition) !important; } .input-premium:focus { border-color: var(--primary-color) !important; box-shadow: 0 0 0 4px var(--primary-glow) !important; outline: 0 !important; } .review-card:hover { box-shadow: var(--shadow-premium, 0 10px 30px rgba(0, 0, 0, 0.1)); } @keyframes floating-ui { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } } .text-gradient { background-clip: text; -webkit-background-clip: text; filter: drop-shadow(0 0 20px rgba(37, 99, 235, 0.1)); } @media (max-width: 991px) { .hero-title { font-size: 3rem; } .main-content { margin-left: 0; } #lavdin-nav-menu .nav__link { color: var(--text-main) !important; } #lavdin-nav-menu .logo-img { filter: none !important; } } section.py-5 { padding-top: 5rem !important; padding-bottom: 5rem !important; } @media screen and (max-width: 1024px) { .col-lg-5, .col-lg-6, .col-lg-7 { width: 100% !important; max-width: 100% !important; } img { max-width: 100%; } .footer { padding: 2rem 1rem !important; text-align: center; } .d-flex.gap-3, .d-flex.gap-4 { flex-wrap: wrap; justify-content: center; } } .custom-modal { width: 100% !important; height: 100% !important; background-color: rgba(6, 12, 26, 0.95) !important; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); z-index: 2060 !important; display: none; opacity: 0; pointer-events: none; transition: var(--transition); overscroll-behavior: contain; padding: 2rem 1rem !important; align-items: flex-start !important; justify-content: center !important; } .review-card { background: var(--color-white); transition: var(--transition, all 0.3s ease); } .custom-modal.active { opacity: 1 !important; } @media screen and (max-width: 548px) { .display-3 { font-size: 2.25rem !important; line-height: 1.5; } .display-6 { font-size: 1.75rem !important; } .lead { font-size: 1rem !important; } .h3, h3 { font-size: 1.25rem !important; } .custom-modal { padding: 1rem 0.5rem !important; font-size: 0.75rem !important; } } .review-modal-content { max-width: 500px !important; } .textarea-no-resize { resize: none !important; } .modal-input-rounded { border-radius: 3px !important; } .review-count { font-size: 0.95rem; color: var(--text-muted); } .btn-booking { position: relative; overflow-y: auto; } .service-img-wrapper { height: 200px; overflow-x: hidden; overflow-y: auto; margin: -1.5rem -1.5rem 1.5rem; } .service-img-wrapper img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; } .service-content h4 { font-weight: 700; margin-bottom: 0.5rem; color: var(--text-main, var(--color-text-main)); } .service-footer { padding-top: 1rem; border-top: 1px solid var(--border-color, var(--color-slate-200)); } .reviews-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 2rem; } .review-card { border-radius: 3px; padding: 2rem; border: 1px solid var(--border-color, var(--color-border-light)); box-shadow: var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.1)); position: relative; margin-bottom: 2rem; } .review-rating { position: absolute; top: 2rem; right: 2rem; background: var(--primary-light, rgba(29, 78, 216, 0.1)); color: var(--primary-color, var(--color-blue-700)); width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 3px; font-size: 1.1rem; } .hours-list { list-style: none; padding: 0; margin: 0; } .hours-list li { display: flex; justify-content: space-between; align-items: center; padding: 0.75rem 0; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .hours-list li:last-child { border-bottom: none; } .hours-list span:first-child { font-weight: 600; color: var(--text-main, var(--color-text-main)); } .hours-list .time { color: var(--text-muted, var(--color-text-muted)); font-weight: 500; } .newsletter-input:focus { background-color: var(--color-white) !important; box-shadow: 0 0 0 4px rgba(29, 78, 216, 0.1) !important; border: 1px solid var(--primary-color, var(--color-blue-700)) !important; } .custom-modal.active { display: flex !important; visibility: visible; pointer-events: auto; background: rgba(15, 23, 42, 0.8) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; animation: modalBackdropIn 0.2s ease forwards; } @keyframes modalBackdropIn { from { opacity: 0; } to { opacity: 1; } } @keyframes modalCardIn { from { opacity: 0; transform: scale(0.94) translateY(8px); } to { opacity: 1; transform: scale(1) translateY(0); } } .close-btn { background: var(--color-bg-main) !important; display: flex; align-items: center; justify-content: center; color: var(--color-text-muted) !important; border: 1px solid var(--color-border-light); } .close-btn:hover { background: var(--color-white) !important; color: var(--color-text-main) !important; border-color: var(--color-border-light); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .auth-card { text-align: left; } .dropdown-item i, .empty-state, .step-item, .tenant-hero { text-align: center; } .auth-card img { margin: 0 auto; } .field { margin-bottom: 1.25rem; width: 100%; } .field label { font-size: 0.85rem; font-weight: 600; color: var(--text-muted); margin-bottom: 0.5rem; display: block; } .footer a { color: var(--color-text-muted); transition: var(--transition); } .footer a:hover { color: var(--color-white); } .footer { background: linear-gradient(180deg, var(--color-bg-surface) 0, var(--color-bg-main) 100%); color: var(--color-slate-200); padding: 6rem 0 3rem; font-family: inherit; position: relative; border-top: 1px solid rgba(226, 232, 240, 0.05); box-shadow: 0 -10px 40px rgba(2, 6, 23, 0.5); } .footer::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient( 90deg, transparent, rgba(37, 99, 235, 0.2), transparent ); } a { text-decoration: none; color: inherit; } .btn-inline-flex { display: inline-flex; align-items: center; justify-content: center; width: auto; } .summary-icon { width: 40px; height: 40px; display: flex; } .empty-state { padding: 4rem 2rem; background: var(--color-white); border-radius: 3px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05); margin-bottom: 4rem; } .empty-state i { font-size: 4rem; color: var(--color-slate-300); margin-bottom: 1.5rem; } @media (max-width: 1024px) { .d-flex.gap-3 { justify-content: flex-start; } } .slot-btn { transition: var(--transition); } .hero-image { position: relative; } .hero-text h1 { font-size: 4.5rem; font-weight: 800; line-height: 1.1; letter-spacing: -1.5px; margin-bottom: 1.5rem; background: linear-gradient(135deg, var(--color-bg-surface) 0, var(--color-slate-700) 100%); -webkit-background-clip: text; background-clip: text; } .hero-description { font-size: 1.25rem; color: var(--color-text-muted); line-height: 1.8; max-width: 600px; } .hero-image::before { content: ""; position: absolute; top: -20px; left: -20px; right: 20px; bottom: 20px; background: linear-gradient(135deg, var(--color-blue-600) 0, var(--color-blue-500) 100%); border-radius: 3px; z-index: -1; opacity: 0.2; } .hero-image img { border-radius: 3px; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); border: 1px solid rgba(255, 255, 255, 0.8); transition: transform 0.3s; } .section-label { color: var(--primary-color); font-weight: 800; font-size: 0.9rem; letter-spacing: 2px; margin-bottom: 1rem; display: flex; align-items: center; gap: 12px; } .section-label::before { content: ""; height: 2px; width: 35px; background: var(--primary-color); display: block; border-radius: 3px; } .slot-btn:hover, .summary-icon { color: var(--primary-color); } .slot-btn.active, .slot-btn:hover { border-color: var(--primary-color); } .summary-icon { border-radius: 3px; background: rgba(29, 78, 216, 0.1); justify-content: center; align-items: center; font-size: 1.1rem; margin-right: 1rem; flex-shrink: 0; } .slot-btn { background: var(--glass-bg); border: 1px solid var(--border-color); border-radius: 3px; padding: 0.75rem 1.5rem; font-weight: 600; color: var(--text-main); cursor: pointer; flex: 1 1 calc(33.333% - 10px); min-width: 100px; } .slot-btn.active { background: var(--primary-color); color: var(--color-white); box-shadow: var(--shadow-sm); } @keyframes fadeUp { 0% { opacity: 0; transform: translateY(30px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes fadeRight { 0% { opacity: 0; transform: translateX(-30px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes floatSlow { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } } .animate-fade-up { animation: 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards fadeUp; opacity: 0; } .animate-delay-400 { animation-delay: 0.4s; } body.js-enabled #header { animation: 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards headerSlideDown; transform: translateY(-100%); opacity: 0; } @keyframes headerSlideDown { 0% { transform: translateY(-100%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .hero-bg-accent { opacity: 0.25; } .hero-title { letter-spacing: -1.5px; } .text-gradient { background: linear-gradient(to right, var(--primary-hover), var(--info)); } .dropdown-menu { background: rgba(255, 255, 255, 0.98); backdrop-filter: blur(10px); border: 1px solid rgba(0, 0, 0, 0.05) !important; border-radius: 3px !important; padding: 0.75rem; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1) !important; animation: 0.2s ease-out dropdownFadeIn; } .btn-outline-custom:hover { border-color: var(--primary-color); } @keyframes dropdownFadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .dropdown-item { border-radius: 3px; padding: 0.7rem 1rem; font-weight: 500; transition: 0.2s; display: flex; align-items: center; gap: 0.75rem; } .dropdown-item i { width: 18px; font-size: 1rem; color: var(--secondary-color); opacity: 0.7; } .dropdown-item:hover { background: var(--primary-light); color: var(--primary-color); transform: translateX(4px); } .dropdown-item:hover i { color: var(--primary-color); opacity: 1; } .dropdown-item.text-danger:hover { background: var(--color-rose-50); color: var(--color-rose-600); } .dropdown-divider { margin: 0.5rem 0; opacity: 0.05; } .animate-fade-up, .reveal { opacity: 1; } @media (max-width: 548px) { .hero-title { font-size: 2.5rem !important; margin-bottom: 1.5rem !important; line-height: 1.5 !important; } .btn-primary-custom { padding: 10px 20px !important; font-size: 1rem !important; border-radius: 3px !important; } } .btn-outline-custom, .btn-primary-custom { padding: 12px 28px; font-weight: 600; display: inline-flex; align-items: center; gap: 10px; } .feature-card, .section-card { background: var(--bg-white); border: 1px solid var(--border-color); box-shadow: var(--shadow-sm); border-radius: 3px; transition: var(--transition); } .btn-primary-custom { background: var(--primary-color); color: var(--color-white) !important; border: none; box-shadow: var(--shadow-sm); border-radius: 3px; transition: var(--transition); } .btn-primary-custom:hover { background: var(--primary-hover); transform: translateY(-1px); box-shadow: var(--shadow-md); } .btn-outline-custom { background: 0 0; border: 1px solid var(--border-color); color: var(--text-main); border-radius: 3px; transition: var(--transition); } .btn-outline-custom:hover { background: var(--bg-light); color: var(--primary-color); } @keyframes loader-spin { to { transform: rotate(360deg); } } .animate-fade-up, .reveal, .reveal-left, .reveal-right { transform: none; } body.page-transitioning .main-content, body.page-transitioning main { opacity: 0; transform: translateY(10px) !important; } .main-content, main { transition: opacity 0.4s, transform 0.4s; opacity: 1; transform: none; } .auth-card, .skeleton { border-radius: 3px; } * { margin: 0; padding: 0; box-sizing: border-box; } .skeleton { background: linear-gradient(90deg, var(--color-slate-100) 25%, var(--color-slate-200) 50%, var(--color-slate-100) 75%); background-size: 200% 100%; animation: 1.5s infinite skeleton-loading; } .skeleton-text { height: 1rem; margin-bottom: 0.5rem; } @keyframes skeleton-loading { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } } .reveal { transition: 0.8s cubic-bezier(0.16, 1, 0.3, 1); } body.js-enabled .reveal:not(.active) { opacity: 0; transform: translateY(30px); } body.js-enabled .reveal.active { opacity: 1 !important; transform: translateY(0) !important; } body.js-enabled .reveal-left:not(.active) { transform: translateX(-30px); opacity: 0; } body.js-enabled .reveal-right:not(.active) { transform: translateX(30px); opacity: 0; } body.js-enabled .reveal-left.active, body.js-enabled .reveal-right.active { opacity: 1 !important; transform: translateX(0) !important; } .magnetic-target { display: inline-block; transition: transform 0.2s cubic-bezier(0.23, 1, 0.32, 1); } .glass-card, a { transition: var(--transition); } @keyframes float-slow { 0% { transform: translate(0, 0) rotate(0); } 33% { transform: translate(30px, 50px) rotate(120deg); } 66% { transform: translate(-20px, 20px) rotate(240deg); } 100% { transform: translate(0, 0) rotate(360deg); } } ::-webkit-scrollbar { height: 10px; } ::-webkit-scrollbar-track { background: var(--color-slate-500); } ::-webkit-scrollbar-thumb { background: var(--color-slate-300); border-radius: 3px; border: 3px solid var(--bg-light); } ::-webkit-scrollbar-thumb:hover { background: var(--color-slate-400); } h1, h2, h3, h4, h5, h6 { font-family: Outfit, sans-serif; font-weight: 700; color: var(--text-main); } .glass-card { background: var(--glass-bg); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid var(--glass-border); border-radius: 3px; box-shadow: var(--shadow-md); } .glass-card:hover { box-shadow: var(--shadow-lg); border-color: var(--primary-glow); } .container { width: 96% !important; margin: 0 auto; padding: 0 20px; color: var(--color-white); } section { position: relative; padding: 80px 0; } body .custom-modal { width: 100% !important; height: 100% !important; background: rgba(15, 23, 42, 0.9) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; z-index: 999999 !important; display: none !important; align-items: center !important; justify-content: center !important; padding: 1rem !important; opacity: 0; transition: opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1); outline: 0 !important; } body .custom-modal.active { opacity: 1 !important; visibility: visible !important; } .auth-card { max-width: 480px; width: 100%; background: var(--color-white); padding: 3.5rem 3rem; box-shadow: var(--shadow-lg); position: relative; border: 1px solid var(--border-color); margin: auto; } @media (max-width: 768px) { .auth-card { padding: 2.5rem 1.5rem; } } .custom-modal .auth-card { transform: translateY(20px); opacity: 0; transition: 0.5s cubic-bezier(0.16, 1, 0.3, 1); } .auth-card h4, .auth-card h5 { font-family: Outfit, sans-serif; font-weight: 700; } .nav__link { padding: 10px 15px; font-family: Outfit, sans-serif; } .auth-card .btn-primary-custom { background: linear-gradient(135deg, var(--primary-color) 0, var(--color-blue-700) 100%); border: none; padding: 1.15rem; border-radius: 3px; font-weight: 700; font-family: Outfit, sans-serif; font-size: 1.1rem; letter-spacing: 0.3px; box-shadow: 0 12px 25px -5px rgba(37, 99, 235, 0.3); transition: 0.4s cubic-bezier(0.16, 1, 0.3, 1); } .nav__link { font-weight: 600; font-size: 0.95rem; } .auth-card .btn-primary-custom:hover { box-shadow: 0 15px 35px -5px rgba(37, 99, 235, 0.4); transform: translateY(-2px); box-shadow: 0 15px 30px -5px rgba(37, 99, 235, 0.4); filter: brightness(1.1); } .close-btn { position: absolute; top: 1.75rem; right: 1.75rem; border: none; width: 36px; height: 36px; border-radius: 3px; display: flex; align-items: center; justify-content: center; font-size: 1.25rem; cursor: pointer; transition: 0.2s; z-index: 10; } .header, .logo-img { transition: var(--transition-normal); } .close-btn:hover { transform: rotate(90deg); } @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } body.js-enabled .animate-fade-up { animation: 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards fadeInUp; opacity: 0; } .animate-delay-100 { animation-delay: 0.1s; } .animate-delay-200 { animation-delay: 0.2s; } .animate-delay-300 { animation-delay: 0.3s; } .header { height: var(--header-height); background: 0 0; width: 100%; position: fixed; top: 0; left: 0; display: flex; align-items: center; } .header .container { display: flex; justify-content: space-between; align-items: center; } .nav__link, .nav__list { align-items: center; display: flex; } .header.sticky .nav__link { color: var(--text-main); color: var(--text-main) !important; } .logo-img { object-fit: contain; filter: invert(1); max-height: 35px !important; width: auto !important; object-fit: contain; } .nav__list { gap: 2.5rem; list-style: none; } .nav__link { color: var(--color-text-muted); letter-spacing: 0.5px; height: 44px; position: relative; } .nav__link::after { content: ""; position: absolute; bottom: 0; left: 12px; right: 12px; height: 2px; background: var(--primary-color); transform: scaleX(0); transition: transform 0.3s; } .nav__link:hover::after { transform: scaleX(1); } .nav__link:hover { color: var(--primary-color); } .header.sticky { backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-bottom: 1px solid var(--border-color); box-shadow: var(--shadow-sm); background: rgba(255, 255, 255, 0.98) !important; backdrop-filter: blur(16px); } .header-dashboard .logo-img, .header.sticky .logo-img { filter: none !important; } .header .btn-primary-custom { padding: 10px 24px; height: 44px; font-size: 0.95rem; } @media (max-width: 991px) { #lavdin-nav-menu { position: fixed !important; top: -100% !important; left: 0 !important; right: auto !important; width: 100% !important; background-color: var(--color-white); padding: 80px 40px 40px; box-shadow: var(--shadow-lg); transition: top 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s, transform 0.4s; z-index: 10000 !important; overflow-y: auto; max-height: 100vh; display: none !important; transform: translateY(-20px) !important; } #lavdin-nav-menu.show-menu { top: 0 !important; display: flex !important; flex-direction: column !important; opacity: 1 !important; pointer-events: auto !important; transform: translateY(0) !important; } #lavdin-nav-menu .nav__list { display: flex !important; flex-direction: column; gap: 1.25rem; } .nav__link { color: var(--text-main); font-size: 1.1rem; } } .hero-text { background: var(--color-bg-surface) !important; min-height: 95vh; padding-top: 120px; color: var(--color-white); position: relative; overflow-y: clip; } .hero-text h1, .hero-text h2, .hero-text h3, .hero-text p, .btn-next { color: var(--color-white) !important; } .hero-title { font-size: 3.5rem; line-height: 1.1; letter-spacing: -2px; } .text-gradient { background: linear-gradient(135deg, var(--color-blue-600) 0, var(--color-blue-600) 100%); -webkit-background-clip: text; background-clip: text; } .tenant-hero { min-height: 400px; background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center; color: var(--color-white); } .data-card, .feature-card, .section-card { background: var(--bg-white); padding: 24px; box-shadow: var(--shadow-sm); transition: var(--transition); } .tenant-hero::before { content: ""; position: absolute; inset: 0; background: rgba(15, 23, 42, 0.6); } .feature-card, .section-card { border: 1px solid var(--border-color); } .feature-card:hover, .section-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); border-color: var(--primary-color); } .dashboard-sidebar .nav-link { display: flex; align-items: center; color: var(--text-muted); border-radius: 3px; transition: var(--transition); } .data-card { border: 1px solid var(--border-color); border-radius: 3px; height: 100%; } .data-card:hover { box-shadow: var(--shadow-md); transform: translateY(-2px); border-color: var(--primary-color); } .status-badge { padding: 4px 12px; font-size: 0.75rem; font-weight: 700; border-radius: 3px; letter-spacing: 0.5px; display: inline-flex; align-items: center; } .status-pending { background: var(--color-amber-50); color: var(--color-amber-700); border: 1px solid var(--color-amber-100); } .status-confirmed { background: var(--color-emerald-50); color: var(--color-emerald-700); border: 1px solid var(--color-emerald-100); } .status-cancelled { background: var(--color-red-50); color: var(--color-red-700); border: 1px solid var(--color-red-100); } @media (max-width: 991px) { .hero-title { font-size: 2.5rem; } .dashboard-sidebar { transform: translateX(-100%); width: var(--sidebar-width); } .dashboard-sidebar.dashboard-sidebar-show, .dashboard-sidebar.show { transform: translateX(0); } .sidebar-close-btn { display: block; } .main-content { margin-left: 0; padding-top: calc(var(--dashboard-mobile-header-height, 65px) + 30px); } } body.modal-open, body.page-transitioning { overflow: hidden; } .hero-bg-accent { position: absolute; width: 600px; height: 600px; background: radial-gradient( circle, rgba(37, 99, 235, 0.15) 0, rgba(37, 99, 235, 0) 70% ); border-radius: 3px; filter: blur(80px); z-index: 1; } .featured-salon-card { transition: var(--transition); } .featured-salon-card:hover { transform: translateY(-10px); box-shadow: var(--shadow-premium) !important; } .step-item { position: relative; padding: 1rem; } .dark-theme .header-dashboard .logo-img { filter: invert(1) !important; } .dark-theme .btn-close { filter: invert(1) grayscale(100%) brightness(200%); }
 .header { height: var(--header-height, 80px); display: flex; align-items: center; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); z-index: 1050; border-bottom: 1px solid transparent; } body:not(.is-landing-page) .header.header-glass { background: rgb(255, 255, 255) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } body:not(.is-landing-page).dark-theme .header.header-glass { background: rgba(15, 23, 42, 0.75) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.05); } .header.sticky { height: 60px; top: 0 !important; background: rgba(255, 255, 255, 0.95) !important; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid rgba(0, 0, 0, 0.05); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04); } .dark-theme .header.sticky { background: rgba(15, 23, 42, 0.95) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.05); } body:not(.dark-theme):not(.is-landing-page) .header .nav__link, body:not(.dark-theme):not(.is-landing-page) .header #lavdin-nav-menu .nav__link, body:not(.dark-theme):not(.is-landing-page) .header .header-transparent-btn, body:not(.dark-theme):not(.is-landing-page) .header .btn-link { color: var(--color-gray-800, var(--color-text-main)) !important; } body:not(.dark-theme):not(.is-landing-page) .header .nav-hamburger span { background-color: var(--color-gray-800, var(--color-bg-surface)) !important; } body:not(.dark-theme).is-landing-page .header.sticky .nav__link, body:not(.dark-theme).is-landing-page .header.sticky #lavdin-nav-menu .nav__link, body:not(.dark-theme).is-landing-page .header.sticky .header-transparent-btn, body:not(.dark-theme).is-landing-page .header.sticky .btn-link { color: var(--color-gray-800, var(--color-text-main)) !important; } body:not(.dark-theme).is-landing-page .header.sticky .nav-hamburger span { background-color: var(--color-gray-800, var(--color-bg-surface)) !important; } body:not(.dark-theme):not(.is-landing-page) .header.header-glass .logo-img, body:not(.dark-theme) .header.sticky .logo-img { filter: brightness(0) !important; } body.is-landing-page .header.header-glass:not(.sticky) { background: transparent !important; backdrop-filter: none; -webkit-backdrop-filter: none; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } @media (min-width: 992px) { body.is-register-page .header, body.is-login-page .header { position: absolute; width: 100%; top: 0; left: 0; background: transparent !important; border-bottom: none !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } } body.tenant-page.dark-theme .header.header-glass:not(.sticky), body.tenant-page.theme-elegant .header.header-glass:not(.sticky) { height: 60px; background: rgba(15, 23, 42, 0.9) !important; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid rgba(255, 255, 255, 0.1); } body.tenant-page.theme-compact .header.header-glass:not(.sticky) { height: 60px; background: rgba(255, 255, 255, 0.92) !important; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid rgba(0, 0, 0, 0.06); box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04); } body.tenant-page.theme-compact .header.header-glass:not(.sticky) .nav__link, body.tenant-page.theme-compact .header.header-glass:not(.sticky) #lavdin-nav-menu .nav__link, body.tenant-page.theme-compact .header.header-glass:not(.sticky) .header-transparent-btn, body.tenant-page.theme-compact .header.header-glass:not(.sticky) .btn-link { color: var(--color-text-main) !important; } body.tenant-page.theme-compact .header.header-glass:not(.sticky) .nav-hamburger span { background-color: var(--color-bg-surface) !important; } body.tenant-page.theme-compact .header.header-glass:not(.sticky) .logo-img { filter: brightness(0) !important; } body.is-landing-page .header.header-glass:not(.sticky) .header-transparent-btn, body.is-landing-page .header.header-glass:not(.sticky) .btn-link, body.is-landing-page .header.header-glass:not(.sticky) .nav__link, body.is-landing-page .header.header-glass:not(.sticky) #lavdin-nav-menu .nav__link, body.tenant-page .header.header-glass:not(.sticky) .nav__link, body.tenant-page .header.header-glass:not(.sticky) #lavdin-nav-menu .nav__link, body.tenant-page .header.header-glass:not(.sticky) .header-transparent-btn, body.tenant-page .header.header-glass:not(.sticky) .btn-link { color: rgba(255, 255, 255, 0.95) !important; } body.is-landing-page .header.header-glass:not(.sticky) .nav-hamburger span, body.tenant-page .header.header-glass:not(.sticky) .nav-hamburger span { background-color: rgba(255, 255, 255, 0.95) !important; } body.is-landing-page:not(.theme-compact) .header.header-glass:not(.sticky) .logo-img, body.tenant-page.dark-theme .header.header-glass:not(.sticky) .logo-img, body.tenant-page.theme-elegant .header.header-glass:not(.sticky) .logo-img { filter: brightness(0) invert(1) !important; } body.dark-theme .header .nav__link, body.dark-theme .header #lavdin-nav-menu .nav__link, body.dark-theme .header .header-transparent-btn, body.dark-theme .header .btn-link { color: rgba(255, 255, 255, 0.9) !important; } body.dark-theme .header .nav-hamburger span { background-color: rgba(255, 255, 255, 0.9) !important; } body.dark-theme .header .logo-img { filter: brightness(0) invert(1) !important; } body:not(.dark-theme) .header .logo-img { filter: brightness(0) !important; } .header-transparent-btn { background: rgba(255, 255, 255, 0.05) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; color: var(--color-text-main) !important; backdrop-filter: blur(5px); transition: all 0.3s ease !important; } .header-transparent-btn:hover { background: rgba(255, 255, 255, 0.15) !important; border-color: rgba(255, 255, 255, 0.2) !important; transform: translateY(-1px) !important; } .nav__list { gap: 2.5rem; } .nav__link { font-family: "Outfit", sans-serif; font-size: 0.95rem; font-weight: 600; color: var(--color-text-main, var(--color-text-main)); padding: 0.5rem 0; position: relative; transition: color 0.3s ease; } .nav__link::after { content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: var(--color-primary, var(--color-blue-600)); transition: width 0.3s cubic-bezier(0.16, 1, 0.3, 1); border-radius: 3px; } .nav__link:hover { color: var(--color-primary, var(--color-blue-600)) !important; } .nav__link:hover::after { width: 100%; } .logo-img { transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); max-height: 32px; width: auto; } .logo:hover .logo-img { transform: translateY(-2px); } @media screen and (max-width: 991px) { .nav__menu { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); padding-top: 100px; border-left: 1px solid rgba(0, 0, 0, 0.05); box-shadow: -10px 0 30px rgba(0, 0, 0, 0.02); } .dark-theme .nav__menu { background: rgba(15, 23, 42, 0.95); border-left: 1px solid rgba(255, 255, 255, 0.05); } body:not(.dark-theme) #header #lavdin-nav-menu .nav__link, body:not(.dark-theme) #header.header-glass #lavdin-nav-menu .nav__link, body:not(.dark-theme) #header #lavdin-nav-menu .nav__close { color: var(--color-text-main) !important; } body.dark-theme #header #lavdin-nav-menu .nav__link, body.dark-theme #header.header-glass #lavdin-nav-menu .nav__link, body.dark-theme #header #lavdin-nav-menu .nav__close { color: rgba(255, 255, 255, 0.9) !important; } .nav__list { gap: 1.5rem; padding: 0 2rem; } } .form-control, .input-premium { border-radius: 3px !important; padding: 12px 20px !important; } @media (min-width: 1400px) { .logged-in-main .container-fluid { padding-left: 3.5rem !important; padding-right: 3.5rem !important; } } .bg-gradient-brand { background: linear-gradient(135deg, var(--color-blue-600) 0%, var(--color-blue-700) 100%) !important; } body.service-detail-page:not(.dark-theme) .header .logo-img { filter: brightness(0) !important; } body.service-detail-page:not(.dark-theme) .header .nav-hamburger span { background-color: var(--color-bg-surface) !important; } body.service-detail-page:not(.dark-theme) .header .nav__link, body.service-detail-page:not(.dark-theme) .header i { color: var(--color-text-main) !important; } body.dark-theme .lnd-h1, body.dark-theme .lnd-h2, body.dark-theme .lnd-feat-title, body.dark-theme .lnd-step-title, body.dark-theme .catalog-title, body.dark-theme .service-info-premium h5, body.dark-theme .sd-section-title { color: var(--color-white) !important; } body.dark-theme .lnd-subtitle, body.dark-theme .lnd-lead, body.dark-theme .lnd-feat-desc, body.dark-theme .lnd-step-desc, body.dark-theme .service-meta-premium, body.dark-theme .sd-review-text { color: rgba(255, 255, 255, 0.8) !important; } body.dark-theme .user-profile .sidebar-username-text { color: var(--color-text-main) !important; } .sidebar { background-color: var(--color-bg-surface) !important; } .help-trigger-wrapper { position: fixed; bottom: 25px; right: 25px; z-index: 1060; } .help-trigger { width: 52px; height: 52px; padding: 0; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--color-blue-600) 0%, var(--color-blue-700) 100%) !important; color: var(--color-white) !important; border: none !important; border-radius: 3px !important; box-shadow: 0 10px 25px rgba(37, 99, 235, 0.45) !important; transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important; } .help-trigger:hover { transform: translateY(-4px) rotate(5deg) !important; box-shadow: 0 15px 35px rgba(37, 99, 235, 0.6) !important; color: var(--color-white) !important; } .help-trigger i { font-size: 1.25rem; } .hover-lift { transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); } .hover-lift:hover { transform: translateY(-5px); } .text-gradient-premium { background: linear-gradient(135deg, var(--color-blue-600) 0%, var(--color-blue-700) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .reveal, .reveal-up { opacity: 0; transform: translateY(20px); transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1) !important; } .reveal.revealed, .reveal-up.revealed { opacity: 1 !important; transform: translateY(0) !important; } .dash-page-hero { background: rgba(15, 23, 42, 0.95); position: relative; overflow: hidden; border-radius: 3px; padding: 40px 44px; margin-bottom: 32px; } .dash-page-hero::before { content: ""; position: absolute; inset: 0; background: radial-gradient( circle at 85% 30%, rgba(37, 99, 235, 0.22) 0%, transparent 45% ), radial-gradient( circle at 15% 70%, rgba(29, 78, 216, 0.16) 0%, transparent 45% ); filter: blur(30px); pointer-events: none; } .dash-page-hero-grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px); background-size: 44px 44px; pointer-events: none; } .dash-page-hero-inner { position: relative; z-index: 2; } .dash-page-hero .dash-h1 { color: var(--color-white) !important; font-family: "Outfit", sans-serif; font-size: clamp(1.4rem, 3vw, 2rem); font-weight: 800; letter-spacing: -0.5px; margin-bottom: 8px; } .dash-page-hero .dash-h1 .text-primary { background: linear-gradient(90deg, var(--color-blue-400), var(--color-blue-300)) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; } .dash-page-hero .dash-lead { color: rgba(255, 255, 255, 0.5) !important; font-size: 0.93rem; margin-bottom: 20px; } .dash-page-hero .btn-primary-custom { background: linear-gradient(135deg, var(--color-blue-600), var(--color-blue-700)) !important; color: var(--color-white) !important; border: none !important; box-shadow: 0 6px 20px rgba(37, 99, 235, 0.35) !important; transition: all 0.3s ease !important; } .dash-page-hero .btn-primary-custom:hover { transform: translateY(-2px) !important; box-shadow: 0 10px 28px rgba(37, 99, 235, 0.5) !important; } .dash-page-hero .btn-outline-custom { background: rgba(255, 255, 255, 0.06) !important; border: 1px solid rgba(255, 255, 255, 0.18) !important; color: var(--color-white) !important; } .dash-page-hero .btn-outline-custom:hover { background: rgba(255, 255, 255, 0.12) !important; color: var(--color-white) !important; } @media (max-width: 767px) { .dash-page-hero { padding: 24px 20px; } } .header.header-glass .logo-img, .header.header-dashboard .logo-img { filter: brightness(0) !important; } .header.header-dashboard .nav-hamburger span { background-color: var(--color-white) !important; } body.dark-theme .header.header-dashboard { background: var(--color-bg-main) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; } body.dark-theme .header.header-dashboard .nav__link, body.dark-theme .header.header-dashboard #lavdin-nav-menu .nav__link, body.dark-theme .header.header-dashboard i { color: rgba(255, 255, 255, 0.9) !important; } body.dark-theme .header.header-dashboard .nav-hamburger span { background-color: rgba(255, 255, 255, 0.9) !important; } body.dark-theme .header.header-dashboard .logo-img { filter: brightness(0) invert(1) !important; } @media (max-width: 991px) { #lavdin-nav-menu { position: fixed !important; top: 0 !important; left: -100% !important; right: auto !important; width: 280px !important; height: 100dvh !important; opacity: 0 !important; visibility: hidden !important; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important; z-index: 1002 !important; display: flex !important; flex-direction: column !important; background-color: var(--color-white) !important; box-shadow: 20px 0 60px rgba(0, 0, 0, 0.1) !important; padding: 0 !important; overflow: hidden !important; } body.dark-theme #lavdin-nav-menu { background-color: var(--color-bg-surface) !important; border-right: 1px solid rgba(255, 255, 255, 0.05) !important; } #lavdin-nav-menu.show-menu, #lavdin-nav-menu.nav-open { left: 0 !important; opacity: 1 !important; visibility: visible !important; } #lavdin-nav-menu .nav__close { display: none !important; } #lavdin-nav-menu .nav__list { width: 100% !important; overflow-y: auto !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; } #lavdin-nav-menu .nav__item { width: 100% !important; } #lavdin-nav-menu .nav__link { display: flex !important; align-items: center !important; padding: 12px 16px !important; border-radius: 3px !important; font-size: 0.95rem !important; font-weight: 600 !important; color: var(--color-text-main) !important; transition: all 0.2s ease !important; text-decoration: none !important; width: 100% !important; } #lavdin-nav-menu .nav__link:hover { background: rgba(37, 99, 235, 0.05) !important; color: var(--color-blue-600) !important; } #lavdin-nav-menu .nav__link i { width: 24px !important; margin-right: 12px !important; font-size: 1.1rem !important; color: var(--color-text-muted) !important; } #lavdin-nav-menu .nav__link:hover i { color: var(--color-blue-600) !important; } } @media (min-width: 992px) { #lavdin-nav-menu { position: static !important; opacity: 1 !important; visibility: visible !important; background: none !important; display: flex !important; flex-direction: row !important; width: auto !important; height: auto !important; padding: 0 !important; box-shadow: none !important; transform: none !important; z-index: auto !important; } #lavdin-nav-menu .nav__list { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 0.5rem !important; padding: 0 !important; background: none !important; width: auto !important; } #lavdin-nav-menu .nav__item { width: auto !important; } #lavdin-nav-menu .nav__link { padding: 0.5rem 1rem !important; color: inherit !important; } } @media (min-width: 992px) { #lavdin-nav-menu { position: static !important; opacity: 1 !important; visibility: visible !important; background: none !important; display: flex !important; flex-direction: row !important; width: auto !important; height: auto !important; padding: 0 !important; box-shadow: none !important; transform: none !important; z-index: auto !important; } #lavdin-nav-menu .nav__list { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 0.5rem !important; padding: 0 !important; background: none !important; width: auto !important; } #lavdin-nav-menu .nav__item { width: auto !important; } #lavdin-nav-menu .nav__link { padding: 0.5rem 1rem !important; color: inherit !important; } } .nav-mask { position: fixed; inset: 0; background: rgba(15, 23, 42, 0.4); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); z-index: 200; opacity: 0; visibility: hidden; transition: all 0.4s ease; } .nav-mask.active { opacity: 1; visibility: visible; } .nav-hamburger { width: 24px; height: 18px; position: relative; cursor: pointer; display: flex; flex-direction: column; justify-content: space-between; align-items: center; z-index: 10001; } .nav-hamburger span { display: block; height: 2px; background-color: currentColor; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); transform-origin: right; border-radius: 3px; } .nav-hamburger span:nth-child(1) { width: 100%; } .nav-hamburger span:nth-child(2) { width: 70%; } .nav-hamburger span:nth-child(3) { width: 100%; } .active .nav-hamburger span:nth-child(1) { transform: rotate(-45deg) translate(-2px, -1px); width: 100% !important; } .active .nav-hamburger span:nth-child(2) { opacity: 0; transform: translateX(10px); } .active .nav-hamburger span:nth-child(3) { transform: rotate(45deg) translate(-2px, 1px); width: 100% !important; } .search-engine-overlay, .search-engine-overlay *, .search-engine-overlay *::before, .search-engine-overlay *::after { box-sizing: border-box; } .search-engine-overlay { position: fixed; inset: 0; background: rgba(15, 23, 42, 0.4); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); z-index: 2147483647 !important; display: flex; justify-content: center; align-items: center; padding: 20px; opacity: 0; pointer-events: none; transition: all 0.3s ease; } .search-engine-overlay.active { opacity: 1; pointer-events: auto; } .engine-container { width: 100%; max-width: 800px; margin: 0 auto; background: rgba(255, 255, 255, 0.98); border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 20px; box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.02) inset; transform: translateY(20px) scale(0.98); transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease; overflow: hidden; display: flex; flex-direction: column; max-height: 85dvh; } .search-engine-overlay.active .engine-container { transform: translateY(0) scale(1); } .engine-header { width: 100%; background: rgba(255, 255, 255, 0.95); border-bottom: 1px solid rgba(0, 0, 0, 0.06); flex-shrink: 0; z-index: 10; } .engine-search-bar { position: relative; display: flex; align-items: center; padding: 0 24px; height: 80px; gap: 16px; width: 100%; max-width: 100%; transition: background 0.3s ease; overflow: hidden; } @media (max-width: 576px) { .engine-search-bar { height: 64px; padding: 0 16px; } } .engine-search-bar:focus-within { background-color: rgba(248, 250, 252, 0.5); } .engine-search-bar i.fa-search { color: var(--color-blue-500); font-size: 1.4rem; flex-shrink: 0; transition: color 0.3s ease; } .engine-search-bar:focus-within i.fa-search { filter: drop-shadow(0 0 8px rgba(59, 130, 246, 0.3)); } .engine-search-bar input { flex: 1; min-width: 0; background: transparent; border: none !important; color: var(--color-gray-900) !important; font-size: 1.4rem !important; font-family: var(--font-body, "Outfit", sans-serif); font-weight: 700; outline: none !important; padding: 0 !important; margin: 0 !important; height: 100%; } .engine-close { background: var(--color-gray-100) !important; border: 1px solid var(--color-gray-200) !important; color: var(--color-gray-600) !important; cursor: pointer; width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0 0 0 4px !important; transition: all 0.2s ease; flex-shrink: 0; } .engine-close i { font-size: 1rem; } .engine-close:hover { background: rgba(239, 68, 68, 0.1) !important; border-color: rgba(239, 68, 68, 0.2) !important; color: var(--color-red-500) !important; transform: translateY(-2px); } .engine-search-bar input::placeholder { color: var(--color-gray-400); font-weight: 500; } .engine-body { flex: 1; overflow-y: auto; padding: 24px 24px 32px; background: transparent; scrollbar-width: thin; scrollbar-color: rgba(59, 130, 246, 0.3) transparent; } .engine-body::-webkit-scrollbar { width: 6px; } .engine-body::-webkit-scrollbar-track { background: transparent; } .engine-body::-webkit-scrollbar-thumb { background: rgba(59, 130, 246, 0.2); border-radius: 10px; } .engine-body::-webkit-scrollbar-thumb:hover { background: rgba(59, 130, 246, 0.5); } @keyframes engineFadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } #engineInitialState { animation: engineFadeIn 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards; } .modification-section { margin-bottom: 32px; } .section-title { font-size: 0.85rem; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; color: var(--color-gray-500); margin-bottom: 16px; } .modification-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px; } .mod-card { background: var(--color-white); border: 1px solid var(--color-gray-200); padding: 14px 18px; border-radius: 20px; display: flex; align-items: center; gap: 12px; cursor: pointer; transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); text-decoration: none; color: var(--color-gray-800); box-shadow: 0 4px 10px rgba(0,0,0,0.02); } .mod-card:hover { border-color: rgba(59, 130, 246, 0.3); transform: translateY(-4px); box-shadow: 0 12px 24px rgba(0, 0, 0, 0.06); } .mod-icon { width: 40px; height: 40px; background: var(--color-gray-50); border: 1px solid var(--color-gray-200); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; flex-shrink: 0; transition: all 0.3s ease; color: var(--color-gray-600); } .mod-card:hover .mod-icon { background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(37, 99, 235, 0.15)); border-color: rgba(59, 130, 246, 0.3); color: var(--color-blue-600); transform: scale(1.05); } .mod-name { font-weight: 700; font-size: 0.95rem; color: var(--color-gray-800); } .engine-results { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; margin-top: 8px; animation: engineFadeIn 0.3s ease forwards; } .res-card { background: var(--color-white); border: 1px solid var(--color-gray-200); border-radius: 20px; padding: 16px; display: flex; gap: 16px; transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); text-decoration: none; color: var(--color-gray-800); position: relative; overflow: hidden; box-shadow: 0 4px 10px rgba(0,0,0,0.02); } .res-card::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(59, 130, 246, 0.05) 0%, transparent 50%); opacity: 0; transition: opacity 0.3s ease; pointer-events: none; } .res-card:hover { border-color: rgba(59, 130, 246, 0.3); transform: translateY(-4px); box-shadow: 0 12px 24px rgba(0, 0, 0, 0.06); } .res-card:hover::before { opacity: 1; } .res-img { width: 68px; height: 68px; border-radius: 14px; object-fit: cover; flex-shrink: 0; border: 1px solid var(--color-gray-200); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); } .res-info { position: relative; z-index: 1; } .res-info h5 { margin: 0 0 6px; font-family: "Outfit", sans-serif; font-size: 1.15rem; font-weight: 800; color: var(--color-gray-900); letter-spacing: -0.3px; } .res-info p { margin: 0 0 4px; font-size: 0.85rem; color: var(--color-gray-500); display: flex; align-items: center; gap: 8px; } .res-info p i { color: var(--color-blue-500); width: 16px; text-align: center; font-size: 0.8rem; opacity: 0.8; } @media (max-width: 768px) { .search-engine-overlay { padding: 0 !important; display: block !important; overflow: hidden; } .engine-container { position: absolute; bottom: 0; left: 0; width: 100%; max-width: 100%; margin: 0; border-radius: 20px 20px 0 0; transform: translateY(100%); border: none; max-height: 92%; display: flex !important; flex-direction: column !important; } .search-engine-overlay.active .engine-container { transform: translateY(0); } .engine-body { padding: 24px 20px 32px; flex: 1; overflow-y: auto; } .engine-search-bar { padding: 0 20px; height: 64px; } .modification-grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); } } @media (min-width: 992px) { .header.header-dashboard { left: var(--ld-sidebar-width, 280px) !important; width: calc(100% - var(--ld-sidebar-width, 280px)) !important; margin-left: 0 !important; transition: left 0.3s ease, width 0.3s ease; } } .engine-compact-filters { display: flex; gap: 10px; margin-bottom: 24px; flex-wrap: wrap; } .spec-select { background: var(--color-white); border: 1px solid var(--color-gray-200); color: var(--color-gray-700); padding: 8px 16px; border-radius: 20px; font-size: 0.9rem; outline: none; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 10px center; background-size: 14px; padding-right: 32px; transition: all 0.3s ease; box-shadow: 0 2px 4px rgba(0,0,0,0.02); font-weight: 600; } .spec-select:hover { background: var(--color-gray-50); border-color: var(--color-gray-300); box-shadow: 0 4px 8px rgba(0,0,0,0.04); } .spec-select:focus { border-color: var(--color-primary); box-shadow: 0 0 0 3px rgba(37,99,235,0.1); } .spec-select option { background: var(--color-white); color: var(--color-gray-800); } .nav-auth-login-btn:hover { background: rgba(128, 128, 128, 0.1) !important; } .nav-auth-register-btn:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3) !important; } body.is-landing-page .header.header-glass:not(.sticky) .nav-auth-register-btn { background: rgba(255, 255, 255, 0.1) !important; color: #ffffff !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; backdrop-filter: blur(5px); } body.is-landing-page .header.header-glass:not(.sticky) .nav-auth-register-btn:hover { background: rgba(255, 255, 255, 0.2) !important; } body.is-landing-page .header.sticky .nav-auth-register-btn { background: var(--color-primary) !important; color: #ffffff !important; border: 1px solid var(--color-primary) !important; } body.dark-theme .engine-container { background: var(--color-bg-main); border-color: rgba(255, 255, 255, 0.1); box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.05) inset; } body.dark-theme .engine-header { background: var(--color-bg-elevated); border-bottom-color: rgba(255, 255, 255, 0.08); } body.dark-theme .engine-search-bar input { color: var(--color-slate-50) !important; } body.dark-theme .engine-search-bar input::placeholder { color: var(--color-slate-500); } body.dark-theme .engine-close { background: var(--color-slate-800) !important; border-color: rgba(255, 255, 255, 0.1) !important; color: var(--color-slate-300) !important; } body.dark-theme .engine-close:hover { background: rgba(239, 68, 68, 0.2) !important; } body.dark-theme .mod-card { background: var(--color-bg-elevated); border-color: rgba(255, 255, 255, 0.08); color: var(--color-slate-300); } body.dark-theme .mod-card:hover { border-color: rgba(59, 130, 246, 0.4); background: var(--color-slate-800); } body.dark-theme .mod-icon { background: var(--color-slate-800); border-color: rgba(255, 255, 255, 0.1); color: var(--color-slate-400); } body.dark-theme .mod-name { color: var(--color-slate-100); } body.dark-theme .section-title { color: var(--color-slate-400); } body.dark-theme .res-card { background: var(--color-bg-elevated); border-color: rgba(255, 255, 255, 0.08); } body.dark-theme .res-card:hover { border-color: rgba(59, 130, 246, 0.4); } body.dark-theme .res-info h5 { color: var(--color-slate-50); } body.dark-theme .res-info p { color: var(--color-slate-400); } body.dark-theme .res-img { border-color: rgba(255, 255, 255, 0.1); } body.dark-theme .spec-select { background: var(--color-bg-elevated); border-color: rgba(255, 255, 255, 0.1); color: var(--color-slate-200); } body.dark-theme .spec-select:hover { background: var(--color-slate-800); border-color: rgba(255, 255, 255, 0.2); } body.dark-theme .spec-select option { background: var(--color-slate-800); color: var(--color-slate-100); } 
 :root { --ld-primary: var(--color-blue-500); --ld-success: var(--color-emerald-500); --ld-error: var(--color-red-500); --ld-bg: var(--color-white); --ld-blur: 15px; --ld-transition: 0.4s cubic-bezier(0.16, 1, 0.3, 1); } @media (max-width: 991px) { :root { --ld-sidebar-width: 0px !important; } } [data-theme="dark"], .dark-theme, .theme-elegant, [data-theme="dark"] { --ld-bg: var(--color-slate-900); --ld-primary: var(--color-blue-400); } body.system-booting { overflow: hidden !important; } #ld-progress { position: fixed; top: 0; left: 0; height: 3px; background: linear-gradient(90deg, var(--ld-primary), var(--color-blue-400), var(--ld-primary)); background-size: 200% 100%; animation: ld-progress-shine 3s linear infinite; z-index: 1001; width: 0; opacity: 0; transition: width 0.4s cubic-bezier(0.1, 0.7, 0.1, 1), opacity 0.3s ease; box-shadow: 0 0 10px rgba(59, 130, 246, 0.4); pointer-events: none; } @keyframes ld-progress-shine { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } } #lavdin-booter { position: fixed; inset: 0; z-index: 9999 !important; background: var(--ld-bg); backdrop-filter: blur(var(--ld-blur)); -webkit-backdrop-filter: blur(var(--ld-blur)); display: flex; box-sizing: border-box; transition: opacity var(--ld-transition), visibility var(--ld-transition), backdrop-filter 0.5s ease; margin-left: var(--ld-sidebar-width, 0px) !important; } .ld-booter-content { margin: auto; display: flex; flex-direction: column; align-items: center; justify-content: center; perspective: 1000px; } #lavdin-booter.hidden { opacity: 0; visibility: hidden; pointer-events: none; backdrop-filter: blur(0px); -webkit-backdrop-filter: blur(0px); } .ld-loader-container { position: relative; width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; } .ld-circle-bg { position: absolute; inset: 0; border-radius: 50%; border: 4px solid rgba(59, 130, 246, 0.1); background: rgba(59, 130, 246, 0.05); } .ld-circle-liquid { position: absolute; inset: -2px; border-radius: 50%; border: 4px solid transparent; border-top-color: var(--ld-primary); border-right-color: var(--ld-primary); animation: ld-liquid-spin 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; filter: drop-shadow(0 0 5px var(--ld-primary)); } .ld-circle-inner { position: absolute; width: 44px; height: 44px; background: transparent; border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 2; } .ld-circle-inner img { width: 100%; height: 100%; object-fit: contain; } [data-theme="dark"] .ld-circle-inner img, .dark-theme .ld-circle-inner img, .theme-elegant .ld-circle-inner img { filter: brightness(0) invert(1); } @keyframes ld-liquid-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes ld-heartbeat { 0%, 100% { opacity: 1; transform: translateY(0); opacity: 1; } 50% { opacity: 0.9; transform: translateY(10px); opacity: 0.8; } } .ld-text { margin-top: 32px; font-family: 'Outfit', sans-serif; font-size: 0.8rem; font-weight: 800; letter-spacing: 0.3em; text-transform: uppercase; color: var(--ld-primary); } .ld-status-msg { margin-top: 10px; font-size: 0.85rem; font-weight: 500; color: var(--color-text-muted, var(--color-text-muted)); opacity: 0; transform: translateY(10px); animation: ld-fade-in-up 0.6s ease-out 0.2s forwards; } @keyframes ld-fade-in-up { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .ld-boot-progress-wrap { width: 180px; height: 4px; background: rgba(0, 0, 0, 0.05); border-radius: 3px; margin-top: 40px; overflow: hidden; position: relative; opacity: 0; animation: ld-fade-in 1s ease-out 0.5s forwards; } [data-theme="dark"] .ld-boot-progress-wrap, .dark-theme .ld-boot-progress-wrap, .theme-elegant .ld-boot-progress-wrap { background: rgba(255, 255, 255, 0.05); } .ld-boot-progress-inner { position: absolute; inset: 0; width: 0%; background: linear-gradient(90deg, var(--ld-primary), var(--color-blue-400)); border-radius: inherit; transition: width 0.8s cubic-bezier(0.22, 1, 0.36, 1); box-shadow: 0 0 10px rgba(59, 130, 246, 0.3); } @keyframes ld-fade-in { to { opacity: 1; } } .ld-inline-wrap { position: absolute; inset: 0; z-index: 1000; background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: opacity 0.4s ease, visibility 0.4s ease; border-radius: inherit; } [data-theme="dark"] .ld-inline-wrap, .dark-theme .ld-inline-wrap, .theme-elegant .ld-inline-wrap { background: rgba(10, 15, 25, 0.7); } .ld-inline-wrap.active { opacity: 1; visibility: visible; } .ld-state-icon { font-size: 2.5rem; margin-bottom: 12px; display: none; animation: ld-pop-in 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; } @keyframes ld-pop-in { from { opacity: 0.5; transform: translateY(10px); opacity: 0; } to { opacity: 1; transform: translateY(0); opacity: 1; } } .ld-inline-wrap.success .ld-state-icon.success { display: block; color: var(--ld-success); } .ld-inline-wrap.error .ld-state-icon.error { display: block; color: var(--ld-error); } .ld-inline-wrap.success .ld-loader-container, .ld-inline-wrap.error .ld-loader-container { display: none; } 
 .sidebar-user-avatar { width: 42px; height: 42px; border-radius: var(--radius-sm); overflow: hidden; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 1.1rem; letter-spacing: 0; background: linear-gradient(135deg, var(--color-primary), var(--color-primary-dark)); color: var(--color-white); box-shadow: 0 4px 12px var(--color-primary-soft); transition: transform 0.2s ease, box-shadow 0.2s ease; } .sidebar-user-avatar:hover { transform: translateY(-2px); box-shadow: 0 6px 18px var(--color-primary-glow); } .sidebar-user-avatar img { width: 100%; height: 100%; object-fit: cover; } .sidebar-role-chip { display: inline-flex; align-items: center; gap: 5px; padding: 2px 10px; border-radius: var(--radius-sm); font-size: 0.62rem; font-weight: 800; letter-spacing: 0.6px; text-transform: uppercase; margin-top: 3px; border: 1px solid transparent; transition: all 0.2s ease; } .sidebar-username-text { font-size: 0.9rem; font-weight: 700; color: var(--color-text-main); margin-bottom: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 130px; line-height: 1.5; } .nav-link { position: relative; padding: 10px 14px; margin: 2px 10px; border-radius: var(--radius-sm); transition: all 0.2s ease; display: flex; align-items: center; gap: 11px; font-size: 0.83rem; font-weight: 600; color: var(--color-text-muted); } .nav-link i { width: 16px; text-align: center; font-size: 0.85rem; } .sidebar-nav-section-label { font-size: 0.6rem; font-weight: 800; letter-spacing: 1.4px; text-transform: uppercase; color: var(--color-text-muted); padding: 18px 24px 6px; display: block; } .sidebar-quick-actions { display: flex; flex-direction: column; gap: 6px; padding: 0 10px; } .sidebar-action-btn { display: flex; align-items: center; gap: 11px; padding: 9px 14px; border-radius: var(--radius-sm); font-size: 0.8rem; font-weight: 600; text-decoration: none !important; transition: all 0.18s ease; border: 1px solid transparent; width: 100%; box-sizing: border-box; } .sidebar-action-btn i { font-size: 0.85rem; flex-shrink: 0; width: 16px; text-align: center; } .sidebar-action-btn span { flex: 1; } .sidebar-action-ext { font-size: 0.6rem !important; opacity: 0.45; width: auto !important; margin-left: auto; transition: opacity 0.15s ease; } .sidebar-action-primary { background: var(--color-primary-soft); color: var(--color-primary); border-color: rgba(37, 99, 235, 0.15); } .sidebar-action-primary:hover { background: hsla(var(--h), var(--s), 53%, 0.12); border-color: rgba(37, 99, 235, 0.3); color: var(--color-primary-dark); transform: translateY(-1px); box-shadow: var(--shadow-sm); } .sidebar-action-primary:hover .sidebar-action-ext { opacity: 0.7; } .sidebar-action-logout { background: rgba(239, 68, 68, 0.05); color: var(--color-text-muted, var(--color-text-muted)); border-color: rgba(0, 0, 0, 0.05); } .sidebar-action-logout:hover { background: rgba(239, 68, 68, 0.08); border-color: rgba(239, 68, 68, 0.2); color: var(--color-red-600); } #sidebarMask { display: none; position: fixed; inset: 0; background: rgba(15, 23, 42, 0.4); backdrop-filter: blur(4px); z-index: 1040; opacity: 0; transition: opacity 0.3s ease; } #sidebarMask.show { display: block; opacity: 1; } .nav-link-active-dot { width: 6px; height: 6px; background: var(--color-primary); flex-shrink: 0; margin-left: auto; animation: dotpulse 2s ease-in-out infinite; } @keyframes dotpulse { 0%, 100% { opacity: 1; transform: translateY(0); } 50% { opacity: 0.7; transform: translateY(10px); } } .dashboard-sidebar-brand:hover .brand-icon-box { transform: translateY(-2px) rotate(-2deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1) !important; } .dashboard-sidebar-brand:hover .branding-title { letter-spacing: -0.5px !important; } .brand-icon-box { transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); } .branding-title { font-family: var(--font-heading); font-size: 1.4rem; letter-spacing: -0.8px; line-height: 1.5; background: linear-gradient(135deg, var(--color-primary), var(--color-primary-dark)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; transition: all 0.3s ease; text-shadow: 0 10px 20px var(--color-primary-soft); } .sidebar-accordion { margin: 0; padding: 0; overflow: hidden; } .sidebar-accordion-trigger { display: flex; align-items: center; gap: 11px; padding: 10px 14px; cursor: pointer; font-weight: 700; font-size: 0.83rem; color: var(--color-text-main); border-radius: var(--radius-sm); transition: background 0.18s ease, color 0.18s ease; user-select: none; margin: 2px 10px; } .sidebar-accordion-trigger:hover { background: var(--color-primary-soft); color: var(--color-primary); } .sidebar-accordion.active > .sidebar-accordion-trigger { color: var(--color-primary); background: transparent; } .sidebar-accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.38s cubic-bezier(0.4, 0, 0.2, 1); } .sidebar-accordion.active .sidebar-accordion-content { max-height: 400px; transition: max-height 0.42s cubic-bezier(0.4, 0, 0.2, 1); } .sidebar-accordion.active .accordion-icon { transform: rotate(180deg); opacity: 0.9; color: var(--color-primary); } .sidebar-accordion .nav-link { margin: 2px 10px !important; font-size: 0.8rem !important; padding: 8px 12px 8px 36px !important; border-radius: var(--radius-sm) !important; } .sidebar-accordion .nav-link i { width: 16px; font-size: 0.82rem; } .accordion-icon { transition: transform 0.3s ease, color 0.2s ease, opacity 0.2s ease; font-size: 0.68rem; opacity: 0.45; flex-shrink: 0; } .sidebar-close-btn { position: absolute; top: 15px; right: 15px; width: 36px; height: 36px; display: none; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.05); border: none; border-radius: var(--radius-sm); color: var(--color-text-muted); cursor: pointer; transition: all 0.2s ease; z-index: 10; } .sidebar-close-btn:hover { background: rgba(0, 0, 0, 0.1); color: var(--color-text-main); transform: rotate(90deg); } @media (max-width: 991px) { .sidebar-close-btn { display: flex; } } body.tenant-page #sidebar { transform: translateX(-100%); transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1); box-shadow: none; background: var(--color-bg-card); } body.tenant-page #sidebar.show { transform: translateX(0); box-shadow: 20px 0 50px rgba(0, 0, 0, 0.15); } body.dark-theme .dashboard-sidebar { background: var(--color-bg-card) !important; border-right: 1px solid var(--color-border) !important; } body.dark-theme .dashboard-sidebar .branding-title { background: linear-gradient(135deg, var(--color-blue-400), var(--color-indigo-300)) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; } body.dark-theme .user-profile { background: transparent !important; border-top: 1px solid var(--color-border) !important; } body.dark-theme .nav-link { color: var(--color-text-muted) !important; } body.dark-theme .nav-link:hover, body.dark-theme .nav-link.active { background: rgba(255, 255, 255, 0.05) !important; color: var(--color-text-main) !important; } body.dark-theme .sidebar-action-primary { background: rgba(37, 99, 235, 0.12); border-color: rgba(37, 99, 235, 0.25); color: var(--color-blue-400); } body.dark-theme .sidebar-action-primary:hover { background: rgba(37, 99, 235, 0.2); color: var(--color-blue-300); } body.dark-theme .sidebar-action-logout { background: rgba(255, 255, 255, 0.03); border-color: rgba(255, 255, 255, 0.06); color: var(--color-text-muted); } body.dark-theme .sidebar-action-logout:hover { background: rgba(239, 68, 68, 0.1); border-color: rgba(239, 68, 68, 0.2); color: var(--color-red-400); } body.dark-theme .sidebar-accordion-trigger { color: var(--color-text-main); } body.dark-theme .sidebar-accordion-trigger:hover { background: rgba(37, 99, 235, 0.12); color: var(--color-blue-300); } body.dark-theme .sidebar-accordion.active > .sidebar-accordion-trigger { color: var(--color-blue-400); background: transparent; } body.dark-theme .sidebar-close-btn { background: rgba(255, 255, 255, 0.05); color: var(--color-text-muted); } @media (max-width: 991px) { .dashboard-sidebar { top: var(--dashboard-mobile-header-height, 65px) !important; height: calc(100vh - var(--dashboard-mobile-header-height, 65px)) !important; height: calc(100dvh - var(--dashboard-mobile-header-height, 65px)) !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } } 
 :root { --auth-card-max-width: 1100px; } body.is-register-page { --auth-card-max-width: 1150px; } @media screen and (min-width: 992px) { body.is-login-page main.main-content, body.is-register-page main.main-content { padding-top: 0 !important; min-height: 100vh !important; } body.is-login-page .auth-page-wrapper, body.is-register-page .auth-page-wrapper { width: 100%; min-height: 100vh !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 40px 20px !important; box-sizing: border-box; } body.is-login-page .auth-container-premium, body.is-register-page .auth-container-premium { margin: auto !important; height: calc(100vh - 160px) !important; } .auth-crd-arr-fxd { width: 100%; max-width: var(--auth-card-max-width, 1100px); margin-left: auto; margin-right: auto; position: relative; font-size: 20px; padding: 0; display: flex; justify-content: flex-start; top: 2.5rem; } } @media screen and (max-width: 991px) { .auth-crd-arr-fxd { width: 100%; height: 100%; padding: 0; margin: 0; position: relative; top: 0; display: flex; justify-content: center; align-items: center; } } 
.form-control { background-color: var(--color-bg-main); border: 1px solid var(--color-border-light); border-radius: 3px; width: 100%; font-family: inherit; font-size: 0.95rem; color: var(--text-main); transition: 0.25s; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.01); } .form-control:focus { background-color: var(--color-white); border-color: var(--color-border-light); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03); outline: 0; } .search-container input { box-shadow: none !important; border: none; } .auth-card .form-control { background-color: var(--color-bg-main) !important; border: 1px solid var(--color-border-light) !important; padding: 0.875rem 1.25rem !important; border-radius: 3px !important; font-size: 0.95rem !important; transition: 0.2s !important; color: var(--color-text-main) !important; } .auth-card .form-control:focus { background-color: var(--color-white) !important; border-color: var(--primary-color) !important; box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.08) !important; } .form-label { display: block; font-size: 0.875rem; font-weight: 600; margin-bottom: 0.5rem; color: var(--color-text-muted); } .dark-theme .form-control, .dark-theme .form-select, .dark-theme .input-group-text, .dark-theme input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not( [type="checkbox"] ):not([type="radio"]), .dark-theme textarea { background-color: rgba(15, 23, 42, 0.8) !important; border-color: var(--dark-border) !important; color: var(--dark-text-main) !important; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2); transition: all 0.3s ease; } .dark-theme .form-control:focus, .dark-theme .form-select:focus, .dark-theme input:focus, .dark-theme textarea:focus { background-color: var(--color-bg-surface) !important; border-color: var(--color-blue-500) !important; box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25), inset 0 2px 4px rgba(0, 0, 0, 0.2) !important; } 
 :root { --premium-bg: var(--color-slate-50); --premium-card-bg: var(--color-white); --premium-accent: var(--color-blue-600); --premium-accent-hover: var(--color-blue-700); --premium-text-main: var(--color-slate-900); --premium-text-muted: var(--color-slate-500); --premium-border: rgba(15, 23, 42, 0.06); --premium-shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.03); --premium-shadow-hover: 0 20px 40px rgba(0, 0, 0, 0.08); --premium-radius: 16px; } body.dark-theme { --premium-bg: var(--color-slate-900); --premium-card-bg: var(--color-slate-800); --premium-accent: var(--color-blue-500); --premium-accent-hover: var(--color-blue-400); --premium-text-main: var(--color-slate-50); --premium-text-muted: var(--color-slate-400); --premium-border: rgba(255, 255, 255, 0.1); --premium-shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.3); --premium-shadow-hover: 0 20px 40px rgba(0, 0, 0, 0.5); } body.catalog-page { background-color: var(--premium-bg); } .text-gradient { background: linear-gradient(135deg, var(--color-blue-500), var(--color-indigo-500)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; } .btn-pill-dropdown { background: transparent; border: none; color: var(--color-slate-700); font-size: 1rem; font-weight: 600; padding: 8px; cursor: pointer; display: flex; align-items: center; } .btn-pill-dropdown:hover { color: var(--color-text-main); } .btn-pill-dropdown::after { margin-left: 8px; } .btn-quick-filter { background: rgba(255, 255, 255, 0.6); border: 1px solid rgba(15, 23, 42, 0.05); color: var(--color-slate-600); padding: 8px 16px; font-size: 0.9rem; font-weight: 600; cursor: pointer; transition: all 0.3s ease; display: inline-flex; align-items: center; text-decoration: none; backdrop-filter: blur(10px); } .btn-quick-filter:hover, .btn-quick-filter.active { background: var(--color-white); color: var(--color-text-main); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); border-color: rgba(15, 23, 42, 0.1); } .btn-quick-filter::after { margin-left: 8px; } body.dark-theme .btn-pill-dropdown { color: var(--color-slate-300); } body.dark-theme .btn-pill-dropdown:hover { color: var(--color-white); } body.dark-theme .btn-quick-filter { background: rgba(15, 23, 42, 0.6); border-color: rgba(255, 255, 255, 0.1); color: var(--color-slate-300); } body.dark-theme .btn-quick-filter:hover, body.dark-theme .btn-quick-filter.active { background: rgba(30, 41, 59, 1); color: var(--color-white); border-color: rgba(255, 255, 255, 0.2); } .lnd-premium-grid { display: grid; gap: 32px; width: 100%; @media screen and (min-width: 764px) { grid-template-columns: repeat(3, 1fr) !important; } } .lnd-premium-card { background: var(--premium-card-bg); border: 1px solid var(--premium-border); box-shadow: var(--premium-shadow-soft); overflow: hidden; display: flex; flex-direction: column; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); position: relative; height: 100%; } .lnd-premium-card:hover { transform: translateY(-6px); box-shadow: var(--premium-shadow-hover); border-color: rgba(37, 99, 235, 0.15); } .premium-card-header { height: 220px; position: relative; overflow: hidden; background: var(--color-slate-100); } .premium-hero-img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); } .lnd-premium-card:hover .premium-hero-img { transform: scale(1.08); } .premium-logo-fallback { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 3rem; color: var(--color-slate-300); background: var(--color-bg-main); } body.dark-theme .premium-logo-fallback { background: var(--color-bg-elevated); color: var(--color-slate-600); } .premium-logo-fallback img { max-width: 60%; max-height: 60%; object-fit: contain; transition: transform 0.5s ease; } .lnd-premium-card:hover .premium-logo-fallback img { transform: scale(1.1); } .premium-category-tag { position: absolute; top: 16px; right: 16px; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); padding: 6px 14px; font-size: 0.75rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; color: var(--premium-text-main); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); z-index: 2; } .premium-card-body { padding: 24px; flex-grow: 1; display: flex; flex-direction: column; } .premium-title { font-size: 1.35rem; font-weight: 800; color: var(--premium-text-main); margin-bottom: 16px; line-height: 1.3; display: flex; align-items: center; gap: 8px; } .live-dot { width: 8px; height: 8px; background-color: var(--color-red-500); box-shadow: 0 0 0 rgba(239, 68, 68, 0.2); } .premium-meta-grid { display: grid; grid-template-columns: auto 1fr; gap: 12px 20px; margin-bottom: 20px; } .meta-item { display: flex; align-items: center; gap: 8px; font-size: 0.9rem; color: var(--premium-text-muted); } .meta-item i { color: var(--color-text-muted); font-size: 1rem; } .meta-item.rating i { color: var(--color-amber-500); } .meta-item.rating strong { color: var(--premium-text-main); font-weight: 800; } .premium-desc { color: var(--premium-text-muted); font-size: 0.95rem; line-height: 1.6; margin: 0; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .premium-card-footer { padding: 16px 24px 24px; display: flex; gap: 12px; } .btn-premium-primary, .btn-premium-secondary { flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px; font-size: 0.95rem; font-weight: 700; text-decoration: none; transition: all 0.3s ease; } .btn-premium-primary { background: var(--premium-accent); color: var(--color-white) !important; border: 1px solid var(--premium-accent); } .btn-premium-primary:hover { background: var(--premium-accent-hover); transform: translateY(-2px); box-shadow: 0 8px 15px rgba(37, 99, 235, 0.25); } .btn-premium-secondary { background: var(--color-bg-main); color: var(--premium-text-main) !important; border: 1px solid var(--color-border-light); } .btn-premium-secondary:hover { background: var(--color-slate-100); border-color: var(--color-border-light); transform: translateY(-2px); } body.dark-theme .btn-premium-secondary { background: var(--color-bg-elevated); border-color: rgba(255, 255, 255, 0.1); } body.dark-theme .btn-premium-secondary:hover { background: var(--color-slate-700); border-color: rgba(255, 255, 255, 0.2); } .catalog-empty-state { background: var(--premium-card-bg); border: 1px solid var(--premium-border); padding: 80px 40px; text-align: center; box-shadow: var(--premium-shadow-soft); max-width: 700px; margin: 40px auto; } .empty-icon-wrapper { width: 100px; height: 100px; background: linear-gradient( 135deg, rgba(37, 99, 235, 0.1), rgba(96, 165, 250, 0.1) ); display: flex; align-items: center; justify-content: center; margin: 0 auto 30px; color: var(--premium-accent); font-size: 2.5rem; } .empty-title { font-size: 1.8rem; font-weight: 900; color: var(--premium-text-main); margin-bottom: 16px; font-family: "Outfit", sans-serif; letter-spacing: -0.5px; } .empty-desc { color: var(--premium-text-muted); font-size: 1.1rem; line-height: 1.6; margin-bottom: 40px; } .btn-empty-primary { display: inline-flex; align-items: center; gap: 12px; background: var(--premium-accent); color: var(--color-white) !important; padding: 14px 32px; font-weight: 800; text-decoration: none; transition: all 0.3s ease; box-shadow: 0 4px 10px rgba(37, 99, 235, 0.2); } .btn-empty-primary:hover { background: var(--premium-accent-hover); transform: translateY(-); box-shadow: 0 10px 25px rgba(37, 99, 235, 0.3); } .btn-fancy-search { background: linear-gradient(135deg, var(--color-blue-500) 0%, var(--color-blue-600) 100%); color: white; border: none; padding: 16px 40px; font-size: 1.15rem; font-weight: 600; box-shadow: 0 10px 25px rgba(37, 99, 235, 0.3); transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease, margin-bottom 0.4s ease, padding 0.4s ease, transform 0.3s ease; display: inline-flex; align-items: center; gap: 12px; overflow: hidden; max-height: 120px; } .btn-fancy-search:hover { transform: translateY(-); box-shadow: 0 15px 35px rgba(37, 99, 235, 0.4); color: white; } .btn-fancy-search.hide { max-height: 0; opacity: 0; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; border-width: 0 !important; } .btn-mega-search { background: var(--color-blue-500); color: white; font-size: 1.1rem; font-weight: 700; padding: 14px 32px; border: none; cursor: pointer; transition: all 0.3s ease; display: inline-flex; align-items: center; gap: 8px; box-shadow: 0 10px 20px rgba(59, 130, 246, 0.2); } .btn-mega-search:hover { background: var(--color-blue-600); transform: translateY(-2px); box-shadow: 0 15px 30px rgba(59, 130, 246, 0.3); } :root { --ent-text: var(--color-slate-900); --ent-muted: var(--color-slate-500); --ent-accent: var(--color-indigo-900); --ent-border: var(--color-border-light); --ent-bg: var(--color-white); --ent-card: var(--color-white); --ent-pill: var(--color-slate-50); } body.catalog-page { background-color: var(--ent-bg) !important; } .ent-layout { display: flex; flex-direction: column; gap: 2rem; } @media (min-width: 992px) { .ent-layout { flex-direction: row; gap: 2.5rem; } } .ent-sidebar { width: 100%; } @media (min-width: 992px) { .ent-sidebar { width: 280px; flex-shrink: 0; } } .ent-main { flex: 1; min-width: 0; } .ent-sticky { position: sticky; top: 100px; max-height: calc(100vh - 120px); overflow-y: auto; padding-right: 10px; } .ent-sticky::-webkit-scrollbar { width: 6px; } .ent-sticky::-webkit-scrollbar-thumb { background-color: var(--color-slate-300); border-radius: 10px; } .remove-filter-btn { color: var(--color-text-muted); transition: color 0.2s; cursor: pointer; } .remove-filter-btn:hover { color: var(--color-red-500) !important; } @keyframes ent-skeleton-pulse { 0% { opacity: 0.5; } 50% { opacity: 1; } 100% { opacity: 0.5; } } .ent-skeleton { background-color: var(--color-slate-300); animation: ent-skeleton-pulse 1.5s ease-in-out infinite; } .lnd-premium-card { font-size: 0.92rem; display: flex; flex-direction: column; height: 100%; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); border: 1px solid var(--color-slate-100); } .lnd-premium-card:hover { transform: translateY(-4px); box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08) !important; border-color: var(--color-border-light); } .premium-card-header { height: 160px !important; overflow: hidden; } .premium-hero-img { transition: transform 0.4s ease; } .lnd-premium-card:hover .premium-hero-img { transform: scale(1.05); } .premium-card-body { padding: 1.25rem !important; flex-grow: 1; display: flex; flex-direction: column; } .premium-title { font-size: 1.1rem !important; } .premium-desc { display: -webkit-box; line-clamp: 3; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 0 !important; font-size: 0.85rem; } .premium-meta-grid { gap: 0.5rem !important; margin-bottom: 0.75rem !important; } .premium-card-footer { padding: 1rem 1.25rem !important; flex-wrap: wrap; gap: 0.5rem !important; } .btn-premium-primary, .btn-premium-secondary { padding: 0.5rem 0.75rem !important; font-size: 0.8rem !important; flex: 1; text-align: center; justify-content: center; } @media screen and (min-width: 992px) { .lnd-premium-grid { grid-template-columns: repeat(3, 1fr) !important; } } @media screen and (min-width: 764px) { .container.pb-5.catalog { padding-top: 100px; } } @media screen and (max-width: 764px) { .container.pb-5.catalog { padding-top: 50px; } } body.dark-theme { --ent-text: var(--color-slate-50); --ent-muted: var(--color-slate-400); --ent-accent: var(--color-blue-400); --ent-border: rgba(255, 255, 255, 0.1); --ent-bg: var(--color-slate-900); --ent-card: var(--color-slate-800); --ent-pill: var(--color-slate-700); } body.dark-theme .ent-skeleton::-webkit-scrollbar-thumb { background-color: var(--color-slate-600); } body.dark-theme .remove-filter-btn { color: var(--color-text-muted); } body.dark-theme .ent-skeleton { background-color: var(--color-slate-700); } body.dark-theme .lnd-premium-card { border-color: rgba(255, 255, 255, 0.05); } body.dark-theme .lnd-premium-card:hover { box-shadow: 0 12px 24px rgba(0, 0, 0, 0.5) !important; border-color: rgba(255, 255, 255, 0.1); } body.dark-theme .premium-category-tag { background: rgba(15, 23, 42, 0.95); }