:root{--bg: #0b1020;--card: #11152a;--muted: #9aa3b2;--text: #e9eef6;--accent: #7cd4ff;--ok:#bbf7d0;--warn:#fef08a}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 800px at 70% -10%,rgba(86,140,255,.18),transparent),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system}.container{max-width:980px;margin:40px auto;padding:0 16px}.h1{font-size:28px;font-weight:800;letter-spacing:.3px;margin:0 0 14px}.card{background:linear-gradient(180deg,#ffffff05,#ffffff08);border:1px solid rgba(255,255,255,.06);border-radius:16px;box-shadow:0 10px 30px #0003;padding:20px}.row{display:flex;gap:16px;flex-wrap:wrap}.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-weight:700;font-size:12px}.badge.pending{background:#ffffff14}.badge.paid{background:var(--warn);color:#111}.badge.confirmed{background:var(--ok);color:#0f172a}.block{border:1px dashed rgba(255,255,255,.14);padding:12px;border-radius:12px}input,select,button{font-size:14px}input,select{background:#00000040;color:var(--text);border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:9px 11px}button{border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:#fff;border-radius:10px;padding:9px 12px;cursor:pointer;transition:.2s border-color}button:hover{border-color:var(--accent)}label{color:var(--muted);font-size:13px}small.muted{color:var(--muted)}code{background:#00000040;padding:3px 6px;border-radius:6px}.sep{height:1px;background:#ffffff14;margin:14px 0}.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;padding:2px 6px;border:1px solid rgba(255,255,255,.2);border-radius:6px}.helper{font-size:12px;color:var(--muted)}.icon-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 10px}.timeline{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--muted)}.timeline .dot{width:10px;height:10px;border-radius:50%;background:#ffffff2e}.timeline .dot.ok{background:var(--ok)}.toast-wrap{position:fixed;top:18px;right:18px;display:flex;flex-direction:column;gap:10px;z-index:9999}.toast{padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#11152af2;color:var(--text);box-shadow:0 10px 30px #00000040;font-size:14px;min-width:240px}.toast.success{border-color:#10b98199}.toast.error{border-color:#f43f5e99}.toast.info{border-color:#7dd3fc99}.stepper{display:flex;gap:18px;align-items:center;margin:6px 0 12px}.step{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.step .dot{width:10px;height:10px;border-radius:50%;background:#ffffff2e;box-shadow:inset 0 0 0 2px #ffffff14}.step.done{color:var(--ok)}.step.done .dot{background:var(--ok);box-shadow:none}.step.active{color:#fff}.step.active .dot{background:var(--warn);animation:pulse 1.2s infinite ease-in-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}.overlay{position:fixed;inset:0;background:#05081099;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.spinner{width:44px;height:44px;border-radius:50%;border:3px solid rgba(255,255,255,.2);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.overlay-text{margin-top:12px;font-weight:600}.warning-banner{margin-top:10px;font-size:12px;color:var(--muted)}.checkmark{width:56px;height:56px;border-radius:50%;border:3px solid var(--ok);display:inline-block;position:relative}.checkmark:after{content:"";position:absolute;left:14px;top:22px;width:12px;height:24px;border:solid var(--ok);border-width:0 3px 3px 0;transform:rotate(45deg)}