@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#0e7478;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0891b2}.nav-link.active{color:#0e7478;font-weight:600}*:focus{outline:2px solid #0E7478;outline-offset:2px}button:focus,a:focus{outline:2px solid #0E7478;outline-offset:2px}.field-error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.progress-bar{overflow:hidden;border-radius:9999px;background-color:#e5e7eb}.progress-fill{height:100%;background:linear-gradient(90deg,#0e7478,#0891b2);border-radius:9999px;transition:width 1s ease-in-out;transform-origin:left}.skill-card{transition:all .2s ease-in-out}.skill-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000001a}.project-card{transition:all .25s ease-in-out}.project-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000001a}.project-card img{transition:transform .3s ease-in-out}.project-card:hover img{transform:scale(1.05)}.filter-fade{animation:fadeIn .3s ease-out}#mobile-menu{transition:all .3s ease-in-out}#mobile-menu.show{animation:slideDown .3s ease-out}.section-reveal{opacity:0;transform:translateY(30px);transition:all .6s ease-out}.section-reveal.revealed{opacity:1;transform:translateY(0)}.timeline-item{opacity:0;transform:translate(-20px);transition:all .6s ease-out}.timeline-item.revealed{opacity:1;transform:translate(0)}.loading{position:relative;overflow:hidden}.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:loading 1.5s infinite}@keyframes loading{0%{left:-100%}to{left:100%}}@media (max-width: 640px){.animate-fade-in{animation-delay:.2s}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: high){.bg-gray-50\/50{background-color:#fff}.text-secondary{color:#000}.border-gray-100{border-color:#000}}.field-error{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.hover\:bg-gray-50:hover{background-color:#f9fafb}#user-modal,#delete-modal{animation:fadeIn .2s ease-out}#user-modal>div,#delete-modal>div{animation:slideUp .3s ease-out}#success-toast{transition:transform .3s cubic-bezier(.4,0,.2,1)}.loading{position:relative;color:transparent}.loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid #ffffff;border-radius:50%;border-top-color:transparent;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.role-admin{background-color:#0e74781a;color:#0e7478}.role-user{background-color:#f3f4f6;color:#374151}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,select:focus{outline:none;border-color:#0e7478;box-shadow:0 0 0 3px #0e74781a}#user-modal .overflow-y-auto::-webkit-scrollbar{width:6px}#user-modal .overflow-y-auto::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}#user-modal .overflow-y-auto::-webkit-scrollbar-thumb{background:#0e7478;border-radius:3px}#user-modal .overflow-y-auto::-webkit-scrollbar-thumb:hover{background:#0891b2}@media (max-width: 768px){.overflow-x-auto{-webkit-overflow-scrolling:touch}table{min-width:600px}}.role-filter.active{transform:scale(1.05)}#empty-state{animation:fadeIn .5s ease-out}tbody tr{animation:slideUp .3s ease-out}#toggle-password:hover{background-color:#6b72801a;border-radius:4px}