@tailwind base;@tailwind components;@tailwind utilities;body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;@apply bg-gray-100 dark:bg-gray-900 text-gray-800 dark:text-gray-200;}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}@layer components{.btn{@apply px-4 py-2 rounded-md font-medium focus:outline-none focus:ring-2 focus:ring-offset-2 transition-colors;}.btn-primary{@apply btn bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500;}.btn-secondary{@apply btn bg-gray-200 text-gray-800 hover:bg-gray-300 focus:ring-gray-500;}.btn-danger{@apply btn bg-red-600 text-white hover:bg-red-700 focus:ring-red-500;}.input{@apply w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500;}.card{@apply bg-white dark:bg-gray-800 rounded-lg shadow-md overflow-hidden;}.nav-link{@apply px-3 py-2 rounded-md text-sm font-medium text-gray-700 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400 hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors;}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#888;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555}@media (prefers-color-scheme: dark){::-webkit-scrollbar-track{background:#2d3748}::-webkit-scrollbar-thumb{background:#4a5568}::-webkit-scrollbar-thumb:hover{background:#718096}}:root{--safe-area-inset-top: env(safe-area-inset-top, 0);--safe-area-inset-right: env(safe-area-inset-right, 0);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0);--safe-area-inset-left: env(safe-area-inset-left, 0);--safe-area-padding-top: var(--safe-area-inset-top);--safe-area-padding-bottom: var(--safe-area-inset-bottom);--safe-area-padding-horizontal: var(--safe-area-inset-left) var(--safe-area-inset-right);--safe-area-padding-all: var(--safe-area-inset-top) var(--safe-area-inset-right) var(--safe-area-inset-bottom) var(--safe-area-inset-left)}.safe-area-padding-top{padding-top:var(--safe-area-inset-top)}.safe-area-padding-bottom{padding-bottom:var(--safe-area-inset-bottom)}.safe-area-padding-horizontal{padding-left:var(--safe-area-inset-left);padding-right:var(--safe-area-inset-right)}.safe-area-padding-all{padding:var(--safe-area-padding-all)}.bottom-nav-safe-area{padding-bottom:calc(var(--safe-area-inset-bottom) + 8px)}.content-with-bottom-nav{padding-bottom:calc(48px + var(--safe-area-inset-bottom) + 16px)}.full-screen-content{margin:calc(-1 * var(--safe-area-inset-top)) calc(-1 * var(--safe-area-inset-right)) calc(-1 * var(--safe-area-inset-bottom)) calc(-1 * var(--safe-area-inset-left));padding:var(--safe-area-padding-all)}@media (max-width: 768px){::-webkit-scrollbar{display:none}html,body,*{-ms-overflow-style:none;scrollbar-width:none}*::-webkit-scrollbar{display:none}}@media (display-mode: standalone){::-webkit-scrollbar{display:none}html,body,*{-ms-overflow-style:none;scrollbar-width:none}*::-webkit-scrollbar{display:none}}#app,#root{min-height:100vh;width:100%}.nav-link{padding:.5rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:500;color:#4b5563;transition:all .2s}.dark .nav-link{color:#d1d5db}.nav-link:hover{color:#2563eb;background-color:#f3f4f6}.dark .nav-link:hover{color:#60a5fa;background-color:#374151}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#1976d240;border-radius:99px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#1976d280}*{scrollbar-width:thin;scrollbar-color:rgba(25,118,210,.25) transparent}