.fab-wrap{
    position:fixed;
    bottom:32px;
    left:32px;
    z-index:9999;
    width:60px;
    height:60px;
  }

  .pulse-ring{
    position:absolute;
    top:50%;
    left:50%;
    width:60px;
    height:60px;
    border-radius:50%;
    border:2.5px solid rgba(236,72,153,.5);
    animation:pulse 2.2s ease-out infinite;
    pointer-events:none;
    transform:translate(-50%,-50%) scale(1);
  }
  .pulse-ring2{animation-delay:.9s}
  @keyframes pulse{
    0%{transform:translate(-50%,-50%) scale(1);opacity:.7}
    100%{transform:translate(-50%,-50%) scale(2.2);opacity:0}
  }

  .VA-fab{
    position:absolute;
    top:0;left:0;
    width:60px;
    height:60px;
    border-radius:50%;
    background:linear-gradient(135deg,#f472b6,#ec4899);
    border:none;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 4px 24px rgba(236,72,153,.45);
    transition:transform .2s,box-shadow .2s;
    z-index:2;
  }
  .VA-fab:hover{transform:scale(1.1);box-shadow:0 6px 32px rgba(236,72,153,.6)}
  .VA-fab:active{transform:scale(.96)}
  .VA-fab.open{transform:rotate(45deg) scale(1.05)}
  .VA-fab.open:hover{transform:rotate(45deg) scale(1.12)}
  .VA-fab i{font-size:22px;color:#fff;transition:transform .3s}

  .card{
    position:absolute;
    bottom:72px;
    left:0;
    width:280px;
    background:#fff;
    border-radius:20px;
    box-shadow:0 8px 40px rgba(236,72,153,.2),0 2px 8px rgba(0,0,0,.08);
    overflow:hidden;
    transform-origin:bottom left;
    transform:scale(0);
    opacity:0;
    transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .25s ease;
  }
  .card.visible{transform:scale(1);opacity:1}

  .card-header{
    background:linear-gradient(135deg,#f472b6,#db2777);
    padding:18px 20px 14px;
    color:#fff;
    font-family:Tahoma,sans-serif;
  }
  .card-header h3{font-size:15px;font-weight:600;margin-bottom:2px}
  .card-header p{font-size:12px;opacity:.85}

  .card-body{padding:14px 18px 18px}

  .item{
    display:flex;
    align-items:center;
    gap:12px;
    padding:10px 0;
    border-bottom:.5px solid #fce7f3;
    font-family:Tahoma,sans-serif;
  }
  .item:last-child{border-bottom:none}

  .icon-wrap{
    width:38px;
    height:38px;
    border-radius:50%;
    background:linear-gradient(135deg,#fce7f3,#fdf2f8);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
  }

  .icon-wrap i{font-size:16px;color:#db2777}

  .item-content{flex:1;min-width:0}
  .item-label{font-size:11px;color:#9ca3af;margin-bottom:2px}
  .item-value{font-size:13.5px;font-weight:500;color:#1f2937;white-space:normal;overflow:hidden;text-overflow:ellipsis}
  .item-value a{color:#db2777;text-decoration:none}
  .item-value a:hover{text-decoration:underline}