@tailwind base;@tailwind components;@tailwind utilities;:root{--text-3xl: 1.875rem;--text-2xl: 1.5rem;--text-xl: 1.25rem;--text-lg: 1.125rem;--text-base: 1rem;--text-sm: .875rem;--text-xs: .75rem;--btn-lg-height: 3rem;--btn-md-height: 2.5rem;--btn-sm-height: 2rem;--icon-xl: 1.5rem;--icon-lg: 1.25rem;--icon-md: 1rem;--icon-sm: .875rem;--icon-xs: .75rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827}@layer base{html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,sans-serif;background-color:#fff;color:var(--gray-800);margin:0;padding:0}}@layer components{.btn-lg{height:var(--btn-lg-height);@apply px-8 font-medium rounded-md transition-colors;font-size:var(--text-base);min-width:120px}.btn-md{height:var(--btn-md-height);@apply px-6 font-medium rounded-md transition-colors;font-size:var(--text-sm);min-width:100px}.btn-sm{height:var(--btn-sm-height);@apply px-4 font-medium rounded-md transition-colors;font-size:var(--text-xs);min-width:80px}.btn-text-heavy{@apply px-8;min-width:140px}.duplicate-btn{@apply px-6 py-2;min-width:120px}.btn-icon-lg{width:var(--btn-lg-height);height:var(--btn-lg-height);@apply flex items-center justify-center rounded-md transition-colors;}.btn-icon-md{width:var(--btn-md-height);height:var(--btn-md-height);@apply flex items-center justify-center rounded-md transition-colors;}.btn-icon-sm{width:var(--btn-sm-height);height:var(--btn-sm-height);@apply flex items-center justify-center rounded-md transition-colors;}.btn-primary{@apply btn-md bg-blue-600 text-white hover:bg-blue-700 focus:ring-2 focus:ring-blue-500;}.btn-secondary{@apply btn-md border border-gray-300 text-gray-700 bg-white hover:bg-gray-50 focus:ring-2 focus:ring-blue-500;}.input-field{height:var(--btn-md-height);@apply px-3 border border-gray-300 rounded-md bg-white focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors;font-size:var(--text-base)}.select-field{height:var(--btn-md-height);@apply px-3 border border-gray-300 rounded-md bg-white hover:border-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors;font-size:var(--text-base)}.icon-xl{width:var(--icon-xl);height:var(--icon-xl)}.icon-lg{width:var(--icon-lg);height:var(--icon-lg)}.icon-md{width:var(--icon-md);height:var(--icon-md)}.icon-sm{width:var(--icon-sm);height:var(--icon-sm)}.icon-xs{width:var(--icon-xs);height:var(--icon-xs)}.text-3xl{font-size:var(--text-3xl);line-height:1.2}.text-2xl{font-size:var(--text-2xl);line-height:1.25}.text-xl{font-size:var(--text-xl);line-height:1.4}.text-lg{font-size:var(--text-lg);line-height:1.5}.text-base{font-size:var(--text-base);line-height:1.5}.text-sm{font-size:var(--text-sm);line-height:1.4}.text-xs{font-size:var(--text-xs);line-height:1.3}.mobile-table{@apply block overflow-x-auto whitespace-nowrap;}.mobile-table table{@apply min-w-full;}.mobile-table th,.mobile-table td{@apply px-4 py-3 text-sm;}.mobile-card{@apply block p-4 bg-white border border-gray-200 rounded-lg mb-4 shadow-sm;}.mobile-card-header{@apply flex items-center justify-between mb-3 pb-3 border-b border-gray-100;}.mobile-card-content{@apply space-y-2;}.mobile-card-field{@apply flex items-center justify-between text-sm;}.mobile-card-label{@apply text-gray-500 font-medium;}.mobile-card-value{@apply text-gray-900 text-right;}.mobile-nav{@apply fixed bottom-0 left-0 right-0 bg-white border-t border-gray-200 px-4 py-2 z-40;}.mobile-nav-item{@apply flex flex-col items-center justify-center p-2 text-xs text-gray-600 hover:text-blue-600 transition-colors;}.mobile-nav-item.active{@apply text-blue-600;}.mobile-search{@apply sticky top-0 bg-white border-b border-gray-200 p-4 z-30;}.mobile-filters{@apply flex overflow-x-auto space-x-2 p-4 bg-gray-50;}.mobile-filter-chip{@apply flex-shrink-0 px-3 py-1 bg-white border border-gray-300 rounded-full text-sm whitespace-nowrap;}.mobile-kanban{@apply flex overflow-x-auto space-x-4 p-4;}.mobile-kanban-column{@apply flex-shrink-0 w-72;}.touch-button{@apply min-h-[44px] min-w-[44px] flex items-center justify-center;}.responsive-text{@apply text-base sm:text-sm;}.mobile-modal{@apply fixed inset-0 bg-white z-50 overflow-y-auto;}.mobile-modal-header{@apply sticky top-0 bg-white border-b border-gray-200 p-4 flex items-center justify-between;}.hide-mobile{@apply hidden sm:block;}.show-mobile{@apply block sm:hidden;}}@layer utilities{.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-left{padding-left:env(safe-area-inset-left)}.safe-right{padding-right:env(safe-area-inset-right)}.scroll-snap-x{scroll-snap-type:x mandatory}.scroll-snap-start{scroll-snap-align:start}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}input[type=checkbox]{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;width:18px!important;height:18px!important;border:2px solid #d1d5db!important;border-radius:4px!important;background-color:#fff!important;cursor:pointer!important;position:relative!important;transition:all .2s ease!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;margin:0!important;box-shadow:0 1px 2px #0000000d!important}input[type=checkbox]:checked{background-color:#2563eb!important;border-color:#2563eb!important;box-shadow:0 1px 3px #2563eb4d!important}input[type=checkbox]:checked:after{content:"✓"!important;color:#fff!important;font-size:14px!important;font-weight:700!important;line-height:1!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}input[type=checkbox]:indeterminate{background-color:#2563eb!important;border-color:#2563eb!important;box-shadow:0 1px 3px #2563eb4d!important}input[type=checkbox]:indeterminate:after{content:"−"!important;color:#fff!important;font-size:16px!important;font-weight:700!important;line-height:1!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}input[type=checkbox]:focus{outline:none!important;box-shadow:0 0 0 3px #3b82f64d!important}input[type=checkbox]:hover:not(:checked):not(:indeterminate){border-color:#9ca3af!important;background-color:#f9fafb!important;box-shadow:0 1px 3px #0000001a!important}table input[type=checkbox]{z-index:1!important}tr.selected{background-color:#3b82f60d!important}tr.selected:hover{background-color:#3b82f614!important}}.table-cell-editing{background-color:var(--gray-100);border:2px solid var(--primary-500)}.table-container{@apply overflow-x-auto;}.table-cell{@apply px-3 py-2 text-sm;max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-cell-flex{@apply flex items-center gap-2 min-w-0;}.table-cell-truncate{@apply truncate;min-width:0}.status-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:9999px;font-size:var(--text-xs);font-weight:500;line-height:1.3}.table-header{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-600)}.table-cell{font-size:var(--text-sm);color:var(--gray-900)}.card-title{font-size:var(--text-lg);font-weight:600;color:var(--gray-900)}.card-content{font-size:var(--text-sm);color:var(--gray-700)}.modal-title{font-size:var(--text-xl);font-weight:600;color:var(--gray-900)}.modal-content{font-size:var(--text-base);color:var(--gray-700)}