.PerformanceMetrics-title{align-items:center;gap:6px;display:flex}.PerformanceMetrics-list{flex-direction:column;gap:4px;max-height:150px;display:flex;overflow-y:auto}.PerformanceMetrics-list::-webkit-scrollbar{width:4px}.PerformanceMetrics-list::-webkit-scrollbar-track{background:var(--background-gray);border-radius:2px}.PerformanceMetrics-list::-webkit-scrollbar-thumb{background:var(--color-secondary);border-radius:2px}.PerformanceMetrics-item{background:var(--background-gray);border-radius:3px;justify-content:space-between;align-items:center;padding:6px 8px;transition:background-color .2s;display:flex}.PerformanceMetrics-item:hover{background:var(--button-gray)}.PerformanceMetrics-info{align-items:center;gap:6px;display:flex}.PerformanceMetrics-emoji{font-size:12px}.PerformanceMetrics-name{font-size:12px;font-weight:500}.PerformanceMetrics-duration{font-size:12px;font-weight:600}
.PerformanceProgress-title{align-items:center;gap:6px;display:flex}.PerformanceProgress-list{flex-direction:column;gap:4px;display:flex}.PerformanceProgress-item{background:var(--color-green);color:var(--color-text);border-radius:4px;align-items:center;gap:6px;padding:8px;font-size:12px;font-weight:500;display:flex}
.PerformanceSlow-list{flex-direction:column;gap:6px;display:flex}.PerformanceSlow-item{background:var(--color-red);border-radius:6px;justify-content:space-between;align-items:center;padding:8px;display:flex}.PerformanceSlow-name{color:var(--color-text);font-size:12px;font-weight:500}.PerformanceSlow-duration{color:var(--color-red);font-size:12px;font-weight:600}
.PerformanceStats-title{align-items:center;gap:6px;display:flex}.PerformanceStats-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.PerformanceStats-card{background:var(--background-gray);border-radius:5px;padding:8px}.PerformanceStats-label{opacity:.7;margin-bottom:4px;font-size:12px}.PerformanceStats-value{font-size:16px;font-weight:600}
.RedisMetrics-title{align-items:center;gap:6px;display:flex}.RedisMetrics-metrics{flex-direction:column;gap:8px;display:flex}.RedisMetrics-metric{background-color:var(--background-gray);border-radius:4px;justify-content:space-between;align-items:center;padding:8px;font-size:10px;display:flex}.RedisMetrics-metric span:first-child{font-weight:700}.RedisMetrics-value{color:var(--color-text-primary);font-weight:700}.RedisMetrics-value_fast{color:var(--color-success)}.RedisMetrics-value_medium{color:var(--color-warning)}.RedisMetrics-value_slow{color:var(--color-error)}.RedisMetrics-details{border-top:1px solid var(--border);margin-top:12px;padding-top:8px}.RedisMetrics-subtitle{color:var(--color-text-secondary);margin-bottom:8px;font-size:10px;font-weight:700}.RedisMetrics-operation{justify-content:space-between;align-items:center;padding:4px 0;font-size:10px;display:flex}.RedisMetrics-name{color:var(--color-text-secondary);text-transform:capitalize;flex:1}.RedisMetrics-time{color:var(--color-error);margin-left:8px;font-weight:700}.RedisMetrics-error{background-color:var(--color-error);color:var(--color-white);border-radius:4px;margin-left:4px;padding:2px 4px;font-size:9px;font-weight:700}
.ServerMetrics-title{align-items:center;gap:6px;display:flex}.ServerMetrics-metrics{flex-direction:column;gap:8px;display:flex}.ServerMetrics-metric{background-color:var(--background-gray);border-radius:4px;justify-content:space-between;align-items:center;padding:8px;font-size:10px;display:flex}.ServerMetrics-metric span:first-child{font-weight:700}.ServerMetrics-value{color:var(--color-text-primary);font-weight:700}.ServerMetrics-value_fast{color:var(--color-success)}.ServerMetrics-value_medium{color:var(--color-warning)}.ServerMetrics-value_slow{color:var(--color-error)}.ServerMetrics-details{border-top:1px solid var(--border);margin-top:12px;padding-top:8px}.ServerMetrics-subtitle{color:var(--color-text-secondary);margin-bottom:8px;font-size:10px;font-weight:700}.ServerMetrics-request{justify-content:space-between;align-items:center;padding:4px 0;font-size:10px;display:flex}.ServerMetrics-url{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;gap:8px;font-family:monospace;display:flex;overflow:hidden}.ServerMetrics-method{background-color:var(--color-primary);color:#fff;text-align:center;border-radius:4px;min-width:36px;padding:2px 6px;font-size:10px;font-weight:700}.ServerMetrics-info{align-items:center;gap:6px;margin-left:8px;display:flex}.ServerMetrics-time{border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}.ServerMetrics-time_fast{color:var(--color-success);background-color:var(--color-success-light)}.ServerMetrics-time_medium{color:var(--color-warning);background-color:var(--color-warning-light)}.ServerMetrics-time_slow{color:var(--color-error);background-color:var(--color-error-light)}.ServerMetrics-status{background-color:var(--background-gray);color:var(--color-text-secondary);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.ServerMetrics-status_success{background-color:var(--color-success-light);color:var(--color-success)}.ServerMetrics-status_error{background-color:var(--color-error-light);color:var(--color-error)}.ServerMetrics-cache{background-color:var(--color-info-light);color:var(--color-info);border-radius:4px;padding:2px 4px;font-size:9px;font-weight:700}.ServerMetrics-error{background-color:var(--color-error-light);color:var(--color-error);border-radius:4px;padding:2px 4px;font-size:9px;font-weight:700}
.WebVitals-title{align-items:center;gap:6px;display:flex}.WebVitals-metrics{flex-direction:column;gap:8px;display:flex}.WebVitals-metric{background-color:var(--background-gray);border-radius:4px;justify-content:space-between;align-items:center;padding:8px;font-size:10px;display:flex}.WebVitals-metric span:first-child{font-weight:700}.WebVitals-value{color:var(--color-text-primary);font-weight:700}.WebVitals-value_good{color:var(--color-success)}.WebVitals-value_poor{color:var(--color-error)}
.FloatingPerformanceMonitor{background:var(--background-2lvl);color:var(--color-text);border-radius:12px;width:100%;transition:all .3s}.FloatingPerformanceMonitor-header{cursor:pointer;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:12px 16px;transition:background-color .2s;display:flex}.FloatingPerformanceMonitor-header:hover{background:var(--background-gray)}.FloatingPerformanceMonitor-content{flex-direction:column;gap:12px;max-height:500px;padding:16px;display:flex;overflow-y:auto}.FloatingPerformanceMonitor-content::-webkit-scrollbar{width:6px}.FloatingPerformanceMonitor-content::-webkit-scrollbar-track{background:var(--background-gray);border-radius:3px}.FloatingPerformanceMonitor-content::-webkit-scrollbar-thumb{background:var(--color-secondary);border-radius:3px}.FloatingPerformanceMonitor-content::-webkit-scrollbar-thumb:hover{background:var(--color-text)}.FloatingPerformanceMonitor-section{margin-bottom:20px}.FloatingPerformanceMonitor-section:last-child{margin-bottom:0}.FloatingPerformanceMonitor-title{align-items:center;gap:6px;margin:0 0 12px;font-size:14px;font-weight:600;display:flex}.FloatingPerformanceMonitor-title_slow{color:var(--color-red)}.FloatingPerformanceMonitor-badge{background:var(--color-green);color:#fff;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:500;transition:background-color .2s}.FloatingPerformanceMonitor-badge_warning{background:var(--color-yellow)}.FloatingPerformanceMonitor-badge_error{background:var(--color-red)}.FloatingPerformanceMonitor-badge_info{background:var(--color-main)}.FloatingPerformanceMonitor-expand{opacity:.7;font-size:12px;transition:transform .2s}.FloatingPerformanceMonitor-left{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.FloatingPerformanceMonitor-icon{font-size:20px}.FloatingPerformanceMonitor-right{align-items:center;gap:8px;display:flex}.FloatingPerformanceMonitor-actions{gap:12px;margin-top:16px;display:flex}
.MemoryMonitor{background:var(--background-2lvl);border-radius:12px;flex-direction:column;gap:8px;padding:12px 16px;display:flex}.MemoryMonitor-percentage{color:var(--color-text-primary);font-size:12px;font-weight:700}.MemoryMonitor-progress{background:var(--background-gray);border-radius:3px;width:100%;height:6px;overflow:hidden}.MemoryMonitor-fill{background:var(--color-green);height:100%;transition:width .3s,background-color .3s}.MemoryMonitor-fill_high{background:var(--color-yellow)}.MemoryMonitor-fill_critical{background:var(--color-red)}.MemoryMonitor-actions{gap:8px;display:flex}.MemoryMonitor-warning{font-size:18px;animation:2s infinite memoryPulse}.MemoryMonitor-status{color:var(--color-green);text-align:center;padding:4px 0;font-size:10px;font-weight:500;animation:2s ease-out statusFade}.MemoryMonitor_visible{opacity:1;visibility:visible}.MemoryMonitor_hidden{opacity:0;visibility:hidden}@keyframes memoryPulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes statusFade{0%{opacity:0;transform:translateY(10px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@media (max-width:768px){.MemoryMonitor{padding:8px}.MemoryMonitor-percentage{font-size:10px}.MemoryMonitor-button{width:28px;height:28px}}
.PerformanceMonitor{z-index:9999;color:#fff;background:#000c;border:1px solid #ffffff1a;border-radius:8px;max-width:300px;max-height:400px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,monospace;font-size:12px;transition:all .3s;position:fixed;top:10px;right:10px;overflow:hidden;box-shadow:0 4px 16px #0000004d}.PerformanceMonitor_header{cursor:pointer;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:10px 12px;transition:background-color .2s;display:flex}.PerformanceMonitor_header:hover{background:#ffffff0d}.PerformanceMonitor_title{align-items:center;gap:6px;display:flex}.PerformanceMonitor_titleIcon{font-size:16px}.PerformanceMonitor_titleText{font-size:13px;font-weight:600}.PerformanceMonitor_expandIcon{opacity:.7;font-size:10px;transition:transform .2s}.PerformanceMonitor_content{max-height:350px;padding:10px 12px;overflow-y:auto}.PerformanceMonitor_content::-webkit-scrollbar{width:4px}.PerformanceMonitor_content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.PerformanceMonitor_content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.PerformanceMonitor_content::-webkit-scrollbar-thumb:hover{background:#ffffff80}.PerformanceMonitor_section{margin-bottom:12px}.PerformanceMonitor_section:last-child{margin-bottom:0}.PerformanceMonitor_sectionTitle{align-items:center;gap:4px;margin-bottom:6px;font-size:12px;font-weight:600;display:flex}.PerformanceMonitor_sectionTitle_slow{color:#ff6b6b}.PerformanceMonitor_slowList{flex-direction:column;gap:4px;display:flex}.PerformanceMonitor_slowItem{background:#ff6b6b1a;border:1px solid #ff6b6b33;border-radius:4px;justify-content:space-between;align-items:center;margin-left:8px;padding:6px 8px;display:flex}.PerformanceMonitor_metricsList{flex-direction:column;gap:2px;max-height:120px;display:flex;overflow-y:auto}.PerformanceMonitor_metricsList::-webkit-scrollbar{width:3px}.PerformanceMonitor_metricsList::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.PerformanceMonitor_metricsList::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.PerformanceMonitor_metricItem{border-radius:3px;justify-content:space-between;align-items:center;margin-left:8px;padding:4px 8px;transition:background-color .2s;display:flex}.PerformanceMonitor_metricItem:hover{background:#ffffff0d}.PerformanceMonitor_metricItem_slow{color:#ff6b6b}.PerformanceMonitor_metricName{font-size:11px;font-weight:500}.PerformanceMonitor_metricDuration{color:#4ecdc4;font-size:11px;font-weight:600}.PerformanceMonitor_metricDuration_slow{color:#ff6b6b}.PerformanceMonitor_inProgressList{flex-direction:column;gap:2px;display:flex}.PerformanceMonitor_inProgressItem{background:#4caf501a;border:1px solid #4caf5033;border-radius:3px;align-items:center;gap:4px;margin-left:8px;padding:4px 8px;display:flex}.PerformanceMonitor_inProgressIcon{font-size:10px}.PerformanceMonitor_actions{border-top:1px solid #ffffff1a;margin-top:10px;padding-top:8px}.PerformanceMonitor_button{color:#fff;cursor:pointer;background:#ff6b6b;border:none;border-radius:4px;width:100%;padding:6px 12px;font-family:inherit;font-size:10px;font-weight:500;transition:all .2s}.PerformanceMonitor_button:hover{background:#ff5252;transform:translateY(-1px);box-shadow:0 2px 8px #ff6b6b4d}.PerformanceMonitor_button:active{transform:translateY(0)}.PerformanceMonitor_button_clear{background:#ff6b6b}.PerformanceMonitor_button_clear:hover{background:#ff5252}.PerformanceMonitor_isVisible{opacity:1;visibility:visible}.PerformanceMonitor_isHidden{opacity:0;visibility:hidden;pointer-events:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.PerformanceMonitor{animation:.3s ease-out fadeIn}@media (max-width:768px){.PerformanceMonitor{max-width:none;font-size:11px;top:5px;left:5px;right:5px}}.dark .PerformanceMonitor{background:#141414e6;border-color:#ffffff26}.light .PerformanceMonitor{color:#333;background:#fffffff2;border-color:#0000001a;box-shadow:0 4px 16px #0000001a}.light .PerformanceMonitor .PerformanceMonitor_header{border-bottom-color:#0000001a}.light .PerformanceMonitor .PerformanceMonitor_header:hover{background:#0000000d}.light .PerformanceMonitor .PerformanceMonitor_slowItem{background:#ff6b6b26;border-color:#ff6b6b4d}.light .PerformanceMonitor .PerformanceMonitor_metricItem:hover{background:#0000000d}.light .PerformanceMonitor .PerformanceMonitor_inProgressItem{background:#4caf5026;border-color:#4caf504d}.light .PerformanceMonitor .PerformanceMonitor_actions{border-top-color:#0000001a}