html{scroll-behavior:smooth}@media (max-width: 640px){.mobile-compact{padding:.75rem;margin-bottom:.75rem}.mobile-touch-target{min-height:44px;min-width:44px}.mobile-text{font-size:.875rem;line-height:1.25rem}.mobile-button-group{display:flex;gap:.5rem;flex-wrap:wrap}.mobile-card{padding:.75rem;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.mobile-card.bg-blue-50{background-color:#eff6ff!important}.mobile-card.bg-red-50{background-color:#fef2f2!important}.mobile-card.bg-green-50{background-color:#f0fdf4!important}.mobile-card.bg-purple-50{background-color:#faf5ff!important}@media (prefers-color-scheme: dark){.mobile-card.bg-blue-50{background-color:#eff6ff!important}.mobile-card.bg-red-50{background-color:#fef2f2!important}.mobile-card.bg-green-50{background-color:#f0fdf4!important}.mobile-card.bg-purple-50{background-color:#faf5ff!important}}.mobile-chart-container{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.mobile-chart-container::-webkit-scrollbar{height:4px}.mobile-chart-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:2px}.mobile-chart-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.mobile-nav-item{padding:.75rem;border-radius:.5rem;transition:all .2s ease;touch-action:manipulation}.mobile-nav-item:active{transform:scale(.98)}.mobile-realtime-item{padding:.5rem;border-radius:.375rem;font-size:.75rem}.mobile-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.mobile-number{font-variant-numeric:tabular-nums;font-weight:600}.mobile-progress-bar{height:6px;border-radius:3px}.mobile-list-item{padding:.5rem 0;border-bottom:1px solid #f1f5f9}.mobile-list-item:last-child{border-bottom:none}}@media (min-width: 641px) and (max-width: 1024px){.tablet-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.tablet-chart{min-width:400px}}@media (prefers-color-scheme: dark) and (max-width: 640px){.mobile-card:not(.bg-blue-50):not(.bg-red-50):not(.bg-green-50):not(.bg-purple-50){background-color:#1f2937;border-color:#374151}.mobile-nav-item{background-color:#374151;color:#f9fafb}.mobile-nav-item:hover{background-color:#4b5563}.mobile-nav-item.active{background-color:#3b82f6;color:#fff}}@media (prefers-contrast: high){.mobile-card,.mobile-button,.mobile-status-dot{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){.mobile-nav-item{transition:none}.mobile-nav-item:active{transform:none}html{scroll-behavior:auto}}.mobile-nav-item:focus{outline:2px solid #3b82f6;outline-offset:2px}.mobile-button:focus{outline:2px solid #3b82f6;outline-offset:2px}.mobile-loading{display:flex;align-items:center;justify-content:center;padding:2rem;color:#6b7280}.mobile-loading-spinner{width:1.5rem;height:1.5rem;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mobile-error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem;border-radius:.5rem;font-size:.875rem}.mobile-success{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#166534;padding:.75rem;border-radius:.5rem;font-size:.875rem}.mobile-info{background-color:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;padding:.75rem;border-radius:.5rem;font-size:.875rem}