@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.mobile-input-phase{animation:fadeInUp .5s ease-out;opacity:1;transform:translateY(0)}.mobile-processing-phase{animation:slideInFromRight .4s ease-out;opacity:1;transform:translate(0)}.mobile-output-phase{animation:scaleIn .5s ease-out;opacity:1;transform:scale(1)}.mobile-card-enter{animation:fadeInUp .3s ease-out;opacity:1;transform:translateY(0)}.mobile-card-selected{animation:pulse .3s ease-in-out;transform:scale(1)}.mobile-button-primary{transition:all .2s ease-in-out;box-shadow:0 4px 12px #3b82f64d;position:relative;z-index:1}.mobile-button-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}.mobile-button-primary:active{transform:translateY(0);box-shadow:0 2px 8px #3b82f64d}.mobile-progress{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #0000001a;background-color:#fffffff2}.mobile-search-focused{box-shadow:0 0 0 3px #3b82f61a;border-color:#3b82f6}.mobile-item-card{transition:all .2s ease-in-out;min-height:80px;position:relative}.mobile-item-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.mobile-quantity-btn{transition:all .15s ease-in-out;min-width:32px;min-height:32px}.mobile-quantity-btn:active{transform:scale(.95)}@keyframes spin{to{transform:rotate(360deg)}}.mobile-spinner{animation:spin 1s linear infinite}.mobile-toast{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 25px #0003;background-color:#fffffff2}.mobile-safe-top{padding-top:env(safe-area-inset-top)}.mobile-safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.mobile-safe-left{padding-left:env(safe-area-inset-left)}.mobile-safe-right{padding-right:env(safe-area-inset-right)}.mobile-backdrop{-webkit-backdrop-filter:blur(8px) saturate(180%);backdrop-filter:blur(8px) saturate(180%);background-color:#fffc;background-color:#fffffff2}.mobile-touch-feedback{transition:all .1s ease-in-out;min-height:44px;min-width:44px}.mobile-touch-feedback:active{transform:scale(.98);opacity:.8}.mobile-app{min-height:100vh;min-height:100dvh;width:100%;position:relative;overflow-x:hidden;contain:layout style}@supports not (backdrop-filter: blur(10px)){.mobile-progress,.mobile-toast,.mobile-backdrop{background-color:#fffffff2!important}}@media(prefers-reduced-motion:reduce){.mobile-input-phase,.mobile-processing-phase,.mobile-output-phase,.mobile-card-enter,.mobile-card-selected,.mobile-button-primary,.mobile-item-card,.mobile-quantity-btn,.mobile-touch-feedback{animation:none!important;transition:none!important}}@supports (-webkit-touch-callout: none){.mobile-app{min-height:-webkit-fill-available}}@tailwind base;@tailwind components;@tailwind utilities;@layer utilities{.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}@keyframes slow-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.02)}}.slow-pulse{animation:slow-pulse 3s ease-in-out infinite}@layer base{:root{--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--primary: 221.2 83.2% 53.3%;--primary-foreground: 210 40% 98%;--secondary: 210 40% 96%;--secondary-foreground: 222.2 84% 4.9%;--muted: 210 40% 96%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 210 40% 96%;--accent-foreground: 222.2 84% 4.9%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 40% 98%;--border: 214.3 31.8% 82%;--input: 214.3 31.8% 82%;--ring: 221.2 83.2% 53.3%;--radius: .5rem;--chart-1: 12 76% 61%;--chart-2: 173 58% 39%;--chart-3: 197 37% 24%;--chart-4: 43 74% 66%;--chart-5: 27 87% 67%;--header-height-base: 5.5rem;--header-height-with-search: 7rem;--header-height-current: var(--header-height-base)}.dark{--background: 222.2 84% 4.9%;--foreground: 210 40% 98%;--card: 222.2 84% 4.9%;--card-foreground: 210 40% 98%;--popover: 222.2 84% 4.9%;--popover-foreground: 210 40% 98%;--primary: 217.2 91.2% 59.8%;--primary-foreground: 222.2 84% 4.9%;--secondary: 217.2 32.6% 17.5%;--secondary-foreground: 210 40% 98%;--muted: 217.2 32.6% 17.5%;--muted-foreground: 215 20.2% 65.1%;--accent: 217.2 32.6% 17.5%;--accent-foreground: 210 40% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 210 40% 98%;--border: 217.2 32.6% 17.5%;--input: 217.2 32.6% 17.5%;--ring: 224.3 76.3% 94.1%;--chart-1: 220 70% 50%;--chart-2: 160 60% 45%;--chart-3: 30 80% 55%;--chart-4: 280 65% 60%;--chart-5: 340 75% 55%}}@layer base{*{@apply border-border;}body{@apply bg-background text-foreground;}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}}@layer components{.fixed-header-layout{padding-top:var(--header-height-current, var(--header-height-base))}.fixed-header-layout-with-search{padding-top:var(--header-height-with-search)}.fixed-sidebar-layout{top:var(--header-height-current, var(--header-height-base))}.fixed-sidebar-layout-with-search{top:var(--header-height-with-search)}.header-nav-item{@apply px-3 py-2 rounded-md text-sm font-medium transition-colors duration-200;}.header-nav-item:hover{@apply bg-gray-100 text-gray-900;}.header-nav-item.active{@apply bg-blue-100 text-blue-700;}.main-content-area{@apply flex-1 overflow-hidden;}.responsive-table{@apply w-full table-fixed;min-width:800px}.responsive-table td{@apply overflow-hidden;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.responsive-table .description-cell{@apply max-w-0;min-width:120px}.truncate-responsive{@apply truncate;max-width:100%}@media(max-width:1024px){.responsive-table .description-cell{min-width:100px}}@media(max-width:768px){.responsive-table .description-cell{min-width:80px}}@media(min-resolution:1.5dppx){.responsive-table .description-cell{min-width:100px}}@media(min-resolution:2dppx){.responsive-table .description-cell{min-width:80px}}.tooltip-content{z-index:9999!important;position:fixed!important}[data-radix-tooltip-content]{z-index:9999!important;will-change:transform}.table-zebra tbody tr:nth-child(2n){background-color:#fafafa}.table-zebra tbody tr:nth-child(odd){background-color:#fff}.table-zebra tbody tr:hover{background-color:#f3f4f6!important}.file-manager-item{@apply min-w-0 flex-1;}.file-card{@apply transition-all duration-200 hover:shadow-sm;}.file-card:hover .file-actions{@apply opacity-100;}.file-actions{@apply opacity-70 transition-opacity duration-200;}.action-buttons{@apply flex items-center gap-1 flex-shrink-0;}.action-button{@apply h-7 w-7 p-0 transition-colors duration-150;}@media(max-width:768px){.file-manager-tooltip{display:none}.file-manager-item-name{@apply text-sm truncate max-w-full;}.file-actions{@apply opacity-100;}.action-button{@apply h-8 w-8;}.fixed-header-layout{padding-top:var(--header-height-current, var(--header-height-with-search))}.fixed-sidebar-layout{top:var(--header-height-current, var(--header-height-with-search))}}.file-name-truncate{@apply truncate;max-width:calc(100% - 120px)}.status-badge{@apply inline-flex items-center gap-1 px-2 py-0.5 rounded text-xs font-medium;}.info-grid{@apply flex items-center gap-2 text-xs;}@media(min-width:640px){.info-grid{@apply gap-4;}}.icon-xs{@apply h-2.5 w-2.5;}.icon-sm{@apply h-3.5 w-3.5;}.icon-md{@apply h-4 w-4;}.file-card:hover{@apply transform scale-[1.01] shadow-md;}.truncate-with-tooltip{@apply truncate cursor-help;}.truncate-with-tooltip:hover{@apply text-blue-600;}}