@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";
:root{--bg-primary:#10151c;--bg-secondary:#171e26;--bg-tertiary:#232c37;--accent-primary:#22d3ee;--accent-secondary:#8aa8c7;--accent-success:#2ecc71;--accent-warning:#e8b339;--accent-error:#e5534b;--text-primary:#edf1f5;--text-secondary:#a4b1be;--text-muted:#7d8995;--glass-bg:#171e26;--glass-border:#e8edf21c;--glass-shadow:0 1px 2px 0 #0006;--font-main:"Inter", sans-serif;--font-heading:"Inter", sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, monospace;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);max-width:100vw;color:var(--text-primary);font-family:var(--font-main);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700}body{font-variant-numeric:tabular-nums}.mono-num{font-family:var(--font-mono);letter-spacing:-.01em}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:10px}.gradient-text{color:var(--accent-primary)}.btn-primary{background:var(--accent-primary);color:#062a30;cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-weight:700;display:flex}.btn-primary:hover{background:#67e8f9;box-shadow:0 2px 12px #22d3ee40}.nav-show-mobile{display:none}.container{max-width:1600px;margin:0 auto;padding:0 40px}@media (max-width:1024px){.container{padding:0 24px}}.grid-dashboard{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;padding:24px 0;display:grid}.prediction-card{transition:var(--transition-smooth);padding:24px;position:relative;overflow:hidden}.prediction-card:before{content:"";background:var(--accent-primary);opacity:0;width:4px;height:100%;transition:var(--transition-smooth);position:absolute;top:0;left:0}.prediction-card:hover{background:#ffffff08}.prediction-card:hover:before{opacity:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translateY(-12px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.toast-item{animation:.25s cubic-bezier(.4,0,.2,1) forwards toastIn}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer{background:linear-gradient(90deg, var(--bg-tertiary) 25%, #ffffff0f 50%, var(--bg-tertiary) 75%);background-size:200% 100%;border-radius:8px;animation:1.4s infinite shimmer}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes chartDraw{0%{stroke-dashoffset:1700px}60%{stroke-dashoffset:0}to{stroke-dashoffset:0}}.terminal-chart-line{stroke-dasharray:1700;animation:14s linear infinite chartDraw}@keyframes liveDotPulse{0%,to{opacity:1}50%{opacity:.35}}.live-dot{background:var(--accent-primary);border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite liveDotPulse;display:inline-block}.hero-grid{text-align:left;grid-template-columns:1.1fr .9fr;align-items:center;gap:56px;display:grid}.hero-grid>*{min-width:0}.stat-strip{border:1px solid var(--glass-border);background:var(--bg-secondary);border-radius:10px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.stat-cell{text-align:left;padding:24px 20px}.stat-cell+.stat-cell{border-left:1px solid var(--glass-border)}@media (max-width:900px){.hero-grid{grid-template-columns:1fr;gap:40px}}@media (max-width:768px){.stat-strip{grid-template-columns:1fr 1fr}.stat-cell+.stat-cell{border-left:none}.stat-cell:nth-child(2n){border-left:1px solid var(--glass-border)}.stat-cell:nth-child(n+3){border-top:1px solid var(--glass-border)}}.animate-slide-up{animation:.4s cubic-bezier(.4,0,.2,1) forwards slideUp}.animate-fade-in{animation:.5s forwards fadeIn}@media (max-width:768px){.container{padding:0 16px}.grid-dashboard{grid-template-columns:1fr;gap:16px}.glass-panel{padding:20px}.header-stats-panel{flex-direction:column;gap:24px;align-items:flex-start!important}.header-actions{flex-direction:column;gap:12px;width:100%}.header-actions>div,.header-actions button,.header-actions input{width:100%!important}.quick-filters-bar{flex-direction:column!important;align-items:stretch!important;gap:16px!important;padding:16px!important}.filter-divider{display:none!important}.quick-filters-bar>div,.quick-filters-bar>label{justify-content:space-between!important;width:100%!important}.market-pills{flex-wrap:wrap;justify-content:flex-start}.market-pills button{text-align:center;flex:1}.performance-grid{grid-template-columns:1fr!important}.global-rate-card{text-align:center;flex-direction:column;gap:16px}.global-rate-card>div:first-child{text-align:center;flex-direction:column;align-items:center}nav{margin-bottom:32px!important;padding:16px 0!important}.nav-brand{font-size:20px!important}.nav-actions{gap:8px!important}.nav-hide-mobile{display:none!important}.nav-show-mobile{display:inline!important}.hero-h1{font-size:2.2rem!important}.hero-p{font-size:1rem!important}.user-badge{display:none}.notification-dropdown{max-height:400px;width:280px!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}}@media (max-width:480px){.notification-dropdown{width:260px!important}nav{padding:12px 0!important}.nav-brand{font-size:18px!important}}.settings-row{justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.settings-row-left{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.settings-row-icon{border-radius:12px;flex-shrink:0;padding:10px}.settings-row-text{min-width:0}.settings-row-title{color:#fff;margin-bottom:3px;font-size:15px;font-weight:700}.settings-row-desc{color:var(--text-secondary);font-size:13px;line-height:1.5}.settings-row-control{flex-shrink:0}.lang-buttons{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}@media (max-width:600px){.settings-page{padding-top:32px!important;padding-bottom:80px!important}.settings-row{flex-direction:column;align-items:flex-start;gap:14px;padding:16px}.settings-row-control{width:100%}.lang-buttons{justify-content:flex-start}.settings-action-btn{justify-content:center;width:100%}}.admin-tab-bar{border:1px solid var(--glass-border);background:#ffffff08;border-radius:14px;flex-wrap:wrap;gap:8px;margin-bottom:32px;padding:8px;display:flex}.admin-notifications-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.admin-feedback-grid{grid-template-columns:1fr;gap:16px;min-height:500px;display:grid}.admin-feedback-grid.has-thread{grid-template-columns:320px 1fr}@media (max-width:768px){.admin-tab-bar button{flex:1;min-width:0;padding:10px 8px!important;font-size:12px!important}.admin-notifications-grid,.admin-feedback-grid.has-thread{grid-template-columns:1fr}.admin-feedback-grid.has-thread .admin-thread-list{display:none}}.bottom-nav{z-index:2500;height:calc(67px + env(safe-area-inset-bottom));padding-bottom:calc(3px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--glass-border);background:#10151cf7;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:-3px;left:0;right:0}.bottom-nav-fab{bottom:calc(17px + env(safe-area-inset-bottom));background:var(--accent-primary);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;text-decoration:none;transition:border-color .18s,transform .12s;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #22d3ee40}.bottom-nav-fab:active{transform:translate(-50%)scale(.92)}@media (min-width:769px){.bottom-nav{display:none}}@media (max-width:768px){.mobile-only-menu{display:none!important}main{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.cookie-consent-banner{bottom:calc(80px + env(safe-area-inset-bottom))!important}}.view-switch{border-bottom:1px solid var(--glass-border);gap:32px;margin-bottom:32px;padding-bottom:12px;display:flex}.view-switch-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-13px;padding:0 0 10px;font-size:14px;font-weight:600;transition:color .2s;display:flex}.view-switch-btn.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}@media (max-width:768px){.view-switch{border-bottom:none;border:1px solid var(--glass-border);background:#ffffff0a;border-radius:14px;gap:4px;margin-bottom:24px;padding:4px}.view-switch-btn{border-bottom:none;border-radius:10px;flex-direction:column;flex:1 1 0;justify-content:center;gap:4px;min-width:0;margin-bottom:0;padding:9px 2px;font-size:10.5px;transition:background .2s,color .2s}.view-switch-btn.active{background:var(--accent-primary);color:#062a30;border-bottom:none}.view-switch-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}}