@media (max-width:640px){html{font-size:14px}}@media (min-width:641px) and (max-width:768px){html{font-size:15px}}@media (min-width:769px){html{font-size:16px}}.mobile-touch-target{min-width:44px;min-height:44px}@media (max-width:640px){.card-mobile-optimized{margin-bottom:12px;padding:12px}}@media (min-width:641px) and (max-width:768px){.card-mobile-optimized{margin-bottom:16px;padding:16px}}.grid-mobile-responsive{gap:12px;display:grid}@media (max-width:640px){.grid-mobile-responsive{grid-template-columns:1fr;gap:8px}}@media (min-width:641px) and (max-width:768px){.grid-mobile-responsive{grid-template-columns:repeat(2,1fr);gap:12px}}@media (min-width:769px) and (max-width:1024px){.grid-mobile-responsive{grid-template-columns:repeat(2,1fr);gap:16px}}@media (min-width:1025px){.grid-mobile-responsive{grid-template-columns:repeat(3,1fr);gap:20px}}.text-mobile-responsive{font-size:.875rem}@media (max-width:640px){.text-mobile-responsive{font-size:.8125rem;line-height:1.4}}@media (max-width:768px){.table-mobile-responsive{font-size:.75rem}.table-mobile-responsive th,.table-mobile-responsive td{padding:8px 4px}.table-mobile-responsive .desktop-only{display:none}}@media (max-width:640px){.dialog-mobile-responsive{width:calc(100vw - 16px);max-height:calc(100vh - 16px);margin:8px}}.form-mobile-responsive input,.form-mobile-responsive textarea,.form-mobile-responsive select{font-size:16px}@media (max-width:640px){.form-mobile-responsive .form-row{flex-direction:column;gap:12px}.button-mobile-responsive{min-height:44px;padding:12px 16px;font-size:.9375rem}}.nav-mobile-responsive{scrollbar-width:none;-ms-overflow-style:none;overflow-x:auto}.nav-mobile-responsive::-webkit-scrollbar{display:none}@media (prefers-reduced-motion:reduce){.mobile-animation{transition:none;animation:none}}.mobile-only{display:none}@media (max-width:640px){.mobile-only{display:block}.mobile-hidden{display:none!important}}.tablet-only{display:none}@media (min-width:641px) and (max-width:1024px){.tablet-only{display:block}.tablet-hidden{display:none!important}}.desktop-only{display:none}@media (min-width:1025px){.desktop-only{display:block}.desktop-hidden{display:none!important}}@media (max-width:768px){.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#0000004d transparent}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:2px}}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-left{padding-left:env(safe-area-inset-left)}.safe-area-right{padding-right:env(safe-area-inset-right)}.mobile-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite mobile-skeleton-loading}@keyframes mobile-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-color-scheme:dark){.mobile-skeleton{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a 50%,#2a2a2a 75%) 0 0/200% 100%}}@media (max-width:768px){.mobile-focus:focus{outline-offset:2px;outline:2px solid #0d9488}}.mobile-optimized-transform{will-change:transform;transform:translateZ(0)}.mobile-optimized-scroll{-webkit-overflow-scrolling:touch;overflow-scrolling:touch}@media (hover:none) and (pointer:coarse){.hover-desktop-only:hover{background-color:initial;color:initial;transform:initial}}
