#wpayman-feeds-app{
    --wp-bg:#f5f7fb;
    --wp-surface:#ffffff;
    --wp-surface-soft:#f8fafc;
    --wp-border:#e2e8f0;
    --wp-border-strong:#cbd5e1;
    --wp-text:#0f172a;
    --wp-text-soft:#475569;
    --wp-text-faint:#64748b;
    --wp-primary:#2457ff;
    --wp-primary-soft:#e8efff;
    --wp-accent:#0f766e;
    --wp-warning:#b45309;
    --wp-danger:#b91c1c;
    --wp-success:#166534;
    --wp-shadow:0 10px 30px rgba(15,23,42,.06);
    --wp-shadow-soft:0 4px 14px rgba(15,23,42,.05);
    --wp-radius-xl:28px;
    --wp-radius-lg:22px;
    --wp-radius-md:18px;
    --wp-radius-sm:14px;
    --wp-space-1:6px;
    --wp-space-2:10px;
    --wp-space-3:14px;
    --wp-space-4:18px;
    --wp-space-5:24px;
    --wp-space-6:32px;
    --wp-font-title:clamp(18px,2vw,22px);
    --wp-font-body:14px;
    direction:rtl;
    color:var(--wp-text);
    font-family:Vazirmatn, Tahoma, sans-serif;
}

#wpayman-feeds-app[data-theme="dark"]{
    --wp-bg:#0f172a;
    --wp-surface:#111827;
    --wp-surface-soft:#172033;
    --wp-border:#253246;
    --wp-border-strong:#314158;
    --wp-text:#f8fafc;
    --wp-text-soft:#d1d9e6;
    --wp-text-faint:#94a3b8;
    --wp-primary:#7aa2ff;
    --wp-primary-soft:#162650;
    --wp-accent:#1ea597;
    --wp-warning:#f59e0b;
    --wp-danger:#f87171;
    --wp-success:#4ade80;
    --wp-shadow:0 18px 40px rgba(2,6,23,.30);
    --wp-shadow-soft:0 10px 20px rgba(2,6,23,.24);
}

@media (prefers-color-scheme: dark){
    #wpayman-feeds-app[data-theme="auto"]{
        --wp-bg:#0f172a;
        --wp-surface:#111827;
        --wp-surface-soft:#172033;
        --wp-border:#253246;
        --wp-border-strong:#314158;
        --wp-text:#f8fafc;
        --wp-text-soft:#d1d9e6;
        --wp-text-faint:#94a3b8;
        --wp-primary:#7aa2ff;
        --wp-primary-soft:#162650;
        --wp-accent:#1ea597;
        --wp-warning:#f59e0b;
        --wp-danger:#f87171;
        --wp-success:#4ade80;
        --wp-shadow:0 18px 40px rgba(2,6,23,.30);
        --wp-shadow-soft:0 10px 20px rgba(2,6,23,.24);
    }
}

#wpayman-feeds-app *,
#wpayman-feeds-app *::before,
#wpayman-feeds-app *::after{
    box-sizing:border-box;
}

#wpayman-feeds-app a{
    color:inherit;
    text-decoration:none;
}

#wpayman-feeds-app button,
#wpayman-feeds-app input{
    font:inherit;
}

#wpayman-feeds-app button{
    cursor:pointer;
}

.wpayman-app-shell{
    max-width:1120px;
    margin:0 auto;
    padding:18px 14px 96px;
    background:transparent;
}

.wpayman-app-main{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.wpayman-panel{
    display:block;
}

.wpayman-panel.is-hidden{
    display:none;
}

.wpayman-panel-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:12px;
    margin:0 0 14px;
}

.wpayman-panel-title{
    margin:0;
    font-size:var(--wp-font-title);
    line-height:1.2;
    font-weight:900;
    letter-spacing:-.02em;
}

.wpayman-panel-meta{
    color:var(--wp-text-faint);
    font-size:12px;
    line-height:1.8;
    font-weight:700;
}

.wpayman-feed-notice{
    display:none;
    margin:0 0 14px;
    padding:14px 16px;
    border-radius:16px;
    border:1px solid var(--wp-border);
    background:var(--wp-surface);
    color:var(--wp-text-soft);
    box-shadow:var(--wp-shadow-soft);
    font-size:13px;
    line-height:1.9;
    font-weight:800;
}

.wpayman-feed-notice.is-show{
    display:block;
}

.wpayman-feed-notice.is-success{
    border-color:rgba(22,101,52,.25);
    background:rgba(22,101,52,.08);
    color:var(--wp-success);
}

.wpayman-feed-notice.is-error{
    border-color:rgba(185,28,28,.25);
    background:rgba(185,28,28,.08);
    color:var(--wp-danger);
}

.wpayman-feed-notice.is-info{
    border-color:rgba(36,87,255,.20);
    background:var(--wp-primary-soft);
    color:var(--wp-primary);
}

.wpayman-loading-card,
.wpayman-empty-state{
    padding:26px 18px;
    border:1px dashed var(--wp-border-strong);
    border-radius:var(--wp-radius-lg);
    background:var(--wp-surface);
    color:var(--wp-text-faint);
    text-align:center;
    line-height:1.9;
}

.wpayman-empty-icon{
    margin:0 0 8px;
    font-size:15px;
    font-weight:900;
    color:var(--wp-text);
}

.wpayman-empty-text{
    font-size:13px;
    font-weight:700;
}

.wpayman-skeleton-card,
.wpayman-skeleton-source{
    position:relative;
    overflow:hidden;
    border-radius:var(--wp-radius-lg);
    border:1px solid var(--wp-border);
    background:var(--wp-surface);
    box-shadow:var(--wp-shadow-soft);
}

.wpayman-skeleton-card{
    padding:18px;
}

.wpayman-skeleton-source{
    padding:20px;
}

.wpayman-skeleton-card::after,
.wpayman-skeleton-source::after{
    content:"";
    position:absolute;
    inset:0;
    transform:translateX(-100%);
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);
    animation:wpayman-shimmer 1.3s infinite;
}

.wpayman-skeleton-line{
    height:11px;
    margin:0 0 12px;
    border-radius:999px;
    background:rgba(148,163,184,.18);
}

.wpayman-skeleton-line:last-child{
    margin-bottom:0;
}

.wpayman-skeleton-line-sm{width:36%}
.wpayman-skeleton-line-lg{width:78%}

.wpayman-editorial-badge,
.wpayman-pin-badge,
.wpayman-meta-chip{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:28px;
    padding:4px 10px;
    border-radius:999px;
    font-size:11px;
    font-weight:900;
    line-height:1.7;
    white-space:nowrap;
}

.wpayman-editorial-badge{
    background:var(--wp-primary-soft);
    color:var(--wp-primary);
}

.wpayman-pin-badge{
    background:rgba(15,118,110,.12);
    color:var(--wp-accent);
}

.wpayman-meta-chip{
    background:var(--wp-surface-soft);
    color:var(--wp-text-soft);
    border:1px solid var(--wp-border);
}

@keyframes wpayman-shimmer{
    100%{transform:translateX(100%)}
}