:root{--font-size-h1: 20px;--font-size-h2: 16px;--font-size-body: 14px;--font-size-caption: 12px;--font-size-small: 10px;--container-padding: 12px;--card-padding: 12px;--section-gap: 16px}@media(min-width:640px){:root{--container-padding: 16px;--card-padding: 16px;--section-gap: 20px}}@media(min-width:768px){:root{--font-size-h1: 24px;--font-size-h2: 18px;--font-size-body: 16px;--container-padding: 24px;--card-padding: 20px;--section-gap: 24px}}.text-h1{font-size:var(--font-size-h1);font-weight:700;line-height:1.2}.text-h2{font-size:var(--font-size-h2);font-weight:600;line-height:1.3}.text-body{font-size:var(--font-size-body);line-height:1.5}.text-caption{font-size:var(--font-size-caption);line-height:1.4}.text-small{font-size:var(--font-size-small);line-height:1.4}.safe-area-inset-bottom{padding-bottom:env(safe-area-inset-bottom,0)}@media(max-width:767px){.touch-target{min-height:44px;min-width:44px}.table-scroll-container{position:relative}.table-scroll-container:after{content:"";position:absolute;top:0;right:0;bottom:0;width:24px;background:linear-gradient(to right,transparent,rgba(255,255,255,.9));pointer-events:none}.table-scroll-container.scrolled-right:after{display:none}}.overflow-x-auto{-webkit-overflow-scrolling:touch;scrollbar-width:thin}@media(max-width:767px){.overflow-x-auto::-webkit-scrollbar{display:none}.overflow-x-auto{-ms-overflow-style:none;scrollbar-width:none}}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.skeleton{animation:skeleton-pulse 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:6px}@media(max-width:767px){.mobile-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mobile-card-grid>*{min-width:0}}@media(max-width:767px){.mobile-empty-compact{padding-top:12px;padding-bottom:12px}.mobile-empty-compact .empty-icon{width:32px;height:32px}.mobile-empty-compact p{margin-top:4px;font-size:13px}}@media(max-width:767px){.mobile-filter-stack{display:flex;flex-direction:column;gap:8px}.mobile-filter-stack>*{width:100%}}