.pu-main{max-width:1040px;margin:0 auto;padding:8px 16px 56px}
.pu-loading{padding:48px 0;text-align:center;color:var(--muted,#64748b)}
.pu-loading[hidden],.pu-empty[hidden],#puContent[hidden],.pu-card[hidden]{display:none}
.pu-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:8px 0 22px}
.pu-title{font-family:Manrope,system-ui,sans-serif;font-size:clamp(26px,4vw,36px);line-height:1.2;margin:0}
.pu-badge{font-size:14px;font-weight:700;color:var(--ok-deep,#047857);background:var(--ok-soft,#ecfdf5);border:1px solid var(--ok-line,#6ee7b7);border-radius:999px;padding:5px 14px}
.pu-badge.is-off{color:var(--amber-deep,#b45309);background:var(--amber-soft,#fffbeb);border-color:var(--amber-line,#fcd34d)}
.pu-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px;align-items:start}
.pu-col{display:grid;gap:20px;min-width:0}
.pu-card{background:#fff;border:1px solid var(--line,#e2e8f0);border-radius:20px;padding:24px;box-shadow:var(--shadow-sm,0 1px 2px rgba(15,23,42,.04))}
.pu-plan{border-top:4px solid var(--amber,#f59e0b);background:linear-gradient(180deg,#f3f7ff 0,#fff 120px)}
.pu-eyebrow{margin:0 0 4px;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--blue,#2563eb)}
.pu-plan__name{font-family:Manrope,system-ui,sans-serif;font-size:28px;margin:0}
.pu-plan__price{margin:4px 0 0;color:var(--ink-2,#334155);font-size:16px}
.pu-plan__list{list-style:none;margin:18px 0;padding:0;display:grid;gap:10px}
.pu-plan__list li{position:relative;padding-left:28px;font-size:16px}
.pu-plan__list li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;background:var(--blue-mist,#dbeafe) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.5l2.5 2.5L13 6.5' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat}
.pu-note{margin:0 0 4px;font-size:14.5px;line-height:1.5;color:var(--ink-2,#334155)}
.pu-note:empty{display:none}
.pu-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.pu-actions [hidden]{display:none}
.pu-btn-cancel{background:#fff;color:#b91c1c;border:1.5px solid #fca5a5;font-weight:600;justify-content:center}
.pu-btn-cancel:hover{background:#fef2f2;border-color:#ef4444}
.pu-msg{margin:12px 0 0;font-size:14px;color:var(--ink-2,#334155)}
.pu-msg:empty{display:none}
.pu-card__title{font-family:Manrope,system-ui,sans-serif;font-size:20px;margin:0 0 14px}
.pu-info{margin:0;display:grid}
.pu-info div{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid var(--line-soft,#f1f5f9);font-size:15px}
.pu-info div:first-child,.pu-info div[hidden]+div{border-top:0}
.pu-info div[hidden]{display:none}
.pu-info dt{color:var(--muted,#64748b)}
.pu-info dd{margin:0;font-weight:600;text-align:right}
.pu-pay{list-style:none;margin:0;padding:0}
.pu-pay li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line-soft,#f1f5f9);font-size:15px}
.pu-pay li:first-child{border-top:0}
.pu-pay__sum{font-weight:700;white-space:nowrap;margin-left:auto}
.pu-pay__st{font-size:12.5px;font-weight:700;border-radius:999px;padding:3px 10px;white-space:nowrap}
.pu-pay__st--ok{color:var(--ok-deep,#047857);background:var(--ok-soft,#ecfdf5)}
.pu-pay__st--err{color:#b91c1c;background:#fef2f2}
.pu-pay__st--wait{color:var(--amber-deep,#b45309);background:var(--amber-soft,#fffbeb)}
.pu-more{margin-top:8px;padding:8px 0;border:0;background:none;color:var(--blue,#2563eb);font:600 15px/1.2 "Source Sans 3",system-ui,sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.pu-more[hidden]{display:none}
.pu-empty{max-width:520px;margin:40px auto;text-align:center;background:#fff;border:1px solid var(--line,#e2e8f0);border-radius:24px;padding:40px 24px;box-shadow:var(--shadow,0 10px 32px rgba(15,23,42,.07))}
.pu-empty__icon{width:96px;height:96px;margin:0 auto 18px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--blue,#2563eb);background:linear-gradient(135deg,#eaf1ff,#fff4dc)}
.pu-lead{color:var(--ink-2,#334155);margin:10px 0 22px;font-size:17px}
.pu-modal{max-width:440px}
.pu-modal__q{margin:0;font-size:17px;color:var(--ink-2,#334155)}
.pu-cardrow{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line,#e2e8f0);border-radius:14px;background:var(--bg-soft,#f8fafc);font-weight:600}
.pu-cardrow__ico{display:flex;color:var(--blue,#2563eb)}
.pu-warn{margin:0;padding:12px 14px;border-radius:14px;background:var(--amber-soft,#fffbeb);border:1px solid var(--amber-line,#fcd34d);color:#7c4a03;font-size:14.5px;line-height:1.5}
.pu-btn-full{width:100%;justify-content:center}
@media(max-width:860px){.pu-grid{grid-template-columns:1fr}.pu-card{padding:20px 16px}.pu-actions .btn{flex:1 1 100%;justify-content:center}}