:root{--bg: #0b1622;--panel: #0f1e2e;--card: rgba(255, 255, 255, .035);--card-hover: rgba(255, 255, 255, .065);--line: rgba(255, 255, 255, .09);--line-strong: rgba(255, 255, 255, .18);--text: #e8eef5;--secondary: #a8bccf;--muted: #6b7d91;--green: #4ade80;--red: #f87171;--amber: #fbbf24;--radius: 14px}*{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;overscroll-behavior-y:contain}code,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}.app{min-height:100%;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;padding:calc(10px + env(safe-area-inset-top)) 14px 10px;background:#0b1622eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.topbar h1{font-size:17px;margin:0;font-weight:600}.icon-btn{display:grid;place-items:center;width:36px;height:36px;padding:0;border-radius:10px;border:1px solid transparent;background:none;color:var(--secondary);cursor:pointer;flex:none}.icon-btn:hover{background:var(--card-hover);color:var(--text)}.main{padding:16px 14px calc(28px + env(safe-area-inset-bottom));width:100%;max-width:1100px;margin:0 auto}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:40;opacity:0;pointer-events:none;transition:opacity .18s}.scrim.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;bottom:0;left:0;width:264px;max-width:82vw;z-index:41;background:var(--panel);border-right:1px solid var(--line);padding:calc(16px + env(safe-area-inset-top)) 12px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:3px;transform:translate(-100%);transition:transform .22s cubic-bezier(.2,.8,.3,1);overflow-y:auto}.drawer.open{transform:none}.brand{padding:2px 10px 16px;font-weight:700;font-size:17px}.brand span{display:block;font-weight:400;font-size:11px;color:var(--muted);margin-top:2px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:11px 10px;border-radius:10px;border:1px solid transparent;background:none;color:var(--secondary);cursor:pointer;text-align:left;font:inherit;font-size:14px}.nav-item:hover{background:var(--card-hover);color:var(--text)}.nav-item.on{background:var(--card);border-color:var(--line-strong);color:var(--text);font-weight:600}.nav-badge{margin-left:auto;font-size:11px;padding:1px 8px;border-radius:999px;background:#f8717129;color:var(--red)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:15px;margin-bottom:12px}.card h2{font-size:13px;margin:0 0 12px;color:var(--secondary);font-weight:600;letter-spacing:.3px;text-transform:uppercase}.grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.cols{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.stat{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:grid;gap:2px}.stat b{font-size:21px;font-variant-numeric:tabular-nums;line-height:1.2}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.muted{color:var(--muted);font-size:12px}.secondary{color:var(--secondary)}p{margin:0 0 8px}p:last-child{margin-bottom:0}input,button,select,textarea{font:inherit;color:var(--text);background:#ffffff0d;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:16px}@media (min-width: 861px){input,button,select,textarea{font-size:14px}}input,textarea,select{width:100%;max-width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--line-strong)}button{cursor:pointer;width:auto;white-space:nowrap}button:hover:not(:disabled){background:var(--card-hover)}button.primary{background:#fff;color:#0b1622;border-color:#fff;font-weight:600}button.danger{color:var(--red);border-color:#f871714d}button.on{background:#fff;color:#0b1622;border-color:#fff;font-weight:600}button:disabled{opacity:.45;cursor:default}.act{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 16px;font-size:15px}.act-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.amount{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin-bottom:10px}.amount .label{grid-column:1 / -1}.suffix{position:relative}.suffix input{padding-right:74px}.suffix span{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:12px;pointer-events:none}.scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.scroll-y{overflow-y:auto;max-height:46vh}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--line);font-size:13px}th{color:var(--muted);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.4px;position:sticky;top:0;background:#101d2b}tr:last-child td{border-bottom:none}tr.clickable:hover td{background:var(--card-hover);cursor:pointer}.pill{font-size:11px;padding:2px 9px;border-radius:999px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}.pill.green{color:var(--green);border-color:#4ade8059;background:#4ade8014}.pill.red{color:var(--red);border-color:#f8717159;background:#f8717114}.pill.amber{color:var(--amber);border-color:#fbbf2459;background:#fbbf2414}.err{color:var(--red);font-size:13px;margin-top:10px}.ok{color:var(--green);font-size:13px;margin-top:10px}.subtabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:14px;overflow-x:auto;-webkit-overflow-scrolling:touch}.subtabs button{background:none;border:none;border-bottom:2px solid transparent;border-radius:0;padding:10px 13px;color:var(--muted);font-size:14px;flex:none}.subtabs button.on{color:var(--text);border-bottom-color:#fff;font-weight:600}.subtabs button:hover{background:none;color:var(--secondary)}.pane{animation:pane-in .19s cubic-bezier(.2,.8,.3,1) both}.pane-prev{animation-name:pane-in-prev}@keyframes pane-in{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}@keyframes pane-in-prev{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.pane{animation:none}.drawer{transition:none}}.inv{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px}.inv-cell{position:relative;aspect-ratio:1;border-radius:12px;padding:6px;background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;text-align:center}.inv-cell:hover{background:var(--card-hover)}.inv-cell .n{position:absolute;right:5px;bottom:4px;font-size:11px;color:var(--secondary);font-variant-numeric:tabular-nums}.inv-cell .cap{font-size:10px;line-height:1.15;color:var(--muted);overflow:hidden}.sheet-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:50;display:flex;align-items:flex-end}.sheet{width:100%;max-height:86vh;overflow-y:auto;background:var(--panel);border-radius:18px 18px 0 0;border-top:1px solid var(--line-strong);padding:16px 14px calc(18px + env(safe-area-inset-bottom))}@media (min-width: 861px){.sheet-scrim{align-items:center;justify-content:center}.sheet{max-width:520px;border-radius:18px;border:1px solid var(--line-strong)}}.sheet h3{margin:0 0 12px;font-size:16px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;padding:0;height:28px}input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:#ffffff1f}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;margin-top:-8px}