@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary:#07090e;--bg-gradient:radial-gradient(circle at 50% -20%, #1a152e 0%, #07090e 70%);--panel-bg:#121623a6;--panel-border:#ffffff14;--text-primary:#fff;--text-secondary:#a0aec0;--accent-color:#8247e5;--accent-hover:#965ef2;--success:#48bb78;--danger:#f56565;--warning:#ed8936;--font-family:"Plus Jakarta Sans", sans-serif;--font-title:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);background-image:var(--bg-gradient);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}.dashboard-container{flex-direction:column;gap:2rem;max-width:1600px;margin:0 auto;padding:2rem;display:flex}.header{border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:1.5rem;display:flex}.header-title{font-family:var(--font-title);background:linear-gradient(135deg,#fff 0%,#a0aec0 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;font-size:2.2rem;font-weight:800}.card{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0006}.card:hover{border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 12px 40px #8247e514}.card-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.85rem;font-weight:600;display:flex}.card-value{font-family:var(--font-title);letter-spacing:-.01em;align-items:baseline;gap:.5rem;font-size:2.2rem;font-weight:800;display:flex}.card-subtext{color:var(--text-secondary);margin-top:.8rem;font-size:.75rem}.growth-pill{vertical-align:middle;border-radius:2rem;align-items:center;gap:.2rem;margin-left:.8rem;padding:.2rem .6rem;font-size:.75rem;font-weight:700;display:inline-flex}.growth-pill.positive{color:var(--success);background:#48bb7826;border:1px solid #48bb7833}.growth-pill.negative{color:var(--danger);background:#e53e3e26;border:1px solid #e53e3e33}.dir-pill{text-transform:uppercase;text-align:center;border-radius:.4rem;padding:.15rem .5rem;font-size:.7rem;font-weight:800;display:inline-block}.dir-pill.in{color:var(--success);background:#48bb7826;border:1px solid #48bb7840}.dir-pill.out{color:var(--text-secondary);background:#a0aec026;border:1px solid #a0aec040}.chart-section{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1rem;padding:1.8rem;box-shadow:0 8px 32px #0006}.chart-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.chart-filters{border:1px solid var(--panel-border);background:#0000004d;border-radius:.5rem;padding:.25rem;display:flex}.chart-filters button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.35rem;padding:.4rem .8rem;font-size:.8rem;font-weight:600;transition:all .2s}.chart-filters button.active{background:var(--accent-color);color:#fff}.datepicker-wrapper{position:relative}.datepicker-trigger-btn{background:var(--panel-bg);border:1px solid var(--panel-border);color:var(--text-primary);font-family:var(--font-family);cursor:pointer;border-radius:.5rem;align-items:center;gap:.6rem;padding:.6rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.datepicker-trigger-btn:hover{background:#ffffff0d;border-color:#fff3}.datepicker-dropdown{border:1.5px solid var(--panel-border);z-index:2000;background:#0f1322;border-radius:1rem;flex-direction:column;gap:1.2rem;padding:1.5rem;animation:.2s cubic-bezier(.16,1,.3,1) slideIn;display:flex;position:absolute;top:105%;right:0;box-shadow:0 10px 40px #000c}.datepicker-columns{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.datepicker-column{flex-direction:column;gap:.6rem;display:flex}.datepicker-col-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #ffffff0d;margin-bottom:.2rem;padding-bottom:.4rem;font-size:.75rem;font-weight:700}.datepicker-btn{border:1px solid var(--panel-border);color:var(--text-secondary);cursor:pointer;text-align:left;background:#ffffff05;border-radius:.4rem;padding:.5rem .8rem;font-size:.8rem;font-weight:500;transition:all .15s}.datepicker-btn:hover,.datepicker-btn.active{border-color:var(--accent-color);color:#fff;background:#8247e51f}.datepicker-compare-header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #ffffff0d;margin-bottom:.5rem;padding-bottom:.4rem;font-size:.75rem;font-weight:700}.datepicker-compare-row{gap:.8rem;display:flex}.datepicker-compare-btn{border:1px solid var(--panel-border);color:var(--text-secondary);cursor:pointer;background:#ffffff05;border-radius:.4rem;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.5rem .8rem;font-size:.8rem;font-weight:500;transition:all .15s;display:flex}.datepicker-compare-btn:hover,.datepicker-compare-btn.active{border-color:var(--accent-color);color:#fff;background:#8247e51f}.datepicker-update-btn{background:var(--accent-color);color:#fff;cursor:pointer;text-align:center;border:none;border-radius:.5rem;padding:.75rem;font-size:.85rem;font-weight:700;transition:background .2s;box-shadow:0 4px 12px #8247e540}.datepicker-update-btn:hover{background:var(--accent-hover)}.settings-drawer{border:1.5px solid var(--panel-border);z-index:2100;background:#0f1322;border-radius:1rem;flex-direction:column;gap:1rem;width:320px;padding:1.5rem;animation:.2s cubic-bezier(.16,1,.3,1) slideIn;display:flex;position:absolute;top:105%;right:0;box-shadow:0 10px 40px #000c}.settings-input{border:1px solid var(--panel-border);color:#fff;background:#07090e;border-radius:.4rem;outline:none;width:100%;padding:.5rem .8rem;font-family:monospace;font-size:.8rem}.settings-input:focus{border-color:var(--accent-color)}.wallet-badge{border:1px solid var(--panel-border);color:var(--text-secondary);background:#ffffff08;border-radius:.5rem;align-items:center;gap:.5rem;padding:.6rem 1rem;font-family:monospace;font-size:.8rem;display:flex}.table-container{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1.5px solid var(--panel-border);padding:1rem;font-size:.75rem;font-weight:700}td{border-bottom:1px solid var(--panel-border);vertical-align:middle;padding:1rem;font-size:.85rem}tr{transition:background .15s}tr:hover{background:#ffffff03!important}.spinner{border:3px solid #ffffff1a;border-top-color:var(--accent-color);border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.badge-key-active{color:var(--success);background:#48bb781f;border:1px solid #48bb7833;border-radius:1rem;padding:.15rem .4rem;font-size:.7rem;font-weight:700}.badge-key-throttled{color:var(--warning);background:#ed89361f;border:1px solid #ed893633;border-radius:1rem;padding:.15rem .4rem;font-size:.7rem;font-weight:700}.dashboard-layout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:1.2rem;display:grid}.kpi-grid{grid-template-columns:repeat(4,1fr)!important;gap:.75rem!important;display:grid!important}.kpi-grid .card{padding:.9rem!important}.kpi-grid .card-title{margin-bottom:.6rem!important;font-size:.65rem!important}.kpi-grid .card-value{gap:.25rem!important;font-size:1.65rem!important}.kpi-grid .growth-pill{margin-left:.35rem!important;padding:.1rem .4rem!important;font-size:.65rem!important}.datepicker-dropdown{width:450px;max-width:calc(100vw - 2rem)}@media (width<=1024px){.dashboard-layout{grid-template-columns:1fr;gap:1.5rem}.kpi-grid{grid-template-columns:repeat(2,1fr)!important}}@media (width<=768px){.dashboard-container{padding:1rem}.header{flex-direction:column;gap:1rem;align-items:stretch!important}.header-title{font-size:1.8rem!important}.card-value{font-size:1.7rem!important}.chart-section{padding:1rem!important}.chart-header{flex-direction:column;align-items:flex-start;gap:1rem}}@media (width<=480px){.kpi-grid{gap:1rem;grid-template-columns:1fr!important}.datepicker-dropdown{width:310px;padding:1rem}.datepicker-columns{gap:1rem;grid-template-columns:1fr!important}}