@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f3f4f6}:root{--el-color-primary: #16a34a;--el-color-primary-light-3: #86efac;--el-color-primary-light-5: #bbf7d0;--el-color-primary-light-7: #dcfce7;--el-color-primary-light-8: #f0fdf4;--el-color-primary-light-9: #f7fee7;--el-color-primary-dark-2: #15803d;--el-color-success: #10b981;--el-color-warning: #f59e0b;--el-color-danger: #ef4444;--el-color-info: #6b7280;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#888;border-radius:4px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:#555}.el-button--primary{background-color:var(--el-color-primary);border-color:var(--el-color-primary)}.el-button--primary:hover{background-color:var(--el-color-primary-dark-2);border-color:var(--el-color-primary-dark-2)}.el-button--primary:active{background-color:#14532d;border-color:#14532d}@layer utilities{.text-primary{color:var(--el-color-primary)}.bg-primary{background-color:var(--el-color-primary)}.border-primary{border-color:var(--el-color-primary)}.fade-in{animation:fadeIn .3s ease-in-out}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@layer components{.container-custom{@apply w-full mx-auto px-4;}@media(min-width:640px){.container-custom{max-width:640px}}@media(min-width:768px){.container-custom{max-width:768px}}@media(min-width:1024px){.container-custom{max-width:1024px}}@media(min-width:1280px){.container-custom{max-width:1280px}}@media(min-width:1536px){.container-custom{max-width:1536px}}}.card{@apply bg-white rounded-lg shadow-md p-6;}.card-header{@apply font-semibold text-lg mb-4 text-gray-900;}.card-body{@apply text-gray-600;}.spinner{@apply inline-block w-8 h-8 border-4 border-primary border-t-transparent rounded-full;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:all .3s ease}.slide-enter-from{transform:translate(-100%)}.slide-leave-to{transform:translate(100%)}