:root{--primary: #2563eb;--bg: #f9fafb;--card: #ffffff;--text: #111827;--border: #e5e7eb;--success: #22c55e;--error: #ef4444;--warning: #f59e0b}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background-color:var(--bg);color:var(--text);margin:0;padding:0;min-height:100vh}.app-container{display:flex;flex-direction:column;align-items:center;padding:40px 20px;width:100%}h1{margin-bottom:8px;color:var(--text);font-size:2rem}p.subtitle{color:#6b7280;margin-bottom:40px}.dashboard{display:grid;grid-template-columns:1fr .8fr;gap:40px;max-width:1000px;width:100%}.card{background:var(--card);padding:35px;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border:1px solid var(--border)}.form-group{margin-bottom:25px}label{display:block;margin-bottom:8px;font-weight:500;font-size:.9rem;color:#374151}input,select{width:100%;padding:12px 15px;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;box-sizing:border-box;transition:border-color .15s ease-in-out;background-color:#fff}input:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.features-container{margin-bottom:25px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:15px}.features-title{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:#0369a1;font-weight:700;margin-bottom:10px;display:block}.feature-list{list-style:none;padding:0;margin:0}.feature-item{display:flex;align-items:center;font-size:.9rem;color:#334155;margin-bottom:8px}.check-icon{color:var(--success);margin-right:10px;flex-shrink:0}.summary-box{background-color:#f8fafc;border-radius:8px;padding:20px;border:1px solid var(--border)}.summary-row{display:flex;justify-content:space-between;margin-bottom:12px;font-size:.95rem;color:#4b5563}.total-row{border-top:2px dashed #cbd5e1;margin-top:20px;padding-top:15px;font-weight:700;font-size:1.25rem;color:#111827;display:flex;justify-content:space-between;align-items:center}.btn-pay{width:100%;padding:16px;background-color:var(--primary);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:25px;transition:background-color .2s}.btn-pay:hover{background-color:#1d4ed8}.btn-pay:disabled{background-color:#9ca3af;cursor:not-allowed}.auth-note{text-align:center;font-size:.85rem;color:#1e40af;background-color:#dbeafe;border:1px solid #bfdbfe;padding:12px;border-radius:6px;margin-top:20px;line-height:1.5}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#fff;padding:30px;border-radius:12px;width:400px;text-align:center;box-shadow:0 25px 50px -12px #00000040;position:relative}.success-view{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:600px;width:100%;text-align:center;padding:60px 40px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #e5e7eb;animation:fadeIn .5s ease-out}.success-icon-container{width:80px;height:80px;background-color:#dcfce7;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:25px}.success-icon{color:#16a34a;width:40px;height:40px}.alert-icon-box{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 15px}.btn-alert{width:100%;padding:10px;border:none;border-radius:6px;background:#e5e7eb;color:#374151;font-weight:600;cursor:pointer;margin-top:15px}.btn-alert:hover{background:#d1d5db}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.dashboard{grid-template-columns:1fr}}