html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:-webkit-fill-available}body{min-height:100vh;min-height:-webkit-fill-available;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch;padding-bottom:env(safe-area-inset-bottom)}#root{min-height:100vh;min-height:-webkit-fill-available;display:flex;flex-direction:column}#root>div{flex:1 1 auto;overflow-y:auto;min-height:0}*{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,input[type=button],input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none}input,select,textarea{font-size:16px!important}.touch-target{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}.touch-target-large{min-height:48px;min-width:48px}@media (max-width: 640px){button,.btn-primary,.btn-secondary,.btn-equipment-primary{min-height:44px;padding:.75rem 1.25rem;font-size:1rem}.button-group-mobile{display:flex;flex-direction:column;gap:.75rem;width:100%}.button-group-mobile button{width:100%}}@media (max-width: 1024px){header,.mobile-header{position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:1000!important;padding-top:env(safe-area-inset-top,0px)!important;background:white!important}.mobile-header>div{padding-top:.5rem}.mobile-hide-text{display:none}.theme-toggle{background:var(--autovol-gray-bg)!important;border:2px solid var(--autovol-teal)!important;border-radius:8px!important;padding:.5rem!important;min-width:44px!important;min-height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1.25rem!important;transition:all .2s ease!important}.theme-toggle:active{transform:scale(.95);background:var(--autovol-teal)!important}.mobile-current-tab{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--autovol-teal-light);border-radius:8px;font-size:.875rem;font-weight:600;color:var(--autovol-navy);border:2px solid var(--autovol-teal)}.mobile-current-tab-icon{font-size:1.25rem}}@media (max-width: 640px){header .max-w-7xl{padding-left:.75rem;padding-right:.75rem}.mobile-hide-role{display:none}.mobile-header-compact{flex-direction:column;align-items:flex-start;gap:.5rem}}.mobile-nav-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.mobile-nav-overlay.active{opacity:1;visibility:visible}.mobile-nav-drawer{position:fixed;top:0;left:-100%;width:300px;max-width:85vw;height:100vh;background:white;z-index:1000;transition:left .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;box-shadow:2px 0 16px #0003;-webkit-overflow-scrolling:touch}.mobile-nav-drawer.active{left:0}.mobile-nav-header{padding:1.5rem;padding-top:calc(1.5rem + env(safe-area-inset-top,0px));background:linear-gradient(135deg,var(--autovol-navy) 0%,#2a4a6f 100%);color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000001a}.mobile-nav-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem;min-width:44px;min-height:44px}.mobile-nav-items{padding:1rem 0}.mobile-nav-item{display:flex;align-items:center;padding:1rem 1.5rem;color:var(--autovol-navy);text-decoration:none;border-left:4px solid transparent;transition:all .2s ease;cursor:pointer;min-height:60px;font-size:1rem;font-weight:500;position:relative}.mobile-nav-item:hover,.mobile-nav-item:active{background-color:var(--autovol-gray-light);border-left-color:var(--autovol-teal)}.mobile-nav-item.active{background:linear-gradient(90deg,var(--autovol-teal-light) 0%,rgba(0,123,138,.1) 100%);border-left-color:var(--autovol-teal);font-weight:700;color:var(--autovol-teal)}.mobile-nav-item.active:after{content:"✓";position:absolute;right:1.5rem;color:var(--autovol-teal);font-weight:700;font-size:1.25rem}.mobile-nav-item-icon{width:24px;height:24px;margin-right:1rem;min-width:24px;display:inline-block;background-size:contain;background-repeat:no-repeat;background-position:center}.mobile-nav-item-label{flex:1}.mobile-fab-menu{display:none;position:fixed;bottom:20px;right:16px;width:44px;height:44px;border-radius:8px;background:transparent;color:var(--autovol-navy, #1E3A5F);border:none;cursor:pointer;z-index:1001;align-items:center;justify-content:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:opacity .2s ease;bottom:calc(20px + env(safe-area-inset-bottom,0px))}.mobile-fab-menu:active{opacity:.7}.mobile-fab-menu.active{color:var(--autovol-teal, #00A19C)}.mobile-fab-icon{width:22px;height:16px;position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.mobile-fab-icon span{display:block;height:2px;width:22px;background-color:currentColor;border-radius:1px;transition:all .3s ease}@media (max-width: 1024px){.mobile-fab-menu{display:flex}}.mobile-menu-button{display:none}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid #e5e7eb;display:none;z-index:100;box-shadow:0 -2px 10px #0000001a}.bottom-nav-items{display:flex;justify-content:space-around;padding:.5rem 0}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;padding:.5rem;color:#6b7280;text-decoration:none;transition:color .2s ease;min-height:56px;justify-content:center}.bottom-nav-item.active{color:var(--autovol-teal)}.bottom-nav-item-icon{font-size:1.25rem;margin-bottom:.25rem}.bottom-nav-item-label{font-size:.625rem;font-weight:500}@media (max-width: 640px){.bottom-nav{display:block}body.has-bottom-nav{padding-bottom:70px}}.container-mobile{padding-left:1rem;padding-right:1rem}@media (min-width: 640px){.container-mobile{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){.container-mobile{padding-left:2rem;padding-right:2rem}}.grid-responsive{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width: 640px){.grid-responsive{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid-responsive{grid-template-columns:repeat(4,1fr);gap:1.5rem}}.grid-responsive-2{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width: 768px){.grid-responsive-2{grid-template-columns:repeat(2,1fr)}}.table-container-mobile{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -1rem;padding:0 1rem}@media (min-width: 1024px){.table-container-mobile{margin:0;padding:0}}.table-card-mobile{display:none}@media (max-width: 640px){.table-desktop{display:none}.table-card-mobile{display:block}.table-card-item{background:white;border-radius:.5rem;padding:1rem;margin-bottom:.75rem;box-shadow:0 1px 3px #0000001a}.table-card-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #f3f4f6}.table-card-row:last-child{border-bottom:none}.table-card-label{font-weight:600;color:#6b7280;font-size:.875rem}.table-card-value{font-weight:500;color:#111827}}@media (max-width: 640px){.modal-content,.equipment-modal-content{max-width:100%;width:100%;max-height:100vh;margin:0;border-radius:0}.modal-overlay,.equipment-modal-overlay{padding:0;align-items:flex-end}.modal-content{animation:slideUpMobile .3s ease}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}}@media (max-width: 640px){h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.text-3xl{font-size:1.875rem}.text-2xl{font-size:1.5rem}}.hide-mobile{display:block}.show-mobile{display:none}@media (max-width: 640px){.hide-mobile{display:none!important}.show-mobile{display:block}}.hide-tablet{display:block}.show-tablet{display:none}@media (min-width: 640px) and (max-width: 1024px){.hide-tablet{display:none}.show-tablet{display:block}}.hide-mobile-tablet{display:flex}.show-mobile-tablet{display:none!important}@media (max-width: 1024px){.hide-mobile-tablet{display:none!important}.show-mobile-tablet{display:block!important}}.mobile-header{position:-webkit-sticky;position:sticky;top:0;z-index:50}@media (max-width: 1024px){.mobile-header .max-w-7xl{padding-left:.75rem;padding-right:.75rem}.mobile-logo{height:36px!important}.mobile-user-profile{min-height:44px;min-width:44px;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;padding:.25rem .5rem;border-radius:8px}.mobile-user-profile:active{background-color:var(--autovol-gray-light, #f3f4f6)}}@media (max-width: 640px){.mobile-logo{height:32px!important}.mobile-header .max-w-7xl{padding-top:.5rem;padding-bottom:.5rem}}@media (max-width: 1024px){nav.bg-white.border-b{display:none!important}}.pull-to-refresh{position:fixed;top:-60px;left:50%;transform:translate(-50%);width:40px;height:40px;background:white;border-radius:50%;box-shadow:0 2px 8px #00000026;display:flex;align-items:center;justify-content:center;transition:top .3s ease;z-index:1000}.pull-to-refresh.active{top:20px}.pull-to-refresh-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite;border-radius:.25rem}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1rem;margin-bottom:.5rem}.skeleton-title{height:1.5rem;width:60%;margin-bottom:1rem}.skeleton-card{height:120px;margin-bottom:1rem}.swipeable{touch-action:pan-y;-webkit-user-select:none;user-select:none}.swipe-indicator{position:absolute;top:50%;transform:translateY(-50%);font-size:1.5rem;opacity:0;transition:opacity .2s ease}.swipe-indicator.left{left:1rem}.swipe-indicator.right{right:1rem}.swipeable.swiping .swipe-indicator{opacity:.5}@supports (padding: max(0px)){.safe-area-top{padding-top:max(1rem,env(safe-area-inset-top))}.safe-area-bottom{padding-bottom:max(1rem,env(safe-area-inset-bottom))}.safe-area-left{padding-left:max(1rem,env(safe-area-inset-left))}.safe-area-right{padding-right:max(1rem,env(safe-area-inset-right))}}.gpu-accelerated{transform:translateZ(0);will-change:transform}.smooth-scroll{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 1024px){.nav-groups-container{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.nav-groups-container::-webkit-scrollbar{display:none}.nav-dropdown{position:fixed!important;left:0!important;right:0!important;width:100%!important;max-height:60vh;overflow-y:auto;border-radius:0 0 12px 12px!important;box-shadow:0 8px 24px #00000026!important}.nav-dropdown-item{min-height:52px;padding:1rem 1.5rem!important;font-size:1rem}}@media (max-width: 640px){.nav-groups-wrapper{flex-wrap:wrap;gap:.5rem}.nav-group-button{flex:1 1 auto;min-width:100px;justify-content:center;padding:.75rem 1rem!important;font-size:.875rem}.nav-dropdown{top:auto!important;bottom:0!important;border-radius:16px 16px 0 0!important;max-height:70vh;padding-bottom:env(safe-area-inset-bottom,1rem)}.nav-dropdown-item{min-height:56px;border-bottom:1px solid var(--autovol-gray-light)}.nav-dropdown-item:last-child{border-bottom:none}}@media (max-width: 640px){.dashboard-grid{grid-template-columns:1fr!important;gap:1rem}.quick-actions-grid{grid-template-columns:1fr 1fr!important;gap:.75rem}.quick-action-btn{padding:1rem!important;min-height:80px;flex-direction:column;text-align:center}.quick-action-btn .icon{margin-bottom:.5rem;font-size:1.5rem}.metrics-grid{grid-template-columns:1fr 1fr!important;gap:.75rem}.metric-card{padding:1rem!important}.metric-value{font-size:1.5rem!important}.metric-label{font-size:.75rem!important}}@media (max-width: 1024px){.production-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.5rem}.production-tabs::-webkit-scrollbar{height:4px}.production-tabs::-webkit-scrollbar-thumb{background:var(--autovol-teal);border-radius:2px}}@media (max-width: 640px){.production-tab-btn{flex:0 0 auto;white-space:nowrap;padding:.75rem 1rem;font-size:.875rem}.weekly-board-header{flex-direction:column;align-items:flex-start;gap:1rem}.weekly-board-controls{width:100%;flex-wrap:wrap;gap:.5rem}.weekly-board-controls button{flex:1 1 auto;min-width:100px}.station-columns{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:1rem}.station-column{min-width:280px;flex:0 0 280px}}@media (max-width: 640px){.projects-grid{grid-template-columns:1fr!important}.project-card{padding:1rem}.project-card-header{flex-direction:column;align-items:flex-start;gap:.5rem}.project-actions{display:flex;gap:.5rem;width:100%;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--autovol-gray-light)}.project-actions button{flex:1;min-height:44px}.projects-toolbar{flex-direction:column;gap:.75rem}.projects-search{width:100%}.projects-filters{width:100%;display:flex;gap:.5rem}.projects-filters select{flex:1}}@media (max-width: 640px){.employee-grid{grid-template-columns:1fr!important}.employee-card{padding:1rem}.employee-avatar{width:48px!important;height:48px!important;font-size:1.25rem!important}.training-matrix-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.training-matrix{min-width:600px}}@media (max-width: 640px){.modal-overlay{align-items:flex-end!important}.modal-content{width:100%!important;max-width:100%!important;max-height:90vh!important;border-radius:16px 16px 0 0!important;margin:0!important}.modal-header{padding:1.25rem 1rem;border-bottom:1px solid var(--autovol-gray-light)}.modal-body{padding:1rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-footer{padding:1rem;border-top:1px solid var(--autovol-gray-light);padding-bottom:max(1rem,env(safe-area-inset-bottom))}.modal-footer button{flex:1;min-height:48px}}@media (max-width: 640px){.form-row{flex-direction:column;gap:1rem}.form-group{width:100%}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],select,textarea{min-height:48px;padding:.75rem 1rem;font-size:16px;border-radius:8px}input[type=checkbox],input[type=radio]{width:24px;height:24px}}@media (max-width: 640px){.responsive-table{display:block}.responsive-table thead{display:none}.responsive-table tbody{display:flex;flex-direction:column;gap:1rem}.responsive-table tr{display:block;background:white;border-radius:8px;padding:1rem;box-shadow:0 1px 3px #0000001a}.responsive-table td{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--autovol-gray-light)}.responsive-table td:last-child{border-bottom:none}.responsive-table td:before{content:attr(data-label);font-weight:600;color:var(--autovol-navy);margin-right:1rem}}@media (max-width: 1024px){.weekly-board-container{padding:.5rem}.modules-on-board-panel{max-height:200px;overflow-y:auto}.weekly-board-grid{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:.75rem;padding-bottom:1rem;scroll-snap-type:x mandatory}.weekly-board-grid::-webkit-scrollbar{height:6px}.weekly-board-grid::-webkit-scrollbar-thumb{background:var(--autovol-teal, #007B8A);border-radius:3px}.weekly-board-station{min-width:220px;flex:0 0 220px;scroll-snap-align:start}.weekly-board-card{padding:.5rem;font-size:.8rem}.weekly-board-card-serial{font-size:.75rem}.weekly-board-header{flex-wrap:wrap;gap:.75rem}.weekly-board-header-controls{flex-wrap:wrap;gap:.5rem}.weekly-board-header-controls button{padding:.5rem .75rem;font-size:.8rem;min-height:40px}}@media (max-width: 640px){.weekly-board-grid{flex-direction:column;overflow-x:visible}.weekly-board-station{min-width:100%;flex:1 1 auto;margin-bottom:1rem}.weekly-board-station-header{position:-webkit-sticky;position:sticky;top:60px;z-index:10;background:white;padding:.75rem;border-radius:8px 8px 0 0;box-shadow:0 2px 4px #0000001a}.weekly-board-card{padding:.75rem;min-height:60px;border-radius:8px;margin-bottom:.5rem}.weekly-board-card-actions button{min-width:44px;min-height:44px;padding:.5rem}.modules-on-board-panel{max-height:150px;overflow-y:auto;border-radius:8px}.modules-on-board-panel.expanded{max-height:60vh}.modules-on-board-toggle{display:flex;width:100%;padding:.75rem;background:var(--autovol-teal-light, #e6f4f5);border:none;border-radius:8px;font-weight:600;color:var(--autovol-navy, #1E3A5F);justify-content:space-between;align-items:center;min-height:48px}.weekly-board-week-selector{width:100%}.weekly-board-week-selector select{width:100%;min-height:48px;font-size:1rem;padding:.75rem}.weekly-board-view-toggle{display:flex;gap:.5rem;width:100%}.weekly-board-view-toggle button{flex:1;min-height:44px;font-size:.875rem}.progress-button-group{display:flex;gap:.25rem;flex-wrap:wrap}.progress-button-group button{min-width:40px;min-height:40px;font-size:.75rem;padding:.5rem;border-radius:6px}.weekly-board-toast{position:fixed;bottom:80px;left:1rem;right:1rem;z-index:1000}}@media (max-width: 1024px){.modules-on-board-header{cursor:pointer;padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;background:var(--autovol-navy, #1E3A5F);color:#fff;border-radius:8px 8px 0 0}.modules-on-board-header:after{content:"";width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid white;transition:transform .2s ease}.modules-on-board-header.collapsed:after{transform:rotate(-90deg)}.modules-on-board-list{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:.5rem;padding:.75rem}.modules-on-board-item{min-width:120px;flex:0 0 auto;padding:.5rem;border-radius:6px;font-size:.75rem}}@media (max-width: 640px){.modules-on-board-list{flex-direction:column;overflow-x:visible;overflow-y:auto;max-height:200px}.modules-on-board-item{min-width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between}}@media (max-width: 1024px){.production-sub-tabs{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:.5rem;padding:.5rem;background:white;border-radius:8px;margin-bottom:1rem}.production-sub-tabs::-webkit-scrollbar{display:none}.production-sub-tab{flex:0 0 auto;white-space:nowrap;padding:.75rem 1rem;border-radius:6px;font-size:.875rem;min-height:44px;border:1px solid var(--autovol-gray-light, #e5e7eb)}.production-sub-tab.active{background:var(--autovol-teal, #007B8A);color:#fff;border-color:var(--autovol-teal, #007B8A)}}@media (max-width: 1024px){main.max-w-7xl{padding-left:.75rem;padding-right:.75rem;padding-top:1rem}}@media (max-width: 640px){main.max-w-7xl{padding-left:.5rem;padding-right:.5rem;padding-top:.75rem;padding-bottom:80px}}@media (max-width: 1024px){button:not(.no-touch-target),.btn-primary,.btn-secondary,[role=button]{min-height:44px;min-width:44px}a.button,a.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center}select{min-height:44px;padding:.5rem 2rem .5rem .75rem}input[type=checkbox],input[type=radio]{width:22px;height:22px;cursor:pointer}.bg-white.rounded-lg,.card{box-shadow:0 1px 3px #00000014}.space-y-6>*+*{margin-top:1rem}.space-y-4>*+*{margin-top:.75rem}.gap-6{gap:1rem}.gap-4{gap:.75rem}}@media (max-width: 640px){.space-y-6>*+*{margin-top:.75rem}.text-2xl{font-size:1.25rem}.text-xl{font-size:1.125rem}.text-lg{font-size:1rem}.p-6{padding:1rem}.p-4{padding:.75rem}.px-6{padding-left:1rem;padding-right:1rem}.py-6{padding-top:1rem;padding-bottom:1rem}}@keyframes slideUpModal{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 640px){.fixed.inset-0.flex.items-center.justify-center{align-items:flex-end!important}.fixed.inset-0>.bg-white.rounded-xl,.fixed.inset-0>.bg-white.rounded-lg{width:100%!important;max-width:100%!important;max-height:90vh!important;margin:0!important;border-radius:16px 16px 0 0!important;animation:slideUpModal .3s ease-out}.fixed.inset-0 button[class*=close]{min-width:44px;min-height:44px}}@media (max-width: 1024px){.executive-kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem}.executive-chart-container{width:100%;overflow-x:auto}}@media (max-width: 640px){.executive-kpi-grid{grid-template-columns:1fr!important}.executive-kpi-card{padding:.75rem}.executive-kpi-value{font-size:1.5rem}}@media (max-width: 1024px){.employee-grid{grid-template-columns:repeat(2,1fr)!important}.training-matrix-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.training-matrix{min-width:600px}}@media (max-width: 640px){.employee-grid{grid-template-columns:1fr!important}.employee-card{padding:.75rem}.employee-avatar{width:40px!important;height:40px!important;font-size:1rem!important}}@media (max-width: 1024px){.yard-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 640px){.yard-grid{grid-template-columns:1fr!important}.yard-slot{padding:.75rem;min-height:80px}}@media (max-width: 1024px){[data-theme=dark] .mobile-nav-drawer{background:#1a1a2e}[data-theme=dark] .mobile-nav-item{color:#e5e7eb}[data-theme=dark] .mobile-nav-item.active{background:linear-gradient(90deg,rgba(0,123,138,.3) 0%,rgba(0,123,138,.1) 100%)}}@media (max-width: 768px){.flex.gap-1,.flex.gap-2,.flex.border-b{flex-wrap:nowrap}[class*=border-b]>.flex{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}[class*=border-b]>.flex::-webkit-scrollbar{display:none}[class*=border-b] button,[class*=border-b]>.flex>button{flex-shrink:0;white-space:nowrap}.bg-white.rounded-xl button,.bg-gray-800.rounded-xl button{flex-shrink:0;white-space:nowrap;padding-left:.75rem;padding-right:.75rem;font-size:12px}.space-y-6>.bg-white>.flex,.space-y-6>.bg-gray-800>.flex,div[style*=borderRadius]>div:first-child{display:flex!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px;gap:4px}.space-y-6>.bg-white>.flex::-webkit-scrollbar,.space-y-6>.bg-gray-800>.flex::-webkit-scrollbar{display:none}.space-y-6 button{flex-shrink:0!important;white-space:nowrap!important;min-width:-webkit-fit-content;min-width:fit-content}.space-y-6>div:first-child .flex{overflow-x:auto;-webkit-overflow-scrolling:touch}.rounded-xl .flex.gap-1{overflow-x:auto;padding-bottom:.25rem}.flex.gap-4.items-center{flex-direction:column;align-items:stretch}.flex.gap-4.items-center>.flex-1{width:100%}.flex.gap-4.items-center>select{width:100%}.flex.gap-4.items-center>button{width:100%;text-align:center}}@media (max-width: 768px){.overflow-x-auto,table,[class*=table]{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.bg-autovol-navy+div,[class*="450 Modules"]+div{overflow-x:auto}table{min-width:600px}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -1rem;padding:0 1rem}}@media (max-width: 768px){.transport-board-desktop{display:none!important}.transport-board-mobile{display:block!important}}@media (min-width: 769px){.transport-board-mobile{display:none!important}}@media (max-width: 768px){.flex.items-center.justify-between.flex-wrap{flex-direction:column;align-items:flex-start;gap:.75rem}.flex.items-center.justify-between.flex-wrap select,.flex.items-center.justify-between.flex-wrap .flex.items-center.gap-2{width:100%}.grid.grid-cols-2.md\\:grid-cols-4{grid-template-columns:repeat(2,1fr)!important}}.mobile-weekly-board{padding:0}.mobile-weekly-board .scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.mobile-weekly-board .scrollbar-hide::-webkit-scrollbar{display:none}.mobile-weekly-board .touch-pan-y{touch-action:pan-y}.mobile-weekly-board button.shadow-md{transform:scale(1.05)}@media (max-width: 640px){main,.main-content,#root>div>div:not(header):not(nav){padding-top:.5rem}.bg-white.rounded-lg,.bg-white.rounded-xl{margin-left:.5rem;margin-right:.5rem}.p-4{padding:.75rem!important}.p-6{padding:1rem!important}.gap-4{gap:.75rem!important}.gap-6{gap:1rem!important}.text-sm{font-size:.875rem!important}.text-xs{font-size:.75rem!important}.flex.items-center.gap-2{gap:.5rem!important;flex-wrap:wrap}.flex.items-center.gap-4{gap:.75rem!important;flex-wrap:wrap}.flex.gap-2 button,.flex.gap-3 button{padding:.5rem .75rem;min-height:40px}.grid.grid-cols-1.md\\:grid-cols-2.lg\\:grid-cols-4{grid-template-columns:1fr!important;gap:.75rem!important}.grid.grid-cols-2.md\\:grid-cols-3.lg\\:grid-cols-5{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}}@supports (-webkit-touch-callout: none){.mobile-header{padding-top:max(env(safe-area-inset-top),20px)!important}.mobile-nav-drawer{padding-bottom:env(safe-area-inset-bottom,0px)}}@media print{.mobile-nav-drawer,.bottom-nav,.mobile-menu-button,.pull-to-refresh{display:none!important}}.import-upload-step{padding:20px 0}.import-instructions{background:#f8f9fa;border-radius:8px;padding:20px;margin-bottom:30px}.import-instructions h3{margin-top:0;color:#2c3e50;font-size:18px}.import-instructions ul{margin:15px 0;padding-left:25px}.import-instructions li{margin:8px 0;color:#555}.import-note{background:#fff3cd;border-left:4px solid #ffc107;padding:12px;margin-top:15px;border-radius:4px;color:#856404}.file-upload-area{text-align:center;padding:40px;border:2px dashed #ddd;border-radius:8px;background:#fafafa;transition:all .3s ease}.file-upload-area:hover{border-color:#007bff;background:#f0f7ff}.file-upload-label{display:inline-flex;flex-direction:column;align-items:center;gap:15px;cursor:pointer;padding:20px}.file-upload-label:hover{color:#007bff}.file-upload-label span{font-size:16px;font-weight:500}.icon-upload{width:48px;height:48px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23007bff" stroke-width="2"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M17 8l-5-5-5 5M12 3v12"/></svg>') center/contain no-repeat}.import-verify-step{padding:20px 0}.import-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.summary-card{display:flex;align-items:center;gap:15px;padding:20px;border-radius:8px;background:white;border:2px solid #e9ecef}.summary-card.summary-new{border-color:#28a745;background:#f0fff4}.summary-card.summary-update{border-color:#ffc107;background:#fffbf0}.summary-card.summary-error{border-color:#dc3545;background:#fff5f5}.summary-icon{width:40px;height:40px;border-radius:50%;flex-shrink:0}.summary-new .summary-icon{background:#28a745 url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>') center/60% no-repeat}.summary-update .summary-icon{background:#ffc107 url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/></svg>') center/60% no-repeat}.summary-error .summary-icon{background:#dc3545 url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>') center/60% no-repeat}.summary-content{flex:1}.summary-count{font-size:32px;font-weight:700;line-height:1;margin-bottom:5px}.summary-new .summary-count{color:#28a745}.summary-update .summary-count{color:#ffc107}.summary-error .summary-count{color:#dc3545}.summary-label{font-size:14px;color:#6c757d;font-weight:500}.alert{padding:15px;border-radius:6px;margin-bottom:20px}.alert ul{margin:10px 0 0;padding-left:20px}.alert li{margin:5px 0}.alert-warning{background:#fff3cd;border:1px solid #ffc107;color:#856404}.alert-error{background:#f8d7da;border:1px solid #dc3545;color:#721c24}.import-updates-section{margin-top:30px}.import-updates-section h3{margin-bottom:15px;color:#2c3e50}.import-option{margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:6px}.import-option label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:500}.import-option input[type=checkbox]{width:18px;height:18px;cursor:pointer}.updates-list{border:1px solid #dee2e6;border-radius:8px;overflow:hidden}.update-item{border-bottom:1px solid #dee2e6}.update-item:last-child{border-bottom:none}.update-header{display:flex;align-items:center;gap:15px;padding:15px 20px;background:white;cursor:pointer;transition:background .2s}.update-header:hover{background:#f8f9fa}.update-serial{font-weight:600;color:#2c3e50;font-family:Courier New,monospace}.update-changes-count{flex:1;color:#6c757d;font-size:14px}.update-toggle{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#6c757d;transition:transform .2s;font-size:12px}.update-toggle.expanded{transform:rotate(180deg)}.update-details{padding:0 20px 20px;background:#f8f9fa}.changes-table{width:100%;border-collapse:collapse;background:white;border-radius:6px;overflow:hidden}.changes-table th{background:#e9ecef;padding:12px;text-align:left;font-weight:600;color:#495057;font-size:14px}.changes-table td{padding:12px;border-top:1px solid #dee2e6}.field-name{font-weight:500;color:#495057;text-transform:capitalize}.old-value{color:#6c757d;font-style:italic}.new-value{color:#28a745;font-weight:500}.updates-more{padding:15px 20px;text-align:center;color:#6c757d;font-style:italic;background:#f8f9fa}.modal-large{max-width:900px;max-height:90vh;overflow-y:auto}@media (max-width: 768px){.import-summary{grid-template-columns:1fr}.summary-card{padding:15px}.summary-count{font-size:24px}.update-header{flex-wrap:wrap;gap:10px}.changes-table{font-size:14px}.changes-table th,.changes-table td{padding:8px}}