:root,[data-theme=light]{--c-primary: #9fe870;--c-primary-hover: #88d450;--c-primary-active: #cdffad;--c-primary-neutral: #c5edab;--c-primary-pale: #e2f6d5;--c-on-primary: #0e0f0c;--c-ink: #0e0f0c;--c-ink-deep: #163300;--c-body: #454745;--c-mute: #868685;--c-canvas: #ffffff;--c-canvas-soft: #e8ebe6;--c-canvas-alt: #f2f4f0;--c-positive: #2ead4b;--c-positive-deep: #054d28;--c-positive-bg: rgba(46, 173, 75, .1);--c-warning: #b86700;--c-warning-bright: #ffd11a;--c-warning-bg: rgba(184, 103, 0, .1);--c-negative: #d03238;--c-negative-deep: #a72027;--c-negative-darkest: #a7000d;--c-negative-bg: rgba(208, 50, 56, .08);--c-accent-orange: #ffc091;--c-accent-cyan: #38c8ff;--c-border: rgba(14, 15, 12, .12);--c-border-strong: rgba(14, 15, 12, .25);--c-divider: rgba(14, 15, 12, .08);--c-bg: #e8ebe6;--c-bg-card: #ffffff;--c-bg-hover: rgba(14, 15, 12, .04);--c-bg-input: #ffffff;--c-bg-overlay: rgba(14, 15, 12, .4);--c-shadow-card: 0 1px 3px rgba(14, 15, 12, .06), 0 1px 2px rgba(14, 15, 12, .04);--c-shadow-lg: 0 10px 30px rgba(14, 15, 12, .1), 0 4px 12px rgba(14, 15, 12, .05);--c-shadow-float: 0 20px 50px rgba(14, 15, 12, .15);--c-info: #38c8ff;--c-info-bg: rgba(56, 200, 255, .1);--c-chart-grid: rgba(14, 15, 12, .06);--c-chart-line: #0e0f0c;--c-chart-area-start: rgba(159, 232, 112, .35);--c-chart-area-end: rgba(159, 232, 112, 0);--c-chart-positive: #2ead4b;--c-chart-negative: #d03238;--recharts-text: #868685;--recharts-axis: rgba(14, 15, 12, .12)}[data-theme=dark]{--c-primary: #faff69;--c-primary-hover: #e6eb52;--c-primary-active: #faff69;--c-primary-neutral: #5a5a3a;--c-primary-pale: rgba(250, 255, 105, .12);--c-on-primary: #0a0a0a;--c-ink: #ffffff;--c-ink-deep: #faff69;--c-body: #cccccc;--c-mute: #888888;--c-canvas: #0a0a0a;--c-canvas-soft: #121212;--c-canvas-alt: #1a1a1a;--c-positive: #22c55e;--c-positive-deep: #4ade80;--c-positive-bg: rgba(34, 197, 94, .12);--c-warning: #f59e0b;--c-warning-bright: #fbbf24;--c-warning-bg: rgba(245, 158, 11, .12);--c-negative: #ef4444;--c-negative-deep: #f87171;--c-negative-darkest: #dc2626;--c-negative-bg: rgba(239, 68, 68, .1);--c-accent-orange: #fb923c;--c-accent-cyan: #38bdf8;--c-border: #2a2a2a;--c-border-strong: #3a3a3a;--c-divider: rgba(255, 255, 255, .06);--c-bg: #0a0a0a;--c-bg-card: #1a1a1a;--c-bg-hover: rgba(255, 255, 255, .04);--c-bg-input: #1a1a1a;--c-bg-overlay: rgba(0, 0, 0, .7);--c-shadow-card: none;--c-shadow-lg: none;--c-shadow-float: 0 4px 24px rgba(0, 0, 0, .5);--c-info: #3b82f6;--c-info-bg: rgba(59, 130, 246, .12);--c-chart-grid: rgba(255, 255, 255, .06);--c-chart-line: #ffffff;--c-chart-area-start: rgba(250, 255, 105, .2);--c-chart-area-end: rgba(250, 255, 105, 0);--c-chart-positive: #22c55e;--c-chart-negative: #ef4444;--recharts-text: #888888;--recharts-axis: #2a2a2a}:root{--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-pill: 9999px;--space-xxs: 2px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--c-bg);color:var(--c-ink);-webkit-font-smoothing:antialiased;font-weight:400;letter-spacing:0;transition:background-color .3s ease,color .3s ease}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--c-border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--c-mute)}input,select,textarea,button{font-family:inherit}input,select,textarea{background:var(--c-bg-input);border:1px solid var(--c-border);color:var(--c-ink);padding:10px 14px;border-radius:var(--radius-sm);font-size:14px;font-weight:400;outline:none;transition:border-color .2s,box-shadow .2s;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--c-primary);box-shadow:0 0 0 2px var(--c-primary-pale)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-sm);font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s;white-space:nowrap;line-height:1;letter-spacing:0}.btn-primary{background:var(--c-primary);color:var(--c-on-primary)}.btn-primary:hover{background:var(--c-primary-hover);transform:translateY(-1px)}.btn-primary:active{background:var(--c-primary-active)}.btn-primary:disabled{background:#3a3a1f;color:var(--c-mute);cursor:not-allowed;transform:none}.btn-success{background:var(--c-positive);color:#fff}.btn-success:hover{background:var(--c-positive-deep)}.btn-danger{background:var(--c-negative);color:#fff}.btn-danger:hover{background:var(--c-negative-deep)}.btn-outline{background:transparent;border:1px solid var(--c-border-strong);color:var(--c-ink)}.btn-outline:hover{background:var(--c-bg-hover);border-color:var(--c-primary);color:var(--c-primary)}.btn-sm{padding:6px 12px;font-size:12px;border-radius:var(--radius-sm)}.btn-lg{padding:var(--space-lg) var(--space-2xl);font-size:16px}.card{background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:var(--radius-md);padding:var(--space-xl);box-shadow:var(--c-shadow-card);transition:opacity .35s ease,transform .35s ease,background-color .3s,border-color .3s}.card-removing{opacity:0;transform:scale(.9);pointer-events:none}@keyframes cardEnter{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.card-new{animation:cardEnter .35s ease-out both}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;letter-spacing:0}.badge-success{background:var(--c-positive-bg);color:var(--c-positive)}.badge-danger{background:var(--c-negative-bg);color:var(--c-negative)}.badge-warning{background:var(--c-warning-bg);color:var(--c-warning)}.badge-info{background:var(--c-info-bg);color:var(--c-info)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}thead th{text-align:left;padding:var(--space-md) var(--space-lg);font-size:12px;font-weight:600;color:var(--c-mute);text-transform:uppercase;letter-spacing:1.5px;border-bottom:1px solid var(--c-border);background:var(--c-bg-hover)}tbody td{padding:var(--space-md) var(--space-lg);font-size:13px;border-bottom:1px solid var(--c-divider);font-variant-numeric:tabular-nums}tbody tr:hover{background:var(--c-bg-hover)}.tabular-nums{font-variant-numeric:tabular-nums}@keyframes glowUp{0%{background-color:var(--c-negative-bg);box-shadow:0 0 12px var(--c-negative-bg),inset 0 0 6px var(--c-negative-bg)}30%{background-color:var(--c-negative-bg);box-shadow:0 0 18px var(--c-negative-bg),inset 0 0 8px var(--c-negative-bg)}to{background-color:transparent;box-shadow:none}}@keyframes glowDown{0%{background-color:var(--c-positive-bg);box-shadow:0 0 12px var(--c-positive-bg),inset 0 0 6px var(--c-positive-bg)}30%{background-color:var(--c-positive-bg);box-shadow:0 0 18px var(--c-positive-bg),inset 0 0 8px var(--c-positive-bg)}to{background-color:transparent;box-shadow:none}}.price-cell{display:inline-flex;align-items:center;justify-content:center;min-width:110px;padding:3px 8px;border-radius:var(--radius-sm);font-weight:600;font-variant-numeric:tabular-nums;transition:color .5s ease-out;position:relative}.price-cell.flash-up{animation:glowUp .8s ease-out forwards;color:var(--c-negative)!important}.price-cell.flash-down{animation:glowDown .8s ease-out forwards;color:var(--c-positive)!important}.price-cell.color-up{color:var(--c-negative)}.price-cell.color-down{color:var(--c-positive)}.price-cell.color-neutral{color:var(--c-ink)}@keyframes rowEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tr-enter{animation:rowEnter .3s ease-out both}.nums-cell{display:inline-flex;align-items:center;justify-content:center;min-width:100px;padding:3px 8px;border-radius:var(--radius-sm);font-variant-numeric:tabular-nums;transition:all .3s ease}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes overlayOut{0%{opacity:1}to{opacity:0}}@keyframes modalIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modalOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(12px) scale(.97)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--c-bg-overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;animation:overlayIn .2s ease-out both}.modal-overlay.closing{animation:overlayOut .2s ease-in both}.modal-content{background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:var(--radius-md);padding:var(--space-xl);min-width:420px;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--c-shadow-float);transition:max-width .35s ease,max-height .5s ease,width .35s ease,padding .35s ease;will-change:max-width,max-height}.modal-content.closing{opacity:0;transform:translateY(12px) scale(.97);transition:opacity .2s ease-in,transform .2s ease-in}.modal-wide{max-width:95vw!important;width:95vw!important}.modal-title{font-size:20px;font-weight:700;margin-bottom:var(--space-xl);color:var(--c-ink);letter-spacing:-.3px}.layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.bottom-nav-bar{position:relative;z-index:50;display:flex;justify-content:center;padding:0 16px 12px;flex-shrink:0}.bottom-nav-capsule{display:flex;align-items:center;justify-content:space-around;width:100%;max-width:400px;padding:6px 8px;background:#ffffffd1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(14,15,12,.1);border-radius:22px;box-shadow:0 2px 16px #0e0f0c0f,0 0 0 .5px #0e0f0c0a;transition:background-color .3s,border-color .3s,box-shadow .3s}[data-theme=dark] .bottom-nav-capsule{background:#1a1a1aeb;border-color:#2a2a2a;box-shadow:0 -1px #2a2a2a,0 4px 20px #0006}.bottom-nav-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 12px;min-width:0;border-radius:14px;font-size:10px;font-weight:500;color:var(--c-mute);cursor:pointer;transition:color .2s,transform .15s ease-out;border:none;background:none}.bottom-nav-item:hover{color:var(--c-body)}.bottom-nav-item.active{color:var(--c-primary);font-weight:600;letter-spacing:0}.bottom-nav-item.tapped{transform:scale(.92)}.bottom-nav-indicator{position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--c-primary);transition:background .3s}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--c-border);background:var(--c-bg-card);min-height:56px;transition:background-color .3s,border-color .3s}[data-theme=dark] .header{background:var(--c-canvas);border-bottom-color:var(--c-border)}.header-left{font-size:16px;font-weight:700;color:var(--c-ink);letter-spacing:-.3px}.header-right{display:flex;align-items:center;gap:var(--space-sm)}.page-content{flex:1;overflow-y:auto;padding:var(--space-xl);background:var(--c-bg);transition:background-color .3s}.stat-card{background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:var(--radius-md);padding:var(--space-lg) var(--space-xl);display:flex;flex-direction:column;gap:var(--space-xs);box-shadow:var(--c-shadow-card);transition:background-color .3s,border-color .3s}.stat-card:hover{border-color:var(--c-border-strong)}.stat-label{font-size:12px;color:var(--c-mute);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.stat-value{font-size:28px;font-weight:700;color:var(--c-ink);letter-spacing:-1px;font-variant-numeric:tabular-nums}.stat-change{font-size:13px;font-weight:500}.stat-change.positive{color:var(--c-positive)}.stat-change.negative{color:var(--c-negative)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.section-title{font-size:18px;font-weight:700;margin-bottom:var(--space-lg);color:var(--c-ink);letter-spacing:-.3px}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-size:13px;color:var(--c-body);margin-bottom:var(--space-sm);font-weight:500;letter-spacing:0}.form-row{display:flex;gap:var(--space-lg)}.form-row>*{flex:1}.toast{position:fixed;top:20px;right:20px;z-index:2000;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-sm);font-size:14px;font-weight:500;box-shadow:none;animation:slideIn .3s ease}.toast-success{background:var(--c-positive);color:#fff}.toast-error{background:var(--c-negative);color:#fff}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes shimmer{0%{opacity:.4}50%{opacity:.8}to{opacity:.4}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseBorder{0%,to{border-left-color:var(--c-primary)}50%{border-left-color:var(--c-primary-active)}}.chart-container{background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:var(--radius-md);padding:var(--space-xl);margin-bottom:var(--space-xl);box-shadow:var(--c-shadow-card);transition:background-color .3s,border-color .3s}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl) var(--space-xl);color:var(--c-mute)}.empty-state .empty-icon{font-size:48px;margin-bottom:var(--space-lg)}.empty-state .empty-text{font-size:16px;font-weight:500;margin-bottom:var(--space-sm);color:var(--c-body)}.empty-state .empty-sub{font-size:13px;color:var(--c-mute)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--c-border);background:var(--c-bg-card);color:var(--c-ink);cursor:pointer;transition:all .2s}.theme-toggle:hover{background:var(--c-primary-pale);border-color:var(--c-primary);color:var(--c-primary)}.api-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.api-card{background:var(--c-canvas-soft);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:12px;transition:border-color .2s;border:1px solid var(--c-border)}.api-card:hover{border-color:var(--c-border-strong)}.api-card-header{display:flex;justify-content:space-between;align-items:flex-start}.api-card-exchange{display:flex;align-items:center;gap:10px}.api-card-body{display:flex;flex-direction:column;gap:8px}.api-card-row{display:flex;justify-content:space-between;align-items:center}.api-card-label{font-size:12px;color:var(--c-mute)}.api-card-footer{display:flex;justify-content:flex-end;padding-top:4px;border-top:1px solid var(--c-divider)}.ticker-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.ticker-card{background:var(--c-canvas);border-radius:var(--radius-md);padding:14px 16px;display:flex;flex-direction:column;gap:8px;border:1px solid var(--c-border);transition:border-color .2s,transform .15s;cursor:default}.ticker-card:hover{border-color:var(--c-primary);transform:translateY(-1px)}.ticker-card-top{display:flex;justify-content:space-between;align-items:flex-start}.ticker-card-price{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;display:flex;align-items:center}.ticker-card-row{display:flex;justify-content:space-between;align-items:center}.ticker-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:6px;border-top:1px solid var(--c-divider)}.sort-chip{background:none;border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:3px 10px;font-size:11px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:2px}.sort-chip:hover{border-color:var(--c-primary);color:var(--c-primary)}@media (max-width: 600px){.account-asset-row{flex-direction:column!important;align-items:flex-start!important;gap:2px!important;padding:8px 0!important}.account-asset-info{width:100%}.account-asset-info>div:first-child{font-size:13px!important}.account-asset-value{font-size:16px!important;align-self:flex-end;margin-top:1px}.price-cell{min-width:62px!important;padding:2px 3px!important;font-size:10px!important}.nums-cell{min-width:50px!important;padding:2px 3px!important;font-size:10px!important}thead th{padding:5px 3px!important;font-size:8px!important;letter-spacing:0!important}tbody td{padding:5px 3px!important;font-size:10px!important}td[style*="text-align: center"] .futures-bar-row{font-size:9px}.modal-content{min-width:auto!important;max-width:96vw!important;width:96vw!important;padding:var(--space-md)!important;border-radius:var(--radius-md)!important;max-height:calc(100vh - 80px)!important;margin-bottom:64px}.history-modal{max-width:100vw!important;width:100vw!important;max-height:100dvh!important;height:100dvh!important;margin:0!important;padding:0!important;padding-top:env(safe-area-inset-top,0px)!important;padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))!important;border-radius:0!important}.modal-overlay{overflow:hidden!important;padding-bottom:0!important}.modal-wide{max-width:98vw!important;width:98vw!important}.dashboard-top-row{flex-direction:column!important}.dashboard-top-row>*{flex:1 1 auto!important}.stats-grid{grid-template-columns:1fr!important}.header{padding:var(--space-sm) var(--space-md)!important}.page-content,.stat-card{padding:var(--space-md)!important}tbody td:first-child{padding-left:4px!important;padding-right:2px!important}.card>table{min-width:520px}.card{overflow-x:auto!important}.api-cards-grid{grid-template-columns:1fr!important}.ticker-cards-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))!important;gap:6px!important}.ticker-card{padding:10px 12px!important;gap:5px!important}.ticker-card-price{font-size:15px!important}.bottom-nav-bar{position:fixed!important;bottom:0;left:0;right:0;z-index:1100;padding-bottom:max(12px,env(safe-area-inset-bottom));background:linear-gradient(to top,var(--c-canvas) 65%,transparent 100%)}.page-content{padding-bottom:72px!important}.modal-overlay{padding-bottom:64px}}@media (min-width: 601px) and (max-width: 768px){.price-cell{min-width:75px!important;padding:2px 4px!important;font-size:11px!important}.nums-cell{min-width:65px!important;padding:2px 4px!important;font-size:11px!important}thead th{padding:5px!important;font-size:9px!important;letter-spacing:0!important}tbody td{padding:5px!important;font-size:11px!important}.account-asset-row{gap:6px!important}.account-asset-info>div:first-child{font-size:11px!important}.account-asset-value{font-size:12px!important}}.modal-content .form-group{transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease;overflow:hidden}.modal-content .form-group.expanding{max-height:2000px;opacity:1}.modal-content .btn-add-var{transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .2s}.modal-content .btn-add-var:active{transform:scale(.94)}