.umodal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:2000}.umodal-container{width:90%;max-width:600px;background:var(--card-bg);color:#000;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.2);overflow:hidden;font-family:Segoe UI,sans-serif}.umodal-header{background:var(--primary);padding:16px;display:flex;align-items:center;justify-content:space-between}.umodal-header h2{margin:0;font-size:20px;font-weight:700;color:#fff}.umodal-close{background:none;border:none;font-size:24px;color:#fff;cursor:pointer}.umodal-body{padding:24px}.umodal-balance{font-size:16px;margin-bottom:20px;color:#000}.umodal-balance strong{color:var(--primary)}.umodal-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:24px}.umodal-card{background:rgba(168,85,247,.15);border:2px solid var(--primary);border-radius:8px;width:120px;padding:12px;text-align:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.umodal-card:hover{transform:translateY(-4px);box-shadow:0 6px 18px rgba(168,85,247,.3)}.umodal-card-price{font-size:22px;font-weight:700;color:var(--primary);margin-bottom:6px}.umodal-card-label{font-size:14px;color:#000;margin-bottom:8px}.umodal-card-btn{background:var(--primary);color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-weight:600;transition:background .2s ease}.umodal-card-btn:hover{background:var(--accent)}.umodal-custom{display:flex;justify-content:center;gap:12px;margin-bottom:24px}.umodal-custom input{width:80px;padding:8px;border:1px solid #ccc;border-radius:6px;text-align:center;background:#fff;color:#000}.umodal-custom-btn{background:var(--primary);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:700}.umodal-custom-btn:hover{background:var(--accent)}.umodal-cta{margin-top:16px;color:var(--primary);font-weight:700;cursor:pointer;text-decoration:underline}body.dark .umodal-container{background:var(--card-dark);color:#fff}body.dark .umodal-header{background:var(--accent)}body.dark .umodal-balance,body.dark .umodal-body{color:#fff}body.dark .umodal-card{background:#2a2a2a}body.dark .umodal-card-price{color:var(--accent)}body.dark .umodal-card-label{color:#fff}body.dark .umodal-card-btn{background:var(--accent);color:#000}body.dark .umodal-card-btn:hover{background:var(--primary);color:#fff}body.dark .umodal-custom input{background:#3a3a3a;border-color:#555;color:#fff}body.dark .umodal-custom-btn{background:var(--accent);color:#000}body.dark .umodal-cta{color:var(--accent)}.umodal-custom input[type=number]{appearance:none;-moz-appearance:textfield;-webkit-appearance:none;margin:0}.umodal-custom input[type=number]::-webkit-inner-spin-button,.umodal-custom input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}