:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e2e8f0;background-color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#0f172a 0%,#1e293b 100%);min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button{cursor:pointer}.page-wrapper{flex-direction:column;gap:32px;max-width:1200px;margin:0 auto;padding:32px 24px 64px;display:flex}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.page-header h1{margin:0 0 8px;font-size:28px;font-weight:600}.page-header p{color:#cbd5f5;margin:0}.action-group{flex-wrap:wrap;gap:12px;display:flex}.file-upload{color:#fff;background:#2563eb;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-weight:600;transition:background .2s;display:inline-flex;position:relative;overflow:hidden}.file-upload:hover{background:#1d4ed8}.file-upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.ghost-button{color:#e2e8f0;background:#0f172a99;border:1px solid #94a3b84d;border-radius:8px;padding:10px 16px;font-weight:500;transition:border .2s,background .2s}.ghost-button.compact{padding:6px 12px;font-size:13px}.ghost-button.active{color:#bae6fd;background:#0ea5e933;border-color:#38bdf8cc}.ghost-button:hover{background:#1e293bb3;border-color:#94a3b8cc}.controls{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:end;gap:16px;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field label{color:#cbd5f5;font-size:14px}.field input,.field select{color:#e2e8f0;background:#0f172acc;border:1px solid #94a3b833;border-radius:8px;padding:10px 12px;font-size:15px}.field input:focus,.field select:focus{border-color:#38bdf8;outline:none}.primary-button{color:#0f172a;background:#38bdf8;border:none;border-radius:8px;padding:10px 16px;font-weight:600;transition:background .2s}.primary-button:disabled{cursor:not-allowed;background:#38bdf866}.primary-button:not(:disabled):hover{background:#0ea5e9}.toggle{color:#cbd5f5;align-items:center;gap:8px;font-size:14px;display:flex}.toggle input{width:18px;height:18px}.error{color:#fca5a5;white-space:pre-line;background:#f871711a;border:1px solid #f8717166;border-radius:10px;padding:14px 18px}.info-panel{color:#cbd5f5;background:#0f172acc;border:1px solid #94a3b833;border-radius:12px;flex-direction:column;gap:12px;padding:20px 24px;display:flex}.info-panel h2{color:#f8fafc;margin:0;font-size:18px;font-weight:600}.info-panel ol{flex-direction:column;gap:6px;margin:0;padding-left:20px;display:flex}.info-panel li{font-size:14px;line-height:1.6}.info-panel .info-note{color:#94a3b8;margin:0;font-size:13px}.placeholder{text-align:center;color:#94a3b8;background:#0f172acc;border:1px dashed #94a3b84d;border-radius:12px;padding:40px}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;display:grid}.summary-card{background:#0f172abf;border:1px solid #94a3b833;border-radius:12px;flex-direction:column;gap:6px;padding:18px;display:flex}.summary-card .label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:13px}.summary-card strong{color:#f8fafc;font-size:20px;font-weight:600}.summary-card .subtext{color:#94a3b8;margin-top:4px;font-size:12px}.amount-display{flex-direction:column;gap:4px;display:flex}.amount-main{white-space:nowrap;font-weight:600}.amount-secondary{color:#94a3b8;white-space:nowrap;font-size:12px}.summary-card .amount-main{color:#f8fafc;font-size:20px;font-weight:600}.summary-card .amount-secondary{color:#94a3b8;font-size:12px}.summary-card .amount-display{align-items:flex-start}.info-badge{color:#cbd5f5;cursor:help;background:#94a3b82e;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;margin-left:6px;font-size:11px;transition:background .2s,color .2s;display:inline-flex;position:relative}.info-badge:hover{color:#f8fafc;background:#94a3b852}.info-badge:after{content:attr(data-tooltip);color:#e2e8f0;white-space:normal;text-transform:none;letter-spacing:normal;text-align:left;word-break:keep-all;opacity:0;pointer-events:none;z-index:20;background:#0f172af2;border:1px solid #94a3b866;border-radius:8px;min-width:180px;max-width:260px;padding:8px 10px;font-size:12px;font-weight:500;line-height:1.4;transition:opacity .2s,transform .2s;display:block;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,6px);box-shadow:0 12px 28px #0f172a73}.info-badge:before{content:"";opacity:0;z-index:19;border:6px solid #0000;border-top-color:#0f172af2;transition:opacity .2s,transform .2s;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%,6px)}.info-badge:hover:after,.info-badge:hover:before,.info-badge:focus-visible:after,.info-badge:focus-visible:before{opacity:1;transform:translate(-50%)}.chart-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.chart-card{background:#0f172ad1;border:1px solid #94a3b826;border-radius:12px;flex-direction:column;gap:12px;min-height:320px;padding:18px;display:flex;overflow:visible}.chart-card header{justify-content:space-between;align-items:center;gap:12px;display:flex}.chart-title{align-items:center;gap:8px;min-height:32px;display:flex;position:relative}.chart-card h2{color:#e2e8f0;margin:0;font-size:18px}.chart-container{width:100%;height:260px;position:relative;overflow:hidden}.chart-canvas{width:100%;height:100%}.chart-card header,.chart-card header *{overflow:visible}.table-section{background:#0f172acc;border:1px solid #94a3b833;border-radius:12px;flex-direction:column;gap:16px;padding:20px 20px 24px;display:flex}.table-section header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.table-section h2{margin:0;font-size:20px;font-weight:600}.table-section p{color:#94a3b8;margin:6px 0 0;font-size:14px}.table-section header .ghost-button.compact{margin-top:8px}.sort-controls{gap:8px;margin-top:12px;display:flex}table{border-collapse:collapse;width:100%;min-width:960px}.table-wrapper{overflow-x:auto}.table-wrapper::-webkit-scrollbar{height:8px}.table-wrapper::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:999px}.table-wrapper::-webkit-scrollbar-track{background:#0f172a80}thead{background:#33415566}th,td{text-align:left;border-bottom:1px solid #94a3b826;padding:12px 14px;font-size:14px}td.numeric{text-align:right}.symbol-cell{flex-direction:column;gap:4px;display:flex}.symbol-ticker{letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;font-size:11px}.symbol-name{color:#f8fafc;font-size:15px;font-weight:600}.return-pct-pos-10{color:#34d399;font-weight:600}.return-pct-pos-20{color:#10b981;font-weight:600}.return-pct-pos-30{color:#22c55e;font-weight:700}.return-pct-pos-40{color:#16a34a;font-weight:700}.return-pct-neg-10{color:#f87171;font-weight:600}.return-pct-neg-20{color:#ef4444;font-weight:600}.return-pct-neg-30{color:#dc2626;font-weight:700}.return-pct-neg-40{color:#b91c1c;font-weight:700}tbody tr.row-profit{background:#16a34a1f}tbody tr.row-loss{background:#f871711f}tbody tr.row-open{background:#fbbf241f}tbody tr.row-profit:hover{background:#16a34a33}tbody tr.row-loss:hover{background:#f8717133}tbody tr.row-open:hover{background:#fbbf2433}tbody tr:not(.row-profit):not(.row-loss):not(.row-open):hover{background:#0f172a99}tbody tr.day-separator{background:0 0!important}tbody tr.day-separator td{letter-spacing:.08em;color:#94a3b8;text-transform:uppercase;border:none;padding:18px 0 6px;font-size:12px}.table-section .amount-display{align-items:flex-end;gap:2px}.table-section .amount-main{color:#f8fafc;text-align:right;font-size:14px;font-weight:600}.table-section .amount-secondary{color:#94a3b8;text-align:right;font-size:11px}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172ad1;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-content{background:#0f172af2;border:1px solid #94a3b833;border-radius:16px;flex-direction:column;gap:20px;width:100%;max-width:960px;padding:24px;display:flex}.modal-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal-header h3{margin:0;font-size:20px;font-weight:600}.modal-body{max-height:80vh;overflow:auto}.site-footer{text-align:center;color:#64748b;margin-top:48px;padding:24px 16px 40px;font-size:13px}.not-found{text-align:center;color:#e2e8f0;flex-direction:column;justify-content:center;align-items:center;gap:40px;min-height:100vh;padding:64px 24px;display:flex}.not-found-container{flex-direction:column;gap:16px;max-width:520px;display:flex}.not-found-container h1{margin:0;font-size:36px;font-weight:600}.not-found-container p{color:#94a3b8;margin:0;line-height:1.7}.not-found-badge{letter-spacing:.18em;color:#94a3b8;background:#0f172a99;border:1px solid #94a3b866;border-radius:999px;align-self:center;padding:8px 16px;font-size:11px;display:inline-flex}.not-found-button{color:#0f172a;background:#0ea5e9e6;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:600;transition:background .2s,transform .2s;display:inline-flex}.not-found-button:hover{background:#38bdf8f2;transform:translateY(-1px)}@media (max-width:768px){.page-wrapper{gap:24px;padding:24px 16px 48px}.chart-card{min-height:260px}.chart-container{height:220px}.modal-content{max-width:100%;padding:18px}}