@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;html{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{min-height:100vh;overflow-x:hidden}::selection{background-color:theme("colors.primary.200");color:theme("colors.primary.900")}*:focus{outline:2px solid theme("colors.primary.500");outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only:focus{position:static;width:auto;height:auto;padding:.5rem 1rem;margin:0;overflow:visible;clip:auto;white-space:normal}.btn-primary{@apply bg-primary-500 hover:bg-primary-600 text-white font-medium px-4 py-2 rounded-lg transition-colors duration-200;}.btn-secondary{@apply bg-surface-200 hover:bg-surface-300 dark:bg-surface-700 dark:hover:bg-surface-600 text-surface-900 dark:text-surface-100 font-medium px-4 py-2 rounded-lg transition-colors duration-200;}.input-field{@apply w-full px-3 py-2 border border-surface-300 dark:border-surface-600 rounded-lg bg-surface-50 dark:bg-surface-800 text-surface-900 dark:text-surface-100 focus:ring-2 focus:ring-primary-500 focus:border-primary-500 transition-colors duration-200;}.form-label{@apply block text-sm font-medium text-surface-700 dark:text-surface-300 mb-2;}.error-text{@apply text-error-500 text-sm mt-1;}.success-text{@apply text-success-500 text-sm mt-1;}.card{@apply bg-surface-100 dark:bg-surface-800 rounded-xl border border-surface-300 dark:border-surface-600 shadow-lg;}.card-header{@apply p-6 border-b border-surface-300 dark:border-surface-600;}.card-body{@apply p-6;}.card-footer{@apply p-6 border-t border-surface-300 dark:border-surface-600;}.page-container{@apply max-w-7xl mx-auto px-4 sm:px-6 lg:px-8;}.page-header{@apply mb-8;}.page-title{@apply text-3xl font-bold text-surface-900 dark:text-surface-100 mb-2;}.page-subtitle{@apply text-lg text-surface-600 dark:text-surface-400;}.loading-spinner{@apply animate-spin rounded-full border-2 border-surface-300 border-t-primary-500;}.loading-skeleton{@apply animate-pulse bg-surface-300 dark:bg-surface-600 rounded;}.toast-success{@apply bg-success-500 text-white;}.toast-error{@apply bg-error-500 text-white;}.toast-warning{@apply bg-warning-500 text-white;}.toast-info{@apply bg-primary-500 text-white;}.input-valid{@apply border-success-500 focus:border-success-500 focus:ring-success-500;}.input-invalid{@apply border-error-500 focus:border-error-500 focus:ring-error-500;}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{@apply bg-surface-200 dark:bg-surface-700;}::-webkit-scrollbar-thumb{@apply bg-surface-400 dark:bg-surface-500 rounded-full;}::-webkit-scrollbar-thumb:hover{@apply bg-surface-500 dark:bg-surface-400;}@screen sm{.page-title {@apply text-4xl;}}@screen lg{.page-title {@apply text-5xl;}}@media (prefers-contrast: high){.btn-primary{@apply border-2 border-primary-700;}.input-field{@apply border-2;}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}@media print{.no-print{display:none!important}body{color:#000!important;background:#fff!important}.card{border:1px solid #000!important;box-shadow:none!important}}@media (prefers-color-scheme: dark){html{color-scheme:dark}}.js-focus-visible :focus:not(.focus-visible){outline:none}.fade-in{animation:fadeIn .3s ease-in-out}.slide-up{animation:slideUp .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.z-header{z-index:1000}.z-dropdown{z-index:1010}.z-modal{z-index:1020}.z-toast{z-index:1030}.text-brand{@apply text-primary-500;}.bg-brand{@apply bg-primary-500;}.border-brand{@apply border-primary-500;}.data-table{@apply w-full text-sm text-left text-surface-700 dark:text-surface-300;}.data-table th{@apply px-6 py-3 bg-surface-100 dark:bg-surface-700 font-medium text-surface-900 dark:text-surface-100 uppercase tracking-wider;}.data-table td{@apply px-6 py-4 whitespace-nowrap border-b border-surface-200 dark:border-surface-600;}.data-table tbody tr:hover{@apply bg-surface-50 dark:bg-surface-750;}.status-online{@apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-success-100 text-success-800 dark:bg-success-800 dark:text-success-200;}.status-offline{@apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-error-100 text-error-800 dark:bg-error-800 dark:text-error-200;}.status-pending{@apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-warning-100 text-warning-800 dark:bg-warning-800 dark:text-warning-200;}.anchor{@apply text-surface-700-200-token hover:text-primary-500 transition-colors;}.anchor:focus{@apply outline-2 outline-primary-500 outline-offset-2;}.page-transition{transition:opacity .2s ease-in-out}.bg-surface-backdrop-token{background-color:#00000080}
