:root{--bg: #16181d;--surface: #1e2128;--surface-2: #262a33;--line: #333845;--text: #e7e9ee;--muted: #969cab;--accent: #5b8cff;--gain: #3fb968;--loss: #e2564d;--radius: 10px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;color-scheme:dark light;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)}#root{max-width:1120px;margin:0 auto;padding:1.5rem 1.25rem 4rem}h1,h2{line-height:1.2}.muted{color:var(--muted)}.strong{font-weight:600}.gain{color:var(--gain)}.loss{color:var(--loss)}.num,.stat-value,table.positions td,table.positions th{font-variant-numeric:tabular-nums}.num{text-align:right}.unit{color:var(--muted);font-size:.85em;font-weight:400}button{border-radius:8px;border:1px solid var(--line);padding:.55em 1.1em;font:inherit;font-weight:500;color:var(--text);background-color:var(--surface-2);cursor:pointer;transition:background-color .15s,border-color .15s,opacity .15s}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.primary{background-color:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){filter:brightness(1.08)}button.danger{color:var(--loss)}button.danger:hover:not(:disabled){border-color:var(--loss)}button.icon{padding:.25em .6em;background:transparent;border-color:transparent;color:var(--muted);font-size:1.1em;line-height:1}button.icon:hover:not(:disabled){background:var(--surface-2);border-color:var(--line);color:var(--text)}main>header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}main>header h1{font-size:1.5rem;margin:0;letter-spacing:-.01em}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;margin:0 0 1.5rem}.card>h2{margin:0 0 1rem;font-size:1.05rem;font-weight:600}.error{color:var(--loss);margin:.75rem 0 0}.error-card{border-color:var(--loss)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.stat{display:flex;flex-direction:column;gap:.3rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem}.stat-label{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.stat-value{font-size:1.5rem;font-weight:600;letter-spacing:-.01em}.stat-value small{font-size:.6em;font-weight:500;color:var(--muted)}.field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem 1.25rem}.field{display:flex;flex-direction:column;gap:.35rem;min-width:0}.field label{font-size:.85rem;font-weight:600;color:var(--text)}.field small{font-size:.78rem;color:var(--muted)}.field input,.field select{padding:.55em .65em;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:inherit;font:inherit;width:100%;box-sizing:border-box}.field input:focus-visible,.field select:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.form-actions{display:flex;justify-content:flex-end;margin-top:1.25rem}.form-actions button{background-color:var(--accent);border-color:var(--accent);color:#fff}.form-actions button:hover:not(:disabled){filter:brightness(1.08)}.table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}table{width:100%;border-collapse:collapse}table.positions{min-width:780px}th,td{padding:.7em .9em;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}thead th{font-size:.78rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--surface-2)}.row-actions button{opacity:0}tbody tr:hover .row-actions button,.row-actions button:focus-visible{opacity:1}.badge{display:inline-block;margin-left:.5em;padding:.15em .55em;font-size:.7em;font-weight:500;color:var(--muted);background:var(--surface-2);border:1px solid var(--line);border-radius:999px;vertical-align:middle;white-space:nowrap}.popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;width:min(92vw,660px);max-height:80vh;overflow:auto;padding:1.25rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 0 0 9999px #0009,0 16px 48px #00000080}.popup>header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.popup>header h2{margin:0;font-size:1.1rem}.popup table{border:none}.signin{min-height:100vh;display:flex;align-items:center;justify-content:center}.signin-card{width:min(92vw,380px);text-align:center;margin:0;padding:2rem 1.75rem}.signin-card h1{font-size:1.4rem;margin:0 0 .5rem}.signin-card p{margin:0 0 1.5rem}@media(prefers-color-scheme:light){:root{--bg: #f5f6f8;--surface: #ffffff;--surface-2: #eef0f4;--line: #d9dde5;--text: #1b1f27;--muted: #626a7a;--accent: #2f6bdd;--gain: #1f8f4d;--loss: #c8382f}.popup{box-shadow:0 0 0 9999px #00000059,0 16px 48px #0000002e}}
