@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=JetBrains+Mono:wght@300;400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--white:#fff;--bg:#f4f6fb;--bg2:#eceef6;--surface:#fff;--surface2:#f8f9fc;--surface3:#f0f2f8;--border:#e3e7f0;--border2:#cdd4e8;--border3:#b4bdd4;--text:#0f1628;--text2:#374166;--muted:#7a84a8;--muted2:#a0a8c4;--indigo:#3730a3;--indigo-mid:#4f46e5;--indigo-lt:#eef2ff;--indigo-bdr:#c7d2fe;--green:#059669;--green-lt:#ecfdf5;--green-bdr:#a7f3d0;--red:#dc2626;--red-lt:#fef2f2;--red-bdr:#fecaca;--amber:#b45309;--amber-lt:#fffbeb;--amber-bdr:#fde68a;--blue:#2563eb;--blue-lt:#eff6ff;--blue-bdr:#bfdbfe;--font:"Plus Jakarta Sans", sans-serif;--mono:"JetBrains Mono", monospace;--r:8px;--r-sm:6px;--r-lg:12px;--shadow-xs:0 1px 2px #0f16280d;--shadow-sm:0 1px 3px #0f162812, 0 2px 8px #0f16280a;--shadow-md:0 2px 8px #0f162817, 0 4px 20px #0f16280d}html,body,#root{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.6}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:5px}.app{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:32px 28px 72px}.topbar{background:var(--white);border-bottom:1px solid var(--border);z-index:100;position:sticky;top:0;box-shadow:0 1px 4px #0f16280f}.topbar-inner{max-width:1280px;margin:0 auto;padding:0 28px}.topbar-brand-row{justify-content:space-between;align-items:center;padding:14px 0 0;display:flex}.brand{align-items:center;gap:11px;display:flex}.brand-icon{background:var(--indigo-mid);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:800;display:flex;box-shadow:0 2px 8px #4f46e547}.brand-name{letter-spacing:-.5px;color:var(--text);font-size:17px;font-weight:800}.brand-name span{color:var(--indigo-mid)}.brand-tag{color:var(--muted);font-size:10px;font-family:var(--mono);margin-top:1px}.topbar-pills{align-items:center;gap:8px;display:flex}.pill{font-size:11px;font-family:var(--mono);background:var(--surface3);color:var(--muted);border:1px solid var(--border);border-radius:20px;padding:4px 10px;font-weight:500}.tab-bar{gap:0;margin-top:12px;display:flex}.tab-item{color:var(--muted);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:7px;margin-bottom:-1px;padding:10px 20px 9px;transition:all .15s;display:flex}.tab-item:hover:not(.active):not(.locked){color:var(--text2);background:var(--surface2)}.tab-item.active{color:var(--indigo-mid);border-bottom-color:var(--indigo-mid)}.tab-item.locked{opacity:.4;cursor:not-allowed}.tab-icon{font-size:13px}.tab-lock{color:var(--muted2);font-size:9px;font-family:var(--mono);background:var(--surface3);border-radius:3px;padding:1px 5px}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-title{letter-spacing:-.5px;color:var(--text);font-size:21px;font-weight:800;line-height:1.2}.page-sub{color:var(--muted);margin-top:3px;font-size:13px}.section-title{text-transform:uppercase;letter-spacing:.8px;color:var(--muted);margin-bottom:14px;font-size:11px;font-weight:700}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:22px 24px}.card-flat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:16px 18px}.card-inset{background:var(--surface2);border:1px solid var(--border);border-radius:var(--r);padding:14px 16px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:14px;margin-bottom:24px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-xs);cursor:default;padding:18px 20px;transition:box-shadow .2s,transform .15s}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.stat-label{text-transform:uppercase;letter-spacing:.8px;color:var(--muted);margin-bottom:8px;font-size:10px;font-weight:700}.stat-value{font-size:20px;font-weight:800;font-family:var(--mono);letter-spacing:-.4px;color:var(--text);line-height:1.2}.stat-sub{color:var(--muted);font-size:11px;font-family:var(--mono);margin-top:4px}.btn{border-radius:var(--r-sm);font-family:var(--font);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:7px;padding:8px 16px;font-size:13px;font-weight:600;line-height:1.4;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--indigo-mid);color:#fff;box-shadow:0 1px 3px #4f46e533}.btn-primary:hover:not(:disabled){background:var(--indigo);transform:translateY(-1px);box-shadow:0 2px 8px #4f46e54d}.btn-success{background:var(--green);color:#fff;box-shadow:0 1px 3px #05966933}.btn-success:hover:not(:disabled){background:#047857;transform:translateY(-1px);box-shadow:0 2px 8px #0596694d}.btn-outline{color:var(--text2);border:1.5px solid var(--border2);box-shadow:var(--shadow-xs);background:#fff}.btn-outline:hover:not(:disabled){border-color:var(--border3);background:var(--surface2)}.btn-ghost{color:var(--muted);border:1px solid var(--border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface3);color:var(--text2);border-color:var(--border2)}.btn-danger{background:var(--red-lt);color:var(--red);border:1px solid var(--red-bdr)}.btn-danger:hover:not(:disabled){background:#fee2e2}.btn-sm{padding:5px 12px;font-size:12px}.btn-lg{padding:11px 24px;font-size:14px;font-weight:700}.btn-icon{border-radius:var(--r-sm);background:var(--surface2);border:1px solid var(--border);width:32px;height:32px;color:var(--muted);cursor:pointer;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.btn-icon:hover{background:var(--surface3);border-color:var(--border2);color:var(--text2)}.btn-icon.danger:hover{background:var(--red-lt);border-color:var(--red-bdr);color:var(--red)}.input,.select{background:var(--white);border:1.5px solid var(--border2);border-radius:var(--r-sm);color:var(--text);font-family:var(--font);width:100%;box-shadow:var(--shadow-xs);appearance:none;padding:8px 12px;font-size:13px;font-weight:400;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus{border-color:var(--indigo-mid);outline:none;box-shadow:0 0 0 3px #4f46e51a}.input::placeholder{color:var(--muted2)}.input.mono{font-family:var(--mono);font-size:12px}.input-sm{padding:6px 10px;font-size:12px}.select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237a84a8' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:32px}.form-row{gap:12px;display:grid}.form-group{flex-direction:column;gap:5px;display:flex}.form-label{color:var(--text2);font-size:12px;font-weight:600}.form-error{color:var(--red);margin-top:2px;font-size:11px}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:13px}.table thead tr{background:var(--surface2)}.table th{color:var(--muted);letter-spacing:.6px;text-transform:uppercase;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;background:var(--surface2);padding:10px 14px;font-size:11px;font-weight:700}.table th.right,.table td.right{text-align:right}.table th.center,.table td.center{text-align:center}.table td{border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text2);padding:11px 14px}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:#f8f7ff}.table tr.subtotal td{color:var(--indigo);border-top:1px solid var(--indigo-bdr);border-bottom:1px solid var(--indigo-bdr);background:#f5f3ff;font-weight:600}.table tr.grand-total td{background:var(--indigo-lt);color:var(--indigo);border-top:2px solid var(--indigo-bdr);font-size:13.5px;font-weight:800}.badge{font-size:10px;font-weight:700;font-family:var(--mono);letter-spacing:.3px;white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.badge-green{background:var(--green-lt);color:var(--green);border:1px solid var(--green-bdr)}.badge-red{background:var(--red-lt);color:var(--red);border:1px solid var(--red-bdr)}.badge-amber{background:var(--amber-lt);color:var(--amber);border:1px solid var(--amber-bdr)}.badge-blue{background:var(--blue-lt);color:var(--blue);border:1px solid var(--blue-bdr)}.badge-indigo{background:var(--indigo-lt);color:var(--indigo-mid);border:1px solid var(--indigo-bdr)}.badge-gray{background:var(--surface3);color:var(--muted);border:1px solid var(--border)}.alert{border-radius:var(--r);align-items:flex-start;gap:10px;padding:12px 16px;font-size:13px;font-weight:500;display:flex}.alert-error{background:var(--red-lt);border:1px solid var(--red-bdr);color:#991b1b}.alert-success{background:var(--green-lt);border:1px solid var(--green-bdr);color:#065f46}.alert-warn{background:var(--amber-lt);border:1px solid var(--amber-bdr);color:var(--amber)}.alert-info{background:var(--blue-lt);border:1px solid var(--blue-bdr);color:#1d4ed8}.spinner{border:2px solid var(--border2);border-top-color:var(--indigo-mid);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.progress-wrap{background:var(--bg2);border-radius:4px;height:4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--indigo-mid), #818cf8);border-radius:4px;height:100%;animation:1.8s ease-in-out infinite shimmer}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.55}}.empty-state{color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:64px 24px;display:flex}.empty-icon{background:var(--surface3);border:1px solid var(--border);border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;font-size:24px;display:flex}.empty-title{color:var(--text2);margin-bottom:6px;font-size:15px;font-weight:700}.empty-sub{color:var(--muted);max-width:300px;font-size:13px}.gain{color:var(--green);font-weight:600}.loss{color:var(--red);font-weight:600}.flat{color:var(--muted)}.mono{font-family:var(--mono)}.info-box{background:var(--blue-lt);border:1px solid var(--blue-bdr);border-radius:var(--r);color:#1e40af;padding:12px 16px;font-size:12.5px;line-height:1.65}.divider{background:var(--border);height:1px;margin:20px 0}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.22s both fadeUp}@media (width<=900px){.main-content{padding:20px 16px 48px}.grid-2,.grid-3{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.tab-item{padding:9px 13px;font-size:12px}.topbar-inner{padding:0 16px}}@media (width<=600px){.stat-grid{grid-template-columns:1fr}.topbar-brand-row{flex-wrap:wrap;gap:8px}.page-header{flex-direction:column}}