@layer base{body{@apply bg-secondary-50;}}@layer components{.btn-primary{@apply inline-flex items-center px-4 py-2 bg-primary-600 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-primary-700 focus:bg-primary-700 active:bg-primary-900 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 transition ease-in-out duration-150;}.btn-secondary{@apply inline-flex items-center px-4 py-2 bg-secondary-600 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-secondary-700 focus:bg-secondary-700 active:bg-secondary-900 focus:outline-none focus:ring-2 focus:ring-secondary-500 focus:ring-offset-2 transition ease-in-out duration-150;}.card{@apply bg-white overflow-hidden shadow-card hover:shadow-card-hover sm:rounded-lg transition duration-300;}.card-header{@apply p-6 border-b border-secondary-200;}.card-body{@apply p-6;}.form-input{@apply mt-1 block w-full rounded-md border-secondary-300 shadow-sm focus:border-primary-500 focus:ring-primary-500;color:#1f2937!important;background-color:#fffffff2!important;border:1px solid rgba(209,213,219,.8)!important;font-size:16px!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.form-input::placeholder{color:#6b7280!important;opacity:1!important}.form-input:focus{background-color:#fff!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}.form-label{@apply block text-sm font-medium text-secondary-700;}.activity-timeline{@apply space-y-4;}.activity-item{@apply relative flex items-start space-x-3 p-4 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors duration-150;}.activity-icon{@apply flex-shrink-0 w-8 h-8 bg-primary-100 rounded-full flex items-center justify-center;}.activity-icon i{@apply text-primary-600 text-sm;}.activity-content{@apply flex-1 min-w-0;}.activity-date{@apply text-xs text-gray-500 mt-2;}.community-feed-media{@apply flex space-x-2 mt-2;}.community-feed-media-item{@apply w-16 h-16 rounded-lg overflow-hidden;}.community-feed-media-item img{@apply w-full h-full object-cover;}.community-comment-input{@apply w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-primary-500 resize-none;}.community-comment-submit{@apply inline-flex items-center px-4 py-2 bg-primary-600 text-white text-sm font-medium rounded-lg hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 transition-colors duration-200;}.shadow-card{@apply shadow-lg;}.shadow-card-hover{@apply shadow-xl;}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}}@tailwind base;@tailwind components;@tailwind utilities;@layer components{.admin-card{@apply bg-white overflow-hidden shadow-sm rounded-xl p-6 sm:p-8 border border-gray-100 transition-all duration-300;}.admin-table{@apply min-w-full divide-y divide-gray-200 overflow-hidden rounded-xl border border-gray-100;}.admin-table th{@apply px-6 py-4 text-left text-xs font-medium text-gray-600 uppercase tracking-wider bg-gray-50;}.admin-table td{@apply px-6 py-4 whitespace-nowrap text-sm text-gray-700 border-t border-gray-100;}.admin-table tr{@apply hover:bg-gray-50 transition-colors duration-150;}.admin-btn-primary{@apply inline-flex items-center justify-center px-4 py-2 bg-blue-600 border border-transparent rounded-md font-medium text-sm text-white shadow-sm hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition-all duration-200 ease-in-out;}.admin-btn-secondary{@apply inline-flex items-center justify-center px-4 py-2 bg-white border border-gray-300 rounded-md font-medium text-sm text-gray-700 shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-300 transition-all duration-200 ease-in-out;}.admin-btn-danger{@apply inline-flex items-center justify-center px-4 py-2 bg-red-600 border border-transparent rounded-md font-medium text-sm text-white shadow-sm hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 transition-all duration-200 ease-in-out;}.form-label{@apply block text-sm font-medium text-gray-700 mb-1;}.form-input{@apply block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500 sm:text-sm transition-colors duration-200 bg-white;}.form-input.error{@apply border-red-300 focus:border-red-500 focus:ring-red-500;}.form-group{@apply mb-5;}select.form-input{@apply pr-10 bg-no-repeat bg-right-1;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-size:1.25em 1.25em;background-position:right .5rem center}textarea.form-input{@apply min-h-[6rem] resize-y;}.form-checkbox,.form-radio{@apply rounded border-gray-300 text-blue-600 shadow-sm focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50 transition-colors duration-200;}.progress-bar{@apply w-full bg-gray-200 rounded-full h-2.5 mb-1;}.progress-bar-fill{@apply bg-blue-600 h-2.5 rounded-full;}.form-section{@apply mb-8 p-6 bg-white rounded-xl border border-gray-200 shadow-sm;}.form-section-title{@apply text-lg font-medium text-gray-900 mb-4 pb-2 border-b border-gray-200;}.admin-layout{@apply flex min-h-screen bg-gray-50;}.admin-sidebar{@apply w-64 flex-shrink-0 bg-white border-r border-gray-200 shadow-sm;}.admin-content{@apply flex-1 flex flex-col min-w-0;}.admin-header{@apply bg-white shadow-sm z-10 border-b border-gray-100;}.admin-main{@apply flex-1 overflow-y-auto bg-gray-50 p-4 sm:p-6 lg:p-8;}.badge{@apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium;}.badge-gray{@apply bg-gray-100 text-gray-800;}.badge-green{@apply bg-green-100 text-green-800;}.badge-blue{@apply bg-blue-100 text-blue-800;}.badge-red{@apply bg-red-100 text-red-800;}.badge-yellow{@apply bg-yellow-100 text-yellow-800;}.badge-purple{@apply bg-purple-100 text-purple-800;}.required-marker{@apply text-red-500 ml-1;}.form-divider{@apply mt-8 pt-6 border-t border-gray-200;}@media (max-width: 1024px){.admin-sidebar{@apply fixed z-50 left-0 top-0 bottom-0;}}[x-cloak]{display:none!important}}
