:root{--bg-primary: #0a0e17;--bg-secondary: #111827;--bg-card: #1a2236;--bg-card-hover: #1f2a42;--bg-table-row: #141c2e;--bg-table-row-alt: #182035;--bg-input: #0f1729;--green: #00ff88;--green-dim: #22c55e;--green-glow: rgba(0, 255, 136, .15);--red: #ef4444;--red-dim: #dc2626;--red-glow: rgba(239, 68, 68, .15);--gold: #fbbf24;--gold-glow: rgba(251, 191, 36, .15);--blue: #3b82f6;--blue-glow: rgba(59, 130, 246, .15);--orange: #f97316;--cyan: #06b6d4;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--text-heading: #f1f5f9;--border: rgba(255, 255, 255, .06);--border-accent: rgba(0, 255, 136, .2);--font-main: "Space Grotesk", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius: 12px;--radius-sm: 8px;--radius-lg: 16px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-main);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 60% at 50% -20%,rgba(0,255,136,.06),transparent),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(59,130,246,.04),transparent);pointer-events:none;z-index:0}.navbar{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:16px 32px;background:#0a0e17d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.navbar-brand{display:flex;align-items:center;gap:14px}.logo-icon{font-size:32px;filter:drop-shadow(0 0 8px var(--green-glow))}.logo-text h1{font-family:var(--font-mono);font-size:20px;font-weight:700;color:var(--gold);letter-spacing:2px;line-height:1.2}.logo-sub{font-size:11px;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase}.navbar-info{display:flex;align-items:center;gap:20px}.nav-badge{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:1px}.badge-live{background:#00ff881a;color:var(--green);border:1px solid rgba(0,255,136,.25);transition:all .3s ease}.badge-live.error{background:#ef44441a;color:var(--red);border-color:#ef444440}.badge-live.loading{background:#fbbf241a;color:var(--gold);border-color:#fbbf2440}.pulse-dot{width:8px;height:8px;background:var(--green);border-radius:50%;animation:pulse 2s ease-in-out infinite}.badge-live.error .pulse-dot{background:var(--red)}.badge-live.loading .pulse-dot{background:var(--gold)}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #00ff8880}50%{opacity:.7;box-shadow:0 0 0 6px #0f80}}.refresh-info{display:flex;flex-direction:column;align-items:flex-end}.account-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.account-number{font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--text-primary)}.config-banner{background:var(--bg-card);border:1px solid var(--border-accent);border-radius:var(--radius);padding:20px 24px;display:flex;align-items:center;gap:16px;margin-bottom:24px;animation:fadeInUp .5s ease-out}.config-banner.hidden{display:none}.config-banner-icon{font-size:28px}.config-banner-text{flex:1;font-size:14px;color:var(--text-secondary)}.config-banner-text strong{color:var(--gold)}.config-banner-action{display:flex;gap:8px;align-items:center}.api-input{font-family:var(--font-mono);font-size:12px;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);width:380px;outline:none;transition:border-color .2s}.api-input:focus{border-color:var(--green)}.api-input::placeholder{color:var(--text-muted)}.btn-save{font-family:var(--font-main);font-size:13px;font-weight:600;padding:10px 20px;background:var(--green);color:var(--bg-primary);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;white-space:nowrap}.btn-save:hover{background:var(--green-dim);transform:translateY(-1px)}.account-tabs-section{margin-bottom:24px}.account-tabs{display:flex;gap:6px;flex-wrap:wrap;background:var(--bg-card);border-radius:var(--radius);padding:6px;border:1px solid var(--border)}.account-tab{padding:10px 20px;border:none;background:transparent;color:var(--text-secondary);font-family:var(--font-mono);font-size:13px;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;gap:8px}.account-tab:hover{color:var(--text-primary);background:#ffffff0d}.account-tab.active{background:var(--green);color:var(--bg-primary);font-weight:700}.account-tab .tab-status{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green)}.account-tab .tab-status.inactive{background:var(--text-muted)}.overview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.overview-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;transform-style:preserve-3d;perspective:800px}.overview-card:hover{transform:translateY(-6px) rotateX(2deg) rotateY(-2deg);border-color:var(--border-accent);box-shadow:0 12px 40px #00ff881a,0 4px 12px #0000004d,inset 0 1px #ffffff0d}.overview-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,255,136,.04) 0%,transparent 60%);opacity:0;transition:opacity .4s;pointer-events:none}.overview-card:hover:after{opacity:1}.overview-card.inactive{opacity:.5;border-color:var(--border)}.overview-card.inactive:hover{border-color:#ffffff1a;box-shadow:none}.ov-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.ov-account{font-family:var(--font-mono);font-size:16px;font-weight:700;color:var(--text-heading)}.ov-status-badge{padding:4px 10px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:1px;position:relative;animation:neonPulse 2s ease-in-out infinite}@keyframes neonPulse{0%,to{box-shadow:0 0 4px currentColor}50%{box-shadow:0 0 12px currentColor,0 0 24px currentColor}}.ov-owner{font-size:12px;color:var(--text-muted);margin-bottom:16px}.ov-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.ov-stat{display:flex;flex-direction:column;gap:2px}.ov-stat-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.ov-stat-value{font-family:var(--font-mono);font-size:16px;font-weight:600}.ov-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--border)}.ov-winrate{font-family:var(--font-mono);font-size:13px;color:var(--text-secondary)}.ov-updated{font-size:11px;color:var(--text-muted)}.ov-card-glow{position:absolute;top:-30%;right:-15%;width:100px;height:100px;border-radius:50%;filter:blur(40px);opacity:.2;pointer-events:none}.container{max-width:1280px;margin:0 auto;padding:32px 24px;position:relative;z-index:1}.summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:36px;animation:fadeInUp .6s ease-out}.card{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;display:flex;align-items:center;gap:16px;overflow:hidden;transition:all .3s ease}.card:hover{transform:translateY(-4px);border-color:var(--border-accent);background:var(--bg-card-hover)}.card-icon{font-size:36px;flex-shrink:0}.card-content{display:flex;flex-direction:column;gap:4px;min-width:0}.card-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;font-weight:500}.card-value{font-family:var(--font-mono);font-size:22px;font-weight:700;color:var(--text-heading);white-space:nowrap}.card-value.profit{color:var(--green)}.card-value.loss{color:var(--red)}.card-glow{position:absolute;top:-40%;right:-20%;width:120px;height:120px;border-radius:50%;filter:blur(40px);opacity:.3;pointer-events:none;transition:opacity .3s ease}.card:hover .card-glow{opacity:.5}.glow-green{background:var(--green)}.glow-blue{background:var(--blue)}.glow-gold{background:var(--gold)}.glow-red{background:var(--red)}.section-title{font-family:var(--font-mono);font-size:16px;font-weight:700;color:var(--text-heading);letter-spacing:2px;display:flex;align-items:center;gap:10px;margin-bottom:20px}.title-dot{width:10px;height:10px;background:var(--green);border-radius:50%;box-shadow:0 0 8px var(--green);flex-shrink:0}.pnl-section{margin-bottom:36px;animation:fadeInUp .7s ease-out}.pnl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pnl-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:all .3s ease}.pnl-card:hover{border-color:var(--border-accent)}.pnl-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.pnl-label{font-size:13px;color:var(--text-secondary);font-weight:500}.pnl-value{font-family:var(--font-mono);font-size:18px;font-weight:700}.pnl-value.profit{color:var(--green)}.pnl-value.loss{color:var(--red)}.pnl-bar-track{width:100%;height:8px;background:#ffffff0d;border-radius:4px;overflow:hidden;margin-bottom:10px}.pnl-bar{height:100%;border-radius:4px;transition:width 1.2s cubic-bezier(.25,.8,.25,1)}.pnl-bar-daily{background:linear-gradient(90deg,var(--green-dim),var(--green))}.pnl-bar-weekly{background:linear-gradient(90deg,var(--blue),var(--cyan))}.pnl-bar-total{background:linear-gradient(90deg,var(--gold),var(--orange))}.pnl-target{font-size:11px;color:var(--text-muted)}.alltime-section{margin-bottom:36px;animation:fadeInUp .9s ease-out}.alltime-grid{display:flex;align-items:stretch;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.stat-block{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 20px;border-right:1px solid var(--border);transition:background .3s ease}.stat-block:last-child{border-right:none}.stat-block:hover{background:#ffffff05}.stat-divider{width:2px;background:linear-gradient(180deg,transparent,var(--green),transparent);margin:8px 0}.stat-label{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}.stat-value{font-family:var(--font-mono);font-size:24px;font-weight:700;color:var(--text-heading)}.stat-win{color:var(--green)!important}.stat-loss{color:var(--red)!important}.stat-balance{color:var(--green)!important}.stat-status{font-size:16px!important;color:var(--gold)!important;letter-spacing:1px}.config-section{margin-bottom:36px;animation:fadeInUp 1s ease-out}.config-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.config-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.config-item:hover{border-color:var(--border-accent)}.config-key{font-size:12px;color:var(--text-secondary);font-weight:500}.config-val{font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--green)}.config-val.val-bool{color:var(--cyan)}.config-val.val-off{color:var(--text-muted)}.loading-state{display:flex;flex-direction:column;align-items:center;gap:16px;padding:60px 20px;color:var(--text-secondary);font-size:14px}.loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-icon{font-size:48px;display:block;margin-bottom:16px}.empty-state h3{font-family:var(--font-mono);font-size:18px;color:var(--text-heading);margin-bottom:8px}.empty-state p{font-size:14px;color:var(--text-muted);max-width:400px;margin:0 auto}.chart-section{margin-bottom:36px;animation:fadeInUp .65s ease-out}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.chart-header .section-title{margin-bottom:0}.chart-toggles{display:flex;gap:4px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px}.chart-toggle{padding:6px 14px;border:none;background:transparent;color:var(--text-muted);font-family:var(--font-mono);font-size:11px;font-weight:600;border-radius:4px;cursor:pointer;transition:all .2s}.chart-toggle:hover{color:var(--text-primary)}.chart-toggle.active[data-line=balance]{background:#00ff8826;color:var(--green)}.chart-toggle.active[data-line=equity]{background:#3b82f626;color:var(--blue)}.chart-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;position:relative;overflow:hidden}.chart-container canvas{width:100%;height:250px;display:block}.chart-empty{text-align:center;padding:60px 20px;color:var(--text-muted);font-size:14px}.calendar-section{margin-bottom:36px;animation:fadeInUp .7s ease-out}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.calendar-header .section-title{margin-bottom:0}.calendar-nav{display:flex;align-items:center;gap:12px}.cal-nav-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);color:var(--text-secondary);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.cal-nav-btn:hover{background:#00ff881a;border-color:var(--green);color:var(--green)}.cal-month-label{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--text-primary);min-width:130px;text-align:center;letter-spacing:.5px}.calendar-legend{display:flex;gap:16px;align-items:center;font-size:11px;color:var(--text-muted)}.legend-item{display:flex;align-items:center;gap:6px}.legend-dot{width:12px;height:12px;border-radius:3px}.profit-dot{background:var(--green)}.loss-dot{background:var(--red)}.neutral-dot{background:#ffffff14}.calendar-grid{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.calendar-months{display:flex;flex-direction:column;gap:16px}.calendar-month{display:flex;flex-direction:column;gap:6px}.calendar-month-label{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);font-weight:600;letter-spacing:1px}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.calendar-day-header{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);text-align:center;padding:6px 0;letter-spacing:1px;text-transform:uppercase}.calendar-day{border-radius:6px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);position:relative;cursor:default;transition:all .2s;min-height:70px;padding:6px 8px;display:flex;flex-direction:column;font-family:var(--font-mono)}.calendar-day:hover{transform:scale(1.03);z-index:2;box-shadow:0 4px 16px #0000004d}.cal-day-num{font-size:10px;color:#fff6;font-weight:600;margin-bottom:auto}.cal-day-pnl{font-size:12px;font-weight:700;display:flex;align-items:center;gap:3px;margin-top:auto}.cal-day-pnl .cal-icon{font-size:8px;opacity:.6}.calendar-day.profit{background:#00b4642e;border-color:#00c86e40}.calendar-day.profit .cal-day-pnl{color:#0f8}.calendar-day.profit .cal-day-num{color:#00ff8880}.calendar-day.profit-high{background:#00c86e59;border-color:#0f86}.calendar-day.profit-high .cal-day-pnl{color:#0f8}.calendar-day.profit-high .cal-day-num{color:#00ff88b3}.calendar-day.loss{background:#c832462e;border-color:#ef444440}.calendar-day.loss .cal-day-pnl{color:#f46}.calendar-day.loss .cal-day-num{color:#ef444480}.calendar-day.loss-high{background:#dc283c59;border-color:#ef444466}.calendar-day.loss-high .cal-day-pnl{color:#f46}.calendar-day.loss-high .cal-day-num{color:#ef4444b3}.calendar-day.empty{background:transparent;border:none;min-height:0}.cal-summary-bar{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;padding:12px 16px;background:#ffffff05;border-radius:8px;border:1px solid var(--border)}.cal-summary-total{font-family:var(--font-mono);font-size:16px;font-weight:800}.cal-summary-total.positive{color:var(--green)}.cal-summary-total.negative{color:var(--red)}.cal-progress-bar{height:4px;border-radius:2px;background:var(--red);overflow:hidden;position:relative}.cal-progress-fill{height:100%;background:var(--green);border-radius:2px;transition:width .5s ease}.cal-progress-labels{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.cal-footer{display:flex;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid var(--border);font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.cal-footer strong{color:var(--text-secondary)}.calendar-empty{text-align:center;padding:40px 20px;color:var(--text-muted);font-size:14px}.trades-section{margin-bottom:36px;animation:fadeInUp 1.1s ease-out}.trades-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.trades-header .section-title{margin-bottom:0}.trades-filters{display:flex;gap:4px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px}.trade-filter{padding:6px 16px;border:none;background:transparent;color:var(--text-secondary);font-family:var(--font-mono);font-size:12px;font-weight:600;border-radius:4px;cursor:pointer;transition:all .2s;letter-spacing:.5px}.trade-filter:hover{color:var(--text-primary);background:#ffffff0d}.trade-filter.active{background:var(--green);color:var(--bg-primary)}.trades-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.trades-stat{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;display:flex;justify-content:space-between;align-items:center}.trades-stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:500}.trades-stat-value{font-family:var(--font-mono);font-size:15px;font-weight:700;color:var(--text-heading)}.trades-stat-value.profit{color:var(--green)}.trades-stat-value.loss{color:var(--red)}.trades-table-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.trades-table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:13px}.trades-table thead{background:#ffffff08}.trades-table th{padding:14px 16px;text-align:left;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;border-bottom:1px solid var(--border)}.trades-table td{padding:12px 16px;color:var(--text-secondary);border-bottom:1px solid rgba(255,255,255,.03)}.trades-table tbody tr{transition:background .15s ease}.trades-table tbody tr:hover{background:#ffffff05}.trades-table tbody tr:nth-child(2n){background:#ffffff03}.trades-table tbody tr:nth-child(2n):hover{background:#ffffff08}.trade-type{display:inline-block;padding:3px 8px;border-radius:3px;font-size:11px;font-weight:700;letter-spacing:.5px}.trade-type.buy{background:#00ff881a;color:var(--green);border:1px solid rgba(0,255,136,.2)}.trade-type.sell{background:#ef44441a;color:var(--red);border:1px solid rgba(239,68,68,.2)}.trade-profit{font-weight:700}.trade-profit.positive{color:var(--green)}.trade-profit.negative{color:var(--red)}.trades-empty td{text-align:center;padding:40px 16px;color:var(--text-muted);font-style:italic}.footer{text-align:center;padding:24px;border-top:1px solid var(--border);color:var(--text-muted);font-size:13px;display:flex;flex-direction:column;gap:4px}.footer-sub{font-size:11px;opacity:.5}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.nav-btn-leaderboard{background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:8px;padding:6px 12px;font-size:18px;cursor:pointer;transition:all .3s ease;line-height:1}.nav-btn-leaderboard:hover{background:#fbbf2433;box-shadow:0 0 12px #fbbf244d;transform:scale(1.1)}.leaderboard-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.leaderboard-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;width:90%;max-width:700px;max-height:85vh;overflow-y:auto;animation:slideUp .3s ease;box-shadow:0 24px 80px #00000080}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px 16px;border-bottom:1px solid var(--border)}.leaderboard-title{display:flex;align-items:center;gap:10px}.leaderboard-title span:first-child{font-size:28px}.leaderboard-title h2{font-family:var(--font-mono);font-size:18px;font-weight:800;color:var(--text-heading);letter-spacing:2px;margin:0}.leaderboard-badge{background:#fbbf2426;color:var(--gold);padding:3px 8px;border-radius:4px;font-size:9px;font-weight:700;letter-spacing:1px;border:1px solid rgba(251,191,36,.3)}.leaderboard-close{background:#ffffff0d;border:1px solid var(--border);color:var(--text-muted);width:32px;height:32px;border-radius:8px;font-size:16px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.leaderboard-close:hover{background:#ef444433;color:var(--red);border-color:#ef444466}.leaderboard-sorts{display:flex;gap:8px;padding:16px 28px;border-bottom:1px solid var(--border);flex-wrap:wrap}.lb-sort{background:#ffffff08;border:1px solid var(--border);color:var(--text-muted);padding:6px 14px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;font-family:var(--font-mono)}.lb-sort:hover{border-color:var(--border-accent);color:var(--text-secondary)}.lb-sort.active{background:#00ff881a;border-color:#0f86;color:var(--green)}.leaderboard-table{padding:12px 28px 24px}.lb-row{display:grid;grid-template-columns:50px 1fr 120px 80px 70px;align-items:center;padding:14px 16px;border-radius:10px;margin-bottom:6px;transition:all .2s;border:1px solid transparent}.lb-row:hover{background:#ffffff08;border-color:var(--border)}.lb-rank{font-family:var(--font-mono);font-size:14px;font-weight:800;color:var(--text-muted)}.lb-rank-1{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,gold,orange);color:#000;font-size:14px;font-weight:900;box-shadow:0 0 16px #ffd70066}.lb-rank-2{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,silver,#a0a0a0);color:#000;font-size:14px;font-weight:900;box-shadow:0 0 12px #c0c0c04d}.lb-rank-3{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#cd7f32,#a0622e);color:#fff;font-size:14px;font-weight:900;box-shadow:0 0 10px #cd7f324d}.lb-row.top-1{background:#ffd7000a;border-color:#ffd70026}.lb-row.top-2{background:#c0c0c008;border-color:#c0c0c01a}.lb-row.top-3{background:#cd7f3208;border-color:#cd7f321a}.lb-info{display:flex;flex-direction:column;gap:2px}.lb-account{font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--text-heading)}.lb-owner{font-size:11px;color:var(--text-muted)}.lb-profit{font-family:var(--font-mono);font-size:14px;font-weight:700;text-align:right}.lb-profit.positive{color:var(--green)}.lb-profit.negative{color:var(--red)}.lb-winrate{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);text-align:right}.lb-trades{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);text-align:right}.lb-empty{text-align:center;padding:40px 20px;color:var(--text-muted);font-size:13px}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton-state{display:flex;flex-direction:column;gap:24px;animation:fadeInUp .4s ease}.skeleton-line{height:14px;border-radius:6px;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:800px 100%;animation:shimmer 1.5s infinite ease-in-out}.skeleton-line.skeleton-sm{height:10px;margin-bottom:10px}.skeleton-line.skeleton-md{height:18px}.skeleton-line.skeleton-lg{height:26px}.skeleton-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.skeleton-card,.skeleton-chart{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:24px}.skeleton-chart-area{margin-top:16px;height:200px;border-radius:8px;background:linear-gradient(90deg,#ffffff08 25%,#ffffff0f,#ffffff08 75%);background-size:800px 100%;animation:shimmer 1.5s infinite ease-in-out}.skeleton-calendar{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:24px;text-align:center}.skeleton-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:16px}.skeleton-cal-day{height:40px;border-radius:6px;background:linear-gradient(90deg,#ffffff08 25%,#ffffff0f,#ffffff08 75%);background-size:800px 100%;animation:shimmer 1.5s infinite ease-in-out}.skeleton-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.skeleton-stat{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px}.ternak-section{padding:40px 20px;max-width:900px;margin:0 auto}.ternak-container{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:40px;text-align:center;position:relative;overflow:hidden}.ternak-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--green),var(--blue),var(--gold))}.ternak-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}.ternak-icon{font-size:32px}.ternak-title{font-family:var(--font-mono);font-size:22px;font-weight:700;color:var(--text-primary);letter-spacing:2px}.ternak-badge{font-family:var(--font-mono);font-size:10px;padding:4px 10px;border:1px solid var(--green);color:var(--green);border-radius:20px;letter-spacing:1px}.ternak-desc{font-size:13px;line-height:1.8;color:var(--text-secondary);max-width:700px;margin:0 auto 28px}.ternak-desc strong{color:var(--green)}.ternak-highlight{display:inline-flex;flex-direction:column;align-items:center;gap:4px;padding:20px 48px;border:2px solid var(--green);border-radius:16px;background:#00ff880d;margin-bottom:28px}.ternak-highlight-label{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase}.ternak-highlight-value{font-family:var(--font-mono);font-size:42px;font-weight:700;color:var(--green);text-shadow:0 0 20px rgba(0,255,136,.3)}.ternak-features{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:28px;text-align:left}.ternak-feature{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--border);border-radius:10px;background:#ffffff05;transition:all .2s}.ternak-feature:hover{border-color:var(--green);background:#00ff8808}.feature-icon{font-size:24px;flex-shrink:0}.feature-title{display:block;font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.feature-sub{display:block;font-size:11px;color:var(--text-muted)}.ternak-cta{display:inline-block;padding:16px 48px;background:linear-gradient(135deg,var(--green),#00cc44);color:#0a0f1c;font-family:var(--font-mono);font-size:15px;font-weight:700;letter-spacing:2px;border:none;border-radius:10px;text-decoration:none;cursor:pointer;transition:all .3s;box-shadow:0 4px 20px #00ff884d;margin-bottom:28px}.ternak-cta:hover{transform:translateY(-2px);box-shadow:0 6px 30px #00ff8880}.ternak-contacts{display:flex;justify-content:center;gap:16px;margin-bottom:24px}.ternak-contact{display:flex;align-items:center;gap:10px;padding:12px 20px;border:1px solid var(--border);border-radius:10px;text-decoration:none;transition:all .2s}.ternak-contact:hover{border-color:var(--green);background:#00ff880d}.contact-icon{font-size:22px}.contact-label{display:block;font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.contact-value{display:block;font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--green)}.ternak-disclaimer{font-size:10px;line-height:1.6;color:var(--text-muted);padding:12px 16px;border:1px solid rgba(251,191,36,.2);border-radius:8px;background:#fbbf2408}@media(max-width:1024px){.summary-cards{grid-template-columns:repeat(2,1fr)}.pnl-grid{grid-template-columns:1fr}.alltime-grid{flex-wrap:wrap}.stat-block{flex:1 1 30%;min-width:120px}.stat-divider{display:none}.overview-grid{grid-template-columns:repeat(2,1fr)}.config-banner{flex-direction:column;align-items:flex-start}.config-banner-action{width:100%}.api-input{flex:1;width:auto}.calendar-header,.chart-header{flex-wrap:wrap;gap:12px}}@media(max-width:768px){.leaderboard-modal{width:95%;max-height:90vh}.leaderboard-header,.leaderboard-sorts,.leaderboard-table{padding-left:16px;padding-right:16px}.lb-row{grid-template-columns:40px 1fr 90px 60px;padding:10px;font-size:12px}.lb-trades{display:none}.leaderboard-title h2{font-size:14px}.skeleton-cards,.skeleton-stats{grid-template-columns:repeat(2,1fr)}.skeleton-chart-area{height:150px}.navbar{padding:12px 16px;flex-direction:column;gap:10px}.nav-brand{width:100%;justify-content:center}.nav-right{width:100%;justify-content:center;gap:12px}.nav-logo{width:28px;height:28px}.nav-title{font-size:16px}.nav-subtitle{font-size:8px}.container{padding:16px 10px}.account-tabs{flex-wrap:wrap;gap:6px;padding:8px}.tab-btn{font-size:10px;padding:6px 10px}.summary-cards{grid-template-columns:repeat(2,1fr);gap:10px}.summary-card{padding:14px}.summary-card .card-icon{width:28px;height:28px;font-size:14px}.card-label{font-size:9px}.card-value{font-size:18px}.chart-section{margin-bottom:24px}.chart-header{flex-direction:column;gap:10px;align-items:flex-start}.chart-container{padding:12px}.chart-container canvas{height:180px}.chart-toggles{width:100%;justify-content:center}.calendar-section{margin-bottom:24px}.calendar-header{flex-direction:column;gap:10px;align-items:flex-start}.calendar-nav,.calendar-legend{width:100%;justify-content:center}.calendar-grid{padding:12px}.calendar-day{min-height:55px;padding:4px 6px}.cal-day-pnl{font-size:10px}.cal-day-num{font-size:9px}.cal-summary-total{font-size:14px}.cal-footer{flex-direction:column;gap:4px}.calendar-day-header{font-size:9px}.section-title{font-size:13px}.pnl-grid{grid-template-columns:1fr;gap:10px}.pnl-card{padding:14px}.alltime-grid{flex-direction:column}.stat-block{flex-direction:row;justify-content:space-between;border-right:none;border-bottom:1px solid var(--border);padding:14px 16px}.stat-block:last-child{border-bottom:none}.stat-label{margin-bottom:0;font-size:9px}.stat-value{font-size:16px}.config-grid{grid-template-columns:repeat(2,1fr);gap:8px}.config-item{padding:10px}.config-label{font-size:9px}.config-value{font-size:11px}.trades-header{flex-direction:column;gap:10px;align-items:flex-start}.trade-filters{width:100%;justify-content:flex-start}.trade-summary{grid-template-columns:repeat(2,1fr);gap:8px}.trades-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.trades-table{min-width:600px;font-size:11px}.trades-table th,.trades-table td{padding:10px 8px;font-size:10px}.overview-grid{grid-template-columns:1fr;gap:12px}.overview-card{padding:16px}.footer{padding:20px 12px;font-size:10px}.config-banner{flex-direction:column;align-items:flex-start}.api-input{width:100%}}@media(max-width:480px){.navbar{padding:10px 12px}.nav-title{font-size:14px}.container{padding:12px 8px}.summary-cards{grid-template-columns:1fr;gap:8px}.summary-card{flex-direction:row;align-items:center;gap:12px;padding:12px}.summary-card .card-icon{margin-bottom:0}.card-value{font-size:16px}.account-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:4px;padding:6px}.tab-btn{white-space:nowrap;flex-shrink:0;font-size:9px;padding:5px 8px}.chart-container canvas{height:150px}.chart-toggle{font-size:10px;padding:5px 10px}.calendar-day{min-height:32px;font-size:10px}.calendar-days{gap:3px}.cal-month-label{font-size:12px;min-width:110px}.config-grid{grid-template-columns:1fr}.trades-table{min-width:520px}.trade-summary{grid-template-columns:1fr 1fr}.pnl-label{font-size:10px}.pnl-value{font-size:16px}.stat-block{padding:12px}.stat-value{font-size:14px}.section-title{font-size:12px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}
