@import"https://fonts.googleapis.com/css2?family=Exo+2:wght@300;400;500;600;700&family=Orbitron:wght@400;500;600;700&display=swap";:root{color-scheme:dark;--color-primary: #f59e0b;--color-secondary: #fbbf24;--color-cta: #8b5cf6;--color-background: #0f172a;--color-surface: #1e293b;--color-surface-2: #334155;--color-border: #334155;--color-text: #f8fafc;--color-text-muted: #94a3b8;--color-green: #22c55e;--color-red: #ef4444;--accent: var(--color-cta);--panel: var(--color-surface);--panel-2: var(--color-surface-2);--border: var(--color-border);--text: var(--color-text);--text-dim: var(--color-text-muted);--green: var(--color-green);--red: var(--color-red);--bg: var(--color-background);--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.25rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--sidebar-width: 200px;--mobile-header-h: 48px;--mobile-nav-h: 52px;--transition: .2s ease;--shadow-glow: 0 0 20px rgba(245, 158, 11, .08);--shadow-card: 0 4px 24px rgba(0, 0, 0, .25);font-family:"Exo 2",-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*{box-sizing:border-box}html,body{overflow-x:hidden;max-width:100%}body{margin:0;background:var(--color-background);color:var(--color-text);line-height:1.35;font-size:14px;-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain}a{color:inherit;text-decoration:none}h1,h2,h3,.page-title{font-family:Orbitron,"Exo 2",sans-serif;letter-spacing:.02em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--color-cta);color:#fff;border:none;border-radius:var(--radius-sm);padding:8px 14px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity var(--transition),box-shadow var(--transition)}.btn:hover:not(:disabled){opacity:.92;box-shadow:0 0 16px #8b5cf659}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border)}.btn-ghost:hover:not(:disabled){color:var(--color-text);border-color:var(--color-primary);box-shadow:none}.btn-sm{padding:6px 12px;font-size:13px}.btn-danger{background:transparent;color:var(--color-red);border:1px solid rgba(239,68,68,.4)}.btn-danger:hover:not(:disabled){background:#ef44441a;box-shadow:none}.input,select.input,textarea.input{width:100%;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:8px 10px;font-size:13px;font-family:inherit;transition:border-color var(--transition),box-shadow var(--transition)}.input::placeholder{color:var(--color-text-muted);opacity:1}.input:-webkit-autofill,.input:-webkit-autofill:hover,.input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--color-surface) inset;-webkit-text-fill-color:var(--color-text);caret-color:var(--color-text)}select.input option{background-color:var(--color-surface);color:var(--color-text)}.input:focus,select.input:focus,textarea.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #f59e0b26}label.field-label{display:block;font-size:12px;color:var(--color-text-muted);margin-bottom:4px}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-sm)}.form-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-card)}.card-interactive{cursor:pointer;transition:border-color var(--transition),box-shadow var(--transition)}.card-interactive:hover{border-color:#f59e0b59;box-shadow:var(--shadow-glow)}.card-title{font-size:13px;font-weight:600;margin-bottom:var(--space-sm)}.text-dim{color:var(--color-text-muted)}.green{color:var(--color-green)}.red{color:var(--color-red)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:500;border:1px solid var(--color-border)}.badge-green{color:var(--color-green);border-color:#22c55e59;background:#22c55e14}.badge-red{color:var(--color-red);border-color:#ef444459;background:#ef444414}.badge-amber{color:var(--color-primary);border-color:#f59e0b59;background:#f59e0b14}.alert{padding:8px 10px;border-radius:var(--radius-sm);font-size:12px;line-height:1.4;border:1px solid var(--color-border);background:#8b5cf614;border-color:#8b5cf640;margin-bottom:var(--space-sm);word-break:break-word}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}table{width:100%;border-collapse:collapse;font-size:13px;min-width:480px}th,td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--color-border)}th{color:var(--color-text-muted);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}td.num,.kpi-value,.num{font-variant-numeric:tabular-nums}tbody tr{transition:background var(--transition)}tbody tr:hover{background:#ffffff05}@media (max-width: 767px){.table-wrap{overflow-x:visible}.table-cards{min-width:unset;width:100%}.table-cards tbody tr{display:block;padding:8px 0;border-bottom:1px solid var(--color-border)}.table-cards thead{display:none}.table-cards tbody td{display:grid;grid-template-columns:72px minmax(0,1fr);gap:6px 10px;align-items:baseline;padding:2px 0;border:none;text-align:right;word-break:break-word;overflow-wrap:anywhere}.table-cards tbody td:before{content:attr(data-label);color:var(--color-text-muted);font-size:11px;text-align:left;margin-right:0}}.page-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-md)}.page-title{margin:0;font-size:clamp(1rem,2.5vw,1.35rem);font-weight:600;background:linear-gradient(135deg,var(--color-text) 0%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-desc{margin:4px 0 0;color:var(--color-text-muted);font-size:12px;line-height:1.4}.page-header-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm);margin-bottom:var(--space-md)}.kpi-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 12px;min-width:0}.kpi-card-featured{grid-column:span 2;background:linear-gradient(135deg,rgba(245,158,11,.1) 0%,var(--color-surface) 55%);border-color:#f59e0b40}.kpi-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;gap:4px}.kpi-label{font-size:11px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-icon-wrap{color:var(--color-primary);opacity:.85;flex-shrink:0}.kpi-value{font-size:clamp(.85rem,1.8vw,1.2rem);font-weight:700;font-family:Orbitron,"Exo 2",sans-serif;letter-spacing:.01em;line-height:1.2;font-variant-numeric:tabular-nums;word-break:break-word;overflow-wrap:anywhere}.dashboard-page .kpi-value{text-align:right}.dashboard-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-sm);flex-wrap:wrap}.dashboard-filter-toggle{display:inline-flex;align-items:center;gap:8px;font-size:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.dashboard-hidden-hint{font-size:11px;margin-bottom:8px}.dashboard-holdings-table th.col-num,.dashboard-holdings-table td.col-num{text-align:right}.kpi-card-featured .kpi-value{font-size:clamp(.95rem,2.2vw,1.35rem);text-shadow:none}.kpi-trend-up{color:var(--color-green)}.kpi-trend-down{color:var(--color-red)}.bento-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);margin-bottom:var(--space-md)}.bento-chart{min-height:0}.chart-box{width:100%;height:220px}.strategy-grid{display:grid;grid-template-columns:1fr;gap:var(--space-sm);align-items:start}@media (min-width: 768px){.strategy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.strategy-card{margin-bottom:0;padding:0;overflow:hidden;min-width:0}.strategy-header{display:flex;flex-direction:column;gap:6px;padding:8px 10px;cursor:pointer}.strategy-header-title{display:flex;align-items:flex-start;gap:6px;min-width:0}.strategy-chevron{color:var(--color-text-muted);line-height:1.35;font-size:11px;flex-shrink:0;margin-top:2px}.strategy-name-block{min-width:0;flex:1}.strategy-name{font-weight:600;font-size:13px;line-height:1.3;word-break:break-word}.strategy-meta{font-size:10px;color:var(--color-text-muted);word-break:break-all;line-height:1.3;margin-top:1px}.strategy-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(58px,1fr));gap:2px 6px;width:100%}.strategy-stat{min-width:0}.strategy-stat-label{font-size:9px;color:var(--color-text-muted);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.strategy-stat-value{font-size:11px;line-height:1.25;font-variant-numeric:tabular-nums;word-break:break-word;overflow-wrap:anywhere}.strategy-body{border-top:1px solid var(--color-border);padding:10px 12px 12px}.strategy-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}.strategy-link-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px}.strategy-link-row .input{flex:1;min-width:0;max-width:100%}@media (min-width: 520px){.strategy-stats{grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:2px 8px}}.app-shell{display:flex;height:100vh;height:100dvh;overflow:hidden;max-width:100vw}.sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--color-surface);border-right:1px solid var(--color-border);padding:var(--space-md) var(--space-sm);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;height:100dvh;overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:4px 10px 16px}.sidebar-brand-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--color-primary),var(--color-cta));display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.sidebar-brand-text{font-family:Orbitron,sans-serif;font-weight:700;font-size:13px;line-height:1.2}.sidebar-brand-sub{font-size:11px;color:var(--color-text-muted);font-family:"Exo 2",sans-serif;font-weight:400}.nav-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-sm);color:var(--color-text-muted);margin-bottom:2px;cursor:pointer;font-size:13px;transition:background var(--transition),color var(--transition);border:none;background:none;width:100%;text-align:left;font-family:inherit}.nav-item:hover{background:#ffffff0d;color:var(--color-text)}.nav-item.active{background:#f59e0b1f;color:var(--color-primary);border:1px solid rgba(245,158,11,.25)}.nav-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sidebar-footer{margin-top:auto;padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.currency-switch{display:flex;gap:4px;padding:0 10px 10px}.currency-switch-compact{padding:0 0 8px}.currency-switch-btn{flex:1;padding:6px 8px;font-size:12px;font-weight:600;font-family:inherit;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-text-muted);cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition)}.currency-switch-btn:hover{color:var(--color-text)}.currency-switch-btn.active{background:#f59e0b1f;color:var(--color-primary);border-color:#f59e0b59}.sidebar-user{padding:0 14px 10px;font-size:13px;color:var(--color-text-muted)}.content{flex:1;min-width:0;min-height:0;padding:var(--space-md);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:var(--mobile-header-h);z-index:40;background:#0f172aeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);align-items:center;justify-content:space-between;padding:0 var(--space-md)}.mobile-header-title{font-family:Orbitron,sans-serif;font-size:14px;font-weight:600}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;color:var(--color-text);border-radius:var(--radius-sm);cursor:pointer}.mobile-menu-btn:hover{background:#ffffff0f}.drawer-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.drawer-overlay.open{display:block}.mobile-drawer{position:fixed;top:0;left:0;bottom:0;width:min(280px,85vw);z-index:50;background:var(--color-surface);border-right:1px solid var(--color-border);padding:var(--space-lg) var(--space-md);display:flex;flex-direction:column;transform:translate(-100%);transition:transform .28s ease;overflow-y:auto}.mobile-drawer.open{transform:translate(0)}.mobile-drawer-right{left:auto;right:0;border-right:none;border-left:1px solid var(--color-border);transform:translate(100%)}.mobile-drawer-right.open{transform:translate(0)}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:var(--mobile-nav-h);z-index:40;background:#0f172af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--color-border);padding:0 4px;padding-bottom:env(safe-area-inset-bottom,0)}.bottom-nav-inner{display:flex;align-items:stretch;justify-content:space-around;height:100%;max-width:480px;margin:0 auto}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--color-text-muted);font-size:9px;cursor:pointer;border:none;background:none;font-family:inherit;padding:4px 2px;transition:color var(--transition);min-width:0}.bottom-nav-item.active{color:var(--color-primary)}.bottom-nav-item:hover{color:var(--color-text)}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:var(--space-lg);background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(139,92,246,.18),transparent),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(245,158,11,.1),transparent),var(--color-background)}.login-card{width:100%;max-width:400px}.login-brand{text-align:center;margin-bottom:var(--space-xl)}.login-brand-icon{width:56px;height:56px;margin:0 auto 16px;border-radius:14px;background:linear-gradient(135deg,var(--color-primary),var(--color-cta));display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 32px #f59e0b40}.login-brand h1{margin:0;font-size:1.35rem}.login-brand p{margin:8px 0 0;color:var(--color-text-muted);font-size:14px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:64px 24px;color:var(--color-text-muted)}.loading-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toggle{width:52px;height:28px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface-2);position:relative;cursor:pointer;transition:background var(--transition),border-color var(--transition);padding:0;flex-shrink:0}.toggle.on{background:var(--color-green);border-color:var(--color-green)}.toggle:disabled{cursor:not-allowed;opacity:.6}.toggle-knob{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:#fff;transition:left var(--transition)}.toggle.on .toggle-knob{left:26px}.symbol-picker{position:relative}.symbol-picker-dropdown{position:absolute;z-index:50;left:0;right:0;top:calc(100% + 4px);margin:0;padding:4px 0;list-style:none;max-height:280px;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-card)}.symbol-picker-item{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;font-size:13px;transition:background var(--transition)}.symbol-picker-item:hover,.symbol-picker-item.active{background:#ffffff0d}.symbol-picker-sym{font-weight:600;min-width:72px;font-family:ui-monospace,monospace}.symbol-picker-name{flex:1;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.symbol-picker-tag{font-size:11px;color:var(--color-text-muted);padding:2px 6px;border:1px solid var(--color-border);border-radius:4px}.log-panel{background:#0a0f1a;border:1px solid var(--color-border);border-radius:var(--radius-sm);max-height:280px;padding:10px;font-family:ui-monospace,Cascadia Code,monospace;font-size:11px;line-height:1.45;overflow:auto;white-space:pre-wrap;word-break:break-all;margin:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:16px}.history-modal{width:min(960px,100%);max-height:min(85vh,720px);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);display:flex;flex-direction:column;overflow:hidden}.history-modal-header{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--color-border);flex-shrink:0}.history-modal-title{font-weight:600;font-size:14px;flex:1;min-width:0}.history-modal-body{display:grid;grid-template-columns:260px 1fr;min-height:0;flex:1;overflow:hidden}.history-summary{border-right:1px solid var(--color-border);padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.history-summary-totals{display:grid;grid-template-columns:1fr 1fr;gap:8px}.history-summary-stat{background:var(--color-surface-2);border-radius:var(--radius-sm);padding:8px 10px}.history-summary-stat-label{font-size:10px;color:var(--color-text-muted);margin-bottom:2px}.history-summary-stat-value{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.history-symbol-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.history-symbol-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;font-size:12px;border:1px solid transparent;transition:background var(--transition),border-color var(--transition)}.history-symbol-item:hover{background:#ffffff0a}.history-symbol-item.active{background:#8b5cf61f;border-color:#8b5cf659}.history-symbol-name{font-weight:600;font-family:ui-monospace,monospace;font-size:11px}.history-symbol-meta{font-size:10px;color:var(--color-text-muted)}.history-trades{padding:12px;overflow:auto;min-width:0}.history-trades-table{width:100%;border-collapse:collapse;font-size:11px}.history-trades-table th{text-align:left;padding:6px 8px;color:var(--color-text-muted);font-weight:500;border-bottom:1px solid var(--color-border);white-space:nowrap;position:sticky;top:0;background:var(--color-surface)}.history-trades-table td{padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.04);font-variant-numeric:tabular-nums}@media (max-width: 640px){.history-modal-body{grid-template-columns:1fr;grid-template-rows:auto 1fr}.history-summary{border-right:none;border-bottom:1px solid var(--color-border);max-height:220px}}.stack-sm>*+*{margin-top:var(--space-sm)}.stack-lg>*+*{margin-top:var(--space-md)}@media (max-width: 1023px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.kpi-card-featured{grid-column:span 2}}@media (max-width: 767px){.sidebar{display:none}.mobile-header{display:flex}.bottom-nav{display:block}.content{padding:calc(var(--mobile-header-h) + 8px) 10px calc(var(--mobile-nav-h) + 8px)}.page-desc{display:none}.page-header{margin-bottom:var(--space-sm)}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.kpi-card{padding:8px 10px}.kpi-card-featured{grid-column:span 2}.kpi-value,.kpi-card-featured .kpi-value{font-size:clamp(.8rem,3.2vw,1rem)}.bento-grid{grid-template-columns:1fr;gap:6px}.chart-box{height:180px}.card{padding:10px}.card-title{margin-bottom:6px}.form-grid{grid-template-columns:1fr}}@media (max-width: 399px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-card-featured{grid-column:span 2}}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}@media (max-width: 767px){.grid-2{grid-template-columns:1fr}}