.dp-page{color:#172033}.dp-safety{display:flex;align-items:center;gap:12px;padding:14px 18px;margin-bottom:18px;color:#14532d;background:linear-gradient(110deg,#ecfdf3,#f0fdf4);border:1px solid #bbf7d0;border-radius:14px}.dp-safety div{display:flex;flex-direction:column;gap:2px;flex:1}.dp-safety strong{font-size:13px}.dp-safety span{font-size:11px;color:#4b7560}.dp-live{display:inline-flex;align-items:center;gap:6px;font-weight:800;letter-spacing:.08em}.dp-error{display:flex;align-items:center;gap:8px;padding:12px 16px;margin-bottom:16px;color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;font-size:13px}.dp-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,.85fr);gap:18px;align-items:start}.dp-main-column,.dp-side-column{display:flex;flex-direction:column;gap:18px;min-width:0}.dp-card{padding:22px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 12px #0f172a06}.dp-card h2,.dp-card h3{margin:3px 0 0;color:#172033}.dp-card h2{font-size:22px}.dp-card h3{font-size:16px}.dp-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.dp-card-head>small{color:#64748b;text-align:right}.dp-eyebrow{color:#64748b;font-size:10px;font-weight:800;letter-spacing:.11em}.dp-actions{display:flex;gap:8px}.dp-primary,.dp-stop,.dp-ghost{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 13px;border-radius:9px;font-weight:700;cursor:pointer;font-size:13px}.dp-primary{color:#fff;background:#2563eb;border:none}.dp-stop{color:#fff;background:#e5484d;border:none}.dp-ghost{color:#475569;border:1px solid #dbe3ee;background:#fff}.dp-primary:disabled,.dp-stop:disabled,.dp-ghost:disabled{opacity:.5;cursor:wait}.dp-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.dp-metric{display:flex;flex-direction:column;min-width:0;padding:13px;background:#f8fafc;border:1px solid #eef2f7;border-radius:11px}.dp-metric span{color:#64748b;font-size:10px;font-weight:700}.dp-metric strong{margin:5px 0 2px;font-size:19px}.dp-metric small{color:#94a3b8;font-size:9px}.dp-metric.positive strong{color:#16803d}.dp-metric.negative strong{color:#dc2626}.dp-progress{height:5px;margin:14px 0;overflow:hidden;background:#eaf0f7;border-radius:5px}.dp-progress i{display:block;height:100%;background:#22c55e;transition:width .35s ease}.dp-progress.loss i{background:#ef4444}.dp-pending{display:flex;align-items:center;gap:12px;padding:13px 15px;color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:11px}.dp-pending div{display:flex;flex:1;flex-direction:column}.dp-pending span{font-size:9px;font-weight:800;letter-spacing:.08em}.dp-pending strong{font-size:15px}.dp-pending small{color:#5b76a5}.dp-pending>b{display:grid;place-items:center;width:36px;height:36px;color:#fff;background:#2563eb;border-radius:50%;font-size:18px}.dp-waiting{display:flex;align-items:center;gap:9px;padding:12px 14px;color:#64748b;background:#f8fafc;border-radius:10px;font-size:12px}.dp-coins{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dp-coin{display:grid;grid-template-columns:1fr auto;gap:7px 10px;align-items:center;padding:13px;background:#f8fafc;border:1px solid #edf1f5;border-radius:12px}.dp-coin div{display:flex;flex-direction:column}.dp-coin div span,.dp-coin small{color:#64748b;font-size:9px}.dp-coin>b{grid-row:span 2;display:grid;place-items:center;width:42px;height:42px;color:#fff;background:#64748b;border-radius:11px;font-size:23px}.dp-coin>b.even{background:#2563eb}.dp-coin>b.odd{background:#8b5cf6}.dp-coin em{color:#64748b;font-size:9px;font-style:normal;font-weight:800;letter-spacing:.06em}.dp-models{display:flex;flex-direction:column;gap:7px}.dp-model{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f8fafc;border-radius:10px}.dp-model>span{color:#94a3b8;font-size:11px;font-weight:800}.dp-model div{display:flex;flex:1;flex-direction:column}.dp-model small{color:#94a3b8}.dp-model>b{color:#1d4ed8}.dp-note{display:flex;align-items:flex-start;gap:8px;margin:14px 0 0;padding:11px;color:#854d0e;background:#fffbeb;border-radius:9px;font-size:10px;line-height:1.4}.dp-account-status{display:flex;align-items:center;gap:7px;margin:10px 0;padding:9px 10px;color:#64748b;background:#f8fafc;border-radius:9px;font-size:10px;font-weight:800}.dp-account-status.connected{color:#15803d;background:#ecfdf3}.dp-account-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dp-account-button,.dp-live-disabled{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:10px}.dp-execution-spec{display:flex;flex-direction:column;gap:5px;margin-top:12px;padding:11px;color:#64748b;background:#f8fafc;border:1px solid #eef2f7;border-radius:9px;font-size:10px}.dp-execution-spec strong{color:#334155;margin-bottom:2px}.dp-live-disabled{padding:10px;color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:9px;font-size:10px;font-weight:800;cursor:not-allowed;opacity:.8}.dp-fields{display:flex;flex-direction:column;gap:11px;margin-top:17px}.dp-field>span{display:block;margin-bottom:5px;color:#64748b;font-size:10px;font-weight:700}.dp-field div{display:flex;align-items:center;overflow:hidden;border:1px solid #dbe3ee;border-radius:9px}.dp-field input{width:100%;min-width:0;padding:9px 10px;color:#172033;border:0;outline:0;font-weight:700}.dp-field b{padding:0 10px;color:#94a3b8;font-size:9px}.dp-formula{display:flex;align-items:center;gap:10px;margin-top:16px;padding:12px;color:#1e40af;background:#eff6ff;border-radius:10px}.dp-formula div{display:flex;flex-direction:column}.dp-formula strong{font-size:11px}.dp-formula span{font-size:10px}.dp-log-card{max-height:520px}.dp-log{display:flex;flex-direction:column;gap:8px;max-height:420px;overflow:auto}.dp-event{display:flex;align-items:flex-start;gap:8px;padding:9px;color:#64748b;background:#f8fafc;border-radius:9px}.dp-event div{display:flex;flex-direction:column;min-width:0}.dp-event strong{color:#334155;font-size:10px}.dp-event span{font-size:9px;line-height:1.35}.dp-event small{color:#94a3b8;font-size:8px}.dp-event.win{color:#16a34a}.dp-event.loss{color:#dc2626}.dp-empty{padding:18px;color:#94a3b8;text-align:center;font-size:11px}@media (max-width: 1050px){.dp-layout{grid-template-columns:1fr}.dp-side-column{display:grid;grid-template-columns:1fr 1fr}.dp-metrics{grid-template-columns:1fr 1fr}}@media (max-width: 720px){.dp-safety{align-items:flex-start}.dp-live{display:none}.dp-card-head{align-items:flex-start;flex-direction:column}.dp-card-head>small{text-align:left}.dp-metrics,.dp-coins,.dp-side-column{grid-template-columns:1fr}.dp-actions{width:100%}.dp-actions button{flex:1}}:root{--bg-primary: #f8fafc;--bg-surface: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--accent-color: #2563eb;--accent-hover: #1d4ed8;--border-light: rgba(226, 232, 240, .9);--danger-color: #ff3b30;--success-color: #34c759;--warning-color: #ff9f0a;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 8px 24px rgba(0, 0, 0, .08);--radius-md: 12px;--radius-lg: 18px}.transition-all{transition:all .3s cubic-bezier(.25,.8,.25,1)}.hover-scale{transition:transform .2s cubic-bezier(.2,.8,.2,1)}.hover-scale:hover{transform:scale(1.02)}.hover-glow:hover{box-shadow:0 0 12px #007aff4d}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#f3f5f7;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased}button{cursor:pointer;border:none;background:none;font-family:inherit}.app-shell{min-width:0}.app-sidebar{position:sticky;top:0;height:100vh;flex:0 0 252px;overflow:hidden;z-index:50}.sidebar-nav{overflow-y:auto;padding-bottom:20px!important}.nav-group{margin-bottom:18px}.nav-group-label{display:block;padding:0 12px 7px;color:#94a3b8;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.nav-item{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:40px;padding:9px 12px;border-radius:9px;color:#526070;font-size:13px;font-weight:600;text-align:left}.nav-item:hover{background:#f4f6f8;color:#18212f}.nav-item.is-active{background:#eaf0f7;color:#173b63}.mode-tag{padding:2px 5px;border:1px solid #d9e0e8;border-radius:4px;color:#718096;font-size:8px;font-weight:900;letter-spacing:.06em}.mode-real{background:#fff1f0;border-color:#ffc7c2;color:#b42318}.mode-paper{background:#fff8e7;border-color:#f3daa1;color:#8a6116}.sidebar-close,.mobile-topbar,.sidebar-scrim{display:none}.app-main{width:calc(100% - 252px);max-width:none!important;min-width:0;padding:32px clamp(24px,3.5vw,56px) 56px!important}.app-header{gap:24px;align-items:flex-start!important}.page-title{font-size:clamp(24px,2.2vw,32px)!important;letter-spacing:-.035em!important}.top-stats{max-width:68%;flex-wrap:wrap;justify-content:flex-end}.real-positions-bar{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:18px;width:100%;margin:-10px 0 24px;padding:13px 16px;border:1px solid #d8e0e8;border-radius:12px;background:#fff;color:#253142;text-align:left;box-shadow:0 2px 8px #1c27330a}.real-positions-bar.has-positions{border-color:#efb7b1;background:snow}.real-status,.section-kicker{font-size:10px;font-weight:900;letter-spacing:.09em}.real-status{display:flex;align-items:center;gap:7px;color:#9f2f25}.real-dot{width:7px;height:7px;border-radius:50%;background:#cf3b2e;box-shadow:0 0 0 3px #fee4e2}.real-primary{font-size:14px;font-weight:800}.real-metrics{display:flex;align-items:center;gap:18px;color:#657184;font-size:12px}.real-metrics strong{color:#283548}.real-open{display:flex;align-items:center;color:#315a82;font-size:12px;font-weight:800}.positive{color:#18794e!important}.negative{color:#c0342b!important}.positions-page{display:grid;gap:20px}.position-section{padding:clamp(18px,2.5vw,28px);border:1px solid #dfe5eb;border-radius:15px;background:#fff}.real-section{border-top:4px solid #b9382d}.paper-section{border-top:4px solid #c99935}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.section-heading h3{margin:5px 0 4px;font-size:20px;color:#182230}.section-heading h3 span{color:#718096;font-weight:500}.section-heading p{color:#687588;font-size:13px}.real-kicker{color:#a53127}.paper-kicker{color:#88621a}.source-freshness{color:#8793a3;font-size:11px}.state-message{display:flex;align-items:center;gap:8px;padding:18px;border-radius:10px;background:#f5f7f9;color:#687588;font-size:13px}.state-safe{background:#eef8f3;color:#216e4a}.state-error{background:#fff1f0;color:#a53127}.real-position-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:14px}.real-position-card{padding:18px;border:1px solid #e4e8ed;border-radius:12px;background:#fcfcfd}.position-card-head{display:flex;justify-content:space-between;gap:18px;margin-bottom:18px}.position-card-head h4{margin-top:7px;font-size:18px;color:#17202e}.side-badge{padding:3px 6px;border-radius:4px;font-size:9px;font-weight:900;letter-spacing:.08em}.side-long{color:#17734a;background:#e6f4ec}.side-short{color:#ad3027;background:#fee9e7}.position-pnl{font:800 20px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.position-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 16px}.position-facts div{min-width:0}.position-facts dt{color:#7b8797;font-size:10px;text-transform:uppercase;letter-spacing:.04em}.position-facts dd{margin:3px 0 0;color:#263446;font-size:13px;font-weight:750;overflow:hidden;text-overflow:ellipsis}.secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 12px;border:1px solid #d6dde5;border-radius:8px;background:#fff;color:#2c4f73;font-size:12px;font-weight:750}.paper-position-list{display:grid;gap:8px}.paper-position-row{display:grid;grid-template-columns:minmax(180px,1fr) auto auto auto;align-items:center;gap:16px;padding:12px 14px;border:1px solid #e6eaf0;border-radius:10px}.paper-position-row div{display:flex;flex-direction:column;gap:2px}.paper-position-row span{color:#718096;font-size:11px}.settings-page{max-width:920px}.settings-panel{padding:clamp(20px,3vw,30px);border:1px solid #dfe5eb;border-radius:15px;background:#fff;box-shadow:0 2px 8px #1c27330a}.settings-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:22px;border-bottom:1px solid #e7ebef}.settings-heading h3{margin:5px 0;color:#182230;font-size:21px}.settings-heading p{max-width:570px;color:#687588;font-size:13px;line-height:1.55}.settings-kicker{color:#315a82}.settings-actions{display:flex;flex:0 0 auto;gap:8px}.strategy-visibility-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:22px 0}.strategy-visibility-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:68px;padding:12px 14px;border:1px solid #e2e7ec;border-radius:11px;background:#fbfcfd}.strategy-visibility-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#edf2f7;color:#315a82}.strategy-visibility-copy{display:flex;min-width:0;flex-direction:column;gap:3px}.strategy-visibility-copy strong{overflow:hidden;color:#253142;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.strategy-visibility-copy small{color:#8793a3;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.visibility-switch{position:relative;width:42px;height:24px;border-radius:999px;background:#cbd3dc;transition:background-color .2s ease}.visibility-switch span{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0f172a33;transition:transform .2s ease}.visibility-switch.is-on{background:#315a82}.visibility-switch.is-on span{transform:translate(18px)}.visibility-switch:focus-visible{outline:3px solid rgba(49,90,130,.24);outline-offset:2px}.settings-note{display:flex;align-items:center;gap:9px;padding:13px 14px;border-radius:9px;background:#eef5f9;color:#315a82;font-size:12px;line-height:1.45}@media (max-width: 1100px){.app-header{flex-direction:column}.top-stats{max-width:100%;justify-content:flex-start}.real-positions-bar{grid-template-columns:auto 1fr auto}.real-metrics{grid-column:1 / -1;order:4}}@media (max-width: 860px){body{overflow-x:hidden}.mobile-topbar{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:40px 1fr auto;align-items:center;height:58px;padding:0 16px;border-bottom:1px solid #dce2e8;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-topbar button{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;color:#334155}.mobile-topbar strong{font-size:15px}.mobile-live-count{padding:4px 7px;border-radius:5px;background:#edf1f5;color:#687588;font-size:9px;font-weight:900}.mobile-live-count.active{background:#fee4e2;color:#a53127}.app-shell{display:block!important}.app-sidebar{position:fixed!important;inset:0 auto 0 0;width:min(84vw,310px)!important;height:100dvh;transform:translate(-105%);transition:transform .22s ease;box-shadow:12px 0 40px #0f172a29}.app-sidebar.is-open{transform:translate(0)}.sidebar-close{display:grid;place-items:center;width:36px;height:36px;margin-left:auto;border-radius:8px;color:#64748b}.sidebar-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;display:block;width:100%;height:100%;background:#0f172a6b}.app-main{width:100%;padding:20px 16px 40px!important;overflow:visible!important}.app-header{margin-bottom:22px!important}.top-stats{width:calc(100vw - 32px);flex-wrap:nowrap!important;overflow-x:auto;justify-content:flex-start;padding-bottom:5px;scrollbar-width:none}.top-stats>*{flex:0 0 auto}.real-symbols{display:none}.paper-position-row{grid-template-columns:1fr auto}.settings-page{max-width:none}.settings-heading{flex-direction:column}.strategy-visibility-list{grid-template-columns:1fr}}@media (max-width: 560px){.page-title{font-size:24px!important}.real-positions-bar{grid-template-columns:1fr auto;gap:9px 12px;margin-bottom:18px}.real-status{grid-column:1 / -1}.real-primary{font-size:13px}.real-open{font-size:0}.real-open svg{width:18px;height:18px}.real-metrics{gap:14px;overflow-x:auto}.section-heading{flex-direction:column}.real-position-grid{grid-template-columns:1fr}.position-facts{grid-template-columns:repeat(2,1fr)}.paper-position-row{grid-template-columns:1fr auto;gap:9px}.paper-position-row .secondary-action{grid-column:1 / -1;width:100%}.settings-actions{width:100%}.settings-actions .secondary-action{flex:1;padding-inline:8px}.settings-panel{padding:18px 14px}.strategy-visibility-row{padding-inline:10px}}@media (prefers-reduced-motion: reduce){.settings-page,.strategy-visibility-row{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}.visibility-switch,.visibility-switch span{transition:none}}