body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc}code{font-family:Source Code Pro,Menlo,Monaco,Consolas,Courier New,monospace}.overlay{position:fixed;inset:0;background:#0f172abf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999}.overlay .modal{width:360px;max-width:90vw;background:#0f172af5;border-radius:18px;border:1px solid rgba(148,163,184,.6);padding:20px 18px 16px;box-shadow:0 20px 50px #0f172acc;color:#e5f2ff;font-family:Inter,system-ui,sans-serif}.overlay .modal h3{margin:0 0 6px;font-size:18px}.overlay .modal .sub{font-size:12px;opacity:.7;margin-bottom:12px}.overlay .modal .otp-input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(148,163,184,.7);background:#020617;color:#e5f2ff;font-size:16px;letter-spacing:.3em;text-align:center;margin-bottom:14px}.overlay .modal .modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.overlay .modal button.primary{padding:8px 14px;border-radius:999px;border:none;background:linear-gradient(135deg,#22d3ee,#1d4ed8);color:#fff;font-size:13px;cursor:pointer}.overlay .modal button.primary:disabled{opacity:.5;cursor:not-allowed}.overlay .modal button.ghost{padding:8px 14px;border-radius:999px;border:1px solid rgba(148,163,184,.7);background:transparent;color:#e5f2ff;font-size:13px;cursor:pointer}.overlay .modal .bill-box{border-radius:12px;border:1px solid rgba(148,163,184,.6);background:#0f172ae6;padding:10px 12px;margin-bottom:10px;font-size:13px}.overlay .modal .bill-box div{display:flex;justify-content:space-between;margin:4px 0}.overlay .modal .bill-box .total strong{color:#4ade80}