*{box-sizing:border-box;margin:0;padding:0}body{color:#e2e8f0;background:#0f172a;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.pin-screen{justify-content:center;align-items:center;min-height:100vh;display:flex}.pin-card{text-align:center;background:#1e293b;border:1px solid #334155;border-radius:16px;width:360px;padding:48px 40px}.pin-icon{margin-bottom:16px;font-size:2.5rem}.pin-card h1{margin-bottom:4px;font-size:1.5rem}.pin-card p{color:#94a3b8;margin-bottom:24px;font-size:.9rem}.pin-input{color:#e2e8f0;text-align:center;letter-spacing:8px;background:#0f172a;border:1px solid #334155;border-radius:10px;outline:none;width:100%;margin-bottom:16px;padding:14px 16px;font-size:1.2rem;transition:border-color .2s}.pin-input:focus{border-color:#6366f1}.error-msg{color:#ef4444;margin-top:12px;font-size:.85rem}.dashboard{max-width:900px;margin:0 auto;padding:24px}.header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.header h1{font-size:1.75rem;font-weight:700}.env-badge{text-transform:uppercase;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:600}.env-badge.sandbox{color:#f59e0b;background:#f59e0b30}.env-badge.production{color:#ef4444;background:#ef444430}.card{background:#1e293b;border:1px solid #334155;border-radius:12px;margin-bottom:20px;padding:24px}.card h2{color:#f1f5f9;margin-bottom:16px;font-size:1.1rem;font-weight:600}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-header h2{margin-bottom:0}label{color:#94a3b8;margin-bottom:4px;font-size:.8rem;font-weight:500;display:block}input,select{color:#e2e8f0;background:#0f172a;border:1px solid #334155;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:.9rem;transition:border-color .2s}input:focus,select:focus{border-color:#6366f1}input::placeholder{color:#475569}input:disabled{opacity:.5}.form-row-3{grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.form-row-refund{grid-template-columns:2fr 1fr auto;align-items:end;gap:12px;margin-bottom:12px;display:grid}.grow{flex:1}.align-end{align-items:flex-end;display:flex}.clover-fields{grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.clover-field{background:#0f172a;border:1px solid #334155;border-radius:8px;min-height:42px;padding:10px 12px;transition:border-color .2s}.clover-field:focus-within{border-color:#6366f1}.clover-field iframe{height:22px!important}.btn-primary,.full-width{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;padding:10px 24px;font-size:.9rem;font-weight:600;transition:background .2s}.btn-primary:hover{background:#4f46e5}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.full-width{width:100%}.btn-secondary{color:#6366f1;cursor:pointer;background:0 0;border:1px solid #6366f1;border-radius:8px;padding:10px 24px;font-size:.9rem;font-weight:600;transition:all .2s}.btn-secondary:hover{background:#6366f120}.btn-secondary:disabled{opacity:.5}.btn-sm{padding:6px 14px;font-size:.8rem}.btn-init{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:8px;padding:10px 24px;font-size:.9rem;font-weight:600}.btn-init:hover{background:#7c3aed}.btn-tokenize{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:8px;padding:10px 24px;font-size:.9rem;font-weight:600}.btn-tokenize:hover{background:#7c3aed}.btn-tokenize:disabled{opacity:.5}.btn-capture{color:#fff;cursor:pointer;white-space:nowrap;background:#10b981;border:none;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:600}.btn-capture:hover{background:#059669}.btn-capture:disabled{opacity:.5}.btn-refund{color:#fff;cursor:pointer;white-space:nowrap;background:#ef4444;border:none;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:600}.btn-refund:hover{background:#dc2626}.btn-refund:disabled,.btn-refund.disabled{opacity:.5;cursor:not-allowed;background:#475569}.btn-use-token{color:#8b5cf6;cursor:pointer;background:#8b5cf630;border:1px solid #8b5cf6;border-radius:6px;margin-top:8px;padding:6px 14px;font-size:.75rem;font-weight:600}.btn-use-token:hover{background:#8b5cf650}.btn-clear{color:#ef4444;cursor:pointer;background:0 0;border:none;font-size:.75rem}.token-result{background:#0f172a;border:1px solid #8b5cf640;border-radius:8px;margin-top:12px;padding:12px 16px}.token-label{color:#8b5cf6;font-size:.8rem;font-weight:600}.token-value{color:#a5f3fc;word-break:break-all;margin-top:4px;font-family:Fira Code,Cascadia Code,monospace;font-size:.85rem}.token-card-info{color:#94a3b8;margin-top:4px;font-size:.8rem}.active-token{background:#8b5cf615;border:1px solid #8b5cf640;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:8px 14px;font-size:.8rem;display:flex}.active-token code{color:#a5f3fc;font-family:Fira Code,Cascadia Code,monospace}.slider-row{align-items:center;gap:12px;margin-top:8px;display:flex}.slider-row input[type=range]{accent-color:#6366f1;background:0 0;border:none;flex:1;padding:0}.pct{color:#f59e0b;text-align:right;min-width:50px;font-weight:700}.hold-preview{background:#1a1a2e;border:1px solid #f59e0b40;border-radius:8px;margin-top:12px;padding:12px 16px;font-size:.85rem}.hold-label{color:#f59e0b;font-weight:600}.hold-amounts{gap:24px;margin-top:6px;display:flex}.hold-amounts span{color:#94a3b8}.hold-amounts strong{color:#e2e8f0}.list-item{background:#0f172a;border:1px solid #334155;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;padding:12px 16px;display:flex}.item-info{font-size:.85rem}.charge-id{color:#94a3b8;font-size:.75rem}.inline-action{align-items:center;gap:8px;display:flex}.inline-action input{width:100px}.text-amber{color:#f59e0b;font-weight:700}.text-green{color:#10b981;font-weight:700}.text-red{color:#ef4444}.text-muted{color:#94a3b8}.text-dim{color:#475569;font-size:.75rem}.sep{color:#64748b;margin:0 8px}.hint-text{color:#94a3b8;margin-bottom:12px;font-size:.85rem}.loading-text{color:#64748b;text-align:center;padding:20px;font-size:.8rem}.empty-text{color:#475569;text-align:center;padding:20px}.section-label{color:#94a3b8;margin-top:16px;margin-bottom:8px;font-size:.85rem;font-weight:600}.recent-charges{border-top:1px solid #334155;margin-top:16px;padding-top:16px}.badge{border-radius:20px;margin-left:8px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-block}.badge-success{color:#10b981;background:#10b98130}.badge-error{color:#ef4444;background:#ef444430}.badge-pending{color:#f59e0b;background:#f59e0b30}.badge-info{color:#6366f1;background:#6366f130}.log-panel{background:#0f172a;border:1px solid #334155;border-radius:8px;max-height:400px;padding:16px;overflow-y:auto}.log-entry{border-left:3px solid #334155;margin-bottom:8px;padding:8px 12px;font-size:.8rem}.log-entry.success{border-left-color:#10b981}.log-entry.error{border-left-color:#ef4444}.log-time{color:#475569;font-size:.7rem}.log-msg{margin-top:4px}.log-data{color:#a5f3fc;white-space:pre-wrap;word-break:break-all;margin-top:6px;font-family:Fira Code,Cascadia Code,monospace;font-size:.8rem}.actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}