.performance-optimized{will-change:transform,opacity;transition:all .2s cubic-bezier(.4,0,.2,1)}.tab-transition{will-change:transform,opacity;transition:transform .15s ease-out,opacity .15s ease-out}.tab-transition-enter{transform:translateX(10px);opacity:0}.tab-transition-enter-active{transform:translateX(0);opacity:1}.tab-transition-exit{transform:translateX(-10px);opacity:0}.sidebar-optimized{transition:width .3s cubic-bezier(.4,0,.2,1);will-change:width}.sidebar-collapsed{width:4rem}.sidebar-expanded{width:16rem}.sync-indicator{position:relative;display:inline-block}.sync-indicator:after{content:"";position:absolute;top:-2px;right:-2px;width:6px;height:6px;border-radius:50%;background-color:var(--sync-status-color,#10b981);animation:pulse 2s infinite}.sync-indicator.pending:after{--sync-status-color:#f59e0b;animation:pulse 1s infinite}.sync-indicator.offline:after{--sync-status-color:#ef4444;animation:none}.performance-monitor{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:11px;line-height:1.4}.performance-monitor .metric{display:flex;justify-content:space-between;padding:2px 0;border-bottom:1px solid rgba(0,0,0,.1)}.performance-monitor .metric:last-child{border-bottom:none}.performance-monitor .metric-value{font-weight:700}.performance-monitor .metric-good{color:#10b981}.performance-monitor .metric-warning{color:#f59e0b}.performance-monitor .metric-error{color:#ef4444}.optimistic-update{position:relative;transition:all .2s ease-out}.optimistic-update:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);animation:shimmer 1.5s infinite;pointer-events:none}.optimistic-update.success:before{background:linear-gradient(90deg,transparent,rgba(16,185,129,.1),transparent);animation:shimmer .5s ease-out}.optimistic-update.error:before{background:linear-gradient(90deg,transparent,rgba(239,68,68,.1),transparent);animation:shake .5s ease-out}.prefetched{position:relative}.prefetched:after{content:"";position:absolute;top:4px;right:4px;width:4px;height:4px;border-radius:50%;background-color:#10b981;opacity:.7}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.performance-optimized,.tab-transition{transition-duration:.1s}.sidebar-optimized{transition-duration:.2s}}@media (prefers-reduced-motion:reduce){.performance-optimized,.sidebar-optimized,.tab-transition{transition:none}.optimistic-update:before,.skeleton,.sync-indicator:after{animation:none}}.cache-status{display:inline-flex;align-items:center;gap:4px;font-size:10px;padding:2px 6px;border-radius:12px;background-color:rgba(0,0,0,.05)}.cache-status.hit{background-color:rgba(16,185,129,.1);color:#065f46}.cache-status.miss{background-color:rgba(239,68,68,.1);color:#991b1b}.cache-status.stale{background-color:rgba(245,158,11,.1);color:#92400e}.memory-usage-bar{height:4px;background-color:#e5e7eb;border-radius:2px;overflow:hidden}.memory-usage-fill{height:100%;background:linear-gradient(90deg,#10b981,#f59e0b,#ef4444);transition:width .3s ease-out}.network-status{display:inline-flex;align-items:center;gap:4px}.network-status:before{content:"";width:6px;height:6px;border-radius:50%;background-color:currentColor}.network-status.online{color:#10b981}.network-status.offline{color:#ef4444}.network-status.slow{color:#f59e0b}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.performance-element:focus{outline:2px solid #3b82f6;outline-offset:2px}.performance-tooltip{font-size:11px;max-width:200px;z-index:9999}.button-loading{position:relative;color:transparent}.button-loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid transparent;border-top-color:currentcolor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.responsive-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width:640px){.responsive-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.responsive-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.responsive-grid{grid-template-columns:repeat(4,1fr)}}.debug-mode{border:1px dashed #f59e0b;background-color:rgba(245,158,11,.05)}.debug-info{position:absolute;top:0;right:0;background:rgba(0,0,0,.8);color:#fff;padding:2px 6px;font-size:10px;font-family:monospace;border-radius:0 0 0 4px;z-index:1000}.performance-badge{display:inline-flex;align-items:center;gap:2px;padding:1px 4px;border-radius:6px;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.performance-badge.excellent{background-color:#dcfce7;color:#166534}.performance-badge.good{background-color:#fef3c7;color:#92400e}.performance-badge.poor{background-color:#fee2e2;color:#991b1b}.performance-container{contain:layout style paint;transform:translateZ(0)}.performance-container.critical{contain:strict}.prefetch-target{min-height:1px}.sw-status{position:fixed;bottom:20px;left:20px;padding:8px 12px;background:rgba(0,0,0,.8);color:#fff;border-radius:20px;font-size:11px;z-index:1000;transition:opacity .3s ease-out}.sw-status.hidden{opacity:0;pointer-events:none}.above-fold{contain:layout style}.below-fold{contain:layout style paint;content-visibility:auto;contain-intrinsic-size:400px}.optimized-scroll{overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth}.optimized-scroll::-webkit-scrollbar{width:8px}.optimized-scroll::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.optimized-scroll::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.optimized-scroll::-webkit-scrollbar-thumb:hover{background:#a8a8a8}