/* =========================================
   1. FONTS & VARIABLES
   ========================================= */
@import url('https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i');

:root {
  --blue: #4e73df;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #e74a3b;
  --orange: #fd7e14;
  --yellow: #f6c23e;
  --green: #1cc88a;
  --teal: #20c9a6;
  --cyan: #36b9cc;
  --white: #fff;
  --gray: #858796;
  --gray-dark: #5a5c69;
  --primary: #4e73df;
  --secondary: #858796;
  --success: #1cc88a;
  --info: #36b9cc;
  --warning: #f6c23e;
  --danger: #e74a3b;
  --light: #f8f9fc;
  --dark: #5a5c69;
  --font-family-sans-serif: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

/* =========================================
   2. GLOBAL RESETS & BODY
   ========================================= */
*, *::before, *::after {
  box-sizing: border-box;
}

html {
  position: relative;
  min-height: 100%;
  scroll-behavior: smooth; /* Added for smooth scrolling to quiz questions */
}

body {
  margin: 0;
  height: 100%;
  font-family: var(--font-family-sans-serif);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #858796;
  text-align: left;
  background-color: #f8f9fc;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.5rem;
  font-weight: 400;
  line-height: 1.2;
  color: #5a5c69; 
}

a {
  color: #4e73df;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #224abe;
  text-decoration: underline;
}

/* =========================================
   3. UTILITIES & HELPERS
   ========================================= */
.bg-gradient-primary {
  background-color: #4e73df;
  background-image: linear-gradient(180deg, #4e73df 10%, #224abe 100%);
  background-size: cover;
  min-height: 100vh;
}

.bg-white { background-color: #fff !important; }
.text-white { color: #fff !important; }
.text-center { text-align: center !important; }
.o-hidden { overflow: hidden !important; }
.shadow { box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important; }
.d-none { display: none !important; }
.d-lg-inline { display: inline !important; }
.ml-auto { margin-left: auto !important; }
.mr-2 { margin-right: 0.5rem !important; }
.mt-3 { margin-top: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.p-3 { padding: 1rem !important; }
.small { font-size: 80%; font-weight: 400; }
.text-gray-600 { color: #858796 !important; }
.text-gray-400 { color: #d1d3e2 !important; } 
.rounded-circle { border-radius: 50% !important; }
.border-0 { border: 0 !important; }

/* Flex Utilities */
.d-flex { display: flex !important; }
.flex-column { flex-direction: column !important; }
.justify-content-between { justify-content: space-between !important; }
.align-items-center { align-items: center !important; }

/* =========================================
   4. LAYOUT STRUCTURE (Wrapper, Sidebar, Main)
   ========================================= */
#wrapper {
  display: flex;
  width: 100%;
  align-items: stretch;
}

/* Sidebar Styling */
.sidebar {
  width: 14rem !important;
  min-height: 100vh;
  background-color: #4e73df;
  background-image: linear-gradient(180deg, #4e73df 10%, #224abe 100%);
  background-size: cover;
  display: flex;
  flex-direction: column;
  padding-top: 0;
  flex-shrink: 0;
  z-index: 1;
}

.sidebar .sidebar-brand {
  height: 4.375rem;
  text-decoration: none;
  font-size: 1rem;
  font-weight: 800;
  padding: 1.5rem 1rem;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sidebar .sidebar-brand i {
  font-size: 2rem;
  margin-right: 0.5rem;
}

.sidebar a {
  color: rgba(255, 255, 255, 0.8);
  padding: 1rem;
  display: block;
  text-decoration: none;
  font-weight: 700;
  font-size: 0.85rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.sidebar a:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

.sidebar a i {
  margin-right: 0.5rem;
  width: 1.25rem;
  text-align: center;
}

/* Content Wrapper */
#content-wrapper {
  background-color: #f8f9fc;
  width: 100%;
  overflow-x: hidden;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

#content {
  flex: 1 0 auto;
}

.container, .container-fluid {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.main-content {
  width: 100%;
}

/* =========================================
   5. TOPBAR
   ========================================= */
.topbar {
  height: 4.375rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.5rem;
  background-color: #fff;
  box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15);
  margin-bottom: 1.5rem;
  position: relative;
  z-index: 10;
}

.navbar-nav {
  display: flex;
  flex-direction: row;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.topbar .nav-item .nav-link {
  height: 4.375rem;
  display: flex;
  align-items: center;
  padding: 0 0.75rem;
  color: #d1d3e2;
}

.img-profile {
  height: 2rem;
  width: 2rem;
}

/* =========================================
   6. CARDS & DASHBOARD
   ========================================= */
.card-container {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin-top: 1.5rem;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #e3e6f0;
  border-radius: 0.35rem;
  box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
}

/* Dashboard Specific Card Styling */
.card-container .card {
  flex: 1;
  min-width: 200px;
  padding: 1.5rem;
  border-left: 0.25rem solid #4e73df;
}

.card-container .card:nth-child(2) { border-left-color: #1cc88a; }
.card-container .card:nth-child(3) { border-left-color: #36b9cc; }
.card-container .card:nth-child(4) { border-left-color: #f6c23e; }

.card-container .card h3 {
  color: #4e73df;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}

.card-container .card p {
  font-size: 1.25rem;
  font-weight: 700;
  color: #5a5c69;
  margin: 0;
}

/* =========================================
   7. USER MANAGEMENT (SPECIFIC STYLES)
   ========================================= */
/* Controls Container (Search bar + Add Button) */
.controls-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
  background: #fff;
  padding: 1rem;
  border-radius: 0.35rem;
  box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
}

/* Custom Table Styling matching your JSP class 'user-table' */
.user-table {
  width: 100%;
  margin-bottom: 1rem;
  color: #858796;
  border-collapse: collapse;
  background-color: #fff;
  border-radius: 0.35rem;
  overflow: hidden;
  box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
}

.user-table th, .user-table td {
  padding: 1rem 0.75rem;
  vertical-align: middle;
  border-top: 1px solid #e3e6f0;
  text-align: left;
}

.user-table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #e3e6f0;
  background-color: #f8f9fc;
  color: #4e73df;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.85rem;
  letter-spacing: 0.05em;
}

.user-table tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

/* =========================================
   8. FORMS & INPUTS
   ========================================= */
.form-group {
  margin-bottom: 1rem;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #6e707e;
  background-color: #fff;
  border: 1px solid #d1d3e2;
  border-radius: 0.35rem;
}

/* Login Page specific rounded inputs */
form.user .form-control-user {
  font-size: 0.8rem;
  border-radius: 10rem;
  padding: 1.5rem 1rem;
}

form.user .btn-user {
  font-size: 0.8rem;
  border-radius: 10rem;
  padding: 0.75rem 1rem;
}

/* =========================================
   9. BUTTONS (Custom Classes from JSP)
   ========================================= */
.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.35rem;
  transition: all 0.15s ease-in-out;
}

/* Search Button */
.btn-search {
  background-color: #4e73df;
  color: white;
  border: none;
  padding: 0.375rem 1rem;
  border-radius: 0.35rem;
  cursor: pointer;
  margin-left: 0.5rem;
}
.btn-search:hover { background-color: #2e59d9; }

/* Add Button */
.btn-add {
  background-color: #1cc88a;
  color: white;
  padding: 0.375rem 1rem;
  border-radius: 0.35rem;
  text-decoration: none;
  display: inline-block;
}
.btn-add:hover { background-color: #17a673; color: white; text-decoration: none; }

/* Edit Button */
.btn-edit {
  background-color: #f6c23e;
  color: white;
  padding: 0.25rem 0.5rem;
  border-radius: 0.2rem;
  font-size: 0.875rem;
  text-decoration: none;
}
.btn-edit:hover { background-color: #dda20a; color: white; }

/* Delete Button */
.btn-delete {
  background-color: #e74a3b;
  color: white;
  padding: 0.25rem 0.5rem;
  border-radius: 0.2rem;
  font-size: 0.875rem;
  text-decoration: none;
}
.btn-delete:hover { background-color: #be2617; color: white; }

/* Save/Cancel Buttons */
.btn-save {
  background-color: #4e73df;
  color: white;
  border: none;
  padding: 0.5rem 1.5rem;
  border-radius: 0.35rem;
  cursor: pointer;
  margin-right: 0.5rem;
}
.btn-cancel {
  background-color: #858796;
  color: white;
  padding: 0.5rem 1.5rem;
  border-radius: 0.35rem;
  text-decoration: none;
  display: inline-block;
}

/* =========================================
   10. LOGIN PAGE STYLES
   ========================================= */
.bg-login-image {
  background-image: url('img/Login_Background.jpg');
  background-size: cover;
  background-position: center;
  min-height: 100vh;
}

.bg-login-side {
    background-color: #4e73df; 
    background-image: linear-gradient(180deg, #4e73df 10%, #224abe 100%);
    min-height: 450px; 
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    width: 100%;
}

.school-logo-img {
    max-width: 80%;
    height: auto;
    max-height: 300px;
    object-fit: contain;
}

/* =========================================
   11. FOOTER
   ========================================= */
footer.sticky-footer {
  padding: 2rem 0;
  flex-shrink: 0;
  background-color: #fff;
  width: 100%;
}

footer.sticky-footer .copyright {
  line-height: 1;
  font-size: 0.8rem;
  color: #858796;
  text-align: center;
}

/* =========================================
   12. LOGOUT PAGE STYLES
   ========================================= */

/* Makes the body take up full screen and centers content */
.logout-body {
  height: 100vh;              /* Full Viewport Height */
  display: flex;              /* Use Flexbox */
  align-items: center;        /* Center Vertically */
  justify-content: center;    /* Center Horizontally */
  background-color: #f8f9fc;  /* Matches your light theme background */
}

/* Styles the white box containing the message */
.logout-box {
  background-color: #fff;
  padding: 3rem;
  border-radius: 0.5rem;
  box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15); /* Matches your theme shadow */
  text-align: center;
  max-width: 500px;
  width: 90%; /* Responsive width for mobile */
}

/* Styles the Icon */
.logout-icon {
  font-size: 4rem;
  color: #d1d3e2; /* Light gray */
  margin-bottom: 1.5rem;
}

/* Styles the Title */
.logout-title {
  color: #5a5c69;
  font-weight: 700;
  margin-bottom: 1rem;
}

/* Styles the Text */
.logout-message {
  color: #858796;
  margin-bottom: 0.5rem;
}

/* Styles the Countdown Number */
.countdown-text {
  color: #4e73df; /* Primary Blue */
  font-weight: 800;
}

/* Style the 'Click Here' link to look like a button */
.logout-link {
  display: inline-block;
  margin-top: 1rem;
  padding: 0.75rem 1.5rem;
  background-color: #4e73df; /* Your Primary Blue */
  color: #fff;
  border-radius: 0.35rem;
  text-decoration: none;
  font-weight: 700;
  transition: background-color 0.2s;
}

.logout-link:hover {
  background-color: #224abe; /* Darker Blue on hover */
  color: #fff;
  text-decoration: none;
}

/* =========================================
   13. QUIZ INTERFACE STYLES (Enhanced)
   ========================================= */

/* Question Cards */
.question-card {
    border-left: 5px solid var(--primary) !important; /* Force the primary blue border */
    border-radius: 12px;
    margin-bottom: 25px;
    background: #fff;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.question-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1) !important;
}

/* Option Containers (The labels students click) */
.option-label {
    display: flex;
    align-items: center;
    padding: 15px 20px;
    margin-bottom: 12px;
    background: #ffffff;
    border: 2px solid #e3e6f0;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    color: #5a5c69;
    font-weight: 600;
}

/* Hover effect for options */
.option-label:hover {
    background-color: #f1f3f9;
    border-color: var(--primary);
    color: var(--primary);
}

/* Styling when the radio button inside is checked */
.option-label:has(input[type="radio"]:checked) {
    background-color: #ebf0fe;
    border-color: var(--primary);
    color: var(--primary);
    box-shadow: 0 0 10px rgba(78, 115, 223, 0.1);
}

/* The actual Radio Input */
.option-input {
    margin-right: 15px;
    width: 1.2rem;
    height: 1.2rem;
    cursor: pointer;
    accent-color: var(--primary); /* Makes the radio dot blue */
}

/* Quiz Navigation Badge for numbers */
.badge-qnum {
    background-color: var(--primary);
    color: white;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Container for all options to add indentation */
.options-group {
    padding-left: 10px;
    margin-top: 15px;
}

/* Timer & Sticky Sidebar Tweaks */
.sticky-top-timer {
    top: 1.5rem;
    z-index: 100;
}

/* Submit Button Animation */
.btn-success.rounded-pill {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s;
}

.btn-success.rounded-pill:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 15px rgba(28, 200, 138, 0.4);
}

/* Navigation Sidebar Styles */
.quiz-nav-sidebar {
    top: 20px;
}

.quiz-nav-grid {
    gap: 8px;
}

.quiz-nav-btn {
    width: 35px;
    height: 35px;
    font-weight: bold;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* =========================================
   14. PRINT POPUP STYLES
   ========================================= */
body.print-popup-window { 
    padding: 40px; 
    background-color: #ffffff !important; 
    color: #000000 !important; 
}

/* Hide interactive elements like buttons */
.print-popup-window .no-print { 
    display: none !important; 
}

/* Ensure the title shows up */
.print-popup-window .print-header { 
    display: block !important; 
}

/* Clean up card styling for ink saving */
.print-popup-window .card { 
    border: none !important; 
    box-shadow: none !important; 
    margin-bottom: 2rem !important; 
}

.print-popup-window .card-header { 
    background: transparent !important; 
    border-bottom: 2px solid #000000 !important; 
    padding: 0 0 10px 0 !important; 
}

.print-popup-window .card-header h6 { 
    color: #000000 !important; 
    font-size: 1.25rem !important; 
    font-weight: bold !important; 
}

/* Format tables perfectly */
.print-popup-window .table { 
    width: 100% !important; 
    border-collapse: collapse !important; 
}

.print-popup-window .table th, 
.print-popup-window .table td { 
    border: 1px solid #dddddd !important; 
    padding: 12px !important; 
    color: #000000 !important;
}

.print-popup-window .table th { 
    background-color: #f8f9fa !important; 
    font-weight: bold !important; 
}

/* Keep badges readable without background colors */
.print-popup-window .badge { 
    border: 1px solid #000000 !important; 
    color: #000000 !important; 
    background-color: transparent !important;
    padding: 6px 10px !important; 
    font-size: 0.9rem !important; 
}



/* Student information block used in observer print report */
.salps-student-info-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.salps-student-info-item {
    border: 1px solid #e9ecef;
    border-radius: 12px;
    padding: 12px 14px;
    background: #ffffff;
}

.salps-student-info-label {
    display: block;
    margin-bottom: 4px;
    color: #67748e;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.salps-student-info-item strong {
    color: #344767;
    font-size: .95rem;
    line-height: 1.4;
}

.salps-student-info-address {
    grid-column: 1 / -1;
}

.print-popup-window .salps-print-card {
    border: none !important;
    box-shadow: none !important;
    margin-bottom: 2rem !important;
    page-break-inside: avoid;
}

.print-popup-window .salps-print-card-header {
    background: transparent !important;
    border-bottom: 2px solid #000000 !important;
    padding: 0 0 10px 0 !important;
}

.print-popup-window .salps-print-card-header h6 {
    color: #000000 !important;
    font-size: 1.25rem !important;
    font-weight: bold !important;
}

.print-popup-window .salps-student-info-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.print-popup-window .salps-student-info-item {
    border: 1px solid #dddddd !important;
    border-radius: 0 !important;
    padding: 10px 12px !important;
    color: #000000 !important;
}

.print-popup-window .salps-student-info-label,
.print-popup-window .salps-student-info-item strong {
    color: #000000 !important;
}

/* =========================================
   15. PRINT HEADER COMPONENTS
   ========================================= */
/* Hide the print header on the normal web page */
.print-header {
    display: none; 
    text-align: center;
}

.print-header h2 {
    color: #4e73df;
    font-weight: bold;
}

.print-header p {
    color: #555;
}

.print-header hr {
    border-top: 2px solid #000;
    margin-bottom: 30px;
}


/* =========================================================
  1. ARGON DASHBOARD TAILWIND MINIFIED CSS
========================================================= */
/*!
=========================================================
* Argon Dashboard 2 Tailwind - v1.0.1
=========================================================
* Product Page: https://www.creative-tim.com/product/argon-dashboard-tailwind
* Copyright 2022 Creative Tim (https://www.creative-tim.com)
* Coded by www.creative-tim.com
=========================================================
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
*/
/*! tailwindcss v3.1.6 | MIT License | https://tailwindcss.com */
*, ::before, ::after {box-sizing: border-box;border-width: 0;border-style: solid;border-color: #e9ecef;}::before, ::after {--tw-content: '';}html {line-height: 1.5;-webkit-text-size-adjust: 100%;-moz-tab-size: 4;-o-tab-size: 4;tab-size: 4;font-family: Open Sans;}body {margin: 0;line-height: inherit;}hr {height: 0;color: inherit;border-top-width: 1px;}abbr:where([title]) {-webkit-text-decoration: underline dotted;text-decoration: underline dotted;}h1, h2, h3, h4, h5, h6 {font-size: inherit;font-weight: inherit;}a {color: inherit;text-decoration: inherit;}b, strong {font-weight: bolder;}code, kbd, samp, pre {font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size: 1em;}small {font-size: 80%;}sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sub {bottom: -0.25em;}sup {top: -0.5em;}table {text-indent: 0;border-color: inherit;border-collapse: collapse;}button, input, optgroup, select, textarea {font-family: inherit;font-size: 100%;font-weight: inherit;line-height: inherit;color: inherit;margin: 0;padding: 0;}button, select {text-transform: none;}button, [type='button'], [type='reset'], [type='submit'] {-webkit-appearance: button;background-color: transparent;background-image: none;}:-moz-focusring {outline: auto;}:-moz-ui-invalid {box-shadow: none;}progress {vertical-align: baseline;}::-webkit-inner-spin-button, ::-webkit-outer-spin-button {height: auto;}[type='search'] {-webkit-appearance: textfield;outline-offset: -2px;}::-webkit-search-decoration {-webkit-appearance: none;}::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}summary {display: list-item;}blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {margin: 0;}fieldset {margin: 0;padding: 0;}legend {padding: 0;}ol, ul, menu {list-style: none;margin: 0;padding: 0;}textarea {resize: vertical;}input::-moz-placeholder, textarea::-moz-placeholder {opacity: 1;color: #ced4da;}input::placeholder, textarea::placeholder {opacity: 1;color: #ced4da;}button, [role="button"] {cursor: pointer;}:disabled {cursor: default;}img, svg, video, canvas, audio, iframe, embed, object {display: block;vertical-align: middle;}img, video {max-width: 100%;height: auto;}*, ::before, ::after {--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(94 114 228 / 0.5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;}::-webkit-backdrop {--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(94 114 228 / 0.5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;}::backdrop {--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(94 114 228 / 0.5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;}.container {width: 100%;margin-right: auto;margin-left: auto;padding-right: 1.5rem;padding-left: 1.5rem;}@media (min-width: 576px) {.container {max-width: 576px;}}@media (min-width: 768px) {.container {max-width: 768px;}}@media (min-width: 992px) {.container {max-width: 992px;}}@media (min-width: 1200px) {.container {max-width: 1200px;}}@media (min-width: 1320px) {.container {max-width: 1320px;}}a {letter-spacing: -0.025rem;}hr {margin: 1rem 0;border: 0;opacity: .25;}img {max-width: none;}label {display: inline-block;}p {line-height: 1.625;font-weight: 400;margin-bottom: 1rem;}small {font-size: .875em;}svg {display: inline;}table {border-collapse: inherit;}h1, h2, h3, h4, h5, h6 {margin-bottom: .5rem;color: #344767;}h1, h2, h3, h4 {letter-spacing: -0.05rem;}h1, h2, h3 {font-weight: 700;}h4, h5, h6 {font-weight: 600;}h1 {font-size: 3rem;line-height: 1.25;}h2 {font-size: 2.25rem;line-height: 1.3;}h3 {font-size: 1.875rem;line-height: 1.375;}h4 {font-size: 1.5rem;line-height: 1.375;}h5 {font-size: 1.25rem;line-height: 1.375;}h6 {font-size: 1rem;line-height: 1.625;}.pointer-events-none {pointer-events: none;}.visible {visibility: visible;}.invisible {visibility: hidden;}.fixed {position: fixed;}.absolute {position: absolute;}.relative {position: relative;}.sticky {position: -webkit-sticky;position: sticky;}.inset-y-0 {top: 0px;bottom: 0px;}.top-0 {top: 0px;}.right-0 {right: 0px;}.top-3\.5 {top: 0.875rem;}.top-3 {top: 0.75rem;}.left-0 {left: 0px;}.bottom-0 {bottom: 0px;}.right-\[15\%\] {right: 15%;}.top-0\.75 {top: 0.2rem;}.top-6 {top: 1.5rem;}.right-4 {right: 1rem;}.right-16 {right: 4rem;}.bottom-8 {bottom: 2rem;}.right-8 {right: 2rem;}.-right-90 {right: -22.5rem;}.left-auto {left: auto;}.top-auto {top: auto;}.top-31\/100 {top: 31%;}.-top-1\.5 {top: -0.375rem;}.-top-1 {top: -0.25rem;}.right-auto {right: auto;}.left-8 {left: 2rem;}.-left-90 {left: -22.5rem;}.top-\[1\%\] {top: 1%;}.z-990 {z-index: 990;}.z-50 {z-index: 50;}.z-20 {z-index: 20;}.z-10 {z-index: 10;}.z-sticky {z-index: 1020;}.z-30 {z-index: 30;}.z-100 {z-index: 100;}.z-0 {z-index: 0;}.z-110 {z-index: 110;}.float-right {float: right;}.float-left {float: left;}.clear-both {clear: both;}.m-0 {margin: 0px;}.m-6 {margin: 1.5rem;}.m-4 {margin: 1rem;}.my-4 {margin-top: 1rem;margin-bottom: 1rem;}.my-0 {margin-top: 0px;margin-bottom: 0px;}.mx-2 {margin-left: 0.5rem;margin-right: 0.5rem;}.mx-4 {margin-left: 1rem;margin-right: 1rem;}.mx-auto {margin-left: auto;margin-right: auto;}.mx-6 {margin-left: 1.5rem;margin-right: 1.5rem;}.my-auto {margin-top: auto;margin-bottom: auto;}.-mx-3 {margin-left: -0.75rem;margin-right: -0.75rem;}.mx-0 {margin-left: 0px;margin-right: 0px;}.my-1 {margin-top: 0.25rem;margin-bottom: 0.25rem;}.my-2 {margin-top: 0.5rem;margin-bottom: 0.5rem;}.my-6 {margin-top: 1.5rem;margin-bottom: 1.5rem;}.my-56 {margin-top: 14rem;margin-bottom: 14rem;}.ml-1 {margin-left: 0.25rem;}.mt-0 {margin-top: 0px;}.mb-0 {margin-bottom: 0px;}.mt-0\.5 {margin-top: 0.125rem;}.mr-2 {margin-right: 0.5rem;}.mt-4 {margin-top: 1rem;}.ml-2 {margin-left: 0.5rem;}.mb-4 {margin-bottom: 1rem;}.mr-12 {margin-right: 3rem;}.mt-2 {margin-top: 0.5rem;}.-ml-px {margin-left: -1px;}.mr-4 {margin-right: 1rem;}.mb-0\.75 {margin-bottom: 0.2rem;}.mb-2 {margin-bottom: 0.5rem;}.mb-1 {margin-bottom: 0.25rem;}.mr-1 {margin-right: 0.25rem;}.mb-6 {margin-bottom: 1.5rem;}.mt-6 {margin-top: 1.5rem;}.ml-12 {margin-left: 3rem;}.ml-6 {margin-left: 1.5rem;}.mr-1\.25 {margin-right: 0.3125rem;}.ml-auto {margin-left: auto;}.mt-1 {margin-top: 0.25rem;}.mb-12 {margin-bottom: 3rem;}.mr-6 {margin-right: 1.5rem;}.-mt-56 {margin-top: -14rem;}.mt-60 {margin-top: 15rem;}.-mt-6 {margin-top: -1.5rem;}.-mr-px {margin-right: -1px;}.ml-0 {margin-left: 0px;}.mr-auto {margin-right: auto;}.ml-4 {margin-left: 1rem;}.mt-auto {margin-top: auto;}.mt-12 {margin-top: 3rem;}.-mt-0\.4 {margin-top: -0.1rem;}.-mt-0 {margin-top: -0px;}.-mr-34 {margin-right: -8.5rem;}.-mr-4 {margin-right: -1rem;}.mr-11 {margin-right: 2.75rem;}.mb-0\.5 {margin-bottom: 0.125rem;}.mt-1\.75 {margin-top: 0.4375rem;}.-ml-12 {margin-left: -3rem;}.-mt-48 {margin-top: -12rem;}.-ml-7 {margin-left: -1.75rem;}.-mt-2 {margin-top: -0.5rem;}.mb-8 {margin-bottom: 2rem;}.-ml-4 {margin-left: -1rem;}.mt-0\.75 {margin-top: 0.2rem;}.block {display: block;}.inline-block {display: inline-block;}.inline {display: inline;}.flex {display: flex;}.inline-flex {display: inline-flex;}.table {display: table;}.grid {display: grid;}.hidden {display: none;}.h-19 {height: 4.75rem;}.h-full {height: 100%;}.h-px {height: 1px;}.h-sidenav {height: calc(100vh - 360px);}.h-8 {height: 2rem;}.h-0\.5 {height: 0.125rem;}.h-0 {height: 0px;}.h-9 {height: 2.25rem;}.h-12 {height: 3rem;}.h-10 {height: 2.5rem;}.h-6\.5 {height: 1.625rem;}.h-6 {height: 1.5rem;}.h-5\.6 {height: 1.4rem;}.h-5 {height: 1.25rem;}.h-\[80vh\] {height: 80vh;}.h-16 {height: 4rem;}.h-2 {height: 0.5rem;}.h-auto {height: auto;}.h-0\.75 {height: 0.2rem;}.h-1\.5 {height: 0.375rem;}.h-1 {height: 0.25rem;}.h-4\.8 {height: 1.2rem;}.h-4 {height: 1rem;}.max-h-8 {max-height: 2rem;}.max-h-screen {max-height: 100vh;}.min-h-75 {min-height: 18.75rem;}.min-h-6 {min-height: 1.5rem;}.min-h-screen {min-height: 100vh;}.min-h-50-screen {min-height: 50vh;}.min-h-85-screen {min-height: 85vh;}.w-full {width: 100%;}.w-auto {width: auto;}.w-8 {width: 2rem;}.w-1\/2 {width: 50%;}.w-1\/100 {width: 1%;}.w-4\.5 {width: 1.125rem;}.w-4 {width: 1rem;}.w-9 {width: 2.25rem;}.w-2\/3 {width: 66.666667%;}.w-12 {width: 3rem;}.w-10 {width: 2.5rem;}.w-3\/10 {width: 30%;}.w-6\.5 {width: 1.625rem;}.w-6 {width: 1.5rem;}.w-90 {width: 22.5rem;}.w-5\.6 {width: 1.4rem;}.w-5 {width: 1.25rem;}.w-1\/5 {width: 20%;}.w-3\/5 {width: 60%;}.w-16 {width: 4rem;}.w-1\/10 {width: 10%;}.w-2 {width: 0.5rem;}.w-19 {width: 4.75rem;}.w-4\/12 {width: 33.333333%;}.w-1\/4 {width: 25%;}.w-3\/4 {width: 75%;}.w-9\/10 {width: 90%;}.w-7\/12 {width: 58.333333%;}.w-5\/12 {width: 41.666667%;}.w-30 {width: 7.5rem;}.w-2\/5 {width: 40%;}.w-5\.5 {width: 1.375rem;}.w-6\/12 {width: 50%;}.w-8\/12 {width: 66.666667%;}.w-3\/12 {width: 25%;}.w-4\.8 {width: 1.2rem;}.w-0 {width: 0px;}.w-4\/5 {width: 80%;}.min-w-0 {min-width: 0px;}.min-w-44 {min-width: 11rem;}.max-w-64 {max-width: 16rem;}.max-w-full {max-width: 100%;}.max-w-none {max-width: none;}.max-w-screen-2xl {max-width: 1320px;}.flex-auto {flex: 1 1 auto;}.flex-none {flex: none;}.flex-1 {flex: 1 1 0%;}.flex-0 {flex: 0 0 auto;}.flex-shrink-0 {flex-shrink: 0;}.shrink-0 {flex-shrink: 0;}.flex-grow {flex-grow: 1;}.grow {flex-grow: 1;}.basis-full {flex-basis: 100%;}.basis-1\/3 {flex-basis: 33.333333%;}.border-collapse {border-collapse: collapse;}.origin-top {transform-origin: top;}.origin-10-10 {transform-origin: 10% 10%;}.origin-10-90 {transform-origin: 10% 90%;}.-translate-x-full {--tw-translate-x: -100%;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}.translate-x-full {--tw-translate-x: 100%;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}.translate-x-1\/2 {--tw-translate-x: 50%;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}.translate-x-0 {--tw-translate-x: 0px;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}.-translate-x-\[5px\] {--tw-translate-x: -5px;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}.translate-x-\[5px\] {--tw-translate-x: 5px;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}.rotate-45 {--tw-rotate: 45deg;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}.-rotate-45 {--tw-rotate: -45deg;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}.transform {transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}.cursor-pointer {cursor: pointer;}.select-none {-webkit-user-select: none;-moz-user-select: none;user-select: none;}.resize {resize: both;}.list-none {list-style-type: none;}.appearance-none {-webkit-appearance: none;-moz-appearance: none;appearance: none;}.flex-row {flex-direction: row;}.flex-col {flex-direction: column;}.flex-wrap {flex-wrap: wrap;}.items-start {align-items: flex-start;}.items-end {align-items: flex-end;}.items-center {align-items: center;}.items-stretch {align-items: stretch;}.justify-end {justify-content: flex-end;}.justify-center {justify-content: center;}.justify-between {justify-content: space-between;}.overflow-auto {overflow: auto;}.overflow-hidden {overflow: hidden;}.overflow-visible {overflow: visible;}.overflow-x-auto {overflow-x: auto;}.overflow-y-auto {overflow-y: auto;}.whitespace-nowrap {white-space: nowrap;}.break-words {overflow-wrap: break-word;}.rounded-2xl {border-radius: 1rem;}.rounded-lg {border-radius: 0.5rem;}.rounded-xl {border-radius: 0.75rem;}.rounded-sm {border-radius: 0.125rem;}.rounded-circle {border-radius: 50%;}.rounded-3\.5xl {border-radius: 1.875rem;}.rounded-3 {border-radius: 0.75rem;}.rounded-none {border-radius: 0px;}.rounded-10 {border-radius: 2.5rem;}.rounded {border-radius: 0.25rem;}.rounded-full {border-radius: 9999px;}.rounded-xs {border-radius: 0.0625rem;}.rounded-1\.4 {border-radius: 0.35rem;}.rounded-1 {border-radius: 0.25rem;}.rounded-1\.8 {border-radius: 0.45rem;}.rounded-t-2xl {border-top-left-radius: 1rem;border-top-right-radius: 1rem;}.rounded-t-4 {border-top-left-radius: 1rem;border-top-right-radius: 1rem;}.rounded-t-lg {border-top-left-radius: 0.5rem;border-top-right-radius: 0.5rem;}.rounded-b-lg {border-bottom-right-radius: 0.5rem;border-bottom-left-radius: 0.5rem;}.rounded-t-inherit {border-top-left-radius: inherit;border-top-right-radius: inherit;}.rounded-b-inherit {border-bottom-right-radius: inherit;border-bottom-left-radius: inherit;}.rounded-b-2xl {border-bottom-right-radius: 1rem;border-bottom-left-radius: 1rem;}.rounded-tr-none {border-top-right-radius: 0px;}.rounded-br-none {border-bottom-right-radius: 0px;}.rounded-tl-none {border-top-left-radius: 0px;}.rounded-bl-none {border-bottom-left-radius: 0px;}.border-0 {border-width: 0px;}.border {border-width: 1px;}.border-2 {border-width: 2px;}.border-r-0 {border-right-width: 0px;}.border-b-0 {border-bottom-width: 0px;}.border-b {border-bottom-width: 1px;}.border-t-0 {border-top-width: 0px;}.border-l-0 {border-left-width: 0px;}.border-t {border-top-width: 1px;}.border-solid {border-style: solid;}.border-none {border-style: none;}.border-transparent {border-color: transparent;}.border-gray-300 {--tw-border-opacity: 1;border-color: rgb(210 214 218 / var(--tw-border-opacity));}.border-blue-500 {--tw-border-opacity: 1;border-color: rgb(94 114 228 / var(--tw-border-opacity));}.border-black\/12\.5 {border-color: rgb(0 0 0 / 0.125);}.border-gray-200 {--tw-border-opacity: 1;border-color: rgb(233 236 239 / var(--tw-border-opacity));}.border-slate-700 {--tw-border-opacity: 1;border-color: rgb(52 71 103 / var(--tw-border-opacity));}.border-white {--tw-border-opacity: 1;border-color: rgb(255 255 255 / var(--tw-border-opacity));}.border-slate-100 {--tw-border-opacity: 1;border-color: rgb(222 226 230 / var(--tw-border-opacity));}.border-red-600 {--tw-border-opacity: 1;border-color: rgb(245 54 92 / var(--tw-border-opacity));}.border-emerald-500 {--tw-border-opacity: 1;border-color: rgb(45 206 137 / var(--tw-border-opacity));}.border-white\/75 {border-color: rgb(255 255 255 / 0.75);}.border-slate-200 {--tw-border-opacity: 1;border-color: rgb(203 211 218 / var(--tw-border-opacity));}.border-b-transparent {border-bottom-color: transparent;}.border-b-gray-200 {--tw-border-opacity: 1;border-bottom-color: rgb(233 236 239 / var(--tw-border-opacity));}.bg-gray-50 {--tw-bg-opacity: 1;background-color: rgb(248 249 250 / var(--tw-bg-opacity));}.bg-blue-500 {--tw-bg-opacity: 1;background-color: rgb(94 114 228 / var(--tw-bg-opacity));}.bg-white {--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity));}.bg-transparent {background-color: transparent;}.bg-blue-500\/13 {background-color: rgb(94 114 228 / 0.13);}.bg-gray-500\/30 {background-color: rgb(173 181 189 / 0.3);}.bg-cyan-500\/30 {background-color: rgb(17 205 239 / 0.3);}.bg-emerald-500\/30 {background-color: rgb(45 206 137 / 0.3);}.bg-orange-500\/30 {background-color: rgb(251 99 64 / 0.3);}.bg-red-500\/30 {background-color: rgb(245 57 57 / 0.3);}.bg-slate-700 {--tw-bg-opacity: 1;background-color: rgb(52 71 103 / var(--tw-bg-opacity));}.bg-white\/80 {background-color: rgb(255 255 255 / 0.8);}.bg-slate-800\/10 {background-color: rgb(58 65 111 / 0.1);}.bg-black {--tw-bg-opacity: 1;background-color: rgb(0 0 0 / var(--tw-bg-opacity));}.bg-inherit {background-color: inherit;}.bg-slate-500 {--tw-bg-opacity: 1;background-color: rgb(103 116 142 / var(--tw-bg-opacity));}.bg-white\/10 {background-color: rgb(255 255 255 / 0.1);}.bg-cyan-500 {--tw-bg-opacity: 1;background-color: rgb(17 205 239 / var(--tw-bg-opacity));}.bg-gray-200 {--tw-bg-opacity: 1;background-color: rgb(233 236 239 / var(--tw-bg-opacity));}.bg-gray-600 {--tw-bg-opacity: 1;background-color: rgb(108 117 125 / var(--tw-bg-opacity));}.bg-zinc-700\/10 {background-color: rgb(33 37 41 / 0.1);}.bg-slate-850 {--tw-bg-opacity: 1;background-color: rgb(17 28 68 / var(--tw-bg-opacity));}.bg-\[hsla\(0\2c 0\%\2c 100\%\2c 0\.8\)\] {background-color: hsla(0,0%,100%,0.8);}.bg-gradient-to-r {background-image: linear-gradient(to right, var(--tw-gradient-stops));}.bg-gradient-to-tl {background-image: linear-gradient(to top left, var(--tw-gradient-stops));}.bg-none {background-image: none;}.bg-\[url\(\'https\:\/\/raw\.githubusercontent\.com\/creativetimofficial\/public-assets\/master\/argon-dashboard-pro\/assets\/img\/profile-layout-header\.jpg\'\)\] {background-image: url('https://raw.githubusercontent.com/creativetimofficial/public-assets/master/argon-dashboard-pro/assets/img/profile-layout-header.jpg');}.bg-\[url\(\'https\:\/\/raw\.githubusercontent\.com\/creativetimofficial\/public-assets\/master\/argon-dashboard-pro\/assets\/img\/signin-ill\.jpg\'\)\] {background-image: url('https://raw.githubusercontent.com/creativetimofficial/public-assets/master/argon-dashboard-pro/assets/img/signin-ill.jpg');}.bg-\[url\(\'https\:\/\/raw\.githubusercontent\.com\/creativetimofficial\/public-assets\/master\/argon-dashboard-pro\/assets\/img\/signup-cover\.jpg\'\)\] {background-image: url('https://raw.githubusercontent.com/creativetimofficial/public-assets/master/argon-dashboard-pro/assets/img/signup-cover.jpg');}.from-transparent {--tw-gradient-from: transparent;--tw-gradient-to: rgb(0 0 0 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);}.from-zinc-800 {--tw-gradient-from: #212229;--tw-gradient-to: rgb(33 34 41 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);}.from-slate-600 {--tw-gradient-from: #627594;--tw-gradient-to: rgb(98 117 148 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);}.from-blue-500 {--tw-gradient-from: #5e72e4;--tw-gradient-to: rgb(94 114 228 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);}.from-red-600 {--tw-gradient-from: #f5365c;--tw-gradient-to: rgb(245 54 92 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);}.from-emerald-500 {--tw-gradient-from: #2dce89;--tw-gradient-to: rgb(45 206 137 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);}.from-orange-500 {--tw-gradient-from: #fb6340;--tw-gradient-to: rgb(251 99 64 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);}.from-blue-700 {--tw-gradient-from: #1171ef;--tw-gradient-to: rgb(17 113 239 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);}.from-green-600 {--tw-gradient-from: #17ad37;--tw-gradient-to: rgb(23 173 55 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);}.from-gray-400 {--tw-gradient-from: #ced4da;--tw-gradient-to: rgb(206 212 218 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);}.via-black\/40 {--tw-gradient-to: rgb(0 0 0 / 0);--tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.4), var(--tw-gradient-to);}.to-transparent {--tw-gradient-to: transparent;}.to-zinc-700 {--tw-gradient-to: #212529;}.to-slate-300 {--tw-gradient-to: #a8b8d8;}.to-violet-500 {--tw-gradient-to: #825ee4;}.to-orange-600 {--tw-gradient-to: #f56036;}.to-teal-400 {--tw-gradient-to: #2dcecc;}.to-yellow-500 {--tw-gradient-to: #fbb140;}.to-cyan-500 {--tw-gradient-to: #11cdef;}.to-lime-400 {--tw-gradient-to: #98ec2d;}.to-gray-100 {--tw-gradient-to: #ebeff4;}.bg-150 {background-size: 150%;}.bg-contain {background-size: contain;}.bg-cover {background-size: cover;}.bg-clip-border {background-clip: border-box;}.bg-clip-padding {background-clip: padding-box;}.bg-clip-text {-webkit-background-clip: text;background-clip: text;}.bg-center {background-position: center;}.bg-x-25 {background-position: 25% 0;}.bg-left {background-position: left;}.bg-y-50 {background-position: 0 50%;}.bg-right {background-position: right;}.bg-top {background-position: top;}.bg-no-repeat {background-repeat: no-repeat;}.fill-current {fill: currentColor;}.fill-transparent {fill: transparent;}.stroke-0 {stroke-width: 0;}.object-cover {-o-object-fit: cover;object-fit: cover;}.p-0 {padding: 0px;}.p-4 {padding: 1rem;}.p-6 {padding: 1.5rem;}.p-2 {padding: 0.5rem;}.p-1\.2 {padding: 0.3rem;}.p-1 {padding: 0.25rem;}.p-3 {padding: 0.75rem;}.px-8 {padding-left: 2rem;padding-right: 2rem;}.py-6 {padding-top: 1.5rem;padding-bottom: 1.5rem;}.py-2\.7 {padding-top: 0.675rem;padding-bottom: 0.675rem;}.px-4 {padding-left: 1rem;padding-right: 1rem;}.py-2 {padding-top: 0.5rem;padding-bottom: 0.5rem;}.px-0 {padding-left: 0px;padding-right: 0px;}.py-1 {padding-top: 0.25rem;padding-bottom: 0.25rem;}.px-2\.5 {padding-left: 0.625rem;padding-right: 0.625rem;}.px-2 {padding-left: 0.5rem;padding-right: 0.5rem;}.py-4 {padding-top: 1rem;padding-bottom: 1rem;}.py-1\.2 {padding-top: 0.3rem;padding-bottom: 0.3rem;}.px-6 {padding-left: 1.5rem;padding-right: 1.5rem;}.px-3 {padding-left: 0.75rem;padding-right: 0.75rem;}.py-2\.2 {padding-top: 0.55rem;padding-bottom: 0.55rem;}.py-2\.5 {padding-top: 0.625rem;padding-bottom: 0.625rem;}.px-5 {padding-left: 1.25rem;padding-right: 1.25rem;}.px-16 {padding-left: 4rem;padding-right: 4rem;}.py-3\.5 {padding-top: 0.875rem;padding-bottom: 0.875rem;}.py-3 {padding-top: 0.75rem;padding-bottom: 0.75rem;}.py-1\.75 {padding-top: 0.4375rem;padding-bottom: 0.4375rem;}.px-1 {padding-left: 0.25rem;padding-right: 0.25rem;}.px-24 {padding-left: 6rem;padding-right: 6rem;}.py-12 {padding-top: 3rem;padding-bottom: 3rem;}.py-0 {padding-top: 0px;padding-bottom: 0px;}.py-1\.4 {padding-top: 0.35rem;padding-bottom: 0.35rem;}.pl-0 {padding-left: 0px;}.pl-6 {padding-left: 1.5rem;}.pt-0 {padding-top: 0px;}.pt-1 {padding-top: 0.25rem;}.pl-2 {padding-left: 0.5rem;}.pl-9 {padding-left: 2.25rem;}.pr-3 {padding-right: 0.75rem;}.pl-4 {padding-left: 1rem;}.pr-2 {padding-right: 0.5rem;}.pt-4 {padding-top: 1rem;}.pb-0 {padding-bottom: 0px;}.pt-5 {padding-top: 1.25rem;}.pb-5 {padding-bottom: 1.25rem;}.pr-4 {padding-right: 1rem;}.pb-1 {padding-bottom: 0.25rem;}.pr-0 {padding-right: 0px;}.pb-2 {padding-bottom: 0.5rem;}.pt-6 {padding-top: 1.5rem;}.pb-6 {padding-bottom: 1.5rem;}.pr-6 {padding-right: 1.5rem;}.pr-9 {padding-right: 2.25rem;}.pr-10 {padding-right: 2.5rem;}.pt-2 {padding-top: 0.5rem;}.pr-1 {padding-right: 0.25rem;}.pl-3 {padding-left: 0.75rem;}.pt-1\.4 {padding-top: 0.35rem;}.pl-12 {padding-left: 3rem;}.pt-12 {padding-top: 3rem;}.pb-56 {padding-bottom: 14rem;}.pl-7 {padding-left: 1.75rem;}.pt-48 {padding-top: 12rem;}.text-left {text-align: left;}.text-center {text-align: center;}.text-right {text-align: right;}.text-start {text-align: start;}.align-baseline {vertical-align: baseline;}.align-top {vertical-align: top;}.align-middle {vertical-align: middle;}.align-bottom {vertical-align: bottom;}.font-sans {font-family: Open Sans;}.text-base {font-size: 1rem;line-height: 1.5rem;}.text-sm {font-size: 0.875rem;line-height: 1.5rem;}.text-xs {font-size: 0.75rem;line-height: 1rem;}.text-lg {font-size: 1.125rem;line-height: 1.75rem;}.text-xxs {font-size: 0.65rem;line-height: 1rem;}.text-xl {font-size: 1.25rem;line-height: 1.75rem;}.text-3xs {font-size: 0.5rem;line-height: 1rem;}.text-2\.8 {font-size: 0.7rem;}.text-2 {font-size: 0.5rem;}.text-banner-calculate {font-size: calc(1.625rem+4.5vw);}.font-normal {font-weight: 400;}.font-semibold {font-weight: 600;}.font-bold {font-weight: 700;}.font-light {font-weight: 300;}.uppercase {text-transform: uppercase;}.capitalize {text-transform: capitalize;}.leading-default {line-height: 1.6;}.leading-normal {line-height: 1.5;}.leading-tight {line-height: 1.25;}.leading-5\.6 {line-height: 1.4rem;}.leading-5 {line-height: 1.25rem;}.leading-pro {line-height: 1.4;}.leading-none {line-height: 1;}.leading-relaxed {line-height: 1.625;}.leading-tighter {line-height: 1.2;}.tracking-tight-rem {letter-spacing: -0.025rem;}.tracking-normal {letter-spacing: 0em;}.tracking-none {letter-spacing: 0;}.tracking-tight {letter-spacing: -0.025em;}.text-slate-500 {--tw-text-opacity: 1;color: rgb(103 116 142 / var(--tw-text-opacity));}.text-slate-400 {--tw-text-opacity: 1;color: rgb(131 146 171 / var(--tw-text-opacity));}.text-slate-700 {--tw-text-opacity: 1;color: rgb(52 71 103 / var(--tw-text-opacity));}.text-blue-500 {--tw-text-opacity: 1;color: rgb(94 114 228 / var(--tw-text-opacity));}.text-orange-500 {--tw-text-opacity: 1;color: rgb(251 99 64 / var(--tw-text-opacity));}.text-emerald-500 {--tw-text-opacity: 1;color: rgb(45 206 137 / var(--tw-text-opacity));}.text-cyan-500 {--tw-text-opacity: 1;color: rgb(17 205 239 / var(--tw-text-opacity));}.text-red-600 {--tw-text-opacity: 1;color: rgb(245 54 92 / var(--tw-text-opacity));}.text-gray-800 {--tw-text-opacity: 1;color: rgb(37 47 64 / var(--tw-text-opacity));}.text-red-500 {--tw-text-opacity: 1;color: rgb(245 57 57 / var(--tw-text-opacity));}.text-white {--tw-text-opacity: 1;color: rgb(255 255 255 / var(--tw-text-opacity));}.text-gray-700 {--tw-text-opacity: 1;color: rgb(73 80 87 / var(--tw-text-opacity));}.text-black {--tw-text-opacity: 1;color: rgb(0 0 0 / var(--tw-text-opacity));}.text-inherit {color: inherit;}.text-transparent {color: transparent;}.text-neutral-900 {--tw-text-opacity: 1;color: rgb(17 17 17 / var(--tw-text-opacity));}.text-slate-800 {--tw-text-opacity: 1;color: rgb(58 65 111 / var(--tw-text-opacity));}.text-gray-200 {--tw-text-opacity: 1;color: rgb(233 236 239 / var(--tw-text-opacity));}.underline {-webkit-text-decoration-line: underline;text-decoration-line: underline;}.antialiased {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}.opacity-50 {opacity: 0.5;}.opacity-100 {opacity: 1;}.opacity-60 {opacity: 0.6;}.opacity-0 {opacity: 0;}.opacity-80 {opacity: 0.8;}.opacity-25 {opacity: 0.25;}.opacity-70 {opacity: 0.7;}.shadow-xl {--tw-shadow: 0 0 2rem 0 rgba(136,152,170,.15);--tw-shadow-colored: 0 0 2rem 0 var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}.shadow-none {--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}.shadow-md {--tw-shadow: 0 4px 6px rgba(50,50,93,.1),0 1px 3px rgba(0,0,0,.08);--tw-shadow-colored: 0 4px 6px var(--tw-shadow-color), 0 1px 3px var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}.shadow-sm {--tw-shadow: 0 .25rem .375rem -.0625rem hsla(0,0%,8%,.12),0 .125rem .25rem -.0625rem hsla(0,0%,8%,.07);--tw-shadow-colored: 0 .25rem .375rem -.0625rem var(--tw-shadow-color), 0 .125rem .25rem -.0625rem var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}.shadow-lg {--tw-shadow: 0 2px 12px 0 rgba(0,0,0,.16);--tw-shadow-colored: 0 2px 12px 0 var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}.shadow-3xl {--tw-shadow: 0 8px 26px -4px hsla(0,0%,8%,.15),0 8px 9px -5px hsla(0,0%,8%,.06);--tw-shadow-colored: 0 8px 26px -4px var(--tw-shadow-color), 0 8px 9px -5px var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}.shadow-2xl {--tw-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.12);--tw-shadow-colored: 0 .3125rem .625rem 0 var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}.shadow-blur {--tw-shadow: inset 0 0 1px 1px hsla(0,0%,100%,.9),0 20px 27px 0 rgba(0,0,0,.05);--tw-shadow-colored: inset 0 0 1px 1px var(--tw-shadow-color), 0 20px 27px 0 var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}.shadow-transparent {--tw-shadow-color: transparent;--tw-shadow: var(--tw-shadow-colored);}.outline-none {outline: 2px solid transparent;outline-offset: 2px;}.blur {--tw-blur: blur(8px);filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);}.filter {filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);}.backdrop-blur-2xl {--tw-backdrop-blur: blur(30px);-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);}.backdrop-saturate-200 {--tw-backdrop-saturate: saturate(2);-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);}.transition-transform {transition-property: transform;transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);transition-duration: 150ms;}.transition-all {transition-property: all;transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);transition-duration: 150ms;}.transition-colors {transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);transition-duration: 150ms;}.transition {transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);transition-duration: 150ms;}.duration-200 {transition-duration: 200ms;}.duration-300 {transition-duration: 300ms;}.duration-250 {transition-duration: 250ms;}.duration-500 {transition-duration: 500ms;}.duration-600 {transition-duration: 600ms;}.duration-350 {transition-duration: 350ms;}.ease-in {transition-timing-function: cubic-bezier(0.42, 0, 1, 1);}.ease-in-out {transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);}.ease-bounce {transition-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1.3);}.ease-out {transition-timing-function: cubic-bezier(0, 0, 0.58, 1);}.transform3d {transform: perspective(999px) rotateX(0deg) translateZ(0);}.transform-dropdown {transform: perspective(999px) rotateX(-10deg) translateZ(0) translate3d(0,37px,0);}.transform-dropdown-show {transform: perspective(999px) rotateX(0deg) translateZ(0) translate3d(0,37px,5px);}.flex-wrap-inherit {flex-wrap: inherit;}.placeholder\:text-gray-500::-moz-placeholder {--tw-text-opacity: 1;color: rgb(173 181 189 / var(--tw-text-opacity));}.placeholder\:text-gray-500::placeholder {--tw-text-opacity: 1;color: rgb(173 181 189 / var(--tw-text-opacity));}.before\:visible::before {content: var(--tw-content);visibility: visible;}.before\:absolute::before {content: var(--tw-content);position: absolute;}.before\:right-2::before {content: var(--tw-content);right: 0.5rem;}.before\:left-auto::before {content: var(--tw-content);left: auto;}.before\:top-0::before {content: var(--tw-content);top: 0px;}.before\:right-auto::before {content: var(--tw-content);right: auto;}.before\:left-2::before {content: var(--tw-content);left: 0.5rem;}.before\:left-7::before {content: var(--tw-content);left: 1.75rem;}.before\:right-4::before {content: var(--tw-content);right: 1rem;}.before\:-top-5::before {content: var(--tw-content);top: -1.25rem;}.before\:z-50::before {content: var(--tw-content);z-index: 50;}.before\:z-40::before {content: var(--tw-content);z-index: 40;}.before\:float-right::before {content: var(--tw-content);float: right;}.before\:float-left::before {content: var(--tw-content);float: left;}.before\:inline-block::before {content: var(--tw-content);display: inline-block;}.before\:h-2::before {content: var(--tw-content);height: 0.5rem;}.before\:h-full::before {content: var(--tw-content);height: 100%;}.before\:w-2::before {content: var(--tw-content);width: 0.5rem;}.before\:rotate-45::before {content: var(--tw-content);--tw-rotate: 45deg;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}.before\:border-l-2::before {content: var(--tw-content);border-left-width: 2px;}.before\:border-l-slate-100::before {content: var(--tw-content);--tw-border-opacity: 1;border-left-color: rgb(222 226 230 / var(--tw-border-opacity));}.before\:bg-inherit::before {content: var(--tw-content);background-color: inherit;}.before\:pr-2::before {content: var(--tw-content);padding-right: 0.5rem;}.before\:pl-2::before {content: var(--tw-content);padding-left: 0.5rem;}.before\:font-awesome::before {content: var(--tw-content);font-family: FontAwesome;}.before\:text-5\.5::before {content: var(--tw-content);font-size: 1.375rem;}.before\:text-5::before {content: var(--tw-content);font-size: 1.25rem;}.before\:font-normal::before {content: var(--tw-content);font-weight: 400;}.before\:leading-default::before {content: var(--tw-content);line-height: 1.6;}.before\:text-white::before {content: var(--tw-content);--tw-text-opacity: 1;color: rgb(255 255 255 / var(--tw-text-opacity));}.before\:text-gray-600::before {content: var(--tw-content);--tw-text-opacity: 1;color: rgb(108 117 125 / var(--tw-text-opacity));}.before\:antialiased::before {content: var(--tw-content);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}.before\:transition-all::before {content: var(--tw-content);transition-property: all;transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);transition-duration: 150ms;}.before\:duration-350::before {content: var(--tw-content);transition-duration: 350ms;}.before\:content-\[\'\/\'\]::before {--tw-content: '/';content: var(--tw-content);}.before\:content-\[\'\\f0d8\'\]::before {--tw-content: '\f0d8';content: var(--tw-content);}.before\:content-\[\'\'\]::before {--tw-content: '';content: var(--tw-content);}.after\:absolute::after {content: var(--tw-content);position: absolute;}.after\:top-px::after {content: var(--tw-content);top: 1px;}.after\:top-0::after {content: var(--tw-content);top: 0px;}.after\:bottom-0::after {content: var(--tw-content);bottom: 0px;}.after\:left-0::after {content: var(--tw-content);left: 0px;}.after\:z-10::after {content: var(--tw-content);z-index: 10;}.after\:clear-both::after {content: var(--tw-content);clear: both;}.after\:block::after {content: var(--tw-content);display: block;}.after\:flex::after {content: var(--tw-content);display: flex;}.after\:table::after {content: var(--tw-content);display: table;}.after\:h-4::after {content: var(--tw-content);height: 1rem;}.after\:h-full::after {content: var(--tw-content);height: 100%;}.after\:w-4::after {content: var(--tw-content);width: 1rem;}.after\:w-full::after {content: var(--tw-content);width: 100%;}.after\:translate-x-px::after {content: var(--tw-content);--tw-translate-x: 1px;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}.after\:-translate-x-px::after {content: var(--tw-content);--tw-translate-x: -1px;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}.after\:items-center::after {content: var(--tw-content);align-items: center;}.after\:justify-center::after {content: var(--tw-content);justify-content: center;}.after\:rounded-circle::after {content: var(--tw-content);border-radius: 50%;}.after\:rounded-2xl::after {content: var(--tw-content);border-radius: 1rem;}.after\:bg-white::after {content: var(--tw-content);--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity));}.after\:bg-gradient-to-tl::after {content: var(--tw-content);background-image: linear-gradient(to top left, var(--tw-gradient-stops));}.after\:from-zinc-800::after {content: var(--tw-content);--tw-gradient-from: #212229;--tw-gradient-to: rgb(33 34 41 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);}.after\:from-blue-700::after {content: var(--tw-content);--tw-gradient-from: #1171ef;--tw-gradient-to: rgb(17 113 239 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);}.after\:from-orange-500::after {content: var(--tw-content);--tw-gradient-from: #fb6340;--tw-gradient-to: rgb(251 99 64 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);}.after\:from-green-600::after {content: var(--tw-content);--tw-gradient-from: #17ad37;--tw-gradient-to: rgb(23 173 55 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);}.after\:from-red-600::after {content: var(--tw-content);--tw-gradient-from: #f5365c;--tw-gradient-to: rgb(245 54 92 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);}.after\:from-slate-600::after {content: var(--tw-content);--tw-gradient-from: #627594;--tw-gradient-to: rgb(98 117 148 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);}.after\:from-blue-500::after {content: var(--tw-content);--tw-gradient-from: #5e72e4;--tw-gradient-to: rgb(94 114 228 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);}.after\:to-zinc-700::after {content: var(--tw-content);--tw-gradient-to: #212529;}.after\:to-cyan-500::after {content: var(--tw-content);--tw-gradient-to: #11cdef;}.after\:to-yellow-500::after {content: var(--tw-content);--tw-gradient-to: #fbb140;}.after\:to-lime-400::after {content: var(--tw-content);--tw-gradient-to: #98ec2d;}.after\:to-orange-600::after {content: var(--tw-content);--tw-gradient-to: #f56036;}.after\:to-slate-300::after {content: var(--tw-content);--tw-gradient-to: #a8b8d8;}.after\:to-violet-500::after {content: var(--tw-content);--tw-gradient-to: #825ee4;}.after\:font-awesome::after {content: var(--tw-content);font-family: FontAwesome;}.after\:text-xxs::after {content: var(--tw-content);font-size: 0.65rem;line-height: 1rem;}.after\:text-white::after {content: var(--tw-content);--tw-text-opacity: 1;color: rgb(255 255 255 / var(--tw-text-opacity));}.after\:opacity-0::after {content: var(--tw-content);opacity: 0;}.after\:opacity-85::after {content: var(--tw-content);opacity: 0.85;}.after\:shadow-2xl::after {content: var(--tw-content);--tw-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.12);--tw-shadow-colored: 0 .3125rem .625rem 0 var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}.after\:transition-all::after {content: var(--tw-content);transition-property: all;transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);transition-duration: 150ms;}.after\:duration-250::after {content: var(--tw-content);transition-duration: 250ms;}.after\:ease-in-out::after {content: var(--tw-content);transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);}.after\:content-\[\'\'\]::after {--tw-content: '';content: var(--tw-content);}.after\:content-\[\'\\f00c\'\]::after {--tw-content: '\f00c';content: var(--tw-content);}.checked\:border-0:checked {border-width: 0px;}.checked\:border-blue-500\/95:checked {border-color: rgb(94 114 228 / 0.95);}.checked\:border-slate-800\/95:checked {border-color: rgb(58 65 111 / 0.95);}.checked\:border-transparent:checked {border-color: transparent;}.checked\:bg-blue-500\/95:checked {background-color: rgb(94 114 228 / 0.95);}.checked\:bg-slate-800\/95:checked {background-color: rgb(58 65 111 / 0.95);}.checked\:bg-transparent:checked {background-color: transparent;}.checked\:bg-none:checked {background-image: none;}.checked\:bg-gradient-to-tl:checked {background-image: linear-gradient(to top left, var(--tw-gradient-stops));}.checked\:from-blue-500:checked {--tw-gradient-from: #5e72e4;--tw-gradient-to: rgb(94 114 228 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);}.checked\:to-violet-500:checked {--tw-gradient-to: #825ee4;}.checked\:bg-right:checked {background-position: right;}.checked\:after\:translate-x-5\.3:checked::after {content: var(--tw-content);--tw-translate-x: 1.3rem;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}.checked\:after\:translate-x-5:checked::after {content: var(--tw-content);--tw-translate-x: 1.25rem;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}.checked\:after\:-translate-x-5\.3:checked::after {content: var(--tw-content);--tw-translate-x: -1.3rem;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}.checked\:after\:-translate-x-5:checked::after {content: var(--tw-content);--tw-translate-x: -1.25rem;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}.checked\:after\:opacity-100:checked::after {content: var(--tw-content);opacity: 1;}.hover\:z-30:hover {z-index: 30;}.hover\:-translate-y-px:hover {--tw-translate-y: -1px;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}.hover\:border-blue-500:hover {--tw-border-opacity: 1;border-color: rgb(94 114 228 / var(--tw-border-opacity));}.hover\:border-slate-700:hover {--tw-border-opacity: 1;border-color: rgb(52 71 103 / var(--tw-border-opacity));}.hover\:border-white:hover {--tw-border-opacity: 1;border-color: rgb(255 255 255 / var(--tw-border-opacity));}.hover\:border-white\/75:hover {border-color: rgb(255 255 255 / 0.75);}.hover\:bg-transparent:hover {background-color: transparent;}.hover\:bg-gray-200:hover {--tw-bg-opacity: 1;background-color: rgb(233 236 239 / var(--tw-bg-opacity));}.hover\:bg-white\/10:hover {background-color: rgb(255 255 255 / 0.1);}.hover\:bg-slate-700:hover {--tw-bg-opacity: 1;background-color: rgb(52 71 103 / var(--tw-bg-opacity));}.hover\:text-blue-500:hover {--tw-text-opacity: 1;color: rgb(94 114 228 / var(--tw-text-opacity));}.hover\:text-slate-700:hover {--tw-text-opacity: 1;color: rgb(52 71 103 / var(--tw-text-opacity));}.hover\:text-white:hover {--tw-text-opacity: 1;color: rgb(255 255 255 / var(--tw-text-opacity));}.hover\:opacity-75:hover {opacity: 0.75;}.hover\:opacity-100:hover {opacity: 1;}.hover\:shadow-xs:hover {--tw-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);--tw-shadow-colored: 0 7px 14px var(--tw-shadow-color), 0 3px 6px var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}.hover\:shadow-none:hover {--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}.hover\:transform3d-hover:hover {transform: perspective(999px) rotateX(7deg) translate3d(0,-4px,5px);}.focus\:border-blue-500:focus {--tw-border-opacity: 1;border-color: rgb(94 114 228 / var(--tw-border-opacity));}.focus\:border-fuchsia-300:focus {--tw-border-opacity: 1;border-color: rgb(226 147 211 / var(--tw-border-opacity));}.focus\:bg-white:focus {--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity));}.focus\:text-gray-700:focus {--tw-text-opacity: 1;color: rgb(73 80 87 / var(--tw-text-opacity));}.focus\:shadow-primary-outline:focus {--tw-shadow: 0 3px 9px rgba(50,50,9,0),3px 4px 8px rgba(94,114,228,.1);--tw-shadow-colored: 0 3px 9px var(--tw-shadow-color), 3px 4px 8px var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}.focus\:outline-none:focus {outline: 2px solid transparent;outline-offset: 2px;}.focus\:transition-shadow:focus {transition-property: box-shadow;transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);transition-duration: 150ms;}.active\:scale-110:active {--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}.active\:scale-100:active {--tw-scale-x: 1;--tw-scale-y: 1;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}.active\:border-blue-500:active {--tw-border-opacity: 1;border-color: rgb(94 114 228 / var(--tw-border-opacity));}.active\:border-white\/75:active {border-color: rgb(255 255 255 / 0.75);}.active\:bg-blue-500:active {--tw-bg-opacity: 1;background-color: rgb(94 114 228 / var(--tw-bg-opacity));}.active\:bg-slate-700:active {--tw-bg-opacity: 1;background-color: rgb(52 71 103 / var(--tw-bg-opacity));}.active\:bg-white:active {--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity));}.active\:text-white:active {--tw-text-opacity: 1;color: rgb(255 255 255 / var(--tw-text-opacity));}.active\:text-black:active {--tw-text-opacity: 1;color: rgb(0 0 0 / var(--tw-text-opacity));}.active\:opacity-85:active {opacity: 0.85;}.active\:shadow-xs:active {--tw-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);--tw-shadow-colored: 0 7px 14px var(--tw-shadow-color), 0 3px 6px var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}.active\:hover\:-translate-y-px:hover:active {--tw-translate-y: -1px;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}.active\:hover\:border-blue-500:hover:active {--tw-border-opacity: 1;border-color: rgb(94 114 228 / var(--tw-border-opacity));}.active\:hover\:border-white\/75:hover:active {border-color: rgb(255 255 255 / 0.75);}.active\:hover\:bg-transparent:hover:active {background-color: transparent;}.active\:hover\:bg-white\/10:hover:active {background-color: rgb(255 255 255 / 0.1);}.active\:hover\:text-blue-500:hover:active {--tw-text-opacity: 1;color: rgb(94 114 228 / var(--tw-text-opacity));}.active\:hover\:text-slate-700:hover:active {--tw-text-opacity: 1;color: rgb(52 71 103 / var(--tw-text-opacity));}.active\:hover\:text-white:hover:active {--tw-text-opacity: 1;color: rgb(255 255 255 / var(--tw-text-opacity));}.active\:hover\:opacity-75:hover:active {opacity: 0.75;}.active\:hover\:shadow-none:hover:active {--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}.group:hover .group-hover\:translate-x-1\.25 {--tw-translate-x: 0.3125rem;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}.group:hover .group-hover\:translate-x-1 {--tw-translate-x: 0.25rem;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}.group:hover .group-hover\:-translate-x-1\.25 {--tw-translate-x: -0.3125rem;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}.group:hover .group-hover\:-translate-x-1 {--tw-translate-x: -0.25rem;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}.dark .dark\:pointer-events-none {pointer-events: none;}.dark .dark\:inline {display: inline;}.dark .dark\:hidden {display: none;}.dark .dark\:cursor-not-allowed {cursor: not-allowed;}.dark .dark\:border-0 {border-width: 0px;}.dark .dark\:border {border-width: 1px;}.dark .dark\:border-solid {border-style: solid;}.dark .dark\:border-white\/40 {border-color: rgb(255 255 255 / 0.4);}.dark .dark\:border-white {--tw-border-opacity: 1;border-color: rgb(255 255 255 / var(--tw-border-opacity));}.dark .dark\:border-slate-700 {--tw-border-opacity: 1;border-color: rgb(52 71 103 / var(--tw-border-opacity));}.dark .dark\:bg-slate-900 {--tw-bg-opacity: 1;background-color: rgb(5 17 57 / var(--tw-bg-opacity));}.dark .dark\:bg-slate-850 {--tw-bg-opacity: 1;background-color: rgb(17 28 68 / var(--tw-bg-opacity));}.dark .dark\:bg-slate-850\/80 {background-color: rgb(17 28 68 / 0.8);}.dark .dark\:bg-white {--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity));}.dark .dark\:bg-gray-600 {--tw-bg-opacity: 1;background-color: rgb(108 117 125 / var(--tw-bg-opacity));}.dark .dark\:bg-gradient-to-r {background-image: linear-gradient(to right, var(--tw-gradient-stops));}.dark .dark\:bg-gradient-to-tl {background-image: linear-gradient(to top left, var(--tw-gradient-stops));}.dark .dark\:from-transparent {--tw-gradient-from: transparent;--tw-gradient-to: rgb(0 0 0 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);}.dark .dark\:from-slate-750 {--tw-gradient-from: #323a54;--tw-gradient-to: rgb(50 58 84 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);}.dark .dark\:from-blue-500 {--tw-gradient-from: #5e72e4;--tw-gradient-to: rgb(94 114 228 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);}.dark .dark\:via-white {--tw-gradient-to: rgb(255 255 255 / 0);--tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to);}.dark .dark\:to-transparent {--tw-gradient-to: transparent;}.dark .dark\:to-gray-850 {--tw-gradient-to: #1a2035;}.dark .dark\:to-violet-500 {--tw-gradient-to: #825ee4;}.dark .dark\:text-white {--tw-text-opacity: 1;color: rgb(255 255 255 / var(--tw-text-opacity));}.dark .dark\:text-white\/80 {color: rgb(255 255 255 / 0.8);}.dark .dark\:text-white\/60 {color: rgb(255 255 255 / 0.6);}.dark .dark\:opacity-80 {opacity: 0.8;}.dark .dark\:opacity-60 {opacity: 0.6;}.dark .dark\:opacity-65 {opacity: 0.65;}.dark .dark\:shadow-none {--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}.dark .dark\:shadow-dark-xl {--tw-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);--tw-shadow-colored: 0 2px 2px 0 var(--tw-shadow-color), 0 3px 1px -2px var(--tw-shadow-color), 0 1px 5px 0 var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}.dark .dark\:shadow-dark-blur {--tw-shadow: inset 0 0 1px 1px hsla(0,0%,100%,.4),0 20px 27px 0 rgba(0,0,0,.05);--tw-shadow-colored: inset 0 0 1px 1px var(--tw-shadow-color), 0 20px 27px 0 var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}.dark .dark\:backdrop-blur-2xl {--tw-backdrop-blur: blur(30px);-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);}.dark .dark\:backdrop-saturate-200 {--tw-backdrop-saturate: saturate(2);-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);}.dark .dark\:placeholder\:text-white\/80::-moz-placeholder {color: rgb(255 255 255 / 0.8);}.dark .dark\:placeholder\:text-white\/80::placeholder {color: rgb(255 255 255 / 0.8);}.dark .dark\:before\:text-white::before {content: var(--tw-content);--tw-text-opacity: 1;color: rgb(255 255 255 / var(--tw-text-opacity));}.dark .dark\:hover\:bg-slate-900:hover {--tw-bg-opacity: 1;background-color: rgb(5 17 57 / var(--tw-bg-opacity));}@media (min-width: 576px) {.sm\:my-auto {margin-top: auto;margin-bottom: auto;}.sm\:my-6 {margin-top: 1.5rem;margin-bottom: 1.5rem;}.sm\:mr-16 {margin-right: 4rem;}.sm\:mt-0 {margin-top: 0px;}.sm\:mr-6 {margin-right: 1.5rem;}.sm\:mr-1 {margin-right: 0.25rem;}.sm\:-mr-6 {margin-right: -1.5rem;}.sm\:ml-2 {margin-left: 0.5rem;}.sm\:mr-0 {margin-right: 0px;}.sm\:mb-0 {margin-bottom: 0px;}.sm\:inline {display: inline;}.sm\:w-1\/2 {width: 50%;}.sm\:flex-none {flex: none;}.sm\:px-6 {padding-left: 1.5rem;padding-right: 1.5rem;}.sm\:pt-4 {padding-top: 1rem;}.before\:sm\:right-8::before {content: var(--tw-content);right: 2rem;}.before\:sm\:left-3::before {content: var(--tw-content);left: 0.75rem;}}@media (min-width: 768px) {.md\:mr-0 {margin-right: 0px;}.md\:ml-auto {margin-left: auto;}.md\:mt-0 {margin-top: 0px;}.md\:mb-0 {margin-bottom: 0px;}.md\:-mt-56 {margin-top: -14rem;}.md\:w-8\/12 {width: 66.666667%;}.md\:w-1\/2 {width: 50%;}.md\:w-7\/12 {width: 58.333333%;}.md\:w-5\/12 {width: 41.666667%;}.md\:w-6\/12 {width: 50%;}.md\:w-full {width: 100%;}.md\:w-4\/12 {width: 33.333333%;}.md\:w-1\/12 {width: 8.333333%;}.md\:w-11\/12 {width: 91.666667%;}.md\:flex-0 {flex: 0 0 auto;}.md\:flex-none {flex: none;}.md\:scale-70 {--tw-scale-x: .7;--tw-scale-y: .7;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}.md\:pr-4 {padding-right: 1rem;}}@media (max-width: 768px) {.md-max\:w-full {width: 100%;}.md-max\:overflow-auto {overflow: auto;}}@media (min-width: 992px) {.lg\:absolute {position: absolute;}.lg\:right-0 {right: 0px;}.lg\:left-auto {left: auto;}.lg\:mx-0 {margin-left: 0px;margin-right: 0px;}.lg\:mt-2 {margin-top: 0.5rem;}.lg\:mb-0 {margin-bottom: 0px;}.lg\:-mt-16 {margin-top: -4rem;}.lg\:mt-0 {margin-top: 0px;}.lg\:ml-0 {margin-left: 0px;}.lg\:-mt-48 {margin-top: -12rem;}.lg\:ml-12 {margin-left: 3rem;}.lg\:-mt-12 {margin-top: -3rem;}.lg\:block {display: block;}.lg\:flex {display: flex;}.lg\:hidden {display: none;}.lg\:w-7\/12 {width: 58.333333%;}.lg\:w-5\/12 {width: 41.666667%;}.lg\:w-1\/2 {width: 50%;}.lg\:w-2\/3 {width: 66.666667%;}.lg\:w-full {width: 100%;}.lg\:w-1\/3 {width: 33.333333%;}.lg\:w-4\/12 {width: 33.333333%;}.lg\:w-8\/12 {width: 66.666667%;}.lg\:max-w-120 {max-width: 30rem;}.lg\:flex-none {flex: none;}.lg\:flex-0 {flex: 0 0 auto;}.lg\:basis-auto {flex-basis: auto;}.lg\:cursor-pointer {cursor: pointer;}.lg\:flex-row {flex-direction: row;}.lg\:flex-nowrap {flex-wrap: nowrap;}.lg\:justify-start {justify-content: flex-start;}.lg\:justify-end {justify-content: flex-end;}.lg\:justify-between {justify-content: space-between;}.lg\:px-2 {padding-left: 0.5rem;padding-right: 0.5rem;}.lg\:pt-2 {padding-top: 0.5rem;}.lg\:pb-4 {padding-bottom: 1rem;}.lg\:pt-0 {padding-top: 0px;}.lg\:text-left {text-align: left;}.lg\:text-right {text-align: right;}.lg\:shadow-3xl {--tw-shadow: 0 8px 26px -4px hsla(0,0%,8%,.15),0 8px 9px -5px hsla(0,0%,8%,.06);--tw-shadow-colored: 0 8px 26px -4px var(--tw-shadow-color), 0 8px 9px -5px var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}.lg\:transition-colors {transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);transition-duration: 150ms;}.lg\:duration-300 {transition-duration: 300ms;}.before\:lg\:-mr-px::before {content: var(--tw-content);margin-right: -1px;}.lg\:hover\:text-white\/75:hover {color: rgb(255 255 255 / 0.75);}}@media (max-width: 992px) {.lg-max\:max-h-0 {max-height: 0px;}.lg-max\:max-h-54 {max-height: 13.5rem;}.lg-max\:overflow-hidden {overflow: hidden;}.lg-max\:bg-white {--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity));}.lg-max\:py-2 {padding-top: 0.5rem;padding-bottom: 0.5rem;}.lg-max\:text-slate-700 {--tw-text-opacity: 1;color: rgb(52 71 103 / var(--tw-text-opacity));}.lg-max\:opacity-0 {opacity: 0;}}@media (min-width: 1200px) {.xl\:left-0 {left: 0px;}.xl\:right-0 {right: 0px;}.xl\:left-\[18\%\] {left: 18%;}.xl\:ml-6 {margin-left: 1.5rem;}.xl\:ml-68 {margin-left: 17rem;}.xl\:mb-0 {margin-bottom: 0px;}.xl\:mr-4 {margin-right: 1rem;}.xl\:mr-68 {margin-right: 17rem;}.xl\:ml-auto {margin-left: auto;}.xl\:mr-12 {margin-right: 3rem;}.xl\:ml-4 {margin-left: 1rem;}.xl\:hidden {display: none;}.xl\:w-1\/4 {width: 25%;}.xl\:w-1\/2 {width: 50%;}.xl\:w-4\/12 {width: 33.333333%;}.xl\:flex-none {flex: none;}.xl\:translate-x-0 {--tw-translate-x: 0px;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}.xl\:scale-60 {--tw-scale-x: .6;--tw-scale-y: .6;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}@-webkit-keyframes fade-up {from {opacity: 0;transform: translateY(100%);}to {opacity: 1;}}@keyframes fade-up {from {opacity: 0;transform: translateY(100%);}to {opacity: 1;}}.xl\:animate-fade-up {-webkit-animation: fade-up 1.5s both;animation: fade-up 1.5s both;}.xl\:p-2\.5 {padding: 0.625rem;}.xl\:p-2 {padding: 0.5rem;}.xl\:px-12 {padding-left: 3rem;padding-right: 3rem;}.xl\:text-8xl {font-size: 5rem;line-height: 1;}}@media (max-width: 1200px) {.xl-max\:pointer-events-none {pointer-events: none;}.xl-max\:cursor-not-allowed {cursor: not-allowed;}.xl-max\:border-0 {border-width: 0px;}.xl-max\:bg-gradient-to-tl {background-image: linear-gradient(to top left, var(--tw-gradient-stops));}.xl-max\:from-blue-500 {--tw-gradient-from: #5e72e4;--tw-gradient-to: rgb(94 114 228 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);}.xl-max\:to-violet-500 {--tw-gradient-to: #825ee4;}.xl-max\:text-white {--tw-text-opacity: 1;color: rgb(255 255 255 / var(--tw-text-opacity));}.xl-max\:opacity-65 {opacity: 0.65;}}

/* =========================================================
  2. NUCLEO ICONS
========================================================= */
@font-face {
  font-family: 'NucleoIcons';
  src: url('assets/fonts/nucleo-icons.eot');
  src: url('assets/fonts/nucleo-icons.eot') format('embedded-opentype'), url('assets/fonts/nucleo-icons.woff2') format('woff2'), url('assets/fonts/nucleo-icons.woff') format('woff'), url('assets/fonts/nucleo-icons.ttf') format('truetype'), url('assets/fonts/nucleo-icons.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
.ni {
  display: inline-block;
  font: normal normal normal 14px/1 NucleoIcons;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ni-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; }
.ni-2x { font-size: 2em; }
.ni-3x { font-size: 3em; }
.ni-4x { font-size: 4em; }
.ni-5x { font-size: 5em; }
.ni.square, .ni.circle { padding: 0.33333333em; vertical-align: -16%; background-color: #eee; }
.ni.circle { border-radius: 50%; }
.ni-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; }
.ni-ul>li { position: relative; }
.ni-ul>li>.ni { position: absolute; left: -1.57142857em; top: 0.14285714em; text-align: center; }
.ni-ul>li>.ni.lg { top: 0; left: -1.35714286em; }
.ni-ul>li>.ni.circle, .ni-ul>li>.ni.square { top: -0.19047619em; left: -1.9047619em; }
.ni.spin { -webkit-animation: nc-spin 2s infinite linear; animation: nc-spin 2s infinite linear; }
@-webkit-keyframes nc-spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } }
@keyframes nc-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
.ni-active-40::before { content: "\ea02"; }
.ni-air-baloon::before { content: "\ea03"; }
.ni-album-2::before { content: "\ea04"; }
.ni-align-center::before { content: "\ea05"; }
.ni-align-left-2::before { content: "\ea06"; }
.ni-ambulance::before { content: "\ea07"; }
.ni-app::before { content: "\ea08"; }
.ni-archive-2::before { content: "\ea09"; }
.ni-atom::before { content: "\ea0a"; }
.ni-badge::before { content: "\ea0b"; }
.ni-bag-17::before { content: "\ea0c"; }
.ni-basket::before { content: "\ea0d"; }
.ni-bell-55::before { content: "\ea0e"; }
.ni-bold-down::before { content: "\ea0f"; }
.ni-bold-left::before { content: "\ea10"; }
.ni-bold-right::before { content: "\ea11"; }
.ni-bold-up::before { content: "\ea12"; }
.ni-bold::before { content: "\ea13"; }
.ni-book-bookmark::before { content: "\ea14"; }
.ni-books::before { content: "\ea15"; }
.ni-box-2::before { content: "\ea16"; }
.ni-briefcase-24::before { content: "\ea17"; }
.ni-building::before { content: "\ea18"; }
.ni-bulb-61::before { content: "\ea19"; }
.ni-bullet-list-67::before { content: "\ea1a"; }
.ni-bus-front-12::before { content: "\ea1b"; }
.ni-button-pause::before { content: "\ea1c"; }
.ni-button-play::before { content: "\ea1d"; }
.ni-button-power::before { content: "\ea1e"; }
.ni-calendar-grid-58::before { content: "\ea1f"; }
.ni-camera-compact::before { content: "\ea20"; }
.ni-caps-small::before { content: "\ea21"; }
.ni-cart::before { content: "\ea22"; }
.ni-chart-bar-32::before { content: "\ea23"; }
.ni-chart-pie-35::before { content: "\ea24"; }
.ni-chat-round::before { content: "\ea25"; }
.ni-check-bold::before { content: "\ea26"; }
.ni-circle-08::before { content: "\ea27"; }
.ni-cloud-download-95::before { content: "\ea28"; }
.ni-cloud-upload-96::before { content: "\ea29"; }
.ni-compass-04::before { content: "\ea2a"; }
.ni-controller::before { content: "\ea2b"; }
.ni-credit-card::before { content: "\ea2c"; }
.ni-curved-next::before { content: "\ea2d"; }
.ni-delivery-fast::before { content: "\ea2e"; }
.ni-diamond::before { content: "\ea2f"; }
.ni-email-83::before { content: "\ea30"; }
.ni-fat-add::before { content: "\ea31"; }
.ni-fat-delete::before { content: "\ea32"; }
.ni-fat-remove::before { content: "\ea33"; }
.ni-favourite-28::before { content: "\ea34"; }
.ni-folder-17::before { content: "\ea35"; }
.ni-glasses-2::before { content: "\ea36"; }
.ni-hat-3::before { content: "\ea37"; }
.ni-headphones::before { content: "\ea38"; }
.ni-html5::before { content: "\ea39"; }
.ni-istanbul::before { content: "\ea3a"; }
.ni-key-25::before { content: "\ea3b"; }
.ni-laptop::before { content: "\ea3c"; }
.ni-like-2::before { content: "\ea3d"; }
.ni-lock-circle-open::before { content: "\ea3e"; }
.ni-map-big::before { content: "\ea3f"; }
.ni-mobile-button::before { content: "\ea40"; }
.ni-money-coins::before { content: "\ea41"; }
.ni-note-03::before { content: "\ea42"; }
.ni-notification-70::before { content: "\ea43"; }
.ni-palette::before { content: "\ea44"; }
.ni-paper-diploma::before { content: "\ea45"; }
.ni-pin-3::before { content: "\ea46"; }
.ni-planet::before { content: "\ea47"; }
.ni-ruler-pencil::before { content: "\ea48"; }
.ni-satisfied::before { content: "\ea49"; }
.ni-scissors::before { content: "\ea4a"; }
.ni-send::before { content: "\ea4b"; }
.ni-settings-gear-65::before { content: "\ea4c"; }
.ni-settings::before { content: "\ea4d"; }
.ni-single-02::before { content: "\ea4e"; }
.ni-single-copy-04::before { content: "\ea4f"; }
.ni-sound-wave::before { content: "\ea50"; }
.ni-spaceship::before { content: "\ea51"; }
.ni-square-pin::before { content: "\ea52"; }
.ni-support-16::before { content: "\ea53"; }
.ni-tablet-button::before { content: "\ea54"; }
.ni-tag::before { content: "\ea55"; }
.ni-tie-bow::before { content: "\ea56"; }
.ni-time-alarm::before { content: "\ea57"; }
.ni-trophy::before { content: "\ea58"; }
.ni-tv-2::before { content: "\ea59"; }
.ni-umbrella-13::before { content: "\ea5a"; }
.ni-user-run::before { content: "\ea5b"; }
.ni-vector::before { content: "\ea5c"; }
.ni-watch-time::before { content: "\ea5d"; }
.ni-world::before { content: "\ea5e"; }
.ni-zoom-split-in::before { content: "\ea5f"; }
.ni-collection::before { content: "\ea60"; }
.ni-image::before { content: "\ea61"; }
.ni-shop::before { content: "\ea62"; }
.ni-ungroup::before { content: "\ea63"; }
.ni-world-2::before { content: "\ea64"; }
.ni-ui-04::before { content: "\ea65"; }

/* =========================================================
  3. NUCLEO SVGS
========================================================= */
.icon { display: inline-block; color: #111111; height: 1em; width: 1em; fill: currentColor; stroke: none; }
.icon use { fill: #7ea6f6; stroke: none; }
.icon.icon-outline { fill: none; stroke: currentColor; }
.icon.icon-outline use { stroke: #7ea6f6; fill: none; }
.icon-xs { height: 0.5em; width: 0.5em; }
.icon-sm { height: 0.8em; width: 0.8em; }
.icon-lg { height: 1.6em; width: 1.6em; }
.icon-xl { height: 2em; width: 2em; }
.icon-text-aligner { display: flex; align-items: center; }
.icon-text-aligner .icon { color: inherit; margin-right: 0.4em; }
.icon-text-aligner .icon use { color: inherit; fill: currentColor; }
.icon-text-aligner .icon.icon-outline use { stroke: currentColor; }
.icon-outline.icon-stroke-1 { stroke-width: 1px; }
.icon-outline.icon-stroke-2 { stroke-width: 2px; }
.icon-outline.icon-stroke-3 { stroke-width: 3px; }
.icon-outline.icon-stroke-4 { stroke-width: 4px; }
.icon-outline.icon-stroke-1 use, .icon-outline.icon-stroke-3 use { transform: translateX(0.5px) translateY(0.5px); }

/* =========================================================
  4. PERFECT SCROLLBAR
========================================================= */
.ps { overflow: hidden !important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; }
.ps__rail-x { display: none; opacity: 0; transition: background-color 0.2s linear, opacity 0.2s linear; height: 15px; bottom: 0px; position: absolute; }
.ps__rail-y { display: none; opacity: 0; transition: background-color 0.2s linear, opacity 0.2s linear; width: 15px; right: 0; position: absolute; }
.ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y { display: block; background-color: transparent; }
.ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y, .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y { opacity: 0.6; }
.ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking { background-color: #eee; opacity: 0.9; }
.ps__thumb-x { background-color: #aaa; border-radius: 6px; transition: background-color 0.2s linear, height 0.2s ease-in-out; height: 6px; bottom: 2px; position: absolute; }
.ps__thumb-y { background-color: #aaa; border-radius: 6px; transition: background-color 0.2s linear, width 0.2s ease-in-out; width: 6px; right: 2px; position: absolute; }
.ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x.ps--clicking .ps__thumb-x { background-color: #999; height: 11px; }
.ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y { background-color: #999; width: 11px; }
@supports (-ms-overflow-style: none) { .ps { overflow: auto !important; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps { overflow: auto !important; } }

/* =========================================================
  5. TOOLTIPS
========================================================= */
[data-target="tooltip"][data-popper-placement^="top"] > [data-popper-arrow] { bottom: -4px; }
[data-target="tooltip"][data-popper-placement^="bottom"] > [data-popper-arrow] { top: -4px; }
[data-target="tooltip"][data-popper-placement^="left"] > [data-popper-arrow] { right: -0px; }
[data-target="tooltip"][data-popper-placement^="right"] > [data-popper-arrow] { left: -4px; }

/* Login readability fix after Argon styling */
.text-gray-900 { color: #172b4d !important; }
body.bg-login-image { position: relative; background-color: #172b4d; }
body.bg-login-image::before {
  content: '';
  position: fixed;
  inset: 0;
  background: linear-gradient(135deg, rgba(23,43,77,.72), rgba(78,115,223,.32));
  pointer-events: none;
}
body.bg-login-image .login-wrapper {
  position: relative;
  z-index: 1;
  min-height: 100vh;
  display: flex;
  align-items: center;
}
body.bg-login-image .card {
  border-radius: 1.5rem !important;
  background: rgba(255,255,255,.96) !important;
  border: 1px solid rgba(255,255,255,.75) !important;
  box-shadow: 0 22px 70px rgba(15,23,42,.28) !important;
  overflow: hidden;
}
body.bg-login-image h1,
body.bg-login-image .text-gray-900,
body.bg-login-image .card-title { color: #172b4d !important; }
body.bg-login-image p,
body.bg-login-image .text-gray-600,
body.bg-login-image .text-muted,
body.bg-login-image .small { color: #5f6f89 !important; }
body.bg-login-image form.user .form-control-user {
  min-height: 3.2rem;
  color: #172b4d !important;
  background: #fff !important;
  border: 1px solid #d2d6da !important;
}
body.bg-login-image form.user .form-control-user::placeholder { color: #9aa6b2 !important; }
body.bg-login-image form.user .btn-user,
body.bg-login-image .btn-primary {
  color: #fff !important;
  background: linear-gradient(310deg, #5e72e4, #825ee4) !important;
  border: 0 !important;
  box-shadow: 0 10px 24px rgba(94,114,228,.28) !important;
}
body.bg-login-image a.small { color: #4e73df !important; font-weight: 800; }

/* Shared SALPS footer fallback for pages that do not load the Argon CSS. */
.salps-footer {
  flex-shrink: 0;
  width: 100%;
  margin-top: auto;
  padding: 1.25rem 0;
  background: transparent;
  text-align: center;
  color: #67748e;
  font-weight: 700;
}

body.bg-login-image {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
body.bg-login-image .login-wrapper {
  flex: 1 0 auto;
  width: 100%;
  min-height: auto;
}
body.bg-login-image .salps-footer {
  position: relative;
  z-index: 1;
  color: rgba(255,255,255,.86);
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
}

/* Footer placement on simple standalone pages. */
body.bg-light,
body.logout-body {
  min-height: 100vh;
}
body.bg-light {
  display: flex;
  flex-direction: column;
}
body.bg-light > .container {
  flex: 1 0 auto;
}
body.logout-body {
  height: auto;
  flex-direction: column;
}
body.logout-body .logout-box {
  margin-top: auto;
}
body.logout-body .salps-footer {
  margin-top: auto;
}