:root{--primary-50: #0a0a0f;--primary-100: #1a1a2e;--primary-200: #16213e;--primary-300: #0f3460;--primary-400: #533483;--primary-500: #e94560;--primary-600: #ff6b6b;--primary-700: #ff5722;--primary-800: #e91e63;--primary-900: #9c27b0;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--success-500: #00ff88;--warning-500: #ffd700;--error-500: #ff6b9d;--nvidia-color: #76ff03;--amd-color: #8b5cf6;--bg-primary: #0a0a0f;--bg-secondary: #1a1a2e;--bg-tertiary: #16213e;--bg-card: #1a1a2e;--bg-hover: #16213e;--text-primary: #ffffff;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-color: #2d3748;--border-hover: #4a5568;--neon-blue: #00d4ff;--neon-purple: #b794f6;--neon-pink: #ff69b4;--neon-green: #68d391;--neon-cyan: #00ffff;--neon-gold: #ffd700;--sidebar-width: 240px;--header-height: 60px;--border-radius: 16px;--border-radius-lg: 20px;--shadow: 0 8px 32px rgba(0, 0, 0, .3);--shadow-lg: 0 20px 40px rgba(0, 0, 0, .4);--shadow-neon: 0 0 20px rgba(233, 69, 96, .3);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .5s cubic-bezier(.4, 0, .2, 1)}[data-theme=classic]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-card: #1e293b;--bg-hover: #334155;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #64748b;--border-color: #334155;--border-hover: #475569;--primary-500: #3b82f6;--primary-600: #2563eb;--success-500: #10b981;--warning-500: #f59e0b;--error-500: #ef4444;--nvidia-color: #32cd32;--amd-color: #8b5cf6;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-neon: 0 4px 6px -1px rgba(59, 130, 246, .1)}[data-theme=classic] body{background:var(--bg-primary)}[data-theme=classic] .sidebar{background:var(--bg-secondary);box-shadow:var(--shadow-lg)}[data-theme=classic] .sidebar-header{background:var(--bg-secondary)}[data-theme=classic] .sidebar-header:before{display:none}[data-theme=classic] .logo-icon{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));box-shadow:var(--shadow);animation:none}[data-theme=classic] .logo-text{color:var(--text-primary);text-shadow:none}[data-theme=classic] .nav-item:before{display:none}[data-theme=classic] .nav-item:hover{background:var(--bg-hover);transform:none}[data-theme=classic] .nav-item.active{background:var(--bg-hover);color:var(--primary-500);box-shadow:none}[data-theme=classic] .sidebar-footer{background:var(--bg-tertiary)}[data-theme=classic] .main-content{background:var(--bg-primary)}[data-theme=classic] .header{background:var(--bg-card);box-shadow:var(--shadow)}[data-theme=classic] .page-title{color:var(--text-primary);background:none;-webkit-text-fill-color:unset}[data-theme=classic] .stat-card-compact{background:var(--bg-card);-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=classic] .stat-card-compact:before{display:none}[data-theme=classic] .stat-card-compact:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}[data-theme=classic] .stat-card-compact .stat-icon{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));box-shadow:var(--shadow)}[data-theme=classic] .stat-card-compact .stat-value{text-shadow:none}[data-theme=classic] .theme-btn:hover{background:var(--bg-hover);color:var(--text-primary);transform:scale(1.05);box-shadow:var(--shadow)}[data-theme=classic] .refresh-btn{background:var(--primary-500);box-shadow:var(--shadow)}[data-theme=classic] .refresh-btn:hover{background:var(--primary-600);transform:translateY(-1px);box-shadow:var(--shadow-lg)}[data-theme=classic] .table-container{background:var(--bg-card);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=classic] .farms-table tr:hover td{background:var(--bg-hover)}[data-theme=classic] .farms-table tr.active{background:var(--bg-hover);border-left:3px solid var(--primary-500);box-shadow:none}[data-theme=classic] .farm-details{background:var(--bg-card);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=classic] .details-header{background:var(--bg-tertiary)}[data-theme=classic] .details-header h3{color:var(--text-primary);background:none;-webkit-text-fill-color:unset}[data-theme=classic] .details-close:hover{background:var(--bg-hover);color:var(--text-primary);transform:scale(1.05);box-shadow:var(--shadow)}[data-theme=classic] .gpu-table .critical-temp{background:var(--error-500)!important;box-shadow:none;animation:none}[data-theme=classic] .system-info h4{color:var(--text-primary);background:none;-webkit-text-fill-color:unset}[data-theme=classic] .info-item:hover{transform:translateY(-1px);box-shadow:var(--shadow);border-color:var(--border-hover)}[data-theme=classic] .info-icon{background:var(--primary-500);box-shadow:var(--shadow)}[data-theme=classic] .offline-status h4{color:var(--error-500);text-shadow:none}[data-theme=classic] .rate-card{background:var(--bg-card);-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=classic] .rate-card:before{display:none}[data-theme=classic] .rate-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}[data-theme=classic] .coin-logo{box-shadow:var(--shadow)}[data-theme=classic] .rate-price{text-shadow:none}[data-theme=classic] .rate-change.positive{color:var(--success-500);text-shadow:none}[data-theme=classic] .rate-change.negative{color:var(--error-500);text-shadow:none}[data-theme=classic] .section-header h2,[data-theme=classic] .earnings-header h2{color:var(--text-primary);background:none;-webkit-text-fill-color:unset}[data-theme=classic] .coin-symbol{color:var(--primary-500);text-shadow:none}[data-theme=classic] .earnings-card{background:var(--bg-card);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=classic] .earnings-card h3{color:var(--text-primary);background:none;-webkit-text-fill-color:unset}[data-theme=classic] .tx-hash{color:var(--primary-500);text-shadow:none}[data-theme=classic] .total-summary{background:var(--bg-tertiary);box-shadow:var(--shadow)}[data-theme=classic] .total-summary .value{color:var(--primary-500);text-shadow:none}[data-theme=classic] .settings-card{background:var(--bg-card);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=classic] .settings-card h3{color:var(--text-primary);background:none;-webkit-text-fill-color:unset}[data-theme=classic] .setting-description{background:var(--bg-tertiary);box-shadow:var(--shadow)}[data-theme=classic] .setting-note{background:var(--bg-hover)}[data-theme=classic] .setting-item{background:var(--bg-tertiary)}[data-theme=classic] .setting-item:hover{border-color:var(--border-hover);box-shadow:var(--shadow)}[data-theme=classic] .toggle-switch input:checked+label{background:var(--primary-500);box-shadow:none}[data-theme=classic] .toggle-switch input:checked+label:before{box-shadow:var(--shadow)}[data-theme=classic] .notification{background:var(--bg-card);-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=classic] .notification.success,[data-theme=classic] .notification.error,[data-theme=classic] .notification.warning{box-shadow:var(--shadow-lg)}[data-theme=classic] .notification-close:hover{background:var(--bg-hover);color:var(--text-primary);transform:scale(1.05)}[data-theme=classic] .error-state{background:var(--bg-card);box-shadow:var(--shadow-lg)}[data-theme=classic] .retry-btn{background:var(--primary-500);box-shadow:var(--shadow)}[data-theme=classic] .retry-btn:hover{background:var(--primary-600);transform:translateY(-1px);box-shadow:var(--shadow-lg)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(135deg,var(--bg-primary) 0%,#0f1419 100%);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.sidebar{position:fixed;left:0;top:0;width:var(--sidebar-width);height:100vh;background:linear-gradient(180deg,var(--bg-secondary) 0%,#16213e 100%);border-right:1px solid var(--border-color);display:flex;flex-direction:column;z-index:1000;transform:translate(0);transition:var(--transition);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.sidebar-header{padding:1.5rem 1rem;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#16213e);position:relative;overflow:hidden}.sidebar-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(0,212,255,.1) 50%,transparent 70%);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.logo{display:flex;align-items:center;gap:.75rem;position:relative;z-index:1}.logo-icon{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,var(--neon-blue),var(--neon-purple),var(--primary-500));border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 25px #00d4ff99,0 0 50px #b794f64d;animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 0 25px #00d4ff99,0 0 50px #b794f64d}to{box-shadow:0 0 35px #00d4ffe6,0 0 70px #b794f680}}.logo-text{font-size:1.25rem;font-weight:800;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5)}.sidebar-nav{flex:1;padding:1rem 0}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;color:var(--text-secondary);text-decoration:none;transition:var(--transition);border-left:3px solid transparent;font-size:.875rem;font-weight:500;position:relative;margin:.25rem 0}.nav-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,var(--primary-500),transparent);transition:var(--transition)}.nav-item:hover{background:linear-gradient(90deg,rgba(233,69,96,.1),transparent);color:var(--text-primary);transform:translate(4px)}.nav-item:hover:before{width:100%}.nav-item.active{background:linear-gradient(90deg,rgba(233,69,96,.2),transparent);color:var(--primary-500);border-left-color:var(--primary-500);box-shadow:inset 0 0 20px #e945601a}.nav-item i{width:1.25rem;height:1.25rem;filter:drop-shadow(0 0 4px currentColor)}.sidebar-footer{margin-top:auto;padding:1rem;border-top:1px solid var(--border-color);background:linear-gradient(135deg,var(--bg-tertiary),#0f1419);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar-footer-content{text-align:center}.sidebar-footer p{color:var(--text-muted);font-size:.625rem;margin:0 0 .25rem;line-height:1.3}.mobile-menu-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:2000;width:2.5rem;height:2.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);cursor:pointer;align-items:center;justify-content:center;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.mobile-menu-toggle:hover{background:var(--bg-hover);transform:scale(1.05)}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.main-content{margin-left:var(--sidebar-width);min-height:100vh;background:linear-gradient(135deg,var(--bg-primary) 0%,#0f1419 100%)}.header{height:var(--header-height);padding:0 2rem;background:linear-gradient(135deg,var(--bg-card),var(--bg-tertiary));border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow)}.page-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.125rem;background:linear-gradient(135deg,var(--primary-500),var(--neon-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{color:var(--text-muted);font-size:.75rem}.header-right,.theme-controls{display:flex;align-items:center;gap:1rem}.offline-timeout-control{display:flex;align-items:center;gap:.75rem}.offline-timeout-control label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.timeout-selector{display:flex;align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow)}.timeout-btn{width:2.5rem;height:2.5rem;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.timeout-btn:hover{background:var(--bg-hover);color:var(--primary-500);transform:scale(1.1)}.timeout-btn:disabled{opacity:.5;cursor:not-allowed}.timeout-value{padding:0 1rem;font-size:.875rem;color:var(--text-primary);font-weight:600;min-width:4rem;text-align:center}.theme-btn{width:2.5rem;height:2.5rem;border-radius:50%;background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-hover));border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow)}.theme-btn:hover{background:linear-gradient(135deg,var(--neon-cyan),var(--neon-blue));color:#fff;transform:scale(1.1) rotate(180deg);box-shadow:var(--shadow-neon)}.content-section{display:none;padding:1rem}.content-section.active{display:block}.stats-grid-compact{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;margin-bottom:2rem}.stat-card-compact{background:linear-gradient(135deg,var(--bg-card),var(--bg-tertiary));border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:.5rem;transition:var(--transition);display:flex;flex-direction:column;align-items:center;text-align:center;min-height:85px;justify-content:space-between;min-width:0;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.stat-card-compact:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent,rgba(233,69,96,.05));opacity:0;transition:var(--transition)}.stat-card-compact:hover{border-color:var(--primary-500);transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-neon)}.stat-card-compact:hover:before{opacity:1}.stat-card-compact .stat-icon{width:1.75rem;height:1.75rem;background:linear-gradient(135deg,var(--neon-blue),var(--neon-purple));border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:.375rem;flex-shrink:0;box-shadow:0 0 20px #00d4ff66;position:relative;z-index:1}.stat-card-compact .stat-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-width:0;position:relative;z-index:1}.stat-card-compact .stat-value{font-size:1rem;font-weight:800;color:var(--text-primary);line-height:1.2;margin-bottom:.125rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;display:block;text-shadow:0 0 10px rgba(255,255,255,.2)}.stat-card-compact .stat-value[data-unit]:after{content:" " attr(data-unit);font-size:.75rem;font-weight:600;color:var(--primary-500)}.stat-card-compact .stat-value .unit{font-size:.75rem;font-weight:600;color:var(--primary-500);white-space:nowrap}.stat-card-compact .stat-label{color:var(--text-muted);font-size:.75rem;margin-bottom:.0625rem;line-height:1.3;text-align:center;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;font-weight:500}.stat-card-compact .stat-change{font-size:.75rem;color:var(--text-muted);line-height:1}@keyframes blink-offline{0%,50%{opacity:1}51%,to{opacity:.3}}#offline-farms-count{animation:blink-offline 1.5s infinite;color:var(--error-500);font-weight:700}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.section-header h2{font-size:1.125rem;font-weight:700;color:var(--text-primary);background:linear-gradient(135deg,var(--primary-500),var(--neon-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-controls{display:flex;gap:1rem}.refresh-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--neon-blue),var(--neon-purple));color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);font-size:.875rem;font-weight:600;box-shadow:var(--shadow)}.refresh-btn:hover{background:linear-gradient(135deg,var(--neon-purple),var(--neon-pink));transform:translateY(-2px);box-shadow:var(--shadow-neon)}.table-container{overflow-x:auto;border-radius:var(--border-radius-lg);border:1px solid var(--border-color);background:linear-gradient(135deg,var(--bg-card),var(--bg-tertiary));margin-bottom:1rem;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.farms-table,.gpu-table,.earnings-table{width:100%;border-collapse:collapse}.farms-table th,.farms-table td,.gpu-table th,.gpu-table td,.earnings-table th,.earnings-table td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid var(--border-color)}.farms-table th,.gpu-table th,.earnings-table th{background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-hover));color:var(--text-secondary);font-weight:600;font-size:.625rem;text-transform:uppercase;letter-spacing:.5px}.farms-table td,.gpu-table td,.earnings-table td{color:var(--text-primary);font-size:.7rem;font-weight:500}.farms-table tr:hover td,.gpu-table tr:hover td,.earnings-table tr:hover td{background:linear-gradient(90deg,rgba(233,69,96,.1),transparent)}.farm-status{display:flex;align-items:center;gap:.75rem}@keyframes pulse-online{0%,to{opacity:1;box-shadow:0 0 #00ff88b3}50%{opacity:.7;box-shadow:0 0 0 8px #0f80}}@keyframes pulse-offline{0%,to{opacity:1;box-shadow:0 0 #ef4444b3}50%{opacity:.7;box-shadow:0 0 0 8px #ef444400}}.status-dot{width:10px;height:10px;border-radius:50%;position:relative}.status-dot.online{background:var(--success-500);animation:pulse-online 2s infinite;box-shadow:0 0 10px var(--success-500)}.status-dot.offline{background:var(--error-500);animation:pulse-offline 2s infinite;box-shadow:0 0 10px var(--error-500)}.gpu-indicators{display:flex;gap:2px}.gpu-indicator{width:10px;height:10px;border-radius:3px}.gpu-indicator.nvidia{background:var(--nvidia-color);box-shadow:0 0 1px #76ff034d}.gpu-indicator.amd{background:#e91e63;box-shadow:0 0 1px #e91e634d}.gpu-indicator.offline{background:var(--gray-500);box-shadow:0 0 1px #64748b4d}.farms-table tr.active{background:linear-gradient(90deg,rgba(233,69,96,.2),transparent);border-left:4px solid var(--primary-500);box-shadow:inset 0 0 20px #e945601a}.farm-details{background:linear-gradient(135deg,var(--bg-card),var(--bg-tertiary));border:1px solid var(--border-color);border-radius:var(--border-radius-lg);margin-top:1.5rem;overflow:hidden;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.details-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-hover));border-bottom:1px solid var(--border-color)}.details-header h3{font-size:1.125rem;font-weight:700;color:var(--text-primary);background:linear-gradient(135deg,var(--primary-500),var(--neon-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.details-close{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow)}.details-close:hover{background:var(--neon-cyan);color:#fff;transform:scale(1.1) rotate(90deg);box-shadow:0 0 20px #0ff6}.details-content{padding:1.5rem}.gpu-table-container{margin-bottom:1.5rem}.gpu-table-container h4{font-size:.875rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;background:linear-gradient(135deg,var(--primary-500),var(--neon-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gpu-table .nvidia{color:#4ade80;font-weight:600}.gpu-table .amd{color:#e91e63;font-weight:600}.gpu-table .gpu-name{font-size:.7rem;font-weight:600}.gpu-table .critical-temp{background:linear-gradient(135deg,var(--neon-pink),var(--neon-purple))!important;color:#fff!important;padding:.5rem 1rem;background:linear-gradient(135deg,var(--neon-blue),var(--neon-purple));display:inline-block;box-shadow:0 0 20px #ff69b466;animation:pulse 1s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.system-info h4{font-size:.875rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,var(--neon-blue),var(--neon-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:.5rem}.info-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-hover));border-radius:var(--border-radius);border:1px solid var(--border-color);transition:var(--transition)}.info-item:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--primary-500)}.info-icon{width:1.5rem;height:1.5rem;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-purple));border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 0 15px #0ff6}.info-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.info-item .label{color:var(--text-muted);font-weight:600;font-size:.625rem}.info-item .value{color:var(--text-secondary);font-size:.625rem;font-weight:500}.offline-status{text-align:center;padding:3rem}.offline-status h4{color:var(--error-500);margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:1.25rem;text-shadow:0 0 10px var(--error-500)}.offline-status p{color:var(--text-muted);font-size:1rem}.rates-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.rate-card{background:linear-gradient(135deg,var(--bg-card),var(--bg-tertiary));border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:1rem;transition:var(--transition);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-height:140px}.rate-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent,rgba(233,69,96,.05));opacity:0;transition:var(--transition)}.rate-card:hover{border-color:var(--primary-500);transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-neon)}.rate-card:hover:before{opacity:1}.rate-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;position:relative;z-index:1}.coin-logo{width:2rem;height:2rem;border-radius:50%;box-shadow:0 0 20px #e9456033}.coin-name{font-weight:700;color:var(--text-primary);font-size:.875rem}.coin-symbol{color:var(--text-muted);font-size:.75rem;text-transform:uppercase;font-weight:600}.rate-price{font-size:1.25rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem;text-shadow:0 0 10px rgba(255,255,255,.2);position:relative;z-index:1}.rate-change{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;margin-bottom:.75rem;position:relative;z-index:1}.rate-change.positive{color:var(--success-500);text-shadow:0 0 8px var(--success-500)}.rate-change.negative{color:var(--neon-pink);text-shadow:0 0 8px var(--neon-pink)}.rate-market-cap{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;position:relative;z-index:1}.rate-market-cap .label{color:var(--text-muted);font-weight:600}.rate-market-cap .value{color:var(--text-secondary);font-weight:700}.earnings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.earnings-header h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);background:linear-gradient(135deg,var(--primary-500),var(--neon-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.coin-info{display:flex;align-items:center;gap:1rem}.coin-price{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-hover));border-radius:var(--border-radius);border:1px solid var(--border-color);box-shadow:var(--shadow)}.coin-symbol{font-weight:700;color:var(--primary-500);text-shadow:0 0 8px var(--primary-500)}.coin-price-value{color:var(--text-primary);font-weight:700}.earnings-card{background:linear-gradient(135deg,var(--bg-card),var(--bg-tertiary));border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:2rem;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.earnings-card h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;background:linear-gradient(135deg,var(--primary-500),var(--neon-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tx-hash{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;color:var(--neon-blue);word-break:break-all;text-shadow:0 0 8px var(--neon-blue)}.total-summary{background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-hover));border-radius:var(--border-radius);padding:1.5rem;margin-top:1rem;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border-color);box-shadow:var(--shadow)}.total-summary .label{font-weight:700;color:var(--text-primary);font-size:1.125rem}.total-summary .value{font-weight:800;color:var(--primary-500);font-size:1.25rem;text-shadow:0 0 10px var(--primary-500)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.settings-card{background:linear-gradient(135deg,var(--bg-card),var(--bg-tertiary));border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:2rem;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.settings-card h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;background:linear-gradient(135deg,var(--primary-500),var(--neon-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.setting-description{margin-bottom:1rem;padding:1rem;background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-hover));border-radius:var(--border-radius);border-left:4px solid var(--primary-500);box-shadow:var(--shadow)}.setting-description p{color:var(--text-secondary);font-size:.875rem;margin:0;font-weight:500}.setting-note{margin-top:1.5rem;padding:1rem;background:linear-gradient(135deg,var(--bg-hover),var(--bg-tertiary));border-radius:var(--border-radius);border:1px solid var(--border-color)}.setting-note small{color:var(--text-muted);font-size:.875rem;font-weight:500}.setting-item{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding:1rem;background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-hover));border-radius:var(--border-radius);border:1px solid var(--border-color);transition:var(--transition)}.setting-item:hover{border-color:var(--primary-500);box-shadow:var(--shadow)}.setting-item label{color:var(--text-secondary);font-weight:600;font-size:1rem}.setting-item select,.setting-item input{padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-tertiary);color:var(--text-primary);font-size:1rem;font-weight:500;transition:var(--transition)}.setting-item select:focus,.setting-item input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #e945601a}[data-theme=classic] .setting-item input[type=number]{background:var(--bg-card);border:2px solid var(--border-color);color:var(--text-primary);padding:.75rem 1rem;border-radius:var(--border-radius);font-size:1rem;font-weight:600;min-width:80px;text-align:center}[data-theme=classic] .setting-item input[type=number]:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;background:var(--bg-card)}[data-theme=classic] .setting-item input[type=number]:hover{border-color:var(--border-hover);background:var(--bg-card)}.toggle-switch{position:relative;width:4rem;height:2rem}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch label{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--gray-600);border-radius:9999px;transition:var(--transition);box-shadow:inset 0 2px 4px #0003}.toggle-switch label:before{position:absolute;content:"";height:1.5rem;width:1.5rem;left:.25rem;bottom:.25rem;background:#fff;border-radius:50%;transition:var(--transition);box-shadow:0 2px 4px #0003}.toggle-switch input:checked+label{background:linear-gradient(135deg,var(--neon-blue),var(--neon-purple));box-shadow:0 0 20px #00d4ff4d}.toggle-switch input:checked+label:before{transform:translate(2rem);box-shadow:0 0 10px #ffffff4d}.notifications-container{position:fixed;top:1rem;right:1rem;z-index:3000;display:flex;flex-direction:column;gap:.75rem}.notification{background:linear-gradient(135deg,var(--bg-card),var(--bg-tertiary));border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:1rem;min-width:320px;box-shadow:var(--shadow-lg);transform:translate(100%);opacity:0;transition:var(--transition);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.notification.success{border-left:4px solid var(--success-500);box-shadow:0 0 20px #0f83}.notification.error{border-left:4px solid var(--neon-purple);box-shadow:0 0 20px #b794f633}.notification.warning{border-left:4px solid var(--neon-gold);box-shadow:0 0 20px #ffd70033}.notification-content{display:flex;align-items:center;gap:.75rem}.notification-icon{color:var(--neon-blue)}.notification.success .notification-icon{color:var(--success-500)}.notification.error .notification-icon{color:var(--neon-purple)}.notification.warning .notification-icon{color:var(--neon-gold)}.notification.info .notification-icon{color:var(--neon-blue)}.notification-message{flex:1;color:var(--text-primary);font-size:.875rem;font-weight:500}.notification-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:var(--border-radius);transition:var(--transition)}.notification-close:hover{background:var(--bg-hover);color:var(--neon-cyan);transform:scale(1.1)}@media (max-width: 1400px){.stats-grid-compact{grid-template-columns:repeat(4,1fr);gap:.75rem}.stat-card-compact:nth-child(5),.stat-card-compact:nth-child(6),.stat-card-compact:nth-child(7){grid-column:span 1}.stat-card-compact{min-height:110px;padding:.75rem}.stat-card-compact .stat-value{font-size:.875rem}.stat-card-compact .stat-value[data-unit]:after{font-size:.625rem}}@media (max-width: 1200px){.stats-grid-compact{grid-template-columns:repeat(3,1fr);gap:.75rem}.stat-card-compact:nth-child(4),.stat-card-compact:nth-child(5),.stat-card-compact:nth-child(6),.stat-card-compact:nth-child(7){grid-column:span 1}.stat-card-compact{min-height:100px;padding:.75rem}.stat-card-compact .stat-value{font-size:.8rem}.stat-card-compact .stat-value[data-unit]:after{font-size:.6rem}.stat-card-compact .stat-label{font-size:.625rem}}@media (max-width: 1024px){.mobile-menu-toggle{display:flex}.sidebar{transform:translate(-100%);transition:var(--transition)}.sidebar.open{transform:translate(0)}.sidebar-overlay.active{display:block}.main-content{margin-left:0}.stats-grid-compact{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card-compact{min-height:140px;padding:1rem}.stat-card-compact .stat-icon{width:2.5rem;height:2.5rem;margin-bottom:.75rem}.stat-card-compact .stat-value{font-size:1rem}.stat-card-compact .stat-value[data-unit]:after{font-size:.75rem}.stat-card-compact .stat-label{font-size:.75rem}.rates-grid{grid-template-columns:repeat(2,1fr)}.theme-controls{flex-direction:column;gap:.75rem}.header{padding:0 1rem 0 4rem}.content-section{padding:1.5rem}}@media (max-width: 768px){.stats-grid-compact{grid-template-columns:1fr;gap:.75rem}.stat-card-compact{min-height:100px;padding:1rem;flex-direction:row;text-align:left;align-items:center}.stat-card-compact .stat-icon{width:2rem;height:2rem;margin-bottom:0;margin-right:1rem}.stat-card-compact .stat-content{align-items:flex-start}.stat-card-compact .stat-value{font-size:1rem;margin-bottom:.25rem;text-align:left}.stat-card-compact .stat-value[data-unit]:after{font-size:.75rem}.stat-card-compact .stat-label{font-size:.75rem;margin-bottom:0;text-align:left}.stat-card-compact .stat-change{font-size:.75rem}.section-controls{flex-direction:column;gap:.75rem}.rates-grid,.info-grid{grid-template-columns:1fr}.header{padding:.5rem 1rem 1rem 4rem;height:auto;min-height:var(--header-height);flex-direction:column;align-items:flex-start;gap:1rem}.header-left{width:100%}.page-subtitle{margin-top:.25rem}.header-right{width:100%;justify-content:flex-end;margin-bottom:.5rem}.theme-controls{flex-direction:row;gap:.5rem;align-items:center;justify-content:flex-end;width:100%}.offline-timeout-control{flex-direction:row;align-items:center;gap:.5rem}.offline-timeout-control label{font-size:.75rem;white-space:nowrap}.timeout-selector{min-width:auto}.timeout-btn{width:2rem;height:2rem}.timeout-value{min-width:2.5rem;padding:0 .5rem;font-size:.75rem}.theme-btn{width:2rem;height:2rem}.earnings-header,.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.page-title{font-size:1.125rem}.page-subtitle{font-size:.75rem}.table-container{font-size:.875rem}.farms-table th,.farms-table td,.gpu-table th,.gpu-table td,.earnings-table th,.earnings-table td{padding:.75rem}}@media (max-width: 480px){.stat-card-compact{min-height:80px;padding:.75rem}.stat-card-compact .stat-icon{width:1.75rem;height:1.75rem}.stat-card-compact .stat-value{font-size:.875rem}.stat-card-compact .stat-value[data-unit]:after{font-size:.625rem}.stat-card-compact .stat-label{font-size:.625rem}.header{padding:0 .75rem 0 3.5rem}.content-section{padding:1rem}.page-title{font-size:1.125rem}.page-subtitle{font-size:.75rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:4px;box-shadow:0 0 10px #e945604d}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));box-shadow:0 0 15px #e9456080}.error-state{grid-column:1 / -1;text-align:center;padding:4rem;background:linear-gradient(135deg,var(--bg-card),var(--bg-tertiary));border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg)}.error-state i{width:4rem;height:4rem;color:var(--text-muted);margin-bottom:1.5rem}.error-state h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem;font-weight:700}.error-state p{color:var(--text-muted);margin-bottom:2rem;font-size:1rem}.retry-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,var(--neon-blue),var(--neon-purple));color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);font-weight:600;box-shadow:var(--shadow)}.retry-btn:hover{background:linear-gradient(135deg,var(--neon-purple),var(--neon-pink));transform:translateY(-2px);box-shadow:var(--shadow-neon)}