:root{color:#102027;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#ffd06673,#0000 28%),linear-gradient(#f8f3ea 0%,#f2f7f6 48%,#eef2f8 100%);font-family:SF Pro Display,Helvetica Neue,sans-serif;font-weight:400;line-height:1.4}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh}button{font:inherit}input,select{width:100%;font:inherit;color:inherit;background:#ffffffd1;border:1px solid #1020271f;border-radius:14px;padding:11px 12px}.app-shell{min-height:100vh;padding:max(20px, env(safe-area-inset-top)) 16px calc(88px + env(safe-area-inset-bottom))}.topbar,.hero-card,.panel,.stat-card,.position-card,.transaction-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffb8;border:1px solid #10202714;box-shadow:0 20px 50px #10202714}.topbar{border-radius:24px;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px;display:flex}.content,.page,.card-stack,.login-copy,.login-points{gap:16px;display:grid}.page{margin-top:18px}.hero-card,.panel,.stat-card,.position-card,.transaction-card{border-radius:24px;padding:18px}.transaction-card{align-items:flex-start;padding:14px 16px}.hero-card-centered{max-width:520px;margin:8vh auto 0}.login-shell{place-items:center;min-height:calc(100vh - 160px);padding:24px 0;display:grid}.login-simple-card{gap:14px;width:min(100%,440px);padding:24px;display:grid}.login-simple-card h2{font-size:1.5rem;line-height:1.1}.google-login-button{color:#fff;cursor:pointer;min-height:54px;box-shadow:none;background:#0f766e;border:0;border-radius:14px;justify-content:center;align-items:center;gap:12px;padding:13px 20px;display:inline-flex}.google-mark{background:#ffffff29;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:700;display:inline-grid}.eyebrow{color:#8d5b14;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:.82rem;font-weight:700}h1,h2,h3,p{margin-top:0}.muted{color:#48606a}.stat-grid,.split-grid,.details-grid,.transaction-form,.settings-form{gap:16px;display:grid}.details-grid strong{overflow-wrap:anywhere;margin-top:6px;display:block}.stat-value{margin-top:10px;font-size:1.45rem;display:block}.up{color:#136f4b}.neutral{color:#143b57}.section-heading,.position-card,.transaction-card,.position-metrics{justify-content:space-between;align-items:center;gap:12px;display:flex}.metrics-stack{text-align:right;gap:4px;display:grid}.transaction-copy,.position-copy{min-width:0}.position-title-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.position-title-row strong{font-size:.98rem}.position-weight-pill{padding:4px 8px;font-size:.8rem}.position-meta{margin-bottom:2px;font-size:.92rem;line-height:1.3}.position-meta:last-child{margin-bottom:0}.position-pnl{font-size:.9rem;line-height:1.25}.transaction-title-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.transaction-title-row strong{font-size:.98rem}.transaction-type-pill{padding:4px 8px;font-size:.8rem}.transaction-meta{margin-bottom:2px;font-size:.92rem;line-height:1.3}.transaction-meta:last-child{margin-bottom:0}.transaction-net{font-size:.9rem;line-height:1.25}.card-stack{grid-template-columns:1fr}.list{margin:0;padding-left:18px}.field{gap:8px;display:grid}.field span{color:#48606a;font-size:.92rem}.field-hint{color:#48606a;margin:0;font-size:.9rem}.instrument-field{grid-column:1/-1}.selected-instrument{background:#0f766e14;border:1px solid #0f766e24;border-radius:16px;gap:2px;padding:10px 12px;display:grid}.instrument-results{gap:8px;display:grid}.instrument-option{width:100%;color:inherit;text-align:left;cursor:pointer;background:#ffffffd1;border:1px solid #1020271a;border-radius:18px;gap:6px;padding:12px 14px;display:grid}.instrument-option-main,.instrument-option-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.instrument-option-main strong{font-size:.98rem}.instrument-option-meta{color:#48606a;font-size:.85rem}.instrument-source-pill{padding:4px 8px;font-size:.78rem}.instrument-source-portfolio{color:#136f4b;background:#136f4b1f}.instrument-source-transactions{color:#143b57;background:#143b571a}.instrument-source-market{color:#8d5b14;background:#8d5b141f}.instrument-status{margin:0;padding:2px 2px 0}.form-actions{gap:10px;display:grid}.error-text{color:#9c2e18;margin:0}.success-text{color:#136f4b;margin:0}.primary-button,.secondary-button,.nav-link{border:0;border-radius:999px;text-decoration:none;transition:transform .12s,background-color .12s}.primary-button,.secondary-button{cursor:pointer;padding:12px 16px}.primary-button{color:#fff;background:#0f766e}.secondary-button{color:#0f4f4c;background:#0f766e1f}.pill{background:#143b5717;border-radius:999px;padding:6px 10px}.pill-buy{color:#136f4b;background:#136f4b1f}.pill-sell{color:#9c2e18;background:#b5402c1f}.bottom-nav{left:16px;right:16px;bottom:max(12px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd9;border:1px solid #10202714;border-radius:24px;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px;display:grid;position:fixed}.nav-link{color:#48606a;text-align:center;justify-items:center;gap:4px;min-width:0;padding:10px 4px 9px;font-size:.72rem;line-height:1.1;display:grid}.nav-icon{flex:none;width:18px;height:18px}.nav-label{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.nav-label-desktop{display:none}.nav-link.active{color:#fff;background:#102027}@media (width>=768px){.app-shell{padding-left:24px;padding-right:24px}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.split-grid,.details-grid,.transaction-form{grid-template-columns:repeat(2,minmax(0,1fr))}.transaction-card{padding:15px 18px}.form-actions{grid-column:1/-1}.bottom-nav{gap:10px;max-width:520px;margin-top:20px;padding:10px;position:static}.nav-link{padding:12px 10px;font-size:.95rem;display:block}.nav-icon,.nav-label-mobile{display:none}.nav-label-desktop{display:block}}@media (width<=767px){.transaction-card,.position-card{align-items:flex-start}.transaction-card,.position-metrics{flex-direction:column}.position-metrics{align-items:flex-start;gap:8px;width:100%}.metrics-stack{text-align:left;gap:2px;width:100%}}
