*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #000;--surface: #0a0a0a;--border: #151515;--border-2: #222;--buzr: #59a7ff;--green: #00ff88;--red: #ff4455;--white: #e0e0e0;--gray: #777;--gray-dim: #555;--mono: "Space Mono", monospace;--sans: "DM Sans", sans-serif}html,body,#root{height:100%;background:var(--bg);color:var(--white);font-family:var(--sans)}a{color:var(--buzr);text-decoration:none}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 32px;border-bottom:1px solid var(--border);background:#000000d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-weight:700;letter-spacing:3px}.brand .dim{color:var(--gray-dim);font-weight:400}.signout{background:none;border:1px solid var(--border-2);color:var(--gray);padding:8px 14px;border-radius:6px;font-family:var(--mono);font-size:10px;letter-spacing:1.5px;cursor:pointer;transition:all .15s}.signout:hover{color:var(--white);border-color:var(--gray)}.page{flex:1;padding:48px 32px;max-width:1100px;width:100%;margin:0 auto}.page h1{font-size:24px;font-weight:700;letter-spacing:1px;margin-bottom:8px}.page .subtitle{color:var(--gray);font-size:13px;margin-bottom:32px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:420px;padding:40px;border-radius:14px;border:1px solid var(--border);background:var(--surface)}.login-card h2{font-family:var(--mono);font-size:18px;letter-spacing:3px;margin-bottom:8px}.login-card p{color:var(--gray);font-size:13px;line-height:1.6;margin-bottom:24px}.login-card label{display:block;font-family:var(--mono);font-size:10px;letter-spacing:2px;color:var(--gray-dim);margin-bottom:8px}.login-card input{width:100%;padding:14px 16px;background:var(--bg);color:var(--white);border:1px solid var(--border-2);border-radius:8px;outline:none;font-family:var(--mono);font-size:13px}.login-card input:focus{border-color:var(--buzr)}.login-card button{width:100%;padding:14px;margin-top:16px;background:var(--buzr);color:var(--bg);border:none;border-radius:8px;font-family:var(--mono);font-weight:700;letter-spacing:2px;font-size:12px;cursor:pointer;transition:all .15s}.login-card button:hover:not(:disabled){background:var(--white)}.login-card button:disabled{opacity:.6;cursor:default}.notice{padding:12px 14px;border-radius:8px;font-size:12px;margin-top:16px}.notice.ok{background:#00ff8814;color:var(--green);border:1px solid rgba(0,255,136,.25)}.notice.err{background:#ff445514;color:var(--red);border:1px solid rgba(255,68,85,.25)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}@media (max-width: 800px){.stats{grid-template-columns:1fr 1fr}}.stat{padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.stat .label{font-family:var(--mono);font-size:9px;letter-spacing:2px;color:var(--gray-dim);margin-bottom:8px}.stat .value{font-size:28px;font-weight:700;color:var(--white);font-family:var(--mono);letter-spacing:-.5px}.stat .sub{font-size:11px;color:var(--gray);margin-top:4px}.stat.green .value{color:var(--green)}.stat.blue .value{color:var(--buzr)}.card{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:24px;margin-bottom:24px}.card h3{font-family:var(--mono);font-size:11px;letter-spacing:2.5px;color:var(--buzr);margin-bottom:16px}.ref-link{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--bg);border:1px solid var(--border-2);border-radius:8px;font-family:var(--mono);font-size:13px;color:var(--white);margin-bottom:12px;word-break:break-all}.ref-copy{padding:8px 16px;background:var(--bg);color:var(--gray);border:1px solid var(--border-2);border-radius:6px;cursor:pointer;font-family:var(--mono);font-size:10px;letter-spacing:1.5px;transition:all .15s;flex-shrink:0}.ref-copy:hover{color:var(--white);border-color:var(--gray)}.ref-copy.copied{color:var(--green);border-color:#00ff884d}.table{width:100%;border-collapse:collapse}.table th{text-align:left;padding:12px 14px;font-family:var(--mono);font-size:9px;letter-spacing:2px;color:var(--gray-dim);border-bottom:1px solid var(--border)}.table td{padding:14px;font-size:13px;color:var(--white);border-bottom:1px solid var(--border)}.table td.dim{color:var(--gray)}.table td.mono{font-family:var(--mono)}.status-pill{display:inline-block;padding:3px 10px;border-radius:4px;font-family:var(--mono);font-size:9px;letter-spacing:1.5px;font-weight:700}.status-pending{background:#ffaa001a;color:#fa0;border:1px solid rgba(255,170,0,.25)}.status-approved{background:#58a6ff1a;color:var(--buzr);border:1px solid rgba(88,166,255,.25)}.status-paid{background:#00ff881a;color:var(--green);border:1px solid rgba(0,255,136,.25)}.status-reversed{background:#ff44551a;color:var(--red);border:1px solid rgba(255,68,85,.25)}.empty{text-align:center;padding:40px;color:var(--gray);font-size:12px}.spinner{text-align:center;padding:40px;color:var(--gray-dim);font-family:var(--mono);font-size:11px;letter-spacing:2px}