@media (max-width:768px){*{-webkit-tap-highlight-color:transparent;touch-action:manipulation}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:14px}body{padding-bottom:80px;font-size:14px;line-height:1.4;overflow-x:hidden}.mobile-container{max-width:100vw;padding:.75rem;overflow-x:hidden}.mobile-header{min-height:60px;padding:1rem .75rem}.mobile-header h1{margin-bottom:.25rem;line-height:1.3;font-size:1.25rem!important}.mobile-header p{opacity:.9;font-size:.875rem!important}.mobile-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;margin-bottom:.75rem;padding:1rem;box-shadow:0 1px 3px rgba(0,0,0,.1)}.mobile-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.mobile-card-title{color:#0ea5e9;font-size:.875rem;font-weight:600}.mobile-card-badge{border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.mobile-card-content{grid-template-columns:1fr 1fr;gap:.75rem;font-size:.875rem;display:grid}.mobile-card-field{flex-direction:column;display:flex}.mobile-card-label{color:#6b7280;margin-bottom:.25rem;font-size:.75rem;font-weight:500}.mobile-card-value{color:#111827;font-weight:500}.mobile-form{background:#fff;border-radius:.75rem;margin-bottom:1rem;padding:1rem;box-shadow:0 1px 3px rgba(0,0,0,.1)}.mobile-form-group{margin-bottom:1rem}.mobile-form-group:last-child{margin-bottom:0}.mobile-form-label{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.mobile-form-input{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;width:100%;min-height:44px;padding:.75rem;font-size:1rem}.mobile-form-input:focus{border-color:#0ea5e9;outline:none;box-shadow:0 0 0 3px rgba(14,165,233,.1)}.mobile-btn{border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:44px;margin-bottom:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.mobile-btn:last-child{margin-bottom:0}.mobile-btn-primary{color:#fff;background-color:#0ea5e9}.mobile-btn-primary:hover{background-color:#0284c7}.mobile-btn-secondary{color:#374151;background-color:#f8fafc;border:1px solid #d1d5db}.mobile-btn-success{color:#fff;background-color:#10b981}.mobile-stats-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin:1rem 0;display:grid}.mobile-stat-card{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem;box-shadow:0 1px 3px rgba(0,0,0,.1)}.mobile-stat-value{color:#0ea5e9;margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.mobile-stat-label{color:#6b7280;font-size:.75rem;font-weight:500}.mobile-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1)}.mobile-table-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:1rem}.mobile-table-title{color:#111827;margin-bottom:.25rem;font-size:1.125rem;font-weight:600}.mobile-table-subtitle{color:#6b7280;font-size:.875rem}.mobile-nav{z-index:50;background:#fff;border-top:1px solid #e5e7eb;padding:.5rem;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 6px -1px rgba(0,0,0,.1)}.mobile-nav-items{justify-content:space-around;align-items:center;display:flex}.mobile-nav-item{color:#6b7280;flex-direction:column;align-items:center;min-width:60px;padding:.5rem;text-decoration:none;transition:color .2s;display:flex}.mobile-nav-item.active{color:#0ea5e9}.mobile-nav-icon{width:20px;height:20px;margin-bottom:.25rem}.mobile-nav-label{font-size:.75rem;font-weight:500}.p-6{padding:1rem!important}.p-4,.p-3{padding:.75rem!important}.px-6{padding-left:1rem!important;padding-right:1rem!important}.py-6{padding-top:1rem!important;padding-bottom:1rem!important}.space-y-6>*+*{margin-top:1rem!important}.space-y-4>*+*{margin-top:.75rem!important}.space-x-4>*+*{margin-left:.75rem!important}.space-x-3>*+*{margin-left:.5rem!important}.text-3xl{font-size:1.25rem!important}.text-2xl{font-size:1.125rem!important}.text-xl{font-size:1rem!important}.text-lg{font-size:.875rem!important}.rounded-xl{border-radius:.75rem!important}.shadow-lg{box-shadow:0 1px 3px rgba(0,0,0,.1)!important}.overflow-x-auto{-webkit-overflow-scrolling:touch;scrollbar-width:thin}.overflow-x-auto::-webkit-scrollbar{height:3px}.overflow-x-auto::-webkit-scrollbar-track{background:0 0}.overflow-x-auto::-webkit-scrollbar-thumb{background:rgba(156,163,175,.4);border-radius:1.5px}.overflow-x-auto::-webkit-scrollbar-thumb:hover{background:rgba(107,114,128,.6)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:rgba(156,163,175,.5);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:rgba(107,114,128,.7)}::-webkit-scrollbar-corner{background:0 0}*{scrollbar-width:thin;scrollbar-color:rgba(156,163,175,.5) transparent}button{min-height:44px!important;padding:.5rem .75rem!important;font-size:.875rem!important}input,textarea,select{min-height:44px!important;padding:.75rem!important;font-size:1rem!important}table{font-size:.75rem!important}th,td{padding:.5rem!important;font-size:.75rem!important}.flex-col,.sm\:flex-row{flex-direction:column}.sm\:items-center{align-items:stretch}.sm\:justify-between{justify-content:flex-start}.sm\:space-x-3>*+*{margin-top:.5rem;margin-left:0}.sm\:space-y-0>*+*{margin-top:.5rem}.grid-cols-2,.sm\:grid-cols-2,.md\:grid-cols-3,.lg\:grid-cols-4{grid-template-columns:1fr}.mobile-hidden{display:none!important}.mobile-show{display:block!important}.desktop-only{display:none!important}.mobile-only{display:block!important}.mobile-p-2{padding:.5rem!important}.mobile-p-3{padding:.75rem!important}.mobile-p-4{padding:1rem!important}.mobile-m-2{margin:.5rem!important}.mobile-m-3{margin:.75rem!important}.mobile-m-4{margin:1rem!important}.mobile-mb-2{margin-bottom:.5rem!important}.mobile-mb-3{margin-bottom:.75rem!important}.mobile-mb-4{margin-bottom:1rem!important}.mobile-text-xs{font-size:.75rem!important}.mobile-text-sm{font-size:.875rem!important}.mobile-text-base{font-size:1rem!important}.mobile-text-lg{font-size:1.125rem!important}.mobile-text-xl{font-size:1.25rem!important}}@media (min-width:769px) and (max-width:1024px){.mobile-stats-grid{grid-template-columns:repeat(4,1fr)}.mobile-card-content{grid-template-columns:repeat(3,1fr)}}@media (min-width:1025px){.desktop-only{display:block!important}.mobile-only,.mobile-nav{display:none!important}body{padding-bottom:0}}
