.profitability-dropdown{position:relative;margin-top:12px;z-index:1}.profitability-dropdown.dropdown-open{z-index:9999}.dropdown-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:12px;background:var(--dropdown-toggle-bg);border:1px solid var(--dropdown-toggle-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;transition:all .5s ease;position:relative;overflow:hidden;z-index:1}:root[data-theme=dark]{--dropdown-toggle-bg: linear-gradient(135deg, rgba(16, 185, 129, .1), rgba(6, 182, 212, .1));--dropdown-toggle-border: rgba(52, 211, 153, .3);--dropdown-toggle-hover-border: rgba(52, 211, 153, .5);--dropdown-toggle-active-bg: linear-gradient(135deg, rgba(16, 185, 129, .2), rgba(6, 182, 212, .2));--dropdown-toggle-active-border: rgba(52, 211, 153, .6)}:root[data-theme=light]{--dropdown-toggle-bg: linear-gradient(135deg, rgba(59, 130, 246, .08), rgba(147, 51, 234, .08));--dropdown-toggle-border: rgba(59, 130, 246, .2);--dropdown-toggle-hover-border: rgba(59, 130, 246, .4);--dropdown-toggle-active-bg: linear-gradient(135deg, rgba(59, 130, 246, .15), rgba(147, 51, 234, .15));--dropdown-toggle-active-border: rgba(59, 130, 246, .5)}.dropdown-toggle:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.dropdown-toggle:hover:before{left:100%}.dropdown-toggle:hover{border-color:var(--dropdown-toggle-hover-border);box-shadow:0 8px 20px -5px var(--dropdown-toggle-shadow);transform:translateY(-1px)}:root[data-theme=dark]{--dropdown-toggle-shadow: rgba(16, 185, 129, .2)}:root[data-theme=light]{--dropdown-toggle-shadow: rgba(59, 130, 246, .15)}.dropdown-toggle.active{background:var(--dropdown-toggle-active-bg);border-color:var(--dropdown-toggle-active-border);box-shadow:0 12px 24px -8px var(--dropdown-toggle-active-shadow)}:root[data-theme=dark]{--dropdown-toggle-active-shadow: rgba(16, 185, 129, .3)}:root[data-theme=light]{--dropdown-toggle-active-shadow: rgba(59, 130, 246, .2)}.toggle-content{display:flex;align-items:center;gap:10px;position:relative;z-index:2}.toggle-icon{padding:6px;border-radius:8px;background:var(--toggle-icon-bg);border:1px solid var(--toggle-icon-border);color:var(--toggle-icon-color);transition:all .3s ease}:root[data-theme=dark]{--toggle-icon-bg: linear-gradient(135deg, rgba(16, 185, 129, .3), rgba(6, 182, 212, .3));--toggle-icon-border: rgba(52, 211, 153, .4);--toggle-icon-color: #34d399}:root[data-theme=light]{--toggle-icon-bg: linear-gradient(135deg, rgba(59, 130, 246, .2), rgba(147, 51, 234, .2));--toggle-icon-border: rgba(59, 130, 246, .3);--toggle-icon-color: #3b82f6}.dropdown-toggle:hover .toggle-icon{transform:scale(1.1);box-shadow:0 4px 8px var(--toggle-icon-shadow)}:root[data-theme=dark]{--toggle-icon-shadow: rgba(16, 185, 129, .3)}:root[data-theme=light]{--toggle-icon-shadow: rgba(59, 130, 246, .2)}.toggle-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.toggle-title{font-size:12px;font-weight:600;color:var(--toggle-title-color);text-transform:uppercase;letter-spacing:.5px}:root[data-theme=dark]{--toggle-title-color: #34d399}:root[data-theme=light]{--toggle-title-color: #3b82f6}.toggle-subtitle{font-size:10px;color:var(--toggle-subtitle-color);font-weight:500}:root[data-theme=dark]{--toggle-subtitle-color: #94a3b8}:root[data-theme=light]{--toggle-subtitle-color: #64748b}.toggle-subtitle.profit-positive{color:var(--profit-positive-color);font-weight:600}.toggle-subtitle.profit-negative{color:var(--profit-negative-color);font-weight:600}:root[data-theme=dark]{--profit-positive-color: #34d399;--profit-negative-color: #f87171}:root[data-theme=light]{--profit-positive-color: #059669;--profit-negative-color: #dc2626}.toggle-arrow{color:var(--toggle-arrow-color);transition:transform .3s ease;position:relative;z-index:2}:root[data-theme=dark]{--toggle-arrow-color: #34d399}:root[data-theme=light]{--toggle-arrow-color: #3b82f6}.dropdown-toggle.active .toggle-arrow{transform:rotate(180deg)}.dropdown-content{position:absolute;top:100%;left:0;right:0;z-index:10000;margin-top:8px;border-radius:16px;background:var(--dropdown-content-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--dropdown-content-border);box-shadow:var(--dropdown-content-shadow);opacity:0;transform:translateY(-10px) scale(.95);transition:all .4s cubic-bezier(.4,0,.2,1);pointer-events:none;overflow:hidden}:root[data-theme=dark]{--dropdown-content-bg: linear-gradient(135deg, rgba(15, 23, 42, .98), rgba(30, 41, 59, .95));--dropdown-content-border: rgba(51, 65, 85, .6);--dropdown-content-shadow: 0 25px 50px -12px rgba(0, 0, 0, .8), 0 0 0 1px rgba(255, 255, 255, .05), 0 10px 40px rgba(6, 182, 212, .1)}:root[data-theme=light]{--dropdown-content-bg: linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(248, 250, 252, .95));--dropdown-content-border: rgba(226, 232, 240, .8);--dropdown-content-shadow: 0 25px 50px -12px rgba(0, 0, 0, .15), 0 0 0 1px rgba(59, 130, 246, .05), 0 10px 40px rgba(59, 130, 246, .1)}.dropdown-content:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--dropdown-content-accent)}:root[data-theme=dark]{--dropdown-content-accent: linear-gradient(90deg, transparent, rgba(52, 211, 153, .5), transparent)}:root[data-theme=light]{--dropdown-content-accent: linear-gradient(90deg, transparent, rgba(59, 130, 246, .4), transparent)}.dropdown-content.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.dropdown-inner{padding:20px;display:flex;flex-direction:column;gap:16px;position:relative;z-index:10001}.dropdown-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--dropdown-header-border)}:root[data-theme=dark]{--dropdown-header-border: rgba(51, 65, 85, .5)}:root[data-theme=light]{--dropdown-header-border: rgba(226, 232, 240, .6)}.dropdown-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--dropdown-title-color);text-transform:uppercase;letter-spacing:.5px}:root[data-theme=dark]{--dropdown-title-color: #ffffff}:root[data-theme=light]{--dropdown-title-color: #0f172a}.dropdown-title svg{color:var(--dropdown-title-icon-color)}:root[data-theme=dark]{--dropdown-title-icon-color: #34d399}:root[data-theme=light]{--dropdown-title-icon-color: #3b82f6}.dropdown-status{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--dropdown-status-color);text-transform:uppercase;letter-spacing:.3px}:root[data-theme=dark]{--dropdown-status-color: #94a3b8}:root[data-theme=light]{--dropdown-status-color: #64748b}.status-dot{width:6px;height:6px;background:var(--status-dot-color);border-radius:50%;animation:pulse 2s ease-in-out infinite}:root[data-theme=dark]{--status-dot-color: #10b981}:root[data-theme=light]{--status-dot-color: #059669}.error-message{padding:8px 12px;border-radius:8px;background:var(--error-message-bg);border:1px solid var(--error-message-border);color:var(--error-message-color);font-size:11px;text-align:center}:root[data-theme=dark]{--error-message-bg: rgba(239, 68, 68, .1);--error-message-border: rgba(239, 68, 68, .3);--error-message-color: #fca5a5}:root[data-theme=light]{--error-message-bg: rgba(239, 68, 68, .05);--error-message-border: rgba(239, 68, 68, .2);--error-message-color: #dc2626}.hashrate-control{margin-bottom:16px}.hashrate-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.hashrate-label-text{font-size:10px;color:var(--hashrate-label-color);font-weight:600;text-transform:uppercase;letter-spacing:.3px}:root[data-theme=dark]{--hashrate-label-color: #94a3b8}:root[data-theme=light]{--hashrate-label-color: #64748b}.hashrate-value{font-size:11px;font-weight:700;color:var(--hashrate-value-color);padding:4px 8px;border-radius:6px;background:var(--hashrate-value-bg);border:1px solid var(--hashrate-value-border)}:root[data-theme=dark]{--hashrate-value-color: #22d3ee;--hashrate-value-bg: rgba(34, 211, 238, .1);--hashrate-value-border: rgba(34, 211, 238, .3)}:root[data-theme=light]{--hashrate-value-color: #0891b2;--hashrate-value-bg: rgba(6, 182, 212, .08);--hashrate-value-border: rgba(6, 182, 212, .2)}.hashrate-slider{position:relative;width:100%;height:8px;background:var(--hashrate-slider-bg);border-radius:50px;overflow:hidden;cursor:pointer;margin-bottom:8px}:root[data-theme=dark]{--hashrate-slider-bg: rgba(51, 65, 85, .5)}:root[data-theme=light]{--hashrate-slider-bg: rgba(226, 232, 240, .6)}.slider-track{position:absolute;top:0;left:0;height:100%;background:var(--slider-track-bg);border-radius:50px;transition:width .3s ease;position:relative;overflow:hidden}:root[data-theme=dark]{--slider-track-bg: linear-gradient(45deg, #06b6d4, #8b5cf6)}:root[data-theme=light]{--slider-track-bg: linear-gradient(45deg, #0891b2, #7c3aed)}.slider-track:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s linear infinite}.slider-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:18px;height:18px;background:var(--slider-thumb-bg);border:3px solid var(--slider-thumb-border);border-radius:50%;cursor:grab;transition:all .3s ease;box-shadow:var(--slider-thumb-shadow)}:root[data-theme=dark]{--slider-thumb-bg: linear-gradient(135deg, #06b6d4, #8b5cf6);--slider-thumb-border: rgba(255, 255, 255, .2);--slider-thumb-shadow: 0 4px 12px rgba(6, 182, 212, .4)}:root[data-theme=light]{--slider-thumb-bg: linear-gradient(135deg, #0891b2, #7c3aed);--slider-thumb-border: rgba(255, 255, 255, .8);--slider-thumb-shadow: 0 4px 12px rgba(6, 182, 212, .3)}.slider-thumb:hover{transform:translate(-50%,-50%) scale(1.2);box-shadow:var(--slider-thumb-hover-shadow);border-color:var(--slider-thumb-hover-border)}:root[data-theme=dark]{--slider-thumb-hover-shadow: 0 6px 16px rgba(6, 182, 212, .6);--slider-thumb-hover-border: rgba(255, 255, 255, .4)}:root[data-theme=light]{--slider-thumb-hover-shadow: 0 6px 16px rgba(6, 182, 212, .4);--slider-thumb-hover-border: rgba(255, 255, 255, 1)}.slider-thumb:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.1)}.hashrate-range{display:flex;justify-content:space-between;font-size:9px;color:var(--hashrate-range-color);font-weight:500}:root[data-theme=dark]{--hashrate-range-color: #64748b}:root[data-theme=light]{--hashrate-range-color: #94a3b8}.power-settings{margin-bottom:16px;padding:12px;border-radius:10px;background:var(--power-settings-bg);border:1px solid var(--power-settings-border)}:root[data-theme=dark]{--power-settings-bg: rgba(30, 41, 59, .4);--power-settings-border: rgba(51, 65, 85, .4)}:root[data-theme=light]{--power-settings-bg: rgba(248, 250, 252, .6);--power-settings-border: rgba(226, 232, 240, .5)}.settings-header{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--settings-header-color);text-transform:uppercase;letter-spacing:.3px;margin-bottom:10px}:root[data-theme=dark]{--settings-header-color: #94a3b8}:root[data-theme=light]{--settings-header-color: #64748b}.power-inputs{display:flex;flex-direction:column;gap:10px}.power-input-group{display:flex;flex-direction:column;gap:4px}.power-label{font-size:9px;color:var(--power-label-color);font-weight:500;text-transform:uppercase;letter-spacing:.3px}:root[data-theme=dark]{--power-label-color: #64748b}:root[data-theme=light]{--power-label-color: #94a3b8}.power-input{padding:6px 8px;border-radius:6px;background:var(--power-input-bg);border:1px solid var(--power-input-border);color:var(--power-input-color);font-size:11px;font-weight:600;transition:all .3s ease}:root[data-theme=dark]{--power-input-bg: rgba(51, 65, 85, .5);--power-input-border: rgba(100, 116, 139, .3);--power-input-color: #cbd5e1}:root[data-theme=light]{--power-input-bg: rgba(255, 255, 255, .8);--power-input-border: rgba(203, 213, 225, .5);--power-input-color: #334155}.power-input:focus{outline:none;border-color:var(--power-input-focus-border);box-shadow:0 0 0 2px var(--power-input-focus-shadow)}:root[data-theme=dark]{--power-input-focus-border: rgba(34, 211, 238, .5);--power-input-focus-shadow: rgba(34, 211, 238, .1)}:root[data-theme=light]{--power-input-focus-border: rgba(59, 130, 246, .5);--power-input-focus-shadow: rgba(59, 130, 246, .1)}.power-input:hover{border-color:var(--power-input-hover-border)}:root[data-theme=dark]{--power-input-hover-border: rgba(100, 116, 139, .5)}:root[data-theme=light]{--power-input-hover-border: rgba(203, 213, 225, .8)}.time-periods{display:flex;gap:6px;margin-bottom:16px;padding:4px;background:var(--time-periods-bg);border-radius:10px;border:1px solid var(--time-periods-border)}:root[data-theme=dark]{--time-periods-bg: rgba(30, 41, 59, .6);--time-periods-border: rgba(51, 65, 85, .4)}:root[data-theme=light]{--time-periods-bg: rgba(248, 250, 252, .8);--time-periods-border: rgba(226, 232, 240, .6)}.time-period{flex:1;padding:8px 12px;border-radius:8px;font-size:10px;font-weight:700;text-align:center;cursor:pointer;transition:all .3s ease;color:var(--time-period-color);text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}:root[data-theme=dark]{--time-period-color: #94a3b8}:root[data-theme=light]{--time-period-color: #64748b}.time-period:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .3s ease}.time-period:hover:before{left:100%}.time-period:hover{color:var(--time-period-hover-color);background:var(--time-period-hover-bg);transform:translateY(-1px)}:root[data-theme=dark]{--time-period-hover-color: #cbd5e1;--time-period-hover-bg: rgba(51, 65, 85, .4)}:root[data-theme=light]{--time-period-hover-color: #475569;--time-period-hover-bg: rgba(226, 232, 240, .4)}.time-period.active{background:var(--time-period-active-bg);border:1px solid var(--time-period-active-border);color:var(--time-period-active-color);box-shadow:var(--time-period-active-shadow);transform:translateY(-2px)}:root[data-theme=dark]{--time-period-active-bg: linear-gradient(45deg, rgba(6, 182, 212, .3), rgba(147, 51, 234, .3));--time-period-active-border: rgba(34, 211, 238, .5);--time-period-active-color: #67e8f9;--time-period-active-shadow: 0 4px 12px rgba(6, 182, 212, .3)}:root[data-theme=light]{--time-period-active-bg: linear-gradient(45deg, rgba(59, 130, 246, .2), rgba(147, 51, 234, .2));--time-period-active-border: rgba(59, 130, 246, .4);--time-period-active-color: #3b82f6;--time-period-active-shadow: 0 4px 12px rgba(59, 130, 246, .2)}.profit-display{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:12px;background:var(--profit-display-bg);border:1px solid var(--profit-display-border);position:relative;overflow:hidden;margin-bottom:12px;transition:all .3s ease}:root[data-theme=dark]{--profit-display-bg: linear-gradient(45deg, rgba(16, 185, 129, .15), rgba(6, 182, 212, .15));--profit-display-border: rgba(52, 211, 153, .4)}:root[data-theme=light]{--profit-display-bg: linear-gradient(45deg, rgba(59, 130, 246, .08), rgba(147, 51, 234, .08));--profit-display-border: rgba(59, 130, 246, .3)}.profit-display.profit-positive{background:var(--profit-positive-bg);border-color:var(--profit-positive-border);box-shadow:var(--profit-positive-shadow)}:root[data-theme=dark]{--profit-positive-bg: linear-gradient(45deg, rgba(16, 185, 129, .2), rgba(6, 182, 212, .15));--profit-positive-border: rgba(52, 211, 153, .5);--profit-positive-shadow: 0 4px 12px rgba(16, 185, 129, .2)}:root[data-theme=light]{--profit-positive-bg: linear-gradient(45deg, rgba(5, 150, 105, .1), rgba(59, 130, 246, .08));--profit-positive-border: rgba(5, 150, 105, .4);--profit-positive-shadow: 0 4px 12px rgba(5, 150, 105, .15)}.profit-display.profit-negative{background:var(--profit-negative-bg);border-color:var(--profit-negative-border);box-shadow:var(--profit-negative-shadow)}:root[data-theme=dark]{--profit-negative-bg: linear-gradient(45deg, rgba(239, 68, 68, .15), rgba(220, 38, 38, .1));--profit-negative-border: rgba(248, 113, 113, .4);--profit-negative-shadow: 0 4px 12px rgba(239, 68, 68, .2)}:root[data-theme=light]{--profit-negative-bg: linear-gradient(45deg, rgba(239, 68, 68, .08), rgba(220, 38, 38, .05));--profit-negative-border: rgba(239, 68, 68, .3);--profit-negative-shadow: 0 4px 12px rgba(239, 68, 68, .1)}.profit-display:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s linear infinite}.profit-info{display:flex;flex-direction:column;gap:4px;position:relative;z-index:2}.profit-label{font-size:9px;color:var(--profit-label-color);font-weight:600;text-transform:uppercase;letter-spacing:.3px}:root[data-theme=dark]{--profit-label-color: #94a3b8}:root[data-theme=light]{--profit-label-color: #64748b}.profit-amount{font-size:16px;font-weight:800;color:var(--profit-amount-color);display:flex;align-items:baseline;gap:3px;transition:color .3s ease}:root[data-theme=dark]{--profit-amount-color: #34d399}:root[data-theme=light]{--profit-amount-color: #059669}.profit-amount.profit-positive{color:var(--profit-positive-color)}.profit-amount.profit-negative{color:var(--profit-negative-color)}.profit-currency{font-size:11px;font-weight:600;opacity:.8}.profit-trend{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;background:var(--profit-trend-bg);border:1px solid var(--profit-trend-border);position:relative;z-index:2;transition:all .3s ease}:root[data-theme=dark]{--profit-trend-bg: rgba(16, 185, 129, .2);--profit-trend-border: rgba(52, 211, 153, .4)}:root[data-theme=light]{--profit-trend-bg: rgba(5, 150, 105, .1);--profit-trend-border: rgba(5, 150, 105, .3)}.profit-trend.trend-positive{background:var(--trend-positive-bg);border-color:var(--trend-positive-border)}:root[data-theme=dark]{--trend-positive-bg: rgba(16, 185, 129, .2);--trend-positive-border: rgba(52, 211, 153, .4)}:root[data-theme=light]{--trend-positive-bg: rgba(5, 150, 105, .1);--trend-positive-border: rgba(5, 150, 105, .3)}.profit-trend.trend-negative{background:var(--trend-negative-bg);border-color:var(--trend-negative-border)}:root[data-theme=dark]{--trend-negative-bg: rgba(239, 68, 68, .2);--trend-negative-border: rgba(248, 113, 113, .4)}:root[data-theme=light]{--trend-negative-bg: rgba(239, 68, 68, .1);--trend-negative-border: rgba(239, 68, 68, .3)}.profit-trend svg{color:var(--profit-trend-icon-color);transition:color .3s ease}:root[data-theme=dark]{--profit-trend-icon-color: #34d399}:root[data-theme=light]{--profit-trend-icon-color: #059669}.profit-trend.trend-positive svg{color:var(--profit-positive-color)}.profit-trend.trend-negative svg{color:var(--profit-negative-color);transform:rotate(180deg)}.profit-percentage{font-size:10px;font-weight:700;color:var(--profit-percentage-color);transition:color .3s ease}:root[data-theme=dark]{--profit-percentage-color: #34d399}:root[data-theme=light]{--profit-percentage-color: #059669}.profit-percentage.trend-positive{color:var(--profit-positive-color)}.profit-percentage.trend-negative{color:var(--profit-negative-color)}.profit-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:8px;background:var(--breakdown-item-bg);border:1px solid var(--breakdown-item-border);transition:all .3s ease}:root[data-theme=dark]{--breakdown-item-bg: rgba(30, 41, 59, .5);--breakdown-item-border: rgba(51, 65, 85, .4)}:root[data-theme=light]{--breakdown-item-bg: rgba(248, 250, 252, .6);--breakdown-item-border: rgba(226, 232, 240, .5)}.breakdown-item:hover{border-color:var(--breakdown-item-hover-border);transform:translateY(-1px)}:root[data-theme=dark]{--breakdown-item-hover-border: rgba(100, 116, 139, .6)}:root[data-theme=light]{--breakdown-item-hover-border: rgba(203, 213, 225, .8)}.breakdown-label{font-size:9px;color:var(--breakdown-label-color);font-weight:600;text-transform:uppercase;letter-spacing:.3px;display:flex;align-items:center;gap:4px}:root[data-theme=dark]{--breakdown-label-color: #94a3b8}:root[data-theme=light]{--breakdown-label-color: #64748b}.breakdown-value{font-size:10px;font-weight:700;color:var(--breakdown-value-color)}:root[data-theme=dark]{--breakdown-value-color: #cbd5e1}:root[data-theme=light]{--breakdown-value-color: #334155}.calculation-info{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:8px;background:var(--calculation-info-bg);border:1px solid var(--calculation-info-border)}:root[data-theme=dark]{--calculation-info-bg: rgba(30, 41, 59, .3);--calculation-info-border: rgba(51, 65, 85, .3)}:root[data-theme=light]{--calculation-info-bg: rgba(248, 250, 252, .4);--calculation-info-border: rgba(226, 232, 240, .4)}.info-item{display:flex;justify-content:space-between;align-items:center}.info-label{font-size:9px;color:var(--info-label-color);font-weight:500}:root[data-theme=dark]{--info-label-color: #64748b}:root[data-theme=light]{--info-label-color: #94a3b8}.info-value{font-size:10px;color:var(--info-value-color);font-weight:600}:root[data-theme=dark]{--info-value-color: #94a3b8}:root[data-theme=light]{--info-value-color: #64748b}.calculating-indicator{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;color:var(--calculating-indicator-color);font-size:11px}:root[data-theme=dark]{--calculating-indicator-color: #94a3b8}:root[data-theme=light]{--calculating-indicator-color: #64748b}.spinner{width:16px;height:16px;border:2px solid var(--spinner-border);border-top-color:var(--spinner-color);border-radius:50%;animation:spin 1s linear infinite}:root[data-theme=dark]{--spinner-border: rgba(52, 211, 153, .3);--spinner-color: #34d399}:root[data-theme=light]{--spinner-border: rgba(59, 130, 246, .3);--spinner-color: #3b82f6}@media (max-width: 768px){.dropdown-inner{padding:16px;gap:14px}.profit-breakdown{grid-template-columns:1fr;gap:8px}.power-inputs{gap:8px}.time-periods{gap:4px}.time-period{padding:6px 8px;font-size:9px}.dropdown-content{margin-top:6px}}.pool-card{position:relative;overflow:visible;border-radius:16px;background:var(--pool-card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--pool-card-border);transition:all .7s ease;animation:fade-in-up .6s ease-out forwards;opacity:0;transform:translateY(20px);min-height:280px;z-index:1;box-shadow:var(--pool-card-shadow)}.clickable-card{cursor:pointer;-webkit-user-select:none;user-select:none}.clickable-card:hover{border-color:var(--pool-card-hover-border);box-shadow:var(--pool-card-hover-shadow);transform:translateY(-6px) scale(1.02);z-index:2}.clickable-card:active{transform:translateY(-4px) scale(1.01)}.click-indicator{position:absolute;top:12px;left:12px;z-index:10;padding:6px;border-radius:8px;background:var(--click-indicator-bg);border:1px solid var(--click-indicator-border);color:var(--click-indicator-color);opacity:0;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:root[data-theme=dark]{--click-indicator-bg: linear-gradient(135deg, rgba(6, 182, 212, .2), rgba(147, 51, 234, .2));--click-indicator-border: rgba(34, 211, 238, .3);--click-indicator-color: #22d3ee}:root[data-theme=light]{--click-indicator-bg: linear-gradient(135deg, rgba(59, 130, 246, .15), rgba(147, 51, 234, .15));--click-indicator-border: rgba(59, 130, 246, .3);--click-indicator-color: #3b82f6}.clickable-card:hover .click-indicator{opacity:1;transform:scale(1.1)}:root[data-theme=dark]{--pool-card-bg: linear-gradient(135deg, rgba(15, 23, 42, .95), rgba(30, 41, 59, .6));--pool-card-border: rgba(51, 65, 85, .5);--pool-card-shadow: 0 4px 12px rgba(0, 0, 0, .3);--pool-card-hover-border: rgba(34, 211, 238, .6);--pool-card-hover-shadow: 0 25px 50px -12px rgba(6, 182, 212, .3)}:root[data-theme=light]{--pool-card-bg: linear-gradient(135deg, rgba(255, 255, 255, .95), rgba(248, 250, 252, .9));--pool-card-border: rgba(226, 232, 240, .8);--pool-card-shadow: 0 4px 20px rgba(0, 0, 0, .08);--pool-card-hover-border: rgba(59, 130, 246, .4);--pool-card-hover-shadow: 0 20px 40px rgba(59, 130, 246, .2)}.pool-card-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;opacity:0;background:var(--pool-card-glow);transition:opacity .7s ease}:root[data-theme=dark]{--pool-card-glow: linear-gradient(45deg, rgba(6, 182, 212, .1), transparent, rgba(147, 51, 234, .1))}:root[data-theme=light]{--pool-card-glow: linear-gradient(45deg, rgba(59, 130, 246, .05), transparent, rgba(147, 51, 234, .05))}.pool-card:hover .pool-card-glow{opacity:1}.pool-card.loading{animation:pulse 2s ease-in-out infinite}.loading-content{padding:20px;display:flex;flex-direction:column;gap:16px}.loading-bar{height:16px;background:var(--loading-bar-bg);border-radius:8px;animation:pulse 2s ease-in-out infinite}:root[data-theme=dark]{--loading-bar-bg: rgba(51, 65, 85, .5)}:root[data-theme=light]{--loading-bar-bg: rgba(226, 232, 240, .6)}.loading-bar-1{width:75%}.loading-bars{display:flex;flex-direction:column;gap:12px}.loading-bar-2{width:50%}.loading-bar-3{width:66%}.loading-bar-4{width:33%}.pool-type-badge{position:absolute;top:12px;right:12px;z-index:10;padding:4px 8px;border-radius:6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:var(--pool-type-badge-bg);border:1px solid var(--pool-type-badge-border);color:var(--pool-type-badge-color)}:root[data-theme=dark]{--pool-type-badge-bg: linear-gradient(45deg, rgba(147, 51, 234, .3), rgba(236, 72, 153, .3));--pool-type-badge-border: rgba(168, 85, 247, .4);--pool-type-badge-color: #c084fc}:root[data-theme=light]{--pool-type-badge-bg: linear-gradient(45deg, rgba(147, 51, 234, .15), rgba(236, 72, 153, .15));--pool-type-badge-border: rgba(147, 51, 234, .3);--pool-type-badge-color: #8b5cf6}.pool-card-content{position:relative;padding:20px 20px 50px;display:flex;flex-direction:column;gap:14px;height:100%}.pool-header{display:flex;flex-direction:column;gap:6px}.pool-name{font-size:16px;font-weight:700;color:var(--pool-name-color);margin:0;transition:color .5s ease;line-height:1.2}:root[data-theme=dark]{--pool-name-color: #ffffff;--pool-name-hover-color: #67e8f9}:root[data-theme=light]{--pool-name-color: #0f172a;--pool-name-hover-color: #3b82f6}.pool-card:hover .pool-name{color:var(--pool-name-hover-color)}.pool-algorithm{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:50px;background:var(--pool-algorithm-bg);border:1px solid var(--pool-algorithm-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--pool-algorithm-color);font-weight:500;font-size:10px;width:fit-content}:root[data-theme=dark]{--pool-algorithm-bg: linear-gradient(45deg, rgba(30, 41, 59, .8), rgba(51, 65, 85, .6));--pool-algorithm-border: rgba(100, 116, 139, .4);--pool-algorithm-color: #cbd5e1;--pool-algorithm-icon-color: #06b6d4}:root[data-theme=light]{--pool-algorithm-bg: linear-gradient(45deg, rgba(248, 250, 252, .9), rgba(241, 245, 249, .8));--pool-algorithm-border: rgba(203, 213, 225, .6);--pool-algorithm-color: #475569;--pool-algorithm-icon-color: #3b82f6}.pool-algorithm svg{color:var(--pool-algorithm-icon-color)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:10px;flex:1}.stat-card{position:relative;overflow:hidden;border-radius:10px;background:var(--stat-card-bg);border:1px solid var(--stat-card-border);padding:10px;transition:all .5s ease;display:flex;flex-direction:column;gap:6px}:root[data-theme=dark]{--stat-card-bg: linear-gradient(45deg, rgba(30, 41, 59, .6), rgba(51, 65, 85, .4));--stat-card-border: rgba(100, 116, 139, .3)}:root[data-theme=light]{--stat-card-bg: linear-gradient(45deg, rgba(255, 255, 255, .8), rgba(248, 250, 252, .6));--stat-card-border: rgba(226, 232, 240, .6)}.stat-card:hover{transform:translateY(-2px)}.stat-fee:hover{border-color:var(--stat-fee-hover-border);box-shadow:var(--stat-fee-hover-shadow)}.stat-miners:hover{border-color:var(--stat-miners-hover-border);box-shadow:var(--stat-miners-hover-shadow)}.stat-hashrate:hover{border-color:var(--stat-hashrate-hover-border);box-shadow:var(--stat-hashrate-hover-shadow)}.stat-network-hashrate:hover{border-color:var(--stat-network-hashrate-hover-border);box-shadow:var(--stat-network-hashrate-hover-shadow)}.stat-price:hover{border-color:var(--stat-price-hover-border);box-shadow:var(--stat-price-hover-shadow)}.stat-network:hover{border-color:var(--stat-network-hover-border);box-shadow:var(--stat-network-hover-shadow)}:root[data-theme=dark]{--stat-fee-hover-border: rgba(251, 146, 60, .5);--stat-fee-hover-shadow: 0 8px 20px -5px rgba(251, 146, 60, .2);--stat-miners-hover-border: rgba(52, 211, 153, .5);--stat-miners-hover-shadow: 0 8px 20px -5px rgba(52, 211, 153, .2);--stat-hashrate-hover-border: rgba(34, 211, 238, .5);--stat-hashrate-hover-shadow: 0 8px 20px -5px rgba(34, 211, 238, .2);--stat-network-hashrate-hover-border: rgba(168, 85, 247, .5);--stat-network-hashrate-hover-shadow: 0 8px 20px -5px rgba(168, 85, 247, .2);--stat-price-hover-border: rgba(245, 158, 11, .5);--stat-price-hover-shadow: 0 8px 20px -5px rgba(245, 158, 11, .2);--stat-network-hover-border: rgba(99, 102, 241, .5);--stat-network-hover-shadow: 0 8px 20px -5px rgba(99, 102, 241, .2)}:root[data-theme=light]{--stat-fee-hover-border: rgba(251, 146, 60, .4);--stat-fee-hover-shadow: 0 6px 16px -4px rgba(251, 146, 60, .15);--stat-miners-hover-border: rgba(5, 150, 105, .4);--stat-miners-hover-shadow: 0 6px 16px -4px rgba(5, 150, 105, .15);--stat-hashrate-hover-border: rgba(59, 130, 246, .4);--stat-hashrate-hover-shadow: 0 6px 16px -4px rgba(59, 130, 246, .15);--stat-network-hashrate-hover-border: rgba(147, 51, 234, .4);--stat-network-hashrate-hover-shadow: 0 6px 16px -4px rgba(147, 51, 234, .15);--stat-price-hover-border: rgba(245, 158, 11, .4);--stat-price-hover-shadow: 0 6px 16px -4px rgba(245, 158, 11, .15);--stat-network-hover-border: rgba(99, 102, 241, .4);--stat-network-hover-shadow: 0 6px 16px -4px rgba(99, 102, 241, .15)}.stat-content{display:flex;align-items:center;gap:6px}.stat-icon{padding:4px;border-radius:6px;border:1px solid;flex-shrink:0}.stat-icon-orange{background:var(--stat-icon-orange-bg);border-color:var(--stat-icon-orange-border);color:var(--stat-icon-orange-color)}.stat-icon-emerald{background:var(--stat-icon-emerald-bg);border-color:var(--stat-icon-emerald-border);color:var(--stat-icon-emerald-color)}.stat-icon-cyan{background:var(--stat-icon-cyan-bg);border-color:var(--stat-icon-cyan-border);color:var(--stat-icon-cyan-color)}.stat-icon-gold{background:var(--stat-icon-gold-bg);border-color:var(--stat-icon-gold-border);color:var(--stat-icon-gold-color)}.stat-icon-purple{background:var(--stat-icon-purple-bg);border-color:var(--stat-icon-purple-border);color:var(--stat-icon-purple-color)}.stat-icon-indigo{background:var(--stat-icon-indigo-bg);border-color:var(--stat-icon-indigo-border);color:var(--stat-icon-indigo-color)}:root[data-theme=dark]{--stat-icon-orange-bg: linear-gradient(135deg, rgba(249, 115, 22, .2), rgba(239, 68, 68, .2));--stat-icon-orange-border: rgba(251, 146, 60, .3);--stat-icon-orange-color: #fb923c;--stat-icon-emerald-bg: linear-gradient(135deg, rgba(16, 185, 129, .2), rgba(6, 182, 212, .2));--stat-icon-emerald-border: rgba(52, 211, 153, .3);--stat-icon-emerald-color: #34d399;--stat-icon-cyan-bg: linear-gradient(135deg, rgba(6, 182, 212, .2), rgba(59, 130, 246, .2));--stat-icon-cyan-border: rgba(34, 211, 238, .3);--stat-icon-cyan-color: #22d3ee;--stat-icon-gold-bg: linear-gradient(135deg, rgba(245, 158, 11, .2), rgba(251, 191, 36, .2));--stat-icon-gold-border: rgba(245, 158, 11, .3);--stat-icon-gold-color: #f59e0b;--stat-icon-purple-bg: linear-gradient(135deg, rgba(147, 51, 234, .2), rgba(236, 72, 153, .2));--stat-icon-purple-border: rgba(168, 85, 247, .3);--stat-icon-purple-color: #a855f7;--stat-icon-indigo-bg: linear-gradient(135deg, rgba(99, 102, 241, .2), rgba(129, 140, 248, .2));--stat-icon-indigo-border: rgba(99, 102, 241, .3);--stat-icon-indigo-color: #6366f1}:root[data-theme=light]{--stat-icon-orange-bg: linear-gradient(135deg, rgba(251, 146, 60, .15), rgba(249, 115, 22, .1));--stat-icon-orange-border: rgba(251, 146, 60, .3);--stat-icon-orange-color: #ea580c;--stat-icon-emerald-bg: linear-gradient(135deg, rgba(5, 150, 105, .15), rgba(6, 182, 212, .1));--stat-icon-emerald-border: rgba(5, 150, 105, .3);--stat-icon-emerald-color: #059669;--stat-icon-cyan-bg: linear-gradient(135deg, rgba(59, 130, 246, .15), rgba(6, 182, 212, .1));--stat-icon-cyan-border: rgba(59, 130, 246, .3);--stat-icon-cyan-color: #2563eb;--stat-icon-gold-bg: linear-gradient(135deg, rgba(245, 158, 11, .15), rgba(251, 191, 36, .1));--stat-icon-gold-border: rgba(245, 158, 11, .3);--stat-icon-gold-color: #d97706;--stat-icon-purple-bg: linear-gradient(135deg, rgba(147, 51, 234, .15), rgba(236, 72, 153, .1));--stat-icon-purple-border: rgba(147, 51, 234, .3);--stat-icon-purple-color: #7c3aed;--stat-icon-indigo-bg: linear-gradient(135deg, rgba(99, 102, 241, .15), rgba(129, 140, 248, .1));--stat-icon-indigo-border: rgba(99, 102, 241, .3);--stat-icon-indigo-color: #4f46e5}.stat-details{flex:1;min-width:0}.stat-label{font-size:9px;color:var(--stat-label-color);font-weight:500;margin:0 0 1px;text-transform:uppercase;letter-spacing:.3px}:root[data-theme=dark]{--stat-label-color: #94a3b8}:root[data-theme=light]{--stat-label-color: #64748b}.stat-value{font-size:13px;font-weight:700;margin:0;line-height:1}.stat-value-orange{color:var(--stat-icon-orange-color)}.stat-value-emerald{color:var(--stat-icon-emerald-color)}.stat-value-cyan{color:var(--stat-icon-cyan-color)}.stat-value-gold{color:var(--stat-icon-gold-color)}.stat-value-purple{color:var(--stat-icon-purple-color)}.stat-value-indigo{color:var(--stat-icon-indigo-color)}.loading-price{color:var(--stat-icon-gold-color);opacity:.6}.price-error{color:var(--text-muted);font-size:11px}.price-change{font-size:8px;font-weight:600;margin-left:4px;padding:1px 3px;border-radius:3px}.price-change.positive{color:#10b981;background:rgba(16,185,129,.1)}.price-change.negative{color:#ef4444;background:rgba(239,68,68,.1)}.stat-value .unit{font-size:11px;font-weight:500;opacity:.8}.network-progress{margin-top:4px}.progress-bar{width:100%;height:6px;background:var(--progress-bar-bg);border-radius:50px;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-bottom:4px}:root[data-theme=dark]{--progress-bar-bg: rgba(51, 65, 85, .5)}:root[data-theme=light]{--progress-bar-bg: rgba(226, 232, 240, .6)}.progress-fill{height:100%;background:var(--progress-fill-bg);border-radius:50px;transition:width 1s ease-out;position:relative;overflow:hidden}:root[data-theme=dark]{--progress-fill-bg: linear-gradient(45deg, #6366f1, #8b5cf6, #6366f1)}:root[data-theme=light]{--progress-fill-bg: linear-gradient(45deg, #6366f1, #8b5cf6, #6366f1)}.progress-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s linear infinite}.progress-labels{display:flex;justify-content:space-between;font-size:8px;color:var(--progress-labels-color)}:root[data-theme=dark]{--progress-labels-color: #64748b}:root[data-theme=light]{--progress-labels-color: #94a3b8}.pool-footer{padding-top:10px;border-top:1px solid var(--pool-footer-border);display:flex;align-items:center;justify-content:space-between;margin-top:auto}:root[data-theme=dark]{--pool-footer-border: rgba(51, 65, 85, .5)}:root[data-theme=light]{--pool-footer-border: rgba(226, 232, 240, .6)}.network-info{flex:1}.network-label{font-size:8px;color:var(--network-label-color);font-weight:500;margin:0 0 1px;text-transform:uppercase;letter-spacing:.3px}:root[data-theme=dark]{--network-label-color: #64748b}:root[data-theme=light]{--network-label-color: #94a3b8}.network-value{font-size:11px;color:var(--network-value-color);font-weight:700;margin:0}:root[data-theme=dark]{--network-value-color: #cbd5e1}:root[data-theme=light]{--network-value-color: #475569}.network-value .unit{font-size:11px;font-weight:500;opacity:.8}.live-indicator{display:flex;align-items:center;gap:4px;font-size:8px;color:var(--live-indicator-color);text-transform:uppercase;letter-spacing:.3px}:root[data-theme=dark]{--live-indicator-color: #94a3b8}:root[data-theme=light]{--live-indicator-color: #64748b}.live-dot{width:4px;height:4px;background:#10b981;border-radius:50%;animation:pulse 2s ease-in-out infinite}.bottom-badges{position:absolute;bottom:12px;left:12px;right:12px;display:flex;gap:6px;z-index:10}.badge{display:flex;align-items:center;gap:3px;padding:3px 6px;border-radius:50px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.badge-performance{background:var(--badge-performance-bg);border:1px solid var(--badge-performance-border);color:var(--badge-performance-color)}.badge-low-fee{background:var(--badge-low-fee-bg);border:1px solid var(--badge-low-fee-border);color:var(--badge-low-fee-color)}:root[data-theme=dark]{--badge-performance-bg: linear-gradient(45deg, rgba(16, 185, 129, .3), rgba(6, 182, 212, .3));--badge-performance-border: rgba(52, 211, 153, .4);--badge-performance-color: #34d399;--badge-low-fee-bg: linear-gradient(45deg, rgba(245, 158, 11, .3), rgba(249, 115, 22, .3));--badge-low-fee-border: rgba(251, 191, 36, .4);--badge-low-fee-color: #fbbf24}:root[data-theme=light]{--badge-performance-bg: linear-gradient(45deg, rgba(5, 150, 105, .2), rgba(59, 130, 246, .2));--badge-performance-border: rgba(5, 150, 105, .4);--badge-performance-color: #059669;--badge-low-fee-bg: linear-gradient(45deg, rgba(245, 158, 11, .2), rgba(249, 115, 22, .2));--badge-low-fee-border: rgba(245, 158, 11, .4);--badge-low-fee-color: #d97706}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 768px){.pool-card-content{padding:16px 16px 40px;gap:12px}.stats-grid{grid-template-columns:1fr;gap:8px}.bottom-badges{position:static;margin-top:8px}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;gap:32px}.spinner-wrapper{position:relative;width:80px;height:80px}.spinner{position:absolute;border:4px solid transparent;border-radius:50%;animation:spin 2s linear infinite}.spinner-outer{width:80px;height:80px;border-top-color:#06b6d4;border-left-color:#33415580}.spinner-middle{width:80px;height:80px;border-top-color:#8b5cf6;animation-direction:reverse;animation-delay:.5s}.spinner-inner{top:8px;left:8px;width:64px;height:64px;border-top-color:#ec4899;animation-delay:1s}.loading-text{text-align:center;max-width:400px}.loading-text h3{font-size:20px;font-weight:600;color:#fff;margin:0 0 12px}.loading-text p{color:#94a3b8;line-height:1.6;margin:0 0 16px}.progress-dots{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:16px}.dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.dot-1{background:#06b6d4}.dot-2{background:#8b5cf6;animation-delay:.2s}.dot-3{background:#ec4899;animation-delay:.4s}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.header{position:relative;text-align:center;margin-bottom:40px}.header-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.header-bg-orb{position:absolute;top:0;left:50%;transform:translate(-50%);width:300px;height:300px;background:var(--gradient-card);border-radius:50%;filter:blur(60px)}.header-content{margin-bottom:24px}.header-main{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:16px}.header-icon-container{position:relative}.header-icon{padding:12px;border-radius:20px;background:var(--header-icon-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-accent);box-shadow:var(--shadow-lg);color:var(--accent-primary);transition:all .3s ease;display:flex;align-items:center;justify-content:center}.header-logo{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}:root[data-theme=dark]{--header-icon-bg: linear-gradient(135deg, rgba(6, 182, 212, .2), rgba(147, 51, 234, .2))}:root[data-theme=light]{--header-icon-bg: linear-gradient(135deg, rgba(59, 130, 246, .15), rgba(147, 51, 234, .15))}.header-icon:hover{transform:scale(1.05);box-shadow:var(--shadow-xl)}.header-status-dot{position:absolute;top:-4px;right:-4px;width:12px;height:12px;background:var(--accent-success);border-radius:50%;animation:pulse 2s ease-in-out infinite;border:2px solid var(--bg-primary)}.header-text{text-align:left}.header-title{font-size:64px;font-weight:900;background:var(--gradient-accent);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1;margin:0}.header-subtitle{display:flex;align-items:center;gap:8px;margin-top:6px;color:var(--text-muted);font-weight:500;font-size:14px}.header-subtitle svg{color:var(--accent-primary)}.header-description{font-size:18px;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6;font-weight:300}.highlight-cyan{color:var(--accent-primary);font-weight:600}.highlight-purple{color:var(--accent-secondary);font-weight:600}.header-actions{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.refresh-button{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;border-radius:14px;background:var(--refresh-button-bg);border:1px solid var(--border-accent);color:var(--refresh-button-color);cursor:pointer;transition:all .5s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-md);font-weight:600;font-size:14px}:root[data-theme=dark]{--refresh-button-bg: linear-gradient(45deg, rgba(6, 182, 212, .2), rgba(147, 51, 234, .2));--refresh-button-color: #67e8f9;--refresh-button-hover-bg: linear-gradient(45deg, rgba(6, 182, 212, .3), rgba(147, 51, 234, .3));--refresh-button-hover-color: #ffffff}:root[data-theme=light]{--refresh-button-bg: linear-gradient(45deg, rgba(59, 130, 246, .15), rgba(147, 51, 234, .15));--refresh-button-color: #3b82f6;--refresh-button-hover-bg: linear-gradient(45deg, rgba(59, 130, 246, .25), rgba(147, 51, 234, .25));--refresh-button-hover-color: #1e40af}.refresh-button:hover:not(:disabled){background:var(--refresh-button-hover-bg);border-color:var(--accent-primary);color:var(--refresh-button-hover-color);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.refresh-icon{transition:transform .5s ease}.refresh-button:hover:not(.refreshing) .refresh-icon{transform:rotate(180deg)}.refresh-icon.spinning{animation:spin 1s linear infinite}.live-monitoring{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:14px;background:var(--monitoring-bg);border:1px solid var(--monitoring-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--monitoring-color)}:root[data-theme=dark]{--monitoring-bg: linear-gradient(45deg, rgba(16, 185, 129, .2), rgba(6, 182, 212, .2));--monitoring-border: rgba(52, 211, 153, .3);--monitoring-color: #34d399}:root[data-theme=light]{--monitoring-bg: linear-gradient(45deg, rgba(5, 150, 105, .15), rgba(59, 130, 246, .15));--monitoring-border: rgba(5, 150, 105, .3);--monitoring-color: #059669}.monitoring-text{text-align:left}.monitoring-title{font-size:14px;font-weight:600;margin-bottom:2px}.monitoring-subtitle{font-size:12px;color:var(--text-muted)}.header-stats{display:flex;align-items:center;justify-content:center;gap:24px;padding-top:20px;flex-wrap:wrap}.stat-item{text-align:center}.stat-value{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.stat-value-cyan{color:var(--accent-primary)}.stat-value-purple{color:var(--accent-secondary)}.stat-label{font-size:12px;color:var(--text-muted);font-weight:500}.stat-divider{width:1px;height:24px;background:var(--border-secondary)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.header-title{font-size:36px}.header-main{flex-direction:column;gap:12px}.header-text{text-align:center}.header-description{font-size:16px}.header-actions{flex-direction:column;gap:12px}.header-stats{gap:16px}.stat-divider{width:16px;height:1px}.header-logo{width:32px;height:32px}}.theme-toggle{position:relative;width:64px;height:32px;border:none;background:none;cursor:pointer;padding:0;transition:all .3s ease}.theme-toggle:hover{transform:scale(1.05)}.theme-toggle:active{transform:scale(.95)}.toggle-track{position:relative;width:100%;height:100%;border-radius:50px;background:var(--toggle-track-bg);border:2px solid var(--toggle-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--toggle-shadow);overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.toggle-background{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:0 8px;z-index:1}.toggle-sun,.toggle-moon{display:flex;align-items:center;justify-content:center;color:var(--toggle-icon-inactive);transition:all .3s ease;opacity:.4}.toggle-thumb{position:absolute;top:2px;width:24px;height:24px;border-radius:50%;background:var(--toggle-thumb-bg);border:1px solid var(--toggle-thumb-border);box-shadow:var(--toggle-thumb-shadow);transition:all .4s cubic-bezier(.4,0,.2,1);z-index:2;display:flex;align-items:center;justify-content:center}.toggle-thumb.light{left:2px}.toggle-thumb.dark{left:34px}.toggle-icon{color:var(--toggle-icon-active);display:flex;align-items:center;justify-content:center;transition:all .3s ease}:root[data-theme=light]{--toggle-track-bg: linear-gradient(135deg, rgba(59, 130, 246, .1), rgba(147, 51, 234, .1));--toggle-border: rgba(59, 130, 246, .2);--toggle-shadow: 0 4px 12px rgba(59, 130, 246, .15), inset 0 1px 0 rgba(255, 255, 255, .2);--toggle-thumb-bg: linear-gradient(135deg, #ffffff, #f8fafc);--toggle-thumb-border: rgba(148, 163, 184, .3);--toggle-thumb-shadow: 0 2px 8px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .1);--toggle-icon-active: #f59e0b;--toggle-icon-inactive: #94a3b8}:root[data-theme=dark]{--toggle-track-bg: linear-gradient(135deg, rgba(15, 23, 42, .8), rgba(30, 41, 59, .6));--toggle-border: rgba(51, 65, 85, .5);--toggle-shadow: 0 4px 12px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .1);--toggle-thumb-bg: linear-gradient(135deg, #1e293b, #334155);--toggle-thumb-border: rgba(100, 116, 139, .4);--toggle-thumb-shadow: 0 2px 8px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .2);--toggle-icon-active: #60a5fa;--toggle-icon-inactive: #64748b}.theme-toggle:hover .toggle-track{border-color:var(--toggle-border-hover, var(--toggle-border));box-shadow:var(--toggle-shadow-hover, var(--toggle-shadow))}:root[data-theme=light]{--toggle-border-hover: rgba(59, 130, 246, .4);--toggle-shadow-hover: 0 6px 16px rgba(59, 130, 246, .2), inset 0 1px 0 rgba(255, 255, 255, .3)}:root[data-theme=dark]{--toggle-border-hover: rgba(100, 116, 139, .6);--toggle-shadow-hover: 0 6px 16px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .15)}.theme-toggle:focus{outline:2px solid var(--focus-color);outline-offset:4px}:root[data-theme=light]{--focus-color: #3b82f6}:root[data-theme=dark]{--focus-color: #06b6d4}.app{min-height:100vh;background:var(--gradient-primary);position:relative;overflow-x:hidden;transition:background .3s ease}.theme-toggle-container{position:fixed;top:24px;right:24px;z-index:1000;display:flex;align-items:center;gap:12px;padding:8px 16px;border-radius:50px;background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-primary);box-shadow:var(--shadow-md);transition:all .3s ease}.theme-toggle-container:hover{box-shadow:var(--shadow-lg);border-color:var(--border-accent)}.theme-label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.background-effects{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.bg-orb{position:absolute;border-radius:50%;filter:blur(60px);animation:pulse-slow 4s ease-in-out infinite}:root[data-theme=dark] .bg-orb-1{top:-160px;right:-160px;width:384px;height:384px;background:linear-gradient(45deg,rgba(6,182,212,.1),rgba(59,130,246,.05))}:root[data-theme=dark] .bg-orb-2{bottom:-160px;left:-160px;width:384px;height:384px;background:linear-gradient(45deg,rgba(147,51,234,.1),rgba(236,72,153,.05));animation-delay:1s}:root[data-theme=dark] .bg-orb-3{top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:linear-gradient(45deg,rgba(6,182,212,.05),rgba(147,51,234,.05),rgba(236,72,153,.05));animation-delay:2s}:root[data-theme=light] .bg-orb-1{top:-160px;right:-160px;width:384px;height:384px;background:linear-gradient(45deg,rgba(59,130,246,.08),rgba(147,51,234,.04))}:root[data-theme=light] .bg-orb-2{bottom:-160px;left:-160px;width:384px;height:384px;background:linear-gradient(45deg,rgba(236,72,153,.08),rgba(245,158,11,.04));animation-delay:1s}:root[data-theme=light] .bg-orb-3{top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:linear-gradient(45deg,rgba(59,130,246,.03),rgba(147,51,234,.03),rgba(236,72,153,.03));animation-delay:2s}.particle{position:absolute;border-radius:50%;animation:float 6s ease-in-out infinite}:root[data-theme=dark] .particle-1{top:25%;left:25%;width:8px;height:8px;background:rgba(6,182,212,.3)}:root[data-theme=dark] .particle-2{top:75%;right:25%;width:4px;height:4px;background:rgba(147,51,234,.4);animation-delay:1s}:root[data-theme=dark] .particle-3{top:50%;right:33%;width:6px;height:6px;background:rgba(236,72,153,.3);animation-delay:2s}:root[data-theme=light] .particle-1{top:25%;left:25%;width:8px;height:8px;background:rgba(59,130,246,.2)}:root[data-theme=light] .particle-2{top:75%;right:25%;width:4px;height:4px;background:rgba(147,51,234,.25);animation-delay:1s}:root[data-theme=light] .particle-3{top:50%;right:33%;width:6px;height:6px;background:rgba(236,72,153,.2);animation-delay:2s}.container{position:relative;z-index:10;max-width:1400px;margin:0 auto;padding:32px 16px}.error-container{margin-bottom:32px;max-width:512px;margin-left:auto;margin-right:auto}.error-card{padding:20px;border-radius:16px;background:var(--error-bg);border:1px solid var(--error-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}:root[data-theme=dark]{--error-bg: linear-gradient(45deg, rgba(153, 27, 27, .3), rgba(127, 29, 29, .2));--error-border: rgba(239, 68, 68, .3);--error-icon-bg: rgba(239, 68, 68, .2);--error-icon-border: rgba(248, 113, 113, .3);--error-text: #fca5a5;--error-text-muted: rgba(252, 165, 165, .8)}:root[data-theme=light]{--error-bg: linear-gradient(45deg, rgba(254, 226, 226, .8), rgba(252, 165, 165, .4));--error-border: rgba(239, 68, 68, .2);--error-icon-bg: rgba(239, 68, 68, .1);--error-icon-border: rgba(239, 68, 68, .2);--error-text: #dc2626;--error-text-muted: rgba(220, 38, 38, .8)}.error-content{display:flex;align-items:center}.error-icon{padding:8px;border-radius:12px;background:var(--error-icon-bg);border:1px solid var(--error-icon-border);margin-right:16px;color:var(--error-text)}.error-text h4{color:var(--error-text);font-weight:600;margin:0 0 4px;font-size:16px}.error-text p{color:var(--error-text-muted);font-size:14px;margin:0}.no-data-container{text-align:center;padding:60px 0}.no-data-card{max-width:384px;margin:0 auto;padding:24px;border-radius:24px;background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-primary);box-shadow:var(--shadow-md)}.no-data-icon{padding:16px;border-radius:16px;background:var(--bg-tertiary);border:1px solid var(--border-secondary);display:inline-block;margin-bottom:20px;color:var(--text-muted)}.no-data-card h3{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 12px}.no-data-card p{color:var(--text-muted);margin:0 0 20px;line-height:1.6}.retry-button{display:inline-flex;align-items:center;padding:12px 20px;border-radius:12px;background:linear-gradient(45deg,rgba(59,130,246,.2),rgba(147,51,234,.2));border:1px solid var(--border-accent);color:var(--accent-primary);cursor:pointer;transition:all .3s ease;font-weight:500}.retry-button:hover{background:linear-gradient(45deg,rgba(59,130,246,.3),rgba(147,51,234,.3));transform:translateY(-1px);box-shadow:var(--shadow-md)}.pools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:40px}@media (min-width: 768px){.pools-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (min-width: 1024px){.pools-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (min-width: 1280px){.pools-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.pool-card-wrapper{animation:fade-in-up .6s ease-out forwards;opacity:0;transform:translateY(20px)}@keyframes pulse-slow{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-10px) rotate(120deg)}66%{transform:translateY(5px) rotate(240deg)}}@keyframes fade-in-up{to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.container{padding:20px 12px}.pools-grid{grid-template-columns:1fr;gap:16px}.theme-toggle-container{top:16px;right:16px;padding:6px 12px}.theme-label{display:none}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease}code{font-family:Fira Code,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root[data-theme=dark]{--bg-primary: #020617;--bg-secondary: #0f172a;--bg-tertiary: #1e293b;--bg-card: linear-gradient(135deg, rgba(15, 23, 42, .95), rgba(30, 41, 59, .6));--bg-card-hover: rgba(34, 211, 238, .6);--text-primary: #ffffff;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-accent: #67e8f9;--border-primary: rgba(51, 65, 85, .5);--border-secondary: rgba(100, 116, 139, .3);--border-accent: rgba(34, 211, 238, .3);--accent-primary: #06b6d4;--accent-secondary: #8b5cf6;--accent-tertiary: #ec4899;--accent-success: #10b981;--accent-warning: #f59e0b;--accent-error: #ef4444;--shadow-sm: 0 4px 8px rgba(0, 0, 0, .5);--shadow-md: 0 8px 20px -5px rgba(6, 182, 212, .15);--shadow-lg: 0 20px 40px -12px rgba(6, 182, 212, .2);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .8);--gradient-primary: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%);--gradient-accent: linear-gradient(45deg, #06b6d4, #8b5cf6, #ec4899);--gradient-card: linear-gradient(45deg, rgba(6, 182, 212, .1), transparent, rgba(147, 51, 234, .1))}:root[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-card: linear-gradient(135deg, rgba(255, 255, 255, .95), rgba(248, 250, 252, .8));--bg-card-hover: rgba(59, 130, 246, .1);--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--text-accent: #3b82f6;--border-primary: rgba(226, 232, 240, .8);--border-secondary: rgba(203, 213, 225, .6);--border-accent: rgba(59, 130, 246, .3);--accent-primary: #3b82f6;--accent-secondary: #8b5cf6;--accent-tertiary: #ec4899;--accent-success: #059669;--accent-warning: #d97706;--accent-error: #dc2626;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .1);--gradient-primary: linear-gradient(135deg, #ffffff 0%, #f8fafc 50%, #f1f5f9 100%);--gradient-accent: linear-gradient(45deg, #3b82f6, #8b5cf6, #ec4899);--gradient-card: linear-gradient(45deg, rgba(59, 130, 246, .05), transparent, rgba(147, 51, 234, .05))}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:5px}::-webkit-scrollbar-thumb{background:var(--gradient-accent);border-radius:5px;border:2px solid var(--bg-tertiary)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary))}button,a,input,select,textarea{transition:all .4s cubic-bezier(.4,0,.2,1)}button:focus,a:focus,input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-primary);outline-offset:2px;box-shadow:0 0 0 4px #3b82f61a}button{background:none;border:none;font-family:inherit;font-size:inherit;cursor:pointer}.text-shadow{text-shadow:var(--shadow-sm)}.glass{background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-secondary)}.gradient-text{background:var(--gradient-accent);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 3s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}:root[data-theme=light] body{background-image:radial-gradient(circle at 25% 25%,rgba(59,130,246,.05) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(147,51,234,.05) 0%,transparent 50%)}:root[data-theme=dark] body{background-image:none}