[hidden]{
    display:none !important;
}

.wpayman-search-field{
    position:relative;
    width:100%;
    display:flex;
    align-items:center;
    gap:10px;
    min-height:56px;
    padding:0 16px;
    border-radius:18px;
    border:1px solid transparent;
    background:var(--wp-surface-2);
    box-shadow:var(--wp-shadow-soft);
}

.wpayman-search-icon,
.wpayman-btn-icon,
.wpayman-topbar-btn-icon,
.wpayman-view-btn svg,
.wpayman-bottom-nav-icon svg,
.wpayman-source-chevron svg,
.wpayman-source-pin-btn svg,
.wpayman-save-btn svg,
.wpayman-sheet-close svg{
    width:100%;
    height:100%;
}

.wpayman-search-icon{
    width:20px;
    height:20px;
    display:inline-flex;
    color:var(--wp-text-faint);
    flex:0 0 20px;
}

.wpayman-search-input{
    width:100%;
    min-width:0;
    border:0;
    outline:none;
    background:transparent;
    color:var(--wp-text);
    font-size:14px;
    font-weight:900;
}

.wpayman-search-input::placeholder{
    color:var(--wp-text-faint);
    font-weight:800;
}

.wpayman-refresh-btn,
.wpayman-topbar-btn,
.wpayman-onboarding-btn,
.wpayman-more-btn,
.wpayman-filter-btn,
.wpayman-view-btn,
.wpayman-sheet-close,
.wpayman-save-btn,
.wpayman-source-pin-btn{
    border:0;
    outline:0;
}

.wpayman-refresh-btn{
    flex:0 0 auto;
    min-width:126px;
    min-height:48px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:0 16px;
    border-radius:16px;
    background:var(--wp-primary);
    color:#fff;
    font-size:13px;
    font-weight:950;
    box-shadow:0 14px 26px rgba(45,91,255,.22);
}

.wpayman-refresh-btn.is-loading{
    opacity:.72;
    pointer-events:none;
}

.wpayman-btn-icon,
.wpayman-topbar-btn-icon{
    width:18px;
    height:18px;
    display:inline-flex;
}

.wpayman-topbar-btn{
    min-width:48px;
    min-height:48px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:0 14px;
    border-radius:16px;
    background:var(--wp-surface-2);
    color:var(--wp-text-soft);
    box-shadow:var(--wp-shadow-soft);
}

.wpayman-topbar-btn-label{
    font-size:12px;
    font-weight:900;
}

.wpayman-topbar-btn.is-hidden{
    display:none;
}

.wpayman-filter-sheet{
    position:fixed;
    left:12px;
    right:12px;
    bottom:96px;
    z-index:45;
    padding:18px;
    border-radius:26px;
    border:1px solid var(--wp-border);
    background:color-mix(in srgb, var(--wp-surface-2) 92%, transparent);
    box-shadow:var(--wp-shadow);
    backdrop-filter:blur(20px);
}

.wpayman-sheet-backdrop{
    position:fixed;
    inset:0;
    z-index:40;
    background:rgba(11,18,32,.22);
    backdrop-filter:blur(6px);
}

.wpayman-filter-sheet-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    margin:0 0 18px;
}

.wpayman-filter-sheet-title{
    margin:0 0 4px;
    color:var(--wp-text);
    font-size:18px;
    line-height:1.4;
    font-weight:950;
}

.wpayman-filter-sheet-subtitle{
    color:var(--wp-text-faint);
    font-size:12px;
    line-height:1.9;
    font-weight:800;
}

.wpayman-sheet-close{
    width:42px;
    height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    background:var(--wp-surface-soft);
    color:var(--wp-text-soft);
}

.wpayman-filter-sheet-section + .wpayman-filter-sheet-section{
    margin-top:18px;
}

.wpayman-filter-sheet-label{
    margin:0 0 10px;
    color:var(--wp-text-soft);
    font-size:12px;
    font-weight:900;
}

.wpayman-filter-group,
.wpayman-view-switch{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}

.wpayman-filter-btn,
.wpayman-view-btn{
    min-height:44px;
    padding:0 14px;
    border-radius:999px;
    background:var(--wp-surface-soft);
    color:var(--wp-text-soft);
    font-size:12px;
    font-weight:950;
}

.wpayman-filter-btn.is-active,
.wpayman-view-btn.is-active{
    background:var(--wp-primary-soft);
    color:var(--wp-primary);
}

.wpayman-view-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
}

.wpayman-view-btn svg{
    width:16px;
    height:16px;
}

.wpayman-save-btn,
.wpayman-source-pin-btn{
    width:42px;
    height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    background:var(--wp-surface);
    color:var(--wp-text-faint);
    border:1px solid var(--wp-border);
    box-shadow:var(--wp-shadow-soft);
    flex:0 0 42px;
}

.wpayman-save-btn.is-saved,
.wpayman-source-pin-btn.is-active{
    background:var(--wp-primary-soft);
    color:var(--wp-primary);
    border-color:rgba(45,91,255,.16);
}

.wpayman-onboarding{
    position:fixed;
    inset:0;
    z-index:60;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    padding:18px;
    background:rgba(9,16,29,.42);
    backdrop-filter:blur(10px);
}

.wpayman-onboarding-card{
    width:min(100%,480px);
    padding:22px;
    border-radius:28px;
    background:var(--wp-surface-2);
    box-shadow:var(--wp-shadow);
}

.wpayman-onboarding-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:32px;
    margin:0 0 12px;
    padding:4px 12px;
    border-radius:999px;
    background:var(--wp-primary-soft);
    color:var(--wp-primary);
    font-size:12px;
    font-weight:950;
}

.wpayman-onboarding-title{
    margin:0 0 14px;
    color:var(--wp-text);
    font-size:21px;
    line-height:1.6;
    font-weight:950;
}

.wpayman-onboarding-list{
    display:grid;
    gap:10px;
    margin:0 0 18px;
}

.wpayman-onboarding-item{
    display:grid;
    gap:4px;
    padding:14px;
    border-radius:18px;
    background:var(--wp-surface);
    border:1px solid var(--wp-border);
}

.wpayman-onboarding-item strong{
    color:var(--wp-text);
    font-size:14px;
    font-weight:950;
}

.wpayman-onboarding-item span{
    color:var(--wp-text-soft);
    font-size:13px;
    line-height:1.9;
    font-weight:800;
}

.wpayman-onboarding-btn{
    width:100%;
    min-height:52px;
    border-radius:18px;
    background:var(--wp-primary);
    color:#fff;
    font-size:14px;
    font-weight:950;
}