:root{--bg: #0d1117;--bg-2: #0a0e14;--surface: #161b22;--surface-2: #1d242e;--input: #1b222c;--text: #e6edf3;--muted: #8b94a3;--border: #283039;--accent: #3b82f6;--accent-2: #2563eb;--accent-soft: rgba(59, 130, 246, .14);--green: #3fb950;--green-soft: rgba(63, 185, 80, .16);--red: #f85149;--red-soft: rgba(248, 81, 73, .16);--amber: #d29922;--amber-soft: rgba(210, 153, 34, .18);--radius: 16px;--gap: 12px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,system-ui,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased}.app{max-width:560px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;background:var(--bg)}.screen{flex:1;padding:14px 14px calc(86px + env(safe-area-inset-bottom))}.screen-title{font-size:24px;font-weight:800;letter-spacing:-.3px;margin:8px 2px 16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:15px;margin-bottom:var(--gap)}.section-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;font-weight:700;margin:20px 6px 8px}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.row+.row{margin-top:10px}.muted{color:var(--muted);font-size:14px}.mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.bal-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}.bal{position:relative;background:linear-gradient(160deg,var(--surface),var(--bg-2));border:1px solid var(--border);border-radius:var(--radius);padding:14px 15px;overflow:hidden}.bal:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);opacity:.7}.bal .label{font-size:13px;color:var(--muted)}.bal .value{font-size:21px;font-weight:800;margin-top:5px;font-variant-numeric:tabular-nums;letter-spacing:-.3px}.bal.neg:before{background:var(--red)}.bal.neg .value{color:var(--red)}.segmented{display:flex;background:var(--input);border:1px solid var(--border);border-radius:13px;padding:3px;gap:3px}.segmented button{flex:1;border:0;background:transparent;color:var(--muted);padding:10px 6px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:background .12s,color .12s}.segmented button.active{background:var(--accent);color:#fff;box-shadow:0 2px 10px #3b82f659}.field{margin-top:14px}.field>label{display:block;font-size:13px;color:var(--muted);margin:0 2px 7px;font-weight:600}.input{width:100%;border:1px solid var(--border);background:var(--input);color:var(--text);border-radius:12px;padding:14px;font-size:17px;outline:none;transition:border-color .12s}.input::placeholder{color:#5b6471}.input:focus{border-color:var(--accent)}.input.with-suffix{padding-right:66px}.input-wrap{position:relative}.input-suffix{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-weight:700;pointer-events:none}.btn{width:100%;border:0;border-radius:13px;padding:15px;font-size:17px;font-weight:700;cursor:pointer;background:linear-gradient(180deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 4px 16px #2563eb52;transition:transform .08s,opacity .12s}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;box-shadow:none}.btn.secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border);box-shadow:none}.btn.danger{background:transparent;color:var(--red);border:1px solid var(--red);box-shadow:none}.btn.small{width:auto;padding:9px 15px;font-size:14px;border-radius:10px}.btn-row{display:flex;gap:10px}.preview{background:linear-gradient(160deg,var(--accent-soft),transparent);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-top:16px}.preview .big{font-size:28px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.5px;margin-top:2px}.preview .profit.pos{color:var(--green)}.preview .profit.neg{color:var(--red)}.badge{font-size:11px;font-weight:800;padding:4px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.3px}.badge.pending{background:var(--amber-soft);color:var(--amber)}.badge.confirmed{background:var(--green-soft);color:var(--green)}.badge.stale{background:var(--red-soft);color:var(--red)}.op{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:10px}.op .op-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.op .op-main{font-weight:700;font-size:16px;margin-top:8px;font-variant-numeric:tabular-nums}.op .op-sub{color:var(--muted);font-size:13px;margin-top:4px;line-height:1.5}.op .op-actions{display:flex;gap:8px;margin-top:12px}.nav{position:fixed;left:0;right:0;bottom:0;display:flex;background:#0d1117eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);z-index:10}.nav button{flex:1;border:0;background:transparent;color:var(--muted);padding:10px 4px 9px;font-size:11px;font-weight:600;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px}.nav button .ico{font-size:21px;line-height:1;filter:grayscale(.3)}.nav button.active{color:var(--accent)}.nav button.active .ico{filter:none}.center{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;gap:14px}.spinner{width:34px;height:34px;border:3px solid var(--surface-2);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translate(-50%);background:#e6edf3;color:#0d1117;padding:12px 18px;border-radius:12px;font-size:14px;font-weight:700;z-index:50;max-width:90%;text-align:center;box-shadow:0 8px 30px #00000080}.toast.err{background:var(--red);color:#fff}.error-text{color:var(--red);font-size:14px;margin-top:8px}.link{color:var(--accent);cursor:pointer;background:none;border:0;font:inherit;font-weight:600;padding:0}