*{font-family: "Montserrat", sans-serif;}
::-webkit-scrollbar 
{
    width: 3px;
    height: 3px;
}
::-webkit-scrollbar-track 
{
    background: #f1f5f9;
    border-radius: 2px;
}
::-webkit-scrollbar-thumb 
{
    background: #cbd5e1;
    border-radius: 2px;
    transition: background 0.2s ease;
}
::-webkit-scrollbar-thumb:hover {background: #94a3b8;}
::-webkit-scrollbar-corner {background: #f1f5f9;}
* {
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 #f1f5f9;
}
.thin-scrollbar::-webkit-scrollbar 
{
    width: 3px;
    height: 3px;
}
.thin-scrollbar::-webkit-scrollbar-track 
{
    background: #f8fafc;
}
.thin-scrollbar::-webkit-scrollbar-thumb 
{
    background: #e2e8f0;
    border-radius: 2px;
}
.thin-scrollbar::-webkit-scrollbar-thumb:hover {background: #cbd5e1;}
.fs-1{font-size:1px}.fs-2{font-size:2px}.fs-3{font-size:3px}.fs-4{font-size:4px}.fs-5{font-size:5px}.fs-6{font-size:6px}.fs-7{font-size:7px}.fs-8{font-size:8px}.fs-9{font-size:9px}.fs-10{font-size:10px}.fs-11{font-size:11px}.fs-12{font-size:12px}.fs-13{font-size:13px}
.pa-1{padding:1px}.pa-2{padding:2px}.pa-3{padding:3px}.pa-4{padding:4px}.pa-5{padding:5px}.pa-6{padding:6px}.pa-7{padding:7px}.pa-8{padding:8px}.pa-9{padding:9px}.pa-10{padding:10px}.pa-11{padding:11px}.pa-12{padding:12px}.pa-13{padding:13px}.pa-14{padding:14px}.pa-15{padding:15px}.pa-16{padding:16px}.pa-17{padding:17px}.pa-18{padding:18px}.pa-19{padding:19px}.pa-20{padding:20px;}
.pal-1{padding-left:1px;}.pal-2{padding-left:2px;}.pal-3{padding-left:3px;}.pal-4{padding-left:4px;}.pal-5{padding-left:5px;}.pal-6{padding-left:6px;}.pal-7{padding-left:7px;}.pal-8{padding-left:8px;}.pal-9{padding-left:9px;}.pal-10{padding-left:10px;}.pal-11{padding-left:11px;}.pal-12{padding-left:12px;}.pal-13{padding-left:13px;}.pal-14{padding-left:14px;}.pal-15{padding-left:15px;}.pal-16{padding-left:16px;}.pal-17{padding-left:17px;}.pal-18{padding-left:18px;}.pal-19{padding-left:19px;}.pal-20{padding-left:20px;}
.par-1{padding-right:1px;}.par-2{padding-right:2px;}.par-3{padding-right:3px;}.par-4{padding-right:4px;}.par-5{padding-right:5px;}.par-6{padding-right:6px;}.par-7{padding-right:7px;}.par-8{padding-right:8px;}.par-9{padding-right:9px;}.par-10{padding-right:10px;}.par-11{padding-right:11px;}.par-12{padding-right:12px;}.par-13{padding-right:13px;}.par-14{padding-right:14px;}.par-15{padding-right:15px;}.par-16{padding-right:16px;}.par-17{padding-right:17px;}.par-18{padding-right:18px;}.par-19{padding-right:19px;}.par-20{padding-right:20px;}
.pat-1{padding-top:1px;}.pat-2{padding-top:2px;}.pat-3{padding-top:3px;}.pat-4{padding-top:4px;}.pat-5{padding-top:5px;}.pat-6{padding-top:6px;}.pat-7{padding-top:7px;}.pat-8{padding-top:8px;}.pat-9{padding-top:9px;}.pat-10{padding-top:10px;}.pat-11{padding-top:11px;}.pat-12{padding-top:12px;}.pat-13{padding-top:13px;}.pat-14{padding-top:14px;}.pat-15{padding-top:15px;}.pat-16{padding-top:16px;}.pat-17{padding-top:17px;}.pat-18{padding-top:18px;}.pat-19{padding-top:19px;}.pat-20{padding-top:20px;}
.pab-1{padding-bottom:1px;}.pab-2{padding-bottom:2px;}.pab-3{padding-bottom:3px;}.pab-4{padding-bottom:4px;}.pab-5{padding-bottom:5px;}.pab-6{padding-bottom:6px;}.pab-7{padding-bottom:7px;}.pab-8{padding-bottom:8px;}.pab-9{padding-bottom:9px;}.pab-10{padding-bottom:10px;}.pab-11{padding-bottom:11px;}.pab-12{padding-bottom:12px;}.pab-13{padding-bottom:13px;}.pab-14{padding-bottom:14px;}.pab-15{padding-bottom:15px;}.pab-16{padding-bottom:16px;}.pab-17{padding-bottom:17px;}.pab-18{padding-bottom:18px;}.pab-19{padding-bottom:19px;}.pab-20{padding-bottom:20px;}
.ma-1{margin:1px}.ma-2{margin:2px}.ma-3{margin:3px}.ma-4{margin:4px}.ma-5{margin:5px}.ma-6{margin:6px}.ma-7{margin:7px}.ma-8{margin:8px}.ma-9{margin:9px}.ma-10{margin:10px}.ma-11{margin:11px}.ma-12{margin:12px}.ma-13{margin:13px}.ma-14{margin:14px}.ma-15{margin:15px}.ma-16{margin:16px}.ma-17{margin:17px}.ma-18{margin:18px}.ma-19{margin:19px}.ma-20{margin:20px;}
.mal-1{margin-left:1px;}.mal-2{margin-left:2px;}.mal-3{margin-left:3px;}.mal-4{margin-left:4px;}.mal-5{margin-left:5px;}.mal-6{margin-left:6px;}.mal-7{margin-left:7px;}.mal-8{margin-left:8px;}.mal-9{margin-left:9px;}.mal-10{margin-left:10px;}.mal-11{margin-left:11px;}.mal-12{margin-left:12px;}.mal-13{margin-left:13px;}.mal-14{margin-left:14px;}.mal-15{margin-left:15px;}.mal-16{margin-left:16px;}.mal-17{margin-left:17px;}.mal-18{margin-left:18px;}.mal-19{margin-left:19px;}.mal-20{margin-left:20px;}
.mar-1{margin-right:1px;}.mar-2{margin-right:2px;}.mar-3{margin-right:3px;}.mar-4{margin-right:4px;}.mar-5{margin-right:5px;}.mar-6{margin-right:6px;}.mar-7{margin-right:7px;}.mar-8{margin-right:8px;}.mar-9{margin-right:9px;}.mar-10{margin-right:10px;}.mar-11{margin-right:11px;}.mar-12{margin-right:12px;}.mar-13{margin-right:13px;}.mar-14{margin-right:14px;}.mar-15{margin-right:15px;}.mar-16{margin-right:16px;}.mar-17{margin-right:17px;}.mar-18{margin-right:18px;}.mar-19{margin-right:19px;}.mar-20{margin-right:20px;}
.mat-1{margin-top:1px;}.mat-2{margin-top:2px;}.mat-3{margin-top:3px;}.mat-4{margin-top:4px;}.mat-5{margin-top:5px;}.mat-6{margin-top:6px;}.mat-7{margin-top:7px;}.mat-8{margin-top:8px;}.mat-9{margin-top:9px;}.mat-10{margin-top:10px;}.mat-11{margin-top:11px;}.mat-12{margin-top:12px;}.mat-13{margin-top:13px;}.mat-14{margin-top:14px;}.mat-15{margin-top:15px;}.mat-16{margin-top:16px;}.mat-17{margin-top:17px;}.mat-18{margin-top:18px;}.mat-19{margin-top:19px;}.mat-20{margin-top:20px;}
.mab-1{margin-bottom:1px;}.mab-2{margin-bottom:2px;}.mab-3{margin-bottom:3px;}.mab-4{margin-bottom:4px;}.mab-5{margin-bottom:5px;}.mab-6{margin-bottom:6px;}.mab-7{margin-bottom:7px;}.mab-8{margin-bottom:8px;}.mab-9{margin-bottom:9px;}.mab-10{margin-bottom:10px;}.mab-11{margin-bottom:11px;}.mab-12{margin-bottom:12px;}.mab-13{margin-bottom:13px;}.mab-14{margin-bottom:14px;}.mab-15{margin-bottom:15px;}.mab-16{margin-bottom:16px;}.mab-17{margin-bottom:17px;}.mab-18{margin-bottom:18px;}.mab-19{margin-bottom:19px;}.mab-20{margin-bottom:20px;}
.fw-100{font-weight:100;}.fw-200{font-weight:200;}.fw-300{font-weight:300;}.fw-400{font-weight:400;}.fw-500{font-weight:500;}.fw-600{font-weight:600;}.fw-700{font-weight:700;}.fw-800{font-weight:800;}.fw-900{font-weight:900;}
.bg-navy-50  { background-color: #f4f7fb; }
.bg-navy-100 { background-color: #e9eff7; }
.bg-navy-200 { background-color: #c8d7eb; }
.bg-navy-300 { background-color: #a6bedf; }
.bg-navy-400 { background-color: #7393c9; }
.bg-navy-500 { background-color: #4068b2; }
.bg-navy-600 { background-color: #365a9a; }
.bg-navy-700 { background-color: #2b4a80; }
.bg-navy-800 { background-color: #203966; }
.bg-navy-900 { background-color: #1f3b63; }
.bg-navy-950 { background-color: #0e1d33; }
.text-navy-50  { color: #f4f7fb; }
.text-navy-100 { color: #e9eff7; }
.text-navy-200 { color: #c8d7eb; }
.text-navy-300 { color: #a6bedf; }
.text-navy-400 { color: #7393c9; }
.text-navy-500 { color: #4068b2; }
.text-navy-600 { color: #365a9a; }
.text-navy-700 { color: #2b4a80; }
.text-navy-800 { color: #203966; }
.text-navy-900 { color: #1f3b63; }
.text-navy-950 { color: #0e1d33; }
.border-navy-50  { border-color: #f4f7fb; }
.border-navy-100 { border-color: #e9eff7; }
.border-navy-200 { border-color: #c8d7eb; }
.border-navy-300 { border-color: #a6bedf; }
.border-navy-400 { border-color: #7393c9; }
.border-navy-500 { border-color: #4068b2; }
.border-navy-600 { border-color: #365a9a; }
.border-navy-700 { border-color: #2b4a80; }
.border-navy-800 { border-color: #203966; }
.border-navy-900 { border-color: #1f3b63; }
.border-navy-950 { border-color: #0e1d33; }

/* Custom animations for tab switching */
.tab-container {
    position: relative;
    overflow: hidden;
    transition: height 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.tab-form {
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.slide-enter {
    transform: translateX(100%);
    opacity: 0;
}

.slide-enter-active {
    transform: translateX(0);
    opacity: 1;
}

.slide-exit {
    transform: translateX(0);
    opacity: 1;
}

.slide-exit-active {
    transform: translateX(-100%);
    opacity: 0;
}

/* Improved button transitions */
.tab-button {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    position: relative;
    overflow: hidden;
}

.tab-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
    transition: left 0.5s;
}

.tab-button:hover::before {
    left: 100%;
}

/* Animations pour les contenus de tabs */
.tab-content-enter {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.tab-content-enter-active {
    opacity: 1;
    transform: translateY(0);
}