:root{--pine:#405044;--pine-dark:#2E3B32;--walnut:#403430;--gold:#D89A28;--gold-soft:#E8B85A;--gold-pale:#F3DBA5;--paper:#FBFAF6;--off:#F5F4F0;--line:#D9D6CC;--muted:#8a8d85;--ink:#1a1f1b;--head:#22281e;--ok:#2B7A2B;--warn:#B33A3A;--fs:"Poppins",system-ui,-apple-system,sans-serif;--fm:"JetBrains Mono",ui-monospace,monospace;--maxw:520px;--navh:62px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--fs);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}.app{max-width:var(--maxw);margin:0 auto;min-height:100%;display:flex;flex-direction:column;background:var(--paper);position:relative}.topbar{position:sticky;top:0;z-index:10;background:var(--pine-dark);color:#eef0ea;display:flex;align-items:center;gap:8px;padding:13px 16px;border-bottom:3px solid var(--gold)}.topbar .lg{font-weight:700;font-size:16px;color:#fff}.topbar .lg span{color:var(--gold)}.topbar .who{margin-left:auto;font-family:var(--fm);font-size:11px;color:#cfd6cc;text-align:right;line-height:1.35}.topbar .out{margin-left:8px;font-family:var(--fm);font-size:10px;letter-spacing:.5px;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold);background:none;padding:6px 9px;cursor:pointer;border-radius:6px}.screen{flex:1;padding:18px 16px calc(var(--navh) + 24px)}.ey{font-family:var(--fm);font-size:11px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;color:var(--gold);margin-bottom:7px}.ey:before{content:"▸ "}.h1{font-size:21px;font-weight:600;color:var(--head)}.h1 .accent{color:var(--gold)}.lead{font-size:12.5px;color:var(--muted);margin:4px 0 14px;line-height:1.5}.h2{font-size:17px;font-weight:600;color:var(--head);margin-bottom:2px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:12px}.card.gold{border-color:var(--gold)}.ct{font-size:14px;font-weight:600;color:var(--head);margin-bottom:8px}.row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--off);font-size:13px}.row:last-child{border-bottom:none}.row .k{color:var(--muted)}.row .v{font-family:var(--fm);color:var(--head);text-align:right}.row.tot{font-weight:600}.row.tot .v{color:var(--gold)}.big{display:flex;align-items:baseline;gap:8px}.big .n{font-size:26px;font-weight:700;color:var(--pine)}.big .s{font-size:11px;color:var(--muted)}.btn{font-family:var(--fm);font-size:12px;letter-spacing:.4px;border:1px solid var(--line);background:#fff;color:var(--head);padding:11px 14px;border-radius:10px;cursor:pointer;text-align:center;text-decoration:none;display:inline-block}.btn:hover{border-color:var(--gold)}.btn.gold{background:var(--gold);border-color:var(--gold);color:#2a2113;font-weight:600}.btn.block{display:block;width:100%}.btn.sm{padding:7px 11px;font-size:11px}.btnrow{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.qa{flex:1;min-width:120px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:13px 10px;text-align:center;cursor:pointer;font-family:var(--fs);font-size:12.5px;color:var(--head)}.qa .i{font-size:22px;color:var(--pine);display:block;margin-bottom:5px}.tag{font-family:var(--fm);font-size:9px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;padding:3px 8px;border-radius:5px}.tag.ok{color:var(--ok);border:1px solid var(--ok)}.tag.lock{color:var(--muted);border:1px solid var(--line);background:var(--off)}.note{font-family:var(--fm);font-size:10.5px;color:var(--muted);line-height:1.5;margin-top:8px}.src{font-family:var(--fm);font-size:10px;color:var(--muted);margin-top:6px;opacity:.85}.bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:20;max-width:var(--maxw);margin:0 auto;height:var(--navh);display:flex;background:#fff;border-top:1px solid var(--line)}.navb{flex:1;background:none;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-family:var(--fs);font-size:11px;color:var(--muted);cursor:pointer}.navb .i{font-size:20px}.navb.on{color:var(--pine);font-weight:600}.login{min-height:100%;display:flex;flex-direction:column;justify-content:center;padding:32px 22px;max-width:var(--maxw);margin:0 auto}.login .brand{font-weight:700;font-size:22px;color:var(--pine);margin-bottom:4px}.login .brand span{color:var(--gold)}.login .sub{font-size:13px;color:var(--muted);margin-bottom:26px}.field{width:100%;font-family:var(--fs);font-size:15px;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;margin-bottom:10px}.field:focus{outline:none;border-color:var(--gold)}.msg{font-family:var(--fm);font-size:11.5px;padding:10px 12px;border-radius:8px;margin-top:6px;line-height:1.5}.msg.ok{background:#2b7a2b1a;color:var(--ok)}.msg.warn{background:var(--gold-pale);color:var(--walnut)}.foot{font-family:var(--fm);font-size:10px;color:var(--muted);text-align:center;margin-top:22px;line-height:1.6}.spark{display:flex;align-items:flex-end;gap:3px;height:42px;margin:8px 0 2px}.spark i{flex:1;background:var(--gold-pale);border-top:2px solid var(--gold)}