.touch-target{border-radius:8px;min-width:44px;min-height:44px;padding:8px 16px;transition:all .2s}.touch-target:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.responsive-container{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}@media (min-width:640px){.responsive-container{padding:0 24px}}.dev-error-banner{background-color:var(--brand-error,#dc2626);border-bottom:2px solid var(--brand-error-dark,#991b1b);color:#fff;z-index:9999;border-bottom:2px solid #991b1b;max-height:200px;padding:12px 16px;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:14px;position:fixed;top:0;left:0;right:0;overflow-y:auto;box-shadow:0 2px 8px #00000026}.dev-error-banner-content{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.dev-error-banner-details{flex:1;min-width:0}.dev-error-banner-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;line-height:1;transition:background-color .2s;display:flex}.dev-error-banner-close:hover{background:#ffffff4d}.dev-error-banner-field{margin-bottom:4px}.dev-error-banner-field strong{margin-right:8px;font-weight:600}.dev-error-banner-stack{opacity:.9;white-space:pre-wrap;word-break:break-word;margin-top:8px;font-size:12px}@media (max-width:640px){.dev-error-banner{padding:8px 12px;font-size:12px}.dev-error-banner-content{flex-direction:column;gap:8px}.dev-error-banner-close{align-self:flex-end}}@media (min-width:1024px){.responsive-container{padding:0 32px}}.responsive-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:640px){.responsive-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.responsive-grid{grid-template-columns:repeat(3,1fr)}}.responsive-text-sm{font-size:14px;line-height:1.4}.responsive-text-base{font-size:16px;line-height:1.5}.responsive-text-lg{font-size:18px;line-height:1.6}@media (min-width:1024px){.responsive-text-sm{font-size:16px}.responsive-text-base{font-size:18px}.responsive-text-lg{font-size:20px}}.mobile-table{border-collapse:collapse;width:100%}.mobile-table th,.mobile-table td{text-align:left;border-bottom:1px solid var(--ui-border);padding:12px 8px}.mobile-table th{background-color:var(--ui-raised);color:var(--slate);font-size:14px;font-weight:600}@media (max-width:767px){.mobile-table{display:none}.mobile-cards{display:block}}@media (min-width:768px){.mobile-table{display:table}.mobile-cards{display:none}}.mobile-card{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:8px;margin-bottom:12px;padding:16px;box-shadow:0 1px 3px #0000004d}.mobile-card-header{justify-content:between;align-items:center;margin-bottom:12px;display:flex}.mobile-card-title{color:var(--white);font-size:16px;font-weight:600}.mobile-card-content{flex-direction:column;gap:8px;display:flex}.mobile-card-row{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.mobile-card-label{color:var(--slate);font-size:14px;font-weight:500}.mobile-card-value{color:var(--silver);text-align:right;font-size:14px}.responsive-spacing{padding:16px}@media (min-width:640px){.responsive-spacing{padding:24px}}@media (min-width:1024px){.responsive-spacing{padding:32px}}.responsive-nav{flex-direction:column;gap:8px;display:flex}@media (min-width:768px){.responsive-nav{flex-direction:row;gap:16px}}.horizontal-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#d1d5db transparent;overflow-x:auto}.horizontal-scroll::-webkit-scrollbar{height:6px}.horizontal-scroll::-webkit-scrollbar-track{background:0 0}.horizontal-scroll::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.horizontal-scroll::-webkit-scrollbar-thumb:hover{background:#9ca3af}.responsive-form{flex-direction:column;gap:16px;display:flex}.responsive-form-group{flex-direction:column;gap:8px;display:flex}@media (min-width:768px){.responsive-form-row{flex-direction:row;gap:16px}.responsive-form-row .responsive-form-group{flex:1}}.responsive-modal{width:100%;max-width:90vw;max-height:90vh;overflow-y:auto}@media (min-width:640px){.responsive-modal{max-width:500px}}@media (min-width:1024px){.responsive-modal{max-width:700px}}.responsive-image{border-radius:8px;width:100%;max-width:100%;height:auto}.prevent-layout-shift{contain:layout style;content-visibility:auto}.mobile-optimized{-webkit-tap-highlight-color:#0000;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.focus-visible{outline-offset:2px;outline:2px solid #3b82f6}@media (prefers-contrast:high){.mobile-card,.touch-target{border:2px solid #000}}@media (prefers-reduced-motion:reduce){.touch-target{transition:none}.touch-target:hover{transform:none}}.hide-mobile{display:none}@media (min-width:768px){.hide-mobile{display:block}}.show-mobile{display:block}@media (min-width:768px){.show-mobile{display:none}}.stack-mobile{flex-direction:column;gap:16px;display:flex}@media (min-width:768px){.stack-mobile{flex-direction:row;align-items:center}}.gpu-accelerated{will-change:transform;transform:translateZ(0)}.optimize-scrolling{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}