@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&display=swap";.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:var(--bg-primary)}.error-boundary-content{max-width:500px;text-align:center;background:var(--bg-secondary);border-radius:16px;padding:40px;box-shadow:0 8px 32px #0006;border:1px solid var(--border-color)}.error-icon{width:64px;height:64px;margin:0 auto 24px;color:var(--danger);background:#ef44441a;border-radius:50%;display:flex;align-items:center;justify-content:center}.error-icon svg{width:32px;height:32px}.error-title{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.error-message{font-size:16px;color:var(--text-secondary);margin-bottom:24px;line-height:1.5}.error-details{margin:24px 0;text-align:left;background:var(--bg-card);border-radius:8px;padding:16px;border:1px solid var(--border-color)}.error-details summary{cursor:pointer;color:var(--text-secondary);font-size:14px;font-weight:500;-webkit-user-select:none;user-select:none}.error-details summary:hover{color:var(--text-primary)}.error-stack{margin-top:12px;padding:12px;background:#0000004d;border-radius:6px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;color:var(--danger);overflow-x:auto;white-space:pre-wrap;word-break:break-word;max-height:200px;overflow-y:auto}.error-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.error-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.error-button-primary{background:var(--warning);color:var(--bg-primary)}.error-button-primary:hover{background:#fbbf24;transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.error-button-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.error-button-secondary:hover{background:var(--border-color)}.button-icon{font-size:16px}.error-fallback-small{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);text-align:center;min-height:200px}.error-fallback-small .error-icon{width:40px;height:40px;margin-bottom:12px}.error-fallback-small .error-icon svg{width:20px;height:20px}.error-fallback-small .error-title{font-size:16px;margin-bottom:8px}.error-fallback-small .error-message{font-size:14px;margin-bottom:16px}.error-fallback-small .error-button{padding:8px 16px;font-size:13px}.dashboard-error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:400px;padding:24px;text-align:center;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.dashboard-error-boundary h3{color:var(--danger);font-size:18px}.dashboard-error-boundary p{color:var(--text-secondary)}@media (max-width: 768px){.error-boundary-content{padding:24px}.error-title{font-size:20px}.error-message{font-size:14px}.error-actions{flex-direction:column}.error-button{width:100%;justify-content:center}}.error-boundary--api .error-icon--api{background:#f59e0b1a;color:#f59e0b;font-size:2rem;width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-bottom:16px}.error-boundary--api .error-title{color:#f59e0b}.prediction-card{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px;padding:20px;margin-bottom:16px;border:2px solid transparent;transition:all .3s ease}.prediction-card.trend-up{border-color:#4ade80;box-shadow:0 4px 20px #4ade8026}.prediction-card.trend-down{border-color:#f87171;box-shadow:0 4px 20px #f8717126}.prediction-card.trend-flat{border-color:#94a3b8;box-shadow:0 4px 20px #94a3b826}.prediction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.prediction-header h3{margin:0;color:#e2e8f0;font-size:1.1rem;font-weight:600}.model-badge{background:#6366f133;color:#818cf8;padding:4px 10px;border-radius:12px;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.prediction-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.price-section{display:flex;gap:24px}.current-price,.predicted-price{display:flex;flex-direction:column}.current-price .label,.predicted-price .label{font-size:.75rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.current-price .value{font-size:1.5rem;font-weight:700;color:#94a3b8}.predicted-price .value{font-size:1.75rem;font-weight:700;color:#e2e8f0}.currency{font-size:.75rem;color:#64748b}.trend-indicator{display:flex;flex-direction:column;align-items:center;padding:12px 20px;border-radius:10px;background:#ffffff0d}.trend-indicator.up{background:#4ade8026}.trend-indicator.down{background:#f8717126}.trend-indicator.flat{background:#94a3b826}.trend-arrow{font-size:1.5rem;line-height:1}.trend-indicator.up .trend-arrow{color:#4ade80}.trend-indicator.down .trend-arrow{color:#f87171}.trend-indicator.flat .trend-arrow{color:#94a3b8}.trend-label{font-size:.8rem;font-weight:600;margin-top:4px}.trend-indicator.up .trend-label{color:#4ade80}.trend-indicator.down .trend-label{color:#f87171}.trend-indicator.flat .trend-label{color:#94a3b8}.prediction-details{border-top:1px solid rgba(255,255,255,.1);padding-top:16px}.expected-change,.confidence-interval{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.expected-change .label,.confidence-interval .label{font-size:.85rem;color:#94a3b8}.expected-change .value{font-weight:600;font-size:.95rem}.expected-change .value.positive{color:#4ade80}.expected-change .value.negative{color:#f87171}.confidence-bar{width:150px;height:8px;background:#ffffff1a;border-radius:4px;position:relative;overflow:hidden}.confidence-range{position:absolute;height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:4px}.confidence-values{font-size:.85rem;color:#cbd5e1}.confidence-percent{color:#94a3b8;font-size:.75rem}.model-breakdown{border-top:1px solid rgba(255,255,255,.1);padding-top:12px;margin-top:12px}.model-breakdown .label{font-size:.8rem;color:#94a3b8;display:block;margin-bottom:8px}.model-votes{display:flex;gap:8px}.model-vote{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.75rem;font-weight:700}.model-vote.up{background:#4ade8033;color:#4ade80}.model-vote.down{background:#f8717133;color:#f87171}.model-vote.flat{background:#94a3b833;color:#94a3b8}.prediction-card-error{border-color:#f87171;background:linear-gradient(135deg,#2d1f1f,#1a1a2e);box-shadow:0 4px 20px #f871711a}.prediction-card-error .prediction-header h3{color:#f87171}.prediction-error-message{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;color:#f87171;font-size:.95rem;text-align:center}.error-icon{font-size:1.2rem}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes chart-shimmer{0%{opacity:.3}50%{opacity:.6}to{opacity:.3}}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,#475569 50%,var(--bg-card) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px}.loading-state{display:flex;flex-direction:column;gap:32px;max-width:1400px;margin:0 auto;width:100%;padding:24px}.skeleton-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.skeleton-header-title{width:280px;height:32px;border-radius:6px}.skeleton-header-actions{display:flex;align-items:center;gap:16px}.skeleton-header-text{width:120px;height:16px}.skeleton-header-button{width:90px;height:36px;border-radius:8px}.skeleton-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.skeleton-card{background:var(--bg-secondary);border-radius:12px;padding:24px;border-left:4px solid;box-shadow:0 4px 6px -1px #0000004d}.skeleton-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.skeleton-title{width:150px;height:20px}.skeleton-badge{width:50px;height:20px;border-radius:4px}.skeleton-card-body{display:flex;flex-direction:column;gap:8px}.skeleton-price{width:140px;height:36px;border-radius:6px}.skeleton-change{width:100px;height:18px}.skeleton-card-footer{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color)}.skeleton-timestamp{width:100px;height:14px}.skeleton-charts-section{width:100%}.skeleton-section-title{width:180px;height:24px;margin-bottom:16px}.skeleton-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:24px}.skeleton-chart{background:var(--bg-secondary);border-radius:12px;padding:20px;box-shadow:0 4px 6px -1px #0000004d;display:flex;flex-direction:column}.skeleton-chart-title{width:200px;height:18px;margin-bottom:16px}.skeleton-chart-area{flex:1;min-height:250px;display:flex;align-items:center;justify-content:center}.skeleton-chart-svg{width:100%;height:100%}.skeleton-grid{stroke:var(--border-color);stroke-width:1;stroke-dasharray:4 4}.skeleton-line{stroke:#6b7280;stroke-width:2;stroke-linecap:round;animation:chart-shimmer 2s infinite}.skeleton-area{fill:url(#skeletonGradient);animation:chart-shimmer 2s infinite}@media (max-width: 768px){.loading-state{padding:16px}.skeleton-header{flex-direction:column;gap:16px;align-items:flex-start}.skeleton-header-title{width:200px}.skeleton-cards-grid,.skeleton-charts-grid{grid-template-columns:1fr}.skeleton-chart{min-height:250px}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none;background:var(--bg-card)}.skeleton-line,.skeleton-area{animation:none}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;background:var(--card-bg, rgba(30, 41, 59, .5));border:1px solid var(--border-color, rgba(148, 163, 184, .1));border-radius:12px;min-height:200px}.empty-state--error{background:#ef44440d;border-color:#ef444433}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.8}.empty-state-title{font-size:1.25rem;font-weight:600;color:var(--text-primary, #f1f5f9);margin:0 0 .5rem}.empty-state-message{font-size:.9375rem;color:var(--text-secondary, #94a3b8);margin:0 0 1.5rem;max-width:400px;line-height:1.5}.empty-state-action{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;color:#fff;background:var(--primary-color, #3b82f6);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.empty-state-action:hover{background:var(--primary-hover, #2563eb);transform:translateY(-1px)}.empty-state-action:active{transform:translateY(0)}.empty-state-action:disabled{opacity:.6;cursor:not-allowed;transform:none}.empty-state-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.empty-state-action--primary{background:var(--primary-color, #3b82f6)}.empty-state-action--secondary{background:transparent;border:1px solid var(--border-color, rgba(148, 163, 184, .3));color:var(--text-secondary, #94a3b8)}.empty-state-action--secondary:hover{background:#ffffff0d;border-color:var(--border-hover, rgba(148, 163, 184, .5))}.action-icon{font-size:1rem}@keyframes emptyStateFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.empty-state{animation:emptyStateFadeIn .3s ease-out}.prediction-section{margin-top:24px}.prediction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.prediction-header h2{margin:0;color:#e2e8f0;font-size:1.3rem}.prediction-controls{display:flex;align-items:center;gap:12px}.model-select{background:#1a1a2ecc;border:1px solid rgba(99,102,241,.3);color:#e2e8f0;padding:8px 16px;border-radius:8px;font-size:.9rem;cursor:pointer;outline:none}.model-select:focus{border-color:#6366f1}.model-select option{background:#1a1a2e;color:#e2e8f0}.refresh-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s}.refresh-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.predictions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;margin-bottom:20px}.prediction-loading{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px}.prediction-info{background:#6366f11a;border-left:3px solid #6366f1;padding:16px;border-radius:0 8px 8px 0}.prediction-info p{margin:0;color:#94a3b8;font-size:.9rem;line-height:1.5}.error-message .error-icon{margin-right:8px}.no-predictions-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;background:#1a1a2e80;border:1px solid rgba(99,102,241,.2);border-radius:12px;text-align:center}.no-data-icon{font-size:3rem;margin-bottom:16px;opacity:.8}.no-predictions-message h3{margin:0 0 12px;color:#e2e8f0;font-size:1.2rem}.no-predictions-message p{margin:0 0 24px;color:#94a3b8;font-size:.95rem;line-height:1.5;max-width:400px}.retry-button{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff;padding:10px 24px;border-radius:8px;cursor:pointer;font-size:.95rem;transition:all .2s}.retry-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}@media (max-width: 768px){.predictions-grid,.prediction-loading{grid-template-columns:1fr}.prediction-controls{width:100%}.model-select{flex:1}}.news-item{background:#1a1a2e99;border-radius:10px;padding:16px;margin-bottom:12px;border:1px solid rgba(255,255,255,.08);transition:all .2s ease}.news-item:hover{background:#1a1a2ecc;border-color:#6366f14d}.news-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;flex-wrap:wrap;gap:8px}.news-meta{display:flex;align-items:center;gap:12px}.news-source{font-size:.8rem;font-weight:600;color:#818cf8;text-transform:uppercase;letter-spacing:.5px}.news-date{font-size:.75rem;color:#64748b}.news-badges{display:flex;gap:8px}.sentiment-badge,.impact-badge{font-size:.7rem;font-weight:600;padding:4px 10px;border-radius:12px;text-transform:uppercase;letter-spacing:.3px}.news-title{margin:0 0 10px;font-size:1rem;font-weight:600;color:#e2e8f0;line-height:1.4}.news-title a{color:#e2e8f0;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.news-title a:hover{color:#818cf8}.external-link-icon{width:14px;height:14px;opacity:.6}.news-title a:hover .external-link-icon{opacity:1}.news-summary{font-size:.9rem;color:#94a3b8;line-height:1.5;margin:0 0 12px}.news-tags{display:flex;flex-wrap:wrap;gap:8px}.commodity-tag,.category-tag{font-size:.75rem;padding:4px 10px;border-radius:6px;background:#ffffff14;color:#cbd5e1}.commodity-tag{background:#6366f126;color:#a5b4fc}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;max-width:400px;width:100%;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--bg-secondary, #1e1e2e);border-radius:12px;border:1px solid var(--border-color, rgba(255, 255, 255, .1));box-shadow:0 8px 32px #0006;pointer-events:auto;position:relative;overflow:hidden}.toast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.toast--error:before{background:var(--danger, #ef4444)}.toast--warning:before{background:var(--warning, #f59e0b)}.toast--info:before{background:var(--info, #3b82f6)}.toast--success:before{background:var(--success, #22c55e)}.toast__icon{font-size:20px;flex-shrink:0;margin-top:2px}.toast__content{flex:1;min-width:0}.toast__title{margin:0 0 4px;font-size:14px;font-weight:600;color:var(--text-primary, #e2e8f0)}.toast__message{margin:0;font-size:13px;color:var(--text-secondary, #94a3b8);line-height:1.4}.toast__action{margin-top:10px;padding:6px 14px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:var(--text-primary, #e2e8f0);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.toast__action:hover{background:#ffffff26;border-color:#ffffff4d}.toast--error .toast__action{background:#ef444433;border-color:#ef44444d;color:#fca5a5}.toast--error .toast__action:hover{background:#ef44444d}.toast__close{padding:4px;background:transparent;border:none;color:var(--text-secondary, #94a3b8);font-size:20px;line-height:1;cursor:pointer;transition:color .2s;flex-shrink:0;margin-top:-4px;margin-right:-4px}.toast__close:hover{color:var(--text-primary, #e2e8f0)}@keyframes toastEnter{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastExit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast--enter{animation:toastEnter .3s ease-out}.toast--exit{animation:toastExit .3s ease-in forwards}@media (max-width: 480px){.toast-container{top:10px;right:10px;left:10px;max-width:none}.toast{padding:14px}}@media (prefers-reduced-motion: reduce){.toast--enter,.toast--exit{animation:none}.toast--enter{opacity:1;transform:none}.toast--exit{opacity:0}}.newsfeed-section{margin-top:24px}.newsfeed-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.newsfeed-header h2{margin:0;color:#e2e8f0;font-size:1.3rem}.news-controls{display:flex;align-items:center;gap:12px}.filter-tabs{display:flex;background:#ffffff0d;border-radius:8px;padding:4px}.filter-tab{background:transparent;border:none;color:#94a3b8;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s}.filter-tab:hover{color:#e2e8f0}.filter-tab.active{background:#6366f14d;color:#e2e8f0}.refresh-btn{background:#ffffff1a;border:none;color:#94a3b8;width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .2s}.refresh-btn:hover:not(:disabled){background:#6366f14d;color:#e2e8f0}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.sentiment-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px}.sentiment-card{background:#1a1a2e99;border-radius:10px;padding:16px;display:flex;flex-direction:column;align-items:center;text-align:center}.sentiment-label{font-size:.8rem;color:#94a3b8;margin-bottom:8px}.sentiment-value{font-size:1.5rem;font-weight:700;margin-bottom:4px}.sentiment-count{font-size:.75rem;color:#64748b}.error-message{background:#f8717133;color:#f87171;padding:12px;border-radius:8px;margin-bottom:16px;text-align:center}.news-list{max-height:600px;overflow-y:auto;padding-right:8px}.news-list::-webkit-scrollbar{width:6px}.news-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.news-list::-webkit-scrollbar-thumb{background:#6366f180;border-radius:3px}.no-news{text-align:center;padding:40px;color:#64748b}.newsfeed-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;background:#1a1a2e99;border-radius:12px;border:1px solid rgba(245,158,11,.3);text-align:center}.error-state-icon{font-size:48px;margin-bottom:16px}.error-state-title{font-size:18px;font-weight:600;color:#f59e0b;margin:0 0 8px}.error-state-message{font-size:14px;color:#94a3b8;margin:0 0 24px;max-width:300px}.error-state-actions{display:flex;flex-direction:column;align-items:center;gap:12px}.retry-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#f59e0b33;border:1px solid rgba(245,158,11,.4);border-radius:8px;color:#fbbf24;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.retry-button:hover:not(:disabled){background:#f59e0b4d;transform:translateY(-1px)}.retry-button:disabled{opacity:.6;cursor:not-allowed}.retry-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.retry-hint{font-size:12px;color:#64748b;margin:0}.error-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;margin-bottom:16px}.error-banner-icon{font-size:16px;flex-shrink:0}.error-banner-text{flex:1;font-size:13px;color:#fca5a5}.error-banner-retry{padding:6px 14px;background:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:6px;color:#fca5a5;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;flex-shrink:0}.error-banner-retry:hover:not(:disabled){background:#ef44444d}.error-banner-retry:disabled{opacity:.6;cursor:not-allowed}.last-updated{text-align:center;padding-top:16px;font-size:12px;color:#64748b;border-top:1px solid rgba(255,255,255,.05);margin-top:16px}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #09090b;--bg-secondary: #18181b;--bg-card: #27272a;--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-muted: #52525b;--border-color: #3f3f46;--border-highlight: #71717a;--success: #a3e635;--success-glow: rgba(163, 230, 53, .2);--danger: #ef4444;--danger-glow: rgba(239, 68, 68, .2);--warning: #fbbf24;--warning-glow: rgba(251, 191, 36, .2);--gold: #facc15;--brent: #f97316;--silver: #e5e7eb;--copper: #b45309;--gas: #06b6d4;--font-mono: "Space Grotesk", monospace, sans-serif;--font-sans: "Inter", -apple-system, sans-serif}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;background-image:linear-gradient(transparent 50%,#00000040 50%),radial-gradient(circle at center,rgba(39,39,42,.1) 0%,transparent 80%);background-size:100% 4px,100% 100%}.app{min-height:100vh;display:flex;flex-direction:column}@keyframes pulse-border{0%{border-color:var(--border-color)}50%{border-color:var(--border-highlight)}to{border-color:var(--border-color)}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(-1px,-1px)}60%{transform:translate(2px,1px)}80%{transform:translate(1px,-1px)}to{transform:translate(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard{flex:1;display:flex;flex-direction:column;max-width:1400px;margin:0 auto;width:100%;padding:32px 24px;animation:slide-up .5s ease-out}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:24px;border-bottom:1px solid var(--border-color);margin-bottom:32px;position:relative}.dashboard-header:after{content:"";position:absolute;bottom:-1px;left:0;width:150px;height:1px;background:var(--warning);box-shadow:0 0 10px var(--warning-glow)}.dashboard-header h1{font-family:var(--font-mono);font-size:32px;font-weight:700;text-transform:uppercase;letter-spacing:-1px;color:var(--text-primary);display:flex;align-items:center;gap:12px}.header-icon{color:var(--warning);font-size:24px}.header-actions{display:flex;align-items:center;gap:24px}.sys-status{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;color:var(--success);text-transform:uppercase;letter-spacing:1px}.sys-status.fallback{color:var(--warning)}.sys-dot{width:8px;height:8px;background:var(--success);border-radius:50%;box-shadow:0 0 8px var(--success-glow);animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.last-refresh{font-family:var(--font-mono);color:var(--text-secondary);font-size:13px;text-transform:uppercase}.refresh-button{font-family:var(--font-mono);background:transparent;color:var(--text-primary);border:1px solid var(--border-color);padding:8px 16px;cursor:pointer;font-size:13px;text-transform:uppercase;letter-spacing:1px;transition:all .2s;display:flex;align-items:center;gap:8px;position:relative;overflow:hidden}.refresh-button:before{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background:var(--warning);transform:scaleY(0);transition:transform .2s;transform-origin:bottom}.refresh-button:hover:not(:disabled){border-color:var(--warning);color:var(--warning)}.refresh-button:hover:not(:disabled):before{transform:scaleY(1)}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.dashboard-content{flex:1;display:flex;flex-direction:column;gap:40px}.price-cards-section{width:100%}.section-label{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.section-label:after{content:"";height:1px;flex:1;background:var(--border-color)}.price-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.price-card{background:var(--bg-secondary);border:1px solid var(--border-color);padding:24px;position:relative;transition:all .3s ease}.price-card:hover{border-color:var(--border-highlight);transform:translateY(-2px);box-shadow:0 10px 30px #00000080}.card-corner{position:absolute;width:8px;height:8px;border:1px solid transparent}.corner-tl{top:-1px;left:-1px;border-top-color:inherit;border-left-color:inherit}.corner-tr{top:-1px;right:-1px;border-top-color:inherit;border-right-color:inherit}.corner-bl{bottom:-1px;left:-1px;border-bottom-color:inherit;border-left-color:inherit}.corner-br{bottom:-1px;right:-1px;border-bottom-color:inherit;border-right-color:inherit}.price-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.price-card-title{font-family:var(--font-mono);font-size:20px;font-weight:700;text-transform:uppercase;color:var(--text-primary);letter-spacing:-.5px}.price-card-symbol{font-family:var(--font-mono);font-size:11px;color:var(--bg-primary);background:var(--text-secondary);padding:2px 6px;font-weight:600;letter-spacing:1px}.price-card-body{display:flex;flex-direction:column;gap:12px}.price-main{display:flex;align-items:baseline}.price-value{font-family:var(--font-mono);font-size:48px;font-weight:700;color:var(--text-primary);letter-spacing:-2px;line-height:1}.price-currency{font-family:var(--font-mono);font-size:20px;color:var(--text-secondary);margin-right:4px}.price-change{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:15px;font-weight:600;padding:6px 12px;background:#0003;display:inline-flex;border-left:2px solid currentColor}.price-card-footer{margin-top:24px;padding-top:16px;border-top:1px dashed var(--border-color);display:flex;justify-content:space-between}.data-label{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.data-value{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary)}.charts-section{width:100%}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:24px}.chart-container{background:var(--bg-secondary);border:1px solid var(--border-color);padding:24px;position:relative}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.chart-title{font-family:var(--font-mono);font-size:16px;font-weight:600;text-transform:uppercase;color:var(--text-primary);letter-spacing:1px;display:flex;align-items:center;gap:8px}.chart-title:before{content:">";color:var(--warning)}.chart-badge{font-family:var(--font-mono);font-size:10px;padding:2px 6px;border:1px solid var(--border-color);color:var(--text-secondary);text-transform:uppercase}.chart-tooltip{background:var(--bg-primary);border:1px solid var(--border-highlight);padding:16px;box-shadow:0 10px 25px #000c;font-family:var(--font-mono)}.tooltip-time{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.tooltip-row{display:flex;justify-content:space-between;gap:24px;margin-bottom:6px;font-size:13px}.tooltip-label{color:var(--text-secondary)}.tooltip-value{color:var(--text-primary);font-weight:600}.dashboard-footer{margin-top:48px;padding-top:24px;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.footer-text{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.dashboard-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:400px}.loading-system{font-family:var(--font-mono);font-size:18px;color:var(--success);text-transform:uppercase;letter-spacing:4px;display:flex;align-items:center;gap:12px}.loading-bar{width:200px;height:2px;background:var(--border-color);position:relative;overflow:hidden}.loading-progress{position:absolute;top:0;left:0;height:100%;width:30%;background:var(--warning);animation:loading 1.5s infinite ease-in-out}@keyframes loading{0%{left:-30%}to{left:100%}}.dashboard-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:400px;text-align:center;font-family:var(--font-mono)}.dashboard-error h3{font-size:24px;color:var(--danger);text-transform:uppercase;letter-spacing:2px}.dashboard-error p{color:var(--text-secondary);font-size:14px}.retry-button{background:transparent;color:var(--danger);border:1px solid var(--danger);padding:10px 24px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all .2s;font-size:12px}.retry-button:hover{background:var(--danger-glow);box-shadow:0 0 15px var(--danger-glow)}.timeframe-selector{display:flex;align-items:center;gap:12px}.timeframe-label{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.timeframe-buttons{display:flex;gap:4px}.timeframe-button{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:6px 12px;font-family:var(--font-mono);font-size:11px;cursor:pointer;transition:all .2s;text-transform:uppercase}.timeframe-button:hover{border-color:var(--border-highlight);color:var(--text-primary)}.timeframe-button.active{background:var(--warning);border-color:var(--warning);color:var(--bg-primary);font-weight:600}.commodity-selector-section{margin-bottom:32px}.commodity-toggles{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.commodity-toggle{display:flex;align-items:center;gap:8px;background:var(--bg-secondary);border:1px solid var(--border-color);padding:10px 16px;color:var(--text-secondary);font-family:var(--font-mono);font-size:12px;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:1px}.commodity-toggle:hover{border-color:var(--commodity-color, var(--border-highlight));color:var(--text-primary)}.commodity-toggle.active{background:var(--bg-card);border-color:var(--commodity-color, var(--warning));color:var(--text-primary);box-shadow:0 0 10px var(--commodity-color, var(--warning-glow))}.toggle-indicator{width:8px;height:8px;border-radius:50%}@media (max-width: 768px){.dashboard{padding:20px 16px}.dashboard-header{flex-direction:column;align-items:flex-start;gap:16px}.header-actions{width:100%;flex-wrap:wrap;justify-content:space-between}.timeframe-selector{width:100%;justify-content:space-between;margin-bottom:8px}.charts-grid{grid-template-columns:1fr}.price-value{font-size:36px}.commodity-toggles{justify-content:center}}