*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--pay-bg: #fafafa;--pay-surface: #ffffff;--pay-border: #e5e7eb;--pay-border-subtle: #f3f4f6;--pay-text: #111827;--pay-text-secondary: #6b7280;--pay-text-muted: #9ca3af;--pay-text-dim: #d1d5db;--pay-accent: #0ea5e9;--pay-accent-hover: #0284c7;--pay-accent-bg: rgba(14, 165, 233, .06);--pay-green: #10b981;--pay-green-bg: rgba(16, 185, 129, .06);--pay-yellow: #f59e0b;--pay-yellow-bg: rgba(245, 158, 11, .06);--pay-red: #ef4444;--pay-red-bg: rgba(239, 68, 68, .06);--pay-purple: #8b5cf6;--pay-purple-bg: rgba(139, 92, 246, .06);--pay-radius: 10px;--pay-radius-sm: 6px;--pay-radius-lg: 14px;--pay-shadow: 0 1px 3px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.02);--pay-shadow-md: 0 4px 12px rgba(0,0,0,.06);--pay-shadow-lg: 0 8px 32px rgba(0,0,0,.08);--pay-font: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif}html,body,#root{height:100%;font-family:var(--pay-font);font-size:14px;background:var(--pay-bg);color:var(--pay-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.pp-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--pay-radius-sm);font-size:13px;font-weight:500;font-family:var(--pay-font);border:1px solid var(--pay-border);background:var(--pay-surface);color:var(--pay-text);cursor:pointer;transition:all .15s ease}.pp-btn:hover{background:#f9fafb;box-shadow:var(--pay-shadow)}.pp-btn-primary{background:var(--pay-text);color:#fff;border-color:var(--pay-text)}.pp-btn-primary:hover{background:#1f2937}.pp-btn-accent{background:var(--pay-accent);color:#fff;border-color:var(--pay-accent)}.pp-btn-accent:hover{background:var(--pay-accent-hover)}.pp-btn-lg{padding:10px 20px;font-size:14px;font-weight:600;border-radius:var(--pay-radius)}.pp-btn-sm{padding:5px 10px;font-size:12px}.pp-btn:disabled{opacity:.5;cursor:not-allowed}.pp-input{width:100%;padding:9px 12px;border-radius:var(--pay-radius-sm);border:1px solid var(--pay-border);font-size:13px;font-family:var(--pay-font);color:var(--pay-text);background:var(--pay-surface);transition:border .15s ease;outline:none}.pp-input:focus{border-color:var(--pay-accent);box-shadow:0 0 0 3px #0ea5e914}.pp-input::placeholder{color:var(--pay-text-dim)}.pp-select{width:100%;padding:9px 12px;border-radius:var(--pay-radius-sm);border:1px solid var(--pay-border);font-size:13px;font-family:var(--pay-font);color:var(--pay-text);background:var(--pay-surface);cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.pp-select:focus{border-color:var(--pay-accent)}.pp-label{display:block;font-size:12px;font-weight:500;color:var(--pay-text-secondary);margin-bottom:4px}.pp-card{background:var(--pay-surface);border:1px solid var(--pay-border);border-radius:var(--pay-radius);box-shadow:var(--pay-shadow);overflow:hidden}.pp-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:100px;font-size:11px;font-weight:600}.pp-badge-yellow{background:var(--pay-yellow-bg);color:#b45309}.pp-badge-green{background:var(--pay-green-bg);color:#047857}.pp-badge-red{background:var(--pay-red-bg);color:#b91c1c}.pp-badge-blue{background:var(--pay-accent-bg);color:#0369a1}.pp-badge-gray{background:#f3f4f6;color:#6b7280}.pp-toggle{position:relative;width:40px;height:22px;background:#d1d5db;border-radius:11px;cursor:pointer;transition:background .2s;border:none}.pp-toggle.active{background:var(--pay-accent)}.pp-toggle:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000026;transition:transform .2s}.pp-toggle.active:after{transform:translate(18px)}.pp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.pp-modal{background:var(--pay-surface);border-radius:var(--pay-radius-lg);box-shadow:var(--pay-shadow-lg);max-width:520px;width:95%;max-height:90vh;overflow-y:auto;padding:28px}.pp-table{width:100%;border-collapse:collapse}.pp-table th{text-align:left;padding:10px 16px;font-size:11px;font-weight:600;color:var(--pay-text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--pay-border)}.pp-table td{padding:12px 16px;font-size:13px;border-bottom:1px solid var(--pay-border-subtle)}.pp-table tr:last-child td{border-bottom:none}.pp-table tbody tr{transition:background .1s}.pp-table tbody tr:hover{background:#f9fafb}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade{animation:fadeIn .3s ease-out}.animate-slide{animation:slideIn .35s ease-out}.spin{animation:spin 1s linear infinite}