.btn{@apply font-medium rounded-lg text-sm px-5 py-2.5 text-center transition;}.btn-primary{@apply text-white bg-vvp-primary hover:bg-vvp-secondary;}.btn-secondary{@apply text-vvp-primary border border-vvp-primary hover:bg-gray-50;}.btn-danger{@apply text-white bg-red-600 hover:bg-red-700;}.btn-vvp-primary{--bs-btn-color: #fff !important;--bs-btn-bg: #0f2efd !important;--bs-btn-border-color: #0f2efd !important;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: #0f2efd;--bs-btn-hover-border-color: #0f2efd !important;--bs-btn-focus-shadow-rgb: 49, 132, 253;--bs-btn-active-color: #fff;--bs-btn-active-bg: #0f2efd;--bs-btn-active-border-color: #0f2efd;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color: #fff;--bs-btn-disabled-bg: #0f2efd;--bs-btn-disabled-border-color: #0f2efd}.btn-vvp-outline-primary{--bs-btn-color: #0f2efd !important;--bs-btn-border-color: #0f2efd !important;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: #0f2efd;--bs-btn-hover-border-color: #0f2efd !important;--bs-btn-focus-shadow-rgb: 13, 110, 253;--bs-btn-active-color: #fff;--bs-btn-active-bg: #0f2efd;--bs-btn-active-border-color: #0f2efd;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color: #0f2efd;--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: #0f2efd;--bs-gradient: none}.employee-card{@apply vvp-card flex items-center p-4 hover:shadow-lg transition;}.employee-avatar{@apply flex-shrink-0 h-12 w-12 bg-blue-100 rounded-full flex items-center justify-center;}.employee-initials{@apply text-blue-600 font-medium;}.employee-info{@apply ml-4;}.employee-name{@apply text-sm font-medium text-gray-900;}.employee-email{@apply text-sm text-gray-500;}.feedback-form{@apply vvp-card max-w-2xl mx-auto;}.feedback-title{@apply text-2xl font-bold text-gray-800 mb-6;}.rating-stars{@apply flex items-center space-x-2;}.rating-star{@apply w-10 h-10 text-2xl focus:outline-none cursor-pointer;}.star-icon-white{fill:#fff}.star-icon-yellow{fill:gold}.rating-star{transition:transform .2s ease}.rating-star:hover{transform:scale(1.1)}.rating-star svg path{transition:color .2s ease}.required-star{color:red}.custom-checkbox{cursor:pointer}select:invalid{color:#6c757d}select:valid{color:#000}.custom-checkbox input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border:2px solid #0f2efd;border-radius:4px;background-color:#fff;cursor:pointer;margin-right:3px;transition:background-color .2s,border-color .2s}.custom-checkbox input[type=checkbox]:checked{background-color:#0f2efd;border-color:#0f2efd}.custom-checkbox input[type=checkbox]:checked:after{content:"";position:absolute;left:6px;top:2px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.footer-image{max-height:68px}.form-group{@apply mb-6;}.form-label{@apply block text-gray-700 font-medium mb-2;}.form-input,.form-select{@apply vvp-input;}.form-error{@apply mt-1 text-sm text-red-600;}.nav-logo{@apply text-xl font-bold flex items-center;}.nav-menu{@apply flex space-x-6;}.nav-link{@apply hover:underline;transition:color .3s ease}.nav-link:hover{color:#0f2efd!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease-in-out}.slide-up{@apply transition-transform duration-300 ease-out;transform:translateY(20px)}.slide-up:hover{transform:translateY(0)}:root{--color-primary: #3b82f6;--color-primary-dark: #1e40af;--color-danger: #ef4444;--color-success: #10b981;--color-warning: #f59e0b;--font-sans: "Instrument Sans", ui-sans-serif, system-ui, sans-serif;--font-gilroy: "Gilroy", sans-serif}