@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;@layer base{html{scroll-behavior:smooth}body{@apply font-sans text-gray-900 bg-gray-100 antialiased;}}@layer components{.btn{@apply px-4 py-2 rounded-md font-medium text-sm transition-all duration-150 focus:outline-none focus:ring-2 focus:ring-offset-1 disabled:opacity-50 disabled:cursor-not-allowed inline-flex items-center justify-center gap-2;}.btn-primary{@apply bg-primary-600 text-white hover:bg-primary-700 focus:ring-primary-500 active:bg-primary-800;}.btn-secondary{@apply bg-white text-gray-700 border border-gray-200 hover:bg-gray-50 hover:border-gray-300 focus:ring-gray-500;}.btn-danger{@apply bg-red-600 text-white hover:bg-red-700 focus:ring-red-500;}.btn-warning{@apply bg-amber-500 text-white hover:bg-amber-600 focus:ring-amber-400;}.btn-info{@apply bg-cyan-600 text-white hover:bg-cyan-700 focus:ring-cyan-500;}.btn-ghost{@apply bg-transparent text-gray-600 hover:bg-gray-100 hover:text-gray-900 focus:ring-gray-400;}.btn-sm{@apply px-3 py-1.5 text-xs;}.btn-lg{@apply px-5 py-2.5 text-base;}.card{@apply bg-white rounded-lg border border-gray-200 overflow-hidden;}.card-header{@apply px-6 py-4 border-b border-gray-100;}.card-title{@apply text-base font-semibold text-gray-900;}.card-body{@apply px-6 py-4;}.card-footer{@apply px-6 py-4 bg-gray-50/50 border-t border-gray-100;}.v-table{@apply w-full text-sm;}.v-table thead{@apply border-b border-gray-200;}.v-table th{@apply px-4 py-4 text-left text-xs font-semibold text-gray-500 uppercase tracking-wider bg-white;}.v-table th.sortable{@apply cursor-pointer select-none hover:text-gray-700;}.v-table th .sort-icon{@apply inline-block ml-1 text-gray-400;}.v-table th.sorted .sort-icon{@apply text-primary-600;}.v-table tbody tr{@apply border-b border-gray-100 hover:bg-gray-50/30 transition-colors;}.v-table tbody tr:last-child{@apply border-b-0;}.v-table td{@apply px-4 py-4 text-gray-700;}@media(max-width:1024px){.v-table th,.v-table td{@apply px-3 py-3;}}@media(max-width:768px){.v-table th,.v-table td{@apply px-2 py-2.5 text-xs;}.v-table th{@apply text-[10px];}}@media(max-width:639px){.hide-mobile{display:none!important}}@media(max-width:767px){.hide-sm{display:none!important}}@media(max-width:1023px){.hide-md{display:none!important}}.show-mobile-only{display:none!important}@media(max-width:639px){.show-mobile-only{display:block!important}}.mobile-card{@apply block p-4 bg-white border border-gray-200 rounded-lg mb-3;}.mobile-card-header{@apply flex items-center justify-between mb-3 pb-2 border-b border-gray-100;}.mobile-card-title{@apply font-medium text-gray-900;}.mobile-card-row{@apply flex items-center justify-between py-1.5 text-sm;}.mobile-card-label{@apply text-gray-500 text-xs;}.mobile-card-value{@apply text-gray-900 font-medium text-right;}.mobile-card-actions{@apply flex items-center justify-end gap-2 mt-3 pt-3 border-t border-gray-100;}.form-group{@apply mb-5;}.form-label{@apply block text-sm font-medium text-gray-700 mb-1.5;}.form-input{@apply w-full px-3 py-2.5 text-sm border border-gray-200 rounded-lg bg-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-primary-500/20 focus:border-primary-500 transition-all duration-150;}.form-input:hover:not(:focus){@apply border-gray-300;}.form-input.error{@apply border-red-300 focus:ring-red-500/10 focus:border-red-500;}.form-input[readonly]{@apply bg-gray-50 text-gray-500 cursor-not-allowed;}.form-error{@apply text-xs text-red-600 mt-1.5 flex items-center gap-1;}.form-hint{@apply text-xs text-gray-500 mt-1.5;}.form-textarea{@apply form-input resize-none;}.badge{@apply inline-flex items-center justify-center gap-1.5 px-3 py-1 rounded-full text-xs font-medium;}.badge-sm{@apply px-2 py-0.5 text-[10px];}.badge-dot{@apply h-1.5 w-1.5 rounded-full;}.badge-success{@apply bg-emerald-50 text-emerald-600 border border-emerald-200;}.badge-success .badge-dot{@apply bg-emerald-500;}.badge-warning{@apply bg-amber-50 text-amber-600 border border-amber-200;}.badge-warning .badge-dot{@apply bg-amber-500;}.badge-danger{@apply bg-red-50 text-red-600 border border-red-200;}.badge-danger .badge-dot{@apply bg-red-500;}.badge-primary{@apply bg-primary-50 text-primary-600 border border-primary-200;}.badge-primary .badge-dot{@apply bg-primary-500;}.badge-gray{@apply bg-gray-50 text-gray-600 border border-gray-200;}.badge-gray .badge-dot{@apply bg-gray-400;}.badge-purple{@apply bg-purple-50 text-purple-600 border border-purple-200;}.badge-purple .badge-dot{@apply bg-purple-500;}.badge-info{@apply bg-sky-50 text-sky-600 border border-sky-200;}.badge-info .badge-dot{@apply bg-sky-500;}.alert{@apply p-4 rounded-md flex items-start gap-3 border-l-4;}.alert-success{@apply bg-emerald-50/50 border-emerald-500 text-emerald-800;}.alert-warning{@apply bg-amber-50/50 border-amber-500 text-amber-800;}.alert-danger{@apply bg-red-50/50 border-red-500 text-red-800;}.alert-info{@apply bg-blue-50/50 border-blue-500 text-blue-800;}.spinner{@apply animate-spin h-4 w-4;}.spinner-lg{@apply animate-spin h-6 w-6;}.link{@apply text-gray-900 hover:text-gray-600 underline underline-offset-4 decoration-gray-300 hover:decoration-gray-500 transition-colors duration-150 cursor-pointer;}.active-menu-item{@apply bg-primary-100 text-primary-700 shadow-sm;}.menu-section-title{@apply px-3 py-2 text-xs font-semibold text-gray-400 uppercase tracking-wider;}.submenu-item{@apply flex items-center gap-2 px-3 py-2 text-sm font-medium text-gray-600 rounded-r-lg hover:bg-primary-50 hover:text-primary-600 transition-all duration-200;}.submenu-item.active{@apply bg-primary-100 text-primary-700 border-l-2 border-primary-500;}.page-header{@apply mb-6;}.page-title{@apply text-2xl font-bold text-gray-900 tracking-tight;}.page-description{@apply mt-1 text-sm text-gray-500;}.search-input{@apply w-full pl-10 pr-4 py-2.5 text-sm border border-gray-200 rounded-lg bg-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-primary-500/20 focus:border-primary-500 transition-all duration-150;}.search-input:hover:not(:focus){@apply border-gray-300;}.action-btn{@apply p-2 rounded-lg text-gray-400 hover:text-gray-600 hover:bg-gray-100 transition-all duration-150;}.action-btn-view{@apply p-2 rounded-lg text-gray-400 hover:text-gray-700 hover:bg-gray-100 transition-all duration-150;}.action-btn-disable{@apply p-2 rounded-lg text-orange-400 hover:text-orange-600 hover:bg-orange-50 transition-all duration-150;}.action-btn-primary{@apply p-2 rounded-lg text-primary-400 hover:text-primary-600 hover:bg-primary-50 transition-all duration-150;}.action-btn-danger{@apply p-2 rounded-lg text-red-400 hover:text-red-600 hover:bg-red-50 transition-all duration-150;}.action-btn-success{@apply p-2 rounded-lg text-success-400 hover:text-success-600 hover:bg-success-50 transition-all duration-150;}.code{@apply font-mono text-sm bg-gray-100 px-1.5 py-0.5 rounded text-gray-700;}.avatar{@apply flex items-center justify-center rounded-full bg-gradient-to-br from-gray-100 to-gray-200 text-gray-600 font-medium;}.avatar-sm{@apply h-8 w-8 text-xs;}.avatar-md{@apply h-10 w-10 text-sm;}.avatar-lg{@apply h-12 w-12 text-base;}.empty-state{@apply flex flex-col items-center justify-center py-12 text-center;}.empty-state-icon{@apply h-12 w-12 text-gray-300 mb-4;}.empty-state-title{@apply text-sm font-medium text-gray-900;}.empty-state-description{@apply text-sm text-gray-500 mt-1;}.skeleton{@apply animate-pulse bg-gray-200 rounded;}.toggle{@apply relative inline-flex h-5 w-9 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-gray-900 focus:ring-offset-2;}.toggle-dot{@apply pointer-events-none inline-block h-4 w-4 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out;}.modal-overlay{@apply fixed inset-0 bg-black/50 backdrop-blur-sm z-50;}.modal-container{@apply fixed inset-0 z-50 flex items-center justify-center p-4;}.modal-content{@apply bg-white rounded-lg shadow-2xl w-full max-h-[90vh] overflow-hidden border border-gray-200;}.modal-header{@apply flex items-center justify-between px-6 py-4 border-b border-gray-100;}.modal-title{@apply text-lg font-semibold text-gray-900;}.modal-body{@apply px-6 py-5 overflow-y-auto;}.modal-footer{@apply flex items-center justify-end gap-3 px-6 py-4 border-t border-gray-100 bg-gray-50/50;}.detail-section{@apply py-4 border-b border-gray-100 last:border-0;}.detail-label{@apply text-xs font-medium text-gray-500 uppercase tracking-wider mb-1;}.detail-value{@apply text-sm text-gray-900;}.stat-card{@apply p-4 bg-white border border-gray-200 rounded-lg;}.stat-label{@apply text-xs font-medium text-gray-500 uppercase tracking-wider;}.stat-value{@apply text-2xl font-semibold text-gray-900 mt-1;}.eval-stat-card{@apply flex items-center gap-3 p-4 bg-white rounded-xl border border-gray-200 transition-all hover:shadow-md hover:border-gray-300;}.eval-stat-icon{@apply w-10 h-10 rounded-lg flex items-center justify-center flex-shrink-0;}.eval-stat-value{@apply text-xl font-bold text-gray-900;}.eval-stat-label{@apply text-xs text-gray-500 uppercase tracking-wide;}.eval-card{@apply relative bg-white rounded-xl border border-gray-200 p-5 transition-all hover:shadow-lg hover:border-gray-300;}.eval-card-highlight{@apply border-primary-200 bg-gradient-to-r from-primary-50/30 to-white;}.eval-card-badge{@apply absolute -top-2.5 left-4;}.eval-year-badge{@apply flex items-center justify-center w-12 h-12 rounded-xl bg-gradient-to-br from-gray-100 to-gray-200 text-gray-700 font-bold text-sm;}.eval-status-badge{@apply inline-flex items-center gap-1.5 px-3 py-1 rounded-full text-xs font-medium;}.eval-status-dot{@apply h-1.5 w-1.5 rounded-full;}.eval-status-draft{@apply bg-gray-100 text-gray-600;}.eval-status-draft .eval-status-dot{@apply bg-gray-400;}.eval-status-pending-self{@apply bg-blue-50 text-blue-700 border border-blue-200;}.eval-status-pending-self .eval-status-dot{@apply bg-blue-500;}.eval-status-pending-manager{@apply bg-yellow-50 text-yellow-700 border border-yellow-200;}.eval-status-pending-manager .eval-status-dot{@apply bg-yellow-500;}.eval-status-pending-validation{@apply bg-orange-50 text-orange-700 border border-orange-200;}.eval-status-pending-validation .eval-status-dot{@apply bg-orange-500;}.eval-status-validated,.eval-status-completed{@apply bg-green-50 text-green-700 border border-green-200;}.eval-status-validated .eval-status-dot,.eval-status-completed .eval-status-dot{@apply bg-green-500;}.eval-status-rejected{@apply bg-red-50 text-red-700 border border-red-200;}.eval-status-rejected .eval-status-dot{@apply bg-red-500;}.eval-score-circle{@apply flex flex-col items-center justify-center w-16 h-16 rounded-full border-4;}.eval-score-excellent{@apply border-green-500 bg-green-50 text-green-700;}.eval-score-good{@apply border-blue-500 bg-blue-50 text-blue-700;}.eval-score-average{@apply border-yellow-500 bg-yellow-50 text-yellow-700;}.eval-score-poor{@apply border-red-500 bg-red-50 text-red-700;}.eval-score-pending{@apply flex items-center justify-center w-16 h-16 rounded-full border-2 border-dashed border-gray-200 bg-gray-50;}.eval-rating-badge{@apply px-4 py-2 rounded-lg text-sm font-semibold;}.eval-rating-excellent{@apply bg-green-100 text-green-800;}.eval-rating-good{@apply bg-blue-100 text-blue-800;}.eval-rating-average{@apply bg-yellow-100 text-yellow-800;}.eval-rating-poor{@apply bg-red-100 text-red-800;}.eval-rating-default{@apply bg-gray-100 text-gray-800;}.eval-progress-section{@apply mt-4 pt-4 border-t border-gray-100;}.eval-progress-track{@apply flex items-center justify-between;}.eval-progress-step{@apply flex flex-col items-center gap-1;}.eval-progress-step-dot{@apply w-3 h-3 rounded-full bg-gray-200 transition-colors;}.eval-progress-step.completed .eval-progress-step-dot{@apply bg-green-500;}.eval-progress-step.active .eval-progress-step-dot{@apply bg-primary-500 ring-4 ring-primary-100;}.eval-progress-step-label{@apply text-[10px] text-gray-400 font-medium uppercase tracking-wide;}.eval-progress-step.completed .eval-progress-step-label{@apply text-green-600;}.eval-progress-step.active .eval-progress-step-label{@apply text-primary-600;}.eval-progress-connector{@apply flex-1 h-0.5 bg-gray-200 mx-2;}.eval-progress-connector.completed{@apply bg-green-500;}}@layer utilities{.text-balance{text-wrap:balance}}