.contain-layout{contain:layout style paint}.contain-size{contain:size}.contain-paint{contain:paint}.gpu-accelerated{will-change:transform;backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}.smooth-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.optimized-animation{will-change:transform,opacity;backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}.isolation-layer{isolation:isolate}.optimized-image{content-visibility:auto;contain-intrinsic-size:400px 300px}.prefetch-critical{content-visibility:auto;contain-intrinsic-size:1000px}.touch-manipulation{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.optimize-text{text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.layout-stable{contain:layout;min-height:0}.performance-monitor{contain:strict}.smooth-transition{will-change:transform,opacity;transition:all .2s cubic-bezier(.4,0,.2,1)}.dashboard-grid{contain:layout style paint;transform:translateZ(0)}.dashboard-item{contain:layout style paint;will-change:transform,opacity;transform:translateZ(0)}.metric-card{contain:layout style paint;will-change:transform,box-shadow;transition:transform .2s,box-shadow .2s;transform:translateZ(0)}.metric-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf64d}.cp-button{contain:layout style paint;will-change:transform,box-shadow;transition:all .2s;transform:translateZ(0)}.cp-button:hover{transform:translateY(-1px)}.cp-button:active{transform:translate(0,0)}.loading-skeleton{contain:layout style paint;background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a 50%,#1a1a1a 75%) 0 0/200% 100%;border-radius:4px;animation:1.5s infinite loading}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.scroll-container{overscroll-behavior:contain;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;contain:layout style paint;overflow-y:auto}.scroll-container::-webkit-scrollbar{width:6px}.scroll-container::-webkit-scrollbar-track{background:#ffffff1a}.scroll-container::-webkit-scrollbar-thumb{background:#8b5cf680;border-radius:3px}.modal-backdrop{-webkit-backdrop-filter:blur(8px);contain:layout style paint}.modal-content{contain:layout style paint;will-change:transform,opacity;transform:translateZ(0)}.cp-input{contain:layout style paint;will-change:border-color,box-shadow;transition:border-color .2s,box-shadow .2s}.cp-input:focus{transform:translateZ(0)}.cp-nav{contain:layout style paint;will-change:transform;transform:translateZ(0)}.cp-nav-item{will-change:color,transform;transition:color .2s,transform .2s}.cp-nav-item:hover{transform:translateY(-1px)}.loading-spinner{will-change:transform;border:3px solid #8b5cf64d;border-top-color:#8b5cf6;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin;transform:translateZ(0)}@keyframes spin{0%{transform:translateZ(0)rotate(0)}to{transform:translateZ(0)rotate(360deg)}}.fade-enter{opacity:0;transform:translateY(20px)}.fade-enter-active{opacity:1;transition:opacity .3s,transform .3s;transform:translate(0,0)}.fade-exit{opacity:1;transform:translate(0,0)}.fade-exit-active{opacity:0;transition:opacity .3s,transform .3s;transform:translateY(-20px)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=768px){.dashboard-grid{grid-template-columns:1fr}.metric-card,.cp-button{will-change:auto;transform:none}}@media (resolution>=192dpi){.optimized-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media print{.metric-card,.cp-button,.cp-nav{box-shadow:none;transform:none}.dashboard-grid{grid-template-columns:repeat(2,1fr)}}