:root{--bg:#fff;--bg-subtle:#f6f7f9;--bg-muted:#fafbfc;--line:#e4e7eb;--line-strong:#d4d9e0;--text:#111;--text-soft:#666b73;--text-faint:#9aa0a8;--accent:#1a67e0;--accent-soft:#eff5ff;--danger:#cf1f34;--danger-soft:#fff3f5;--success:#108a52;--radius-sm:8px;--radius-md:12px;--max-width:920px;--font-sans:"PingFang SC", "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);min-height:100vh;color:var(--text);font:13px/1.3 var(--font-sans)}button,input,select,textarea{font:inherit}button{cursor:pointer}select{appearance:none}.app-shell{background:var(--bg);min-height:100vh}.app-header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;position:sticky;top:0}.app-header-inner,.app-main-inner,.bottom-nav-inner{width:min(100%, var(--max-width));margin:0 auto}.app-header-inner{min-height:48px;padding:calc(4px + env(safe-area-inset-top)) 12px 4px;justify-content:space-between;align-items:center;display:flex}.toolbar-left,.toolbar-right{align-items:center;display:flex}.toolbar-right{gap:2px}.toolbar-title-wrap{min-width:0}.toolbar-title-wrap h1{letter-spacing:-.02em;margin:0;font-size:15px;font-weight:700}.toolbar-icon-button{width:30px;height:30px;color:var(--text);background:0 0;border:0;place-items:center;padding:0;display:inline-grid;position:relative}.toolbar-icon-button svg{width:20px;height:20px}.toolbar-icon-button.has-dot:after{content:"";background:#ef3340;border-radius:999px;width:7px;height:7px;position:absolute;top:5px;right:5px}.more-button{border-radius:999px}.app-main{padding:0 0 62px}.app-main-inner{padding:0 10px}.preview-page,.settings-page{gap:6px;display:grid}.module-tabs{border-bottom:1px solid var(--line);align-items:flex-end;gap:18px;min-height:34px;padding:0 4px;display:flex}.module-tabs button{color:#90959d;background:0 0;border:0;padding:0 0 6px;font-size:16px;font-weight:500;position:relative}.module-tabs button.active{color:var(--text);font-weight:700}.module-tabs button.active:after{content:"";background:var(--accent);border-radius:999px;height:3px;position:absolute;bottom:-1px;left:0;right:0}.data-panel{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg)}.panel-caption-row{justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 2px 6px;display:flex}.panel-caption-row h2{margin:0;font-size:15px;font-weight:700}.panel-caption-row p{color:var(--text-soft);margin:2px 0 0;font-size:11px}.placeholder-table{border-top:1px solid var(--line)}.placeholder-row{border-bottom:1px solid var(--line);gap:8px;padding:14px 4px;display:grid}.placeholder-line{background:linear-gradient(90deg,#eef1f4 0%,#f7f8fa 100%);border-radius:999px;height:12px}.placeholder-line.is-wide{width:58%}.placeholder-line.is-short{width:26%}.settings-overview{gap:8px;padding:4px 2px 0;display:grid}.overview-primary{gap:1px;display:grid}.overview-label{color:var(--text-soft);font-size:12px}.overview-primary strong{color:var(--accent);letter-spacing:-.04em;font-size:36px;font-weight:700;line-height:.96}.overview-primary p{color:var(--text-soft);margin:2px 0 0;font-size:11px;line-height:1.35}.overview-metrics,.summary-strip{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid}.metric-cell{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg);gap:4px;min-height:54px;padding:8px 10px;display:grid}.metric-cell span{color:var(--text-soft);font-size:11px}.metric-cell strong{letter-spacing:-.02em;font-size:15px;font-weight:700}.metric-cell.is-inline{justify-content:space-between;align-items:center;gap:10px;min-height:42px;display:flex}.metric-cell.is-inline span{font-size:11px}.metric-cell.is-inline strong{font-size:14px;line-height:1}.overview-metrics.is-compact{grid-template-columns:repeat(3,minmax(0,1fr))}.setting-list,.dense-list{border-top:1px solid var(--line)}.setting-row,.dense-row,.account-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;min-height:46px;padding:7px 2px;display:flex}.setting-copy,.instrument-copy{min-width:0}.setting-copy strong,.instrument-copy strong{font-size:13px;font-weight:700;line-height:1.15;display:block}.setting-copy span,.instrument-copy span{color:var(--text-soft);margin-top:1px;font-size:11px;line-height:1.2;display:block}.setting-copy p{color:var(--text-soft);margin:2px 0 0;font-size:11px;line-height:1.35}.compact-select{border:1px solid var(--line-strong);background:var(--bg);min-width:108px;min-height:30px;color:var(--text);border-radius:999px;outline:none;padding:0 10px;font-size:12px}.compact-select:focus{border-color:var(--accent)}.compact-select.is-link{min-width:auto;min-height:28px;color:var(--accent);text-align:right;background:0 0;border-color:#0000;padding:0 0 0 8px;font-weight:600}.table-head{color:var(--text-soft);border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:6px 2px 5px;font-size:11px;display:grid}.table-head.account-head{grid-template-columns:minmax(0,1fr) 180px}.instrument-cell,.account-main{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.quote-cell{text-align:right;min-width:96px}.quote-cell strong{letter-spacing:-.02em;font-size:14px;font-weight:700;display:block}.quote-cell span{color:var(--text-soft);margin-top:2px;font-size:11px;display:block}.currency-badge,.logo-chip{border:1px solid var(--line-strong);background:var(--bg-muted);color:#555;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:inline-grid}.currency-badge{background:#fff;border-radius:999px;width:22px;height:22px;overflow:hidden}.logo-chip{background:#fff;border-radius:999px;overflow:hidden}.currency-badge img,.logo-chip img{object-fit:cover;width:100%;height:100%;display:block}.action-chip{background:var(--accent);color:#fff;border:0;border-radius:999px;align-items:center;gap:6px;min-height:30px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.action-chip.is-outline{border:1px solid var(--line-strong);background:var(--bg);color:var(--accent)}.action-chip svg{width:14px;height:14px}.panel-footnote{color:var(--text-soft);flex-wrap:wrap;justify-content:space-between;gap:8px;padding:10px 4px 12px;font-size:13px;display:flex}.account-actions{align-items:center;gap:8px;display:flex}.inline-delete{background:var(--danger-soft);width:34px;height:34px;color:var(--danger);border:1px solid #efcdd2;border-radius:999px;place-items:center;padding:0;display:inline-grid}.inline-delete svg{width:18px;height:18px}.inline-delete:disabled{opacity:.45;cursor:not-allowed}.accent-text{color:var(--accent)}.danger-text{color:var(--danger)}.workspace-page{gap:6px;display:grid}.dashboard-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.action-row{justify-content:flex-start;padding:0 2px;display:flex}.card-list{gap:6px;padding:0 2px 6px;display:grid}.trade-card{border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:8px 10px}.trade-card.is-compact{padding:7px 9px}.trade-card-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.trade-card-title{min-width:0}.trade-card-header strong{font-size:13px;line-height:1.15;display:block}.trade-card-header span{color:var(--text-soft);margin-top:1px;font-size:11px;display:block}.trade-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;margin-top:8px;display:grid}.trade-card-inline{justify-content:space-between;align-items:baseline;gap:8px;min-width:0;display:flex}.trade-card-grid strong{text-align:right;font-size:12px;display:block}.trade-card-label{color:var(--text-soft);white-space:nowrap;margin-bottom:0;font-size:10px;display:block}.trade-card-note{color:var(--text-soft);margin:6px 0 0;font-size:11px;line-height:1.35}.trade-card-actions{gap:8px;margin-top:8px;display:flex}.status-pill{white-space:nowrap;border-radius:999px;align-items:center;min-height:20px;padding:0 8px;font-size:10px;font-weight:700;display:inline-flex}.status-pill.is-none{color:#6b7280;background:#f3f4f6}.status-pill.is-pending{color:#1a67e0;background:#edf4ff}.status-pill.is-done{color:#108a52;background:#eaf7f0}.dense-row-button{text-align:left;background:0 0;border:0;width:100%}.dense-row-button.is-selected{background:#f8fbff}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 2px 8px;display:grid}.field{gap:4px;display:grid}.field span{color:var(--text-soft);font-size:11px;font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--line-strong);background:var(--bg);width:100%;color:var(--text);border-radius:9px;outline:none;padding:8px 10px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent)}.field textarea{resize:vertical}.field-wide{grid-column:1/-1}.form-actions{grid-column:1/-1;justify-content:flex-end;display:flex}.is-button-link{border:0}.is-danger-outline{color:var(--danger);border-color:#efcdd2}.bottom-nav{z-index:30;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffffa;position:fixed;bottom:0;left:0;right:0}.bottom-nav-inner{padding:3px 4px max(1px, env(safe-area-inset-bottom));grid-template-columns:repeat(5,minmax(0,1fr));gap:0;display:grid}.bottom-nav button{color:#7b8088;background:0 0;border:0;justify-items:center;gap:2px;padding:3px 2px 1px;font-size:11px;font-weight:500;display:grid}.bottom-nav button.active{color:var(--accent)}.bottom-nav .tab-icon{place-items:center;width:24px;height:24px;display:inline-grid}.bottom-nav .tab-icon svg{width:22px;height:22px}@media (width>=768px){body,.app-shell{background:#f7f8fa}.app-header{background:#fffffff0}.app-main{padding:4px 0 78px}.app-header-inner,.app-main-inner,.bottom-nav-inner{width:min(100%,920px)}.app-main-inner{background:var(--bg);padding:0 12px 10px;box-shadow:0 1px 3px #1118270a}.module-tabs{gap:26px}.toolbar-title-wrap h1{font-size:15px}.settings-overview{grid-template-columns:minmax(240px,.9fr) minmax(0,1.1fr);align-items:end;gap:12px}.is-dashboard-overview{grid-template-columns:minmax(220px,.85fr) minmax(0,1.15fr);align-items:end}.overview-metrics{grid-template-columns:repeat(4,minmax(0,1fr));align-self:stretch}.overview-metrics.is-compact{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-strip{grid-template-columns:repeat(2,minmax(0,180px))}.setting-row,.dense-row,.account-row{min-height:54px}.dashboard-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.card-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.form-grid,.trade-card-grid,.dashboard-strip,.card-list{grid-template-columns:minmax(0,1fr)}}.cloud-sync-button{color:#1863d6;background:#1863d614;border-radius:999px;transition:color .18s,background-color .18s,box-shadow .18s,transform .18s}.cloud-sync-button:hover{background:#1863d61f}.cloud-sync-button.is-idle,.cloud-sync-button.is-checking,.cloud-sync-button.is-syncing{color:#1863d6}.cloud-sync-button.is-checking,.cloud-sync-button.is-syncing{box-shadow:0 0 0 3px #1863d614}.cloud-sync-button.is-syncing{animation:1.1s ease-in-out infinite cloud-sync-pulse}.cloud-sync-button.is-online{color:#108a52;background:#108a521a}.cloud-sync-button.is-local{color:#66758a;background:#66758a1a}.cloud-sync-button.is-error{color:var(--danger);background:#cf1f341f}.sync-toast{left:50%;bottom:calc(70px + env(safe-area-inset-bottom));z-index:80;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);white-space:nowrap;background:#0f172aeb;border-radius:999px;align-items:center;gap:8px;min-height:36px;padding:8px 12px;font-size:12px;font-weight:700;animation:.18s ease-out toast-in;display:inline-flex;position:fixed;transform:translate(-50%);box-shadow:0 16px 36px #0f172a38}.sync-toast svg{width:16px;height:16px}.sync-toast.is-error{background:#b91c1cf0}.sync-toast.is-loading{background:#1863d6f0}.sync-toast.is-success{background:#108a52f0}@keyframes cloud-sync-pulse{0%,to{box-shadow:0 0 #1863d614}50%{box-shadow:0 0 0 4px #1863d629}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}