/* style.css for GeldCard */
:root{--bg:#0B1220;--card:#0E1830;--accent:#0F7FFF}
body{background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;}
.btn-primary{background:var(--accent);padding:0.6rem 1rem;border-radius:12px;color:white}
.btn-ghost{border:1px solid rgba(255,255,255,0.08);padding:0.5rem 0.9rem;border-radius:12px;color:#dbeafe;background:transparent}
.card{background:rgba(255,255,255,0.03);border-radius:16px;padding:8px;margin:8px;border:1px solid rgba(255,255,255,0.04);cursor:pointer}
.card-icon{width:64px;height:64px;border-radius:12px;object-fit:cover;background:rgba(255,255,255,0.03);padding:8px;margin-bottom:6px}
.input{width:100%;padding:10px;border-radius:10px;background:var(--card);border:1px solid rgba(255,255,255,0.06);color:white}
.modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.6);z-index:60}
.modal.hidden{display:none}
.modal-card{background:var(--bg);border-radius:14px;padding:16px;width:95%;max-width:520px;border:1px solid rgba(255,255,255,0.06)}
.modal-head{display:flex;justify-content:space-between;align-items:center}
.icon-btn{background:transparent;border:none;color:white;font-size:18px;border-radius:8px;padding:6px;cursor:pointer}
.form-item{display:block}