:root{--font-main: "Outfit", "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .4s cubic-bezier(.4, 0, .2, 1);--transition-spring: .6s cubic-bezier(.34, 1.56, .64, 1);--tv-padding: 2.2vw;--card-radius: 20px;--header-height: 7.5vh}.dark-theme{--bg-app: #080c14;--bg-card: linear-gradient(160deg, rgba(16, 24, 39, .95), rgba(26, 35, 50, .85));--bg-card-solid: #0f172a;--bg-bento: rgba(255, 255, 255, .025);--bg-hover: rgba(255, 255, 255, .05);--border-card: rgba(255, 255, 255, .05);--border-active: rgba(6, 182, 212, .35);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #475569;--accent: #06b6d4;--accent-glow: rgba(6, 182, 212, .2);--success: #10b981;--success-glow: rgba(16, 185, 129, .2);--warning: #f59e0b;--warning-glow: rgba(245, 158, 11, .2);--danger: #ef4444;--danger-glow: rgba(239, 68, 68, .2);--purple: #8b5cf6;--purple-glow: rgba(139, 92, 246, .2);--glass-effect: blur(20px) saturate(160%);--shadow-main: 0 20px 50px -12px rgba(0, 0, 0, .45);--shadow-card: 0 8px 25px -8px rgba(0, 0, 0, .3);--shadow-glow: 0 0 50px rgba(6, 182, 212, .1);--shadow-modal: 0 40px 80px rgba(0, 0, 0, .6)}.light-theme{--bg-app: #f8fafc;--bg-card: linear-gradient(160deg, rgba(255, 255, 255, .98), rgba(241, 245, 249, .9));--bg-card-solid: #ffffff;--bg-bento: rgba(0, 0, 0, .02);--bg-hover: rgba(0, 0, 0, .04);--border-card: rgba(0, 0, 0, .06);--border-active: rgba(2, 132, 199, .4);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--accent: #0284c7;--accent-glow: rgba(2, 132, 199, .15);--success: #059669;--success-glow: rgba(5, 150, 105, .15);--warning: #d97706;--warning-glow: rgba(217, 119, 6, .15);--danger: #dc2626;--danger-glow: rgba(220, 38, 38, .15);--purple: #7c3aed;--purple-glow: rgba(124, 58, 237, .15);--glass-effect: blur(20px) saturate(160%);--shadow-main: 0 15px 35px -10px rgba(0, 0, 0, .08);--shadow-card: 0 4px 15px -4px rgba(0, 0, 0, .05);--shadow-glow: 0 0 50px rgba(2, 132, 199, .08);--shadow-modal: 0 30px 60px rgba(0, 0, 0, .15)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background:var(--bg-app);color:var(--text-primary);overflow:hidden;-webkit-font-smoothing:antialiased}#root{width:100vw;height:100vh}.app-shell{width:100vw;height:100vh;display:flex;flex-direction:column;background:var(--bg-app);transition:background var(--transition-smooth)}.global-header{height:var(--header-height);padding:0 var(--tv-padding);display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);border-bottom:1px solid var(--border-card);-webkit-backdrop-filter:var(--glass-effect);backdrop-filter:var(--glass-effect);z-index:100;flex-shrink:0}.header-left{width:25%}.brand-title{font-size:1.8vw;font-weight:900;letter-spacing:-.02em;color:var(--text-primary);line-height:1}.brand-subtitle{font-weight:300;color:var(--accent);margin-left:.2em;font-size:.75em}.brand-tagline{font-size:.75vw;color:var(--text-muted);font-weight:500;margin-top:.15em}.header-right{width:25%;display:flex;justify-content:flex-end;align-items:center;gap:1.5vw}.view-navigation{display:flex;gap:.4vw;background:var(--bg-bento);padding:.4vw;border-radius:14px;border:1px solid var(--border-card)}.view-navigation.centered{position:absolute;left:50%;transform:translate(-50%)}.nav-btn{display:flex;align-items:center;gap:.5vw;padding:.7vw 1.2vw;background:transparent;border:none;border-radius:10px;color:var(--text-muted);cursor:pointer;font-size:.8vw;font-weight:700;transition:all var(--transition-fast);white-space:nowrap;font-family:var(--font-main)}.nav-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-btn.active{background:var(--accent);color:#000;box-shadow:0 4px 15px var(--accent-glow)}.header-info{display:flex;align-items:center;gap:1.2vw}.datetime{display:flex;align-items:center;gap:.6vw;color:var(--text-secondary)}.time-display{font-size:1.1vw;font-weight:800;font-family:var(--font-mono);color:var(--text-primary);font-variant-numeric:tabular-nums}.date-display{font-size:.7vw;color:var(--text-muted);text-transform:capitalize}.control-actions{display:flex;gap:.4vw}.icon-btn{width:2.8vw;height:2.8vw;min-width:38px;min-height:38px;display:flex;align-items:center;justify-content:center;background:var(--bg-bento);border:1px solid var(--border-card);border-radius:12px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.icon-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-active)}.main-content{flex:1;overflow:hidden;padding:var(--tv-padding)}.dashboard-grid{display:grid;grid-template-columns:26% 46% 26%;gap:1vw;height:100%}.bento-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--card-radius);padding:1.5vw;-webkit-backdrop-filter:var(--glass-effect);backdrop-filter:var(--glass-effect);box-shadow:var(--shadow-card);transition:all var(--transition-smooth);position:relative;overflow:hidden}.panel-header{display:flex;align-items:center;gap:.6vw;margin-bottom:1vw}.panel-header h2{font-size:1.1vw;font-weight:800;color:var(--text-secondary);letter-spacing:.02em}.panel-footer{margin-top:auto;padding-top:1vw;display:flex;align-items:center;justify-content:center;gap:.4vw;color:var(--text-muted);font-size:.7vw;font-weight:600}.ranking-panel{display:flex;flex-direction:column}.ranking-list{display:flex;flex-direction:column;gap:.5vw;flex:1;overflow-y:auto}.ranking-item{display:flex;align-items:center;gap:.8vw;padding:.7vw .8vw;background:var(--bg-bento);border:1px solid var(--border-card);border-radius:14px;cursor:pointer;transition:all var(--transition-fast)}.ranking-item:hover{background:var(--bg-hover);transform:translate(4px)}.ranking-item.gold{background:linear-gradient(135deg,#f59e0b1f,#f59e0b08);border-color:#f59e0b59}.rank-position{width:2.5vw;height:2.5vw;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-bento);border-radius:50%;font-weight:900;font-size:.8vw;color:var(--text-primary)}.ranking-item.gold .rank-position{background:var(--warning);color:#000}.rank-info{flex:1}.rank-name{font-weight:800;font-size:.85vw;color:var(--text-primary)}.rank-meta{font-size:.65vw;color:var(--text-muted);font-weight:600}.rank-stats{text-align:right}.rank-amount{font-weight:900;font-size:.85vw;color:var(--success);font-family:var(--font-mono)}.rank-percentage{font-size:.7vw;font-weight:800;color:var(--accent)}.center-panel{display:flex;flex-direction:column;gap:1.2vw}.main-metric-card{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.metric-header{display:flex;align-items:center;gap:.6vw;font-size:1vw;font-weight:800;color:var(--text-secondary);margin-bottom:1vw}.metric-value-container{text-align:center;width:100%}.metric-label{font-size:1vw;font-weight:800;color:var(--accent);letter-spacing:.08em;margin-bottom:.5vw}.metric-value{font-size:4.5vw;font-weight:900;color:var(--text-primary);line-height:1;font-family:var(--font-mono);letter-spacing:-.03em}.metric-difference{margin:1.2vw 0}.diff-value{font-size:2.2vw;font-weight:900;font-family:var(--font-mono)}.diff-value.positive{color:var(--success)}.diff-value.negative{color:var(--danger)}.diff-label{font-size:.85vw;font-weight:700;color:var(--text-muted);margin-top:-.2vw}.metric-goals{display:flex;justify-content:center;align-items:center;gap:2.5vw;padding-top:1.2vw;border-top:1px solid var(--border-card)}.goal-item{text-align:center}.goal-label{font-size:.75vw;font-weight:700;color:var(--text-muted);letter-spacing:.08em;margin-bottom:.2vw}.goal-value{font-size:1.8vw;font-weight:900;font-family:var(--font-mono)}.goal-value.highlight{color:var(--success)}.goal-divider{width:1px;height:3.5vw;background:var(--border-card)}.daily-stats{display:grid;grid-template-columns:1fr 1fr;gap:1.2vw;height:35%}.daily-card{display:flex;flex-direction:column;justify-content:center}.daily-card.centered-content{align-items:center;text-align:center}.daily-header{display:flex;align-items:center;gap:.5vw;font-size:.85vw;font-weight:800;color:var(--text-secondary);margin-bottom:.8vw}.daily-value{font-size:2.8vw;font-weight:900;font-family:var(--font-mono);color:var(--text-primary);line-height:1}.daily-meta{margin-top:.6vw;font-size:.7vw;font-weight:700;color:var(--text-muted)}.feed-panel{display:flex;flex-direction:column}.feed-list{display:flex;flex-direction:column;gap:.5vw;flex:1;overflow-y:auto}.feed-item{display:flex;align-items:center;gap:.8vw;padding:.7vw .8vw;background:var(--bg-bento);border-left:3px solid var(--accent);border-radius:0 10px 10px 0;transition:all var(--transition-fast)}.feed-item:hover{background:var(--bg-hover)}.feed-info{flex:1;min-width:0}.feed-client{font-weight:800;font-size:.8vw;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-details{font-size:.65vw;color:var(--text-muted);font-weight:600}.feed-amount{text-align:right;flex-shrink:0}.amount-value{font-weight:900;font-size:.85vw;color:var(--accent);font-family:var(--font-mono)}.amount-note{font-size:.55vw;color:var(--text-muted);font-weight:700}.loading-screen{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-app)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-card);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (min-width: 2560px){:root{--tv-padding: 3vw;--card-radius: 28px}}@media (max-width: 1366px){:root{--tv-padding: 1.8vw}}.kpi-layout{display:flex;flex-direction:column;height:100%;gap:1.2vw;padding:0 1vw}.kpi-header-centered{display:flex;justify-content:space-between;align-items:center;padding:.5vw 0;position:relative}.kpi-header-left-space{width:15vw}.kpi-header-actions{display:flex;align-items:center;gap:1.2vw;width:15vw;justify-content:flex-end}.kpi-alerts-badge{display:flex;align-items:center;gap:.5vw;padding:.4vw 1vw;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:14px;color:#ef4444;font-weight:800;font-size:.7vw;cursor:pointer;transition:all var(--transition-fast)}.kpi-alerts-badge:hover{background:#ef444433;transform:translateY(-2px)}.kpi-main-heading{font-size:2vw;font-weight:900;color:var(--text-primary);letter-spacing:-.02em}.kpi-heading-sub{color:var(--text-muted);font-weight:300}.kpi-live-indicator{display:flex;align-items:center;gap:.5vw;padding:.4vw 1vw;background:#10b98114;border:1px solid rgba(16,185,129,.2);border-radius:14px;font-size:.7vw;font-weight:800;color:var(--success);letter-spacing:.1em}.live-dot{width:8px;height:8px;background:var(--success);border-radius:50%;animation:pulse-dot 2s infinite;box-shadow:0 0 8px var(--success-glow)}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.kpi-grid-centered{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2vw;flex:1;max-width:90%;margin:0 auto;width:100%}.kpi-tile{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--card-radius);padding:1.8vw;-webkit-backdrop-filter:var(--glass-effect);backdrop-filter:var(--glass-effect);box-shadow:var(--shadow-card);cursor:pointer;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8vw;transition:all var(--transition-smooth);text-align:center}.kpi-tile:hover{transform:translateY(-3px);border-color:var(--border-active);box-shadow:var(--shadow-glow)}.kpi-tile-glow{position:absolute;top:-20%;left:-20%;width:60%;height:60%;border-radius:50%;filter:blur(40px);opacity:.08;pointer-events:none}.kpi-tile-icon{flex-shrink:0}.kpi-tile-info{display:flex;flex-direction:column;align-items:center;gap:.3vw}.kpi-tile-label{font-size:.75vw;font-weight:700;color:var(--text-muted);letter-spacing:.08em}.kpi-tile-value{font-size:2.5vw;font-weight:900;font-family:var(--font-mono);line-height:1;letter-spacing:-.02em}.kpi-tile-trend{position:absolute;top:1vw;right:1vw}.kpi-tile-hint{position:absolute;bottom:.5vw;font-size:.55vw;color:var(--text-muted);opacity:0;transition:opacity var(--transition-fast)}.kpi-tile:hover .kpi-tile-hint{opacity:1}.kpi-alerts-row{width:100%;max-width:90%;margin:0 auto;height:12vh}.alerts-full{width:100%;height:100%}.kpi-bottom-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--card-radius);padding:1.2vw;-webkit-backdrop-filter:var(--glass-effect);backdrop-filter:var(--glass-effect);box-shadow:var(--shadow-card);display:flex;flex-direction:column;overflow:hidden}.bottom-card-header{display:flex;align-items:center;gap:.6vw;margin-bottom:.8vw;flex-shrink:0}.bottom-card-header h3{font-size:.8vw;font-weight:800;color:var(--text-secondary);letter-spacing:.05em}.top-five-list{display:flex;flex-direction:column;gap:.35vw;flex:1;overflow-y:auto}.top-five-item{display:flex;align-items:center;gap:.6vw;padding:.45vw .7vw;background:var(--bg-bento);border:1px solid var(--border-card);border-radius:8px;cursor:pointer;transition:all var(--transition-fast)}.top-five-item:hover{background:var(--bg-hover);transform:translate(3px)}.top-five-rank{width:1.8vw;height:1.8vw;min-width:26px;min-height:26px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-weight:900;font-size:.7vw;flex-shrink:0}.top-five-info{flex:1;min-width:0}.top-five-name{font-weight:800;font-size:.75vw;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-five-stats{text-align:right;flex-shrink:0}.top-five-amount{font-weight:900;font-size:.8vw;color:var(--success);font-family:var(--font-mono)}.top-five-percent{font-size:.65vw;font-weight:800;color:var(--accent)}.alerts-modal{max-width:45vw}.alerts-modal-list{display:flex;flex-direction:column;gap:1.2vw}.alert-modal-card{display:flex;gap:1.2vw;padding:1.5vw;border-radius:18px;border:1px solid;background:var(--bg-bento)}.alert-modal-card.warning{border-color:#f59e0b4d;color:var(--warning)}.alert-modal-card.danger{border-color:#ef44444d;color:var(--danger)}.alert-modal-card.info{border-color:#3b82f64d;color:#3b82f6}.alert-card-icon{flex-shrink:0;margin-top:.2vw}.alert-card-title{font-size:1.1vw;font-weight:800;margin-bottom:.4vw}.alert-card-desc{font-size:.85vw;color:var(--text-secondary);line-height:1.5}.alerts-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4vw;gap:1vw;color:var(--text-muted)}.kpi-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:4vw}.kpi-modal-content{background:var(--bg-card);border:1px solid var(--border-active);border-radius:28px;padding:2.5vw;width:100%;max-width:55vw;max-height:75vh;overflow-y:auto;box-shadow:var(--shadow-modal);-webkit-backdrop-filter:var(--glass-effect);backdrop-filter:var(--glass-effect)}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2vw}.modal-header-left{display:flex;align-items:center;gap:1.2vw}.modal-icon{flex-shrink:0}.modal-title{font-size:1.5vw;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.modal-value{font-size:2.5vw;font-weight:900;font-family:var(--font-mono);margin-top:.3vw}.modal-close{width:3vw;height:3vw;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-bento);border:1px solid var(--border-card);border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-detail{display:flex;flex-direction:column;gap:1.5vw}.modal-section{display:flex;flex-direction:column;gap:.5vw;padding:1.2vw;background:var(--bg-bento);border-radius:14px;border:1px solid var(--border-card)}.modal-section-header{display:flex;justify-content:space-between;align-items:center}.modal-section-label{font-size:.9vw;font-weight:700;color:var(--text-secondary)}.modal-section-value{font-size:1.2vw;font-weight:900;font-family:var(--font-mono)}.modal-section-amount{font-size:.9vw;color:var(--text-muted);font-weight:600}.modal-progress-container{display:flex;align-items:center;gap:1vw}.modal-progress-bar{flex:1;height:12px;background:#ffffff0d;border-radius:6px;overflow:hidden}.modal-progress-fill{height:100%;border-radius:6px;transition:width 1s ease}.modal-progress-text{font-size:1vw;font-weight:900;font-family:var(--font-mono);color:var(--text-primary);min-width:60px;text-align:right}.modal-section-meta{font-size:.75vw;color:var(--text-muted);font-weight:600}