:root{--primary:#111;--primary-active:#242424;--primary-disabled:#e5e7eb;--ink:#111;--body:#374151;--muted:#6b7280;--muted-soft:#898989;--hairline:#e5e7eb;--hairline-soft:#f3f4f6;--canvas:#fff;--surface-soft:#f8f9fa;--surface-card:#f5f5f5;--surface-strong:#e5e7eb;--surface-dark:#101010;--surface-dark-elevated:#1a1a1a;--on-primary:#fff;--on-dark:#fff;--on-dark-soft:#a1a1aa;--brand-accent:#3b82f6;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--badge-orange:#fb923c;--badge-pink:#ec4899;--badge-violet:#8b5cf6;--badge-emerald:#34d399;--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-pill:9999px;--s-xxs:4px;--s-xs:8px;--s-sm:12px;--s-md:16px;--s-lg:24px;--s-xl:32px;--s-xxl:48px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--display-tracking:-.04em;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--sidebar-w:248px;--topbar-h:64px;--content-max:clamp(1100px, 92vw, 1680px);font-family:var(--font-sans);color:var(--body);background:var(--surface-soft);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;padding:0}body{font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button{font-family:inherit}h1,h2,h3,h4{color:var(--ink);margin:0;font-weight:600}.display{letter-spacing:var(--display-tracking);color:var(--ink);font-weight:600;line-height:1.1}.display-xl{font-size:clamp(28px,4vw,56px)}.display-lg{font-size:clamp(24px,3vw,40px)}.display-md{font-size:clamp(20px,2.4vw,32px)}.display-sm{font-size:clamp(18px,2vw,26px)}.muted{color:var(--muted)}.muted-soft{color:var(--muted-soft)}.caption{color:var(--muted);font-size:13px;font-weight:500}.btn{justify-content:center;align-items:center;gap:var(--s-xs);border-radius:var(--r-md);cursor:pointer;white-space:nowrap;border:1px solid #0000;height:40px;padding:0 20px;font-size:14px;font-weight:600;line-height:1;transition:background-color .12s,border-color .12s,opacity .12s;display:inline-flex}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover:not(:disabled){background:var(--primary-active)}.btn-secondary{background:var(--canvas);color:var(--ink);border-color:var(--hairline)}.btn-secondary:hover:not(:disabled){background:var(--surface-soft)}.btn-ghost{color:var(--ink);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-card)}.btn-danger{background:var(--canvas);color:var(--error);border-color:var(--hairline)}.btn-danger:hover:not(:disabled){border-color:var(--error);background:#fef2f2}.btn-sm{height:34px;padding:0 14px;font-size:13px}.btn-block{width:100%}.btn-icon{border-radius:var(--r-md);width:36px;height:36px;padding:0}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--body);font-size:13px;font-weight:500}.field-hint{color:var(--muted-soft);font-size:12px}.field-error{color:var(--error);font-size:12px}.input,.select{border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--canvas);width:100%;height:40px;color:var(--ink);padding:0 14px;font-family:inherit;font-size:15px;transition:border-color .12s,box-shadow .12s}.input:focus,.select:focus{border-color:var(--ink);outline:none;box-shadow:0 0 0 3px #1111110f}.input::placeholder{color:var(--muted-soft)}textarea.input{resize:vertical;height:auto;min-height:72px;padding:10px 14px}.card{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:var(--s-lg)}.card-pad-xl{padding:var(--s-xl)}.card-soft{background:var(--surface-card);border-color:#0000}.card-header{justify-content:space-between;align-items:center;gap:var(--s-md);margin-bottom:var(--s-md);flex-wrap:wrap;display:flex}.card-title{color:var(--ink);font-size:18px;font-weight:600}.badge{border-radius:var(--r-pill);background:var(--surface-card);color:var(--ink);align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.badge-cash{color:#047857;background:#ecfdf5}.badge-bank{color:#1d4ed8;background:#eff6ff}.badge-admin{color:#6d28d9;background:#f5f3ff}.badge-manager{background:var(--surface-card);color:var(--body)}.badge-success{color:#047857;background:#ecfdf5}.badge-danger{color:#b91c1c;background:#fef2f2}.table-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.table{border-collapse:collapse;width:100%;min-width:560px;font-size:14px}.table th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--hairline);white-space:nowrap;padding:10px 12px;font-size:12px;font-weight:500}.table th.num{text-align:right}.table td{border-bottom:1px solid var(--hairline-soft);color:var(--body);vertical-align:middle;padding:12px}.table tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--surface-soft)}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.table tr.pnl-level td{background:var(--surface-soft);border-bottom:1px solid var(--hairline)}.table tr.drillable:hover td{background:#eef4ff}.pos{color:var(--success)}.neg{color:var(--error)}.stat{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:var(--s-lg);flex-direction:column;gap:6px;display:flex}.stat-label{color:var(--muted);font-size:13px;font-weight:500}.stat-value{color:var(--ink);letter-spacing:var(--display-tracking);font-variant-numeric:tabular-nums;font-size:clamp(22px,2.2vw,30px);font-weight:600}.stat-sub{color:var(--muted-soft);font-size:13px}.row{gap:var(--s-md);align-items:center;display:flex}.row-wrap{flex-wrap:wrap}.row>.field{flex:160px;min-width:0}.row:has(>.field){align-items:flex-start}.col{gap:var(--s-md);flex-direction:column;display:flex}.spread{justify-content:space-between;align-items:center;gap:var(--s-md);display:flex}.grow{flex:1}.gap-sm{gap:var(--s-sm)}.mt-lg{margin-top:var(--s-lg)}.text-center{text-align:center}.grid{gap:var(--s-lg);grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));display:grid}.toolbar{gap:var(--s-sm);flex-wrap:wrap;align-items:flex-end;display:flex}.toolbar .field{flex:auto;min-width:150px}.cell-edit{cursor:pointer}.cell-edit:hover{text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.input-cell{text-align:right;width:120px;height:32px;padding:0 8px;font-size:14px;display:inline-block}.sale-preview{color:var(--ink);padding:var(--s-md)}.preview-grid{gap:var(--s-sm) var(--s-md);margin-top:var(--s-sm);grid-template-columns:repeat(auto-fit,minmax(110px,1fr));display:grid}.preview-cell{flex-direction:column;gap:2px;min-width:0;display:flex}.preview-label{color:var(--muted);font-size:12px;font-weight:500}.preview-value{font-variant-numeric:tabular-nums;letter-spacing:var(--display-tracking);font-size:17px;font-weight:600}.segmented{background:var(--surface-soft);border-radius:var(--r-pill);gap:2px;padding:4px;display:inline-flex}.segmented button{color:var(--muted);border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:6px 14px;font-size:13px;font-weight:500}.segmented button.active{background:var(--canvas);color:var(--ink);box-shadow:var(--shadow-sm)}.modal-overlay{padding:var(--s-md);z-index:50;background:#11111173;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--canvas);border-radius:var(--r-xl);width:min(520px,100%);box-shadow:var(--shadow-md);margin-top:clamp(16px,8vh,96px);margin-bottom:48px;overflow:hidden}.modal-head{padding:var(--s-lg);border-bottom:1px solid var(--hairline-soft);justify-content:space-between;align-items:center;display:flex}.modal-body{padding:var(--s-lg);gap:var(--s-md);flex-direction:column;display:flex}.modal-foot{padding:var(--s-md) var(--s-lg);border-top:1px solid var(--hairline-soft);justify-content:flex-end;gap:var(--s-sm);display:flex}.empty{text-align:center;color:var(--muted);padding:var(--s-xxl) var(--s-md)}.spinner{border:2px solid var(--hairline);border-top-color:var(--ink);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}.center-screen{justify-content:center;align-items:center;min-height:100vh;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.alert{border-radius:var(--r-md);padding:10px 14px;font-size:14px}.alert-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.alert-success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--canvas);border-right:1px solid var(--hairline);flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0}.sidebar-brand{height:var(--topbar-h);padding:0 var(--s-lg);border-bottom:1px solid var(--hairline-soft);flex-shrink:0;align-items:center;gap:10px;display:flex}.brand-mark{border-radius:var(--r-md);background:var(--primary);width:32px;height:32px;color:var(--on-primary);letter-spacing:-.04em;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.brand-text{flex-direction:column;line-height:1.1;display:flex}.brand-text strong{color:var(--ink);letter-spacing:-.02em;font-size:15px}.brand-text span{color:var(--muted);font-size:11px}.nav{padding:var(--s-md) var(--s-sm);flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.nav-item{border-radius:var(--r-md);color:var(--body);cursor:pointer;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;display:flex}.nav-item:hover{background:var(--surface-soft)}.nav-item.active{background:var(--surface-card);color:var(--ink);font-weight:600}.nav-item svg{color:var(--muted);flex-shrink:0}.nav-item.active svg{color:var(--ink)}.nav-section{text-transform:uppercase;letter-spacing:.05em;color:var(--muted-soft);padding:14px 12px 6px;font-size:11px;font-weight:600}.sidebar-foot{padding:var(--s-sm);border-top:1px solid var(--hairline-soft)}.user-card{align-items:center;gap:10px;padding:8px 10px;display:flex}.avatar{background:var(--surface-card);width:36px;height:36px;color:var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.user-meta{flex-direction:column;min-width:0;line-height:1.2;display:flex}.user-meta strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.user-meta span{color:var(--muted);font-size:12px}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{height:var(--topbar-h);background:var(--canvas);border-bottom:1px solid var(--hairline);align-items:center;gap:var(--s-md);z-index:20;padding:0 clamp(16px,3vw,40px);display:flex;position:sticky;top:0}.topbar h1{letter-spacing:-.02em;font-size:clamp(18px,2.2vw,24px)}.topbar-sub{color:var(--muted);font-size:13px}.hamburger{display:none}.content{max-width:var(--content-max);gap:var(--s-lg);flex-direction:column;width:100%;margin:0 auto;padding:clamp(16px,3vw,40px);display:flex}.scrim{display:none}@media (width<=900px){.sidebar{z-index:60;box-shadow:var(--shadow-md);transition:transform .2s;position:fixed;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.hamburger{display:inline-flex}.scrim.show{z-index:55;background:#1116;display:block;position:fixed;inset:0}}@media (width>=2200px){:root{--sidebar-w:300px}}.login-wrap{min-height:100vh;padding:var(--s-md);background:radial-gradient(120% 80% at 50% -20%, #f3f4f6 0%, var(--surface-soft) 60%);justify-content:center;align-items:center;display:flex}.login-card{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--r-xl);gap:var(--s-md);width:min(400px,100%);box-shadow:var(--shadow-md);flex-direction:column;padding:clamp(24px,5vw,40px);display:flex}.login-brand{text-align:center;margin-bottom:var(--s-xs);flex-direction:column;align-items:center;display:flex}