.mypay{color:var(--color-ink-800);gap:var(--space-6);width:100%;max-width:1000px;margin:0 auto;display:grid}.mypay-head h1{color:var(--color-ink-950);letter-spacing:-.02em;margin:0;font-size:clamp(1.7rem,4vw,2.3rem);font-weight:800}.mypay-head p{color:var(--color-ink-600);margin:var(--space-2) 0 0;font-size:.96rem;line-height:1.55}.mypay-secure{background:var(--color-brand-yellow-50);border:1px solid var(--color-brand-yellow-200);border-radius:var(--radius-card);align-items:start;gap:var(--space-4);padding:var(--space-5) var(--space-6);grid-template-columns:auto minmax(0,1fr);display:grid}.mypay-secure-icon{background:var(--color-paper-0);border-radius:var(--radius-pill);color:var(--color-brand-yellow-800);justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.mypay-secure h2{color:var(--color-ink-950);margin:0 0 var(--space-2);font-size:1.05rem;font-weight:700}.mypay-secure p{color:var(--color-ink-800);margin:0;font-size:.92rem;line-height:1.6}.mypay-grid{align-items:start;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));display:grid}.mypay-card{background:var(--color-paper-0);border:1px solid var(--color-paper-200);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);gap:var(--space-4);min-width:0;padding:var(--space-6);display:grid}.mypay-card-head{align-items:center;gap:var(--space-3);display:flex}.mypay-card-head h2{color:var(--color-ink-950);margin:0;font-size:1.08rem;font-weight:700}.mypay-card-icon{background:var(--color-brand-yellow-100);border-radius:var(--radius-pill);color:var(--color-brand-yellow-800);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.mypay-muted{color:var(--color-ink-600);margin:0;font-size:.92rem;line-height:1.6}.mypay-muted a{color:var(--color-brand-yellow-800);font-weight:700}.mypay-rows{gap:0;margin:0;display:grid}.mypay-rows>div{border-bottom:1px solid var(--color-paper-100);align-items:center;gap:var(--space-4);padding:var(--space-3) 0;justify-content:space-between;display:flex}.mypay-rows>div:last-child{border-bottom:0}.mypay-rows dt{color:var(--color-ink-600);align-items:center;gap:var(--space-2);font-size:.9rem;display:flex}.mypay-rows dt svg{color:var(--color-brand-yellow-800);flex-shrink:0}.mypay-rows dd{color:var(--color-ink-950);overflow-wrap:anywhere;text-align:right;margin:0;font-size:.95rem;font-weight:600}.mypay-button{border-radius:var(--radius-control);cursor:pointer;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-5);transition:background var(--motion-fast), border-color var(--motion-fast);border:1px solid #0000;justify-content:center;justify-self:start;font-family:inherit;font-size:.92rem;font-weight:700;text-decoration:none;display:inline-flex}.mypay-button:focus-visible{outline:2px solid var(--color-ink-950);outline-offset:2px}.mypay-button:disabled{cursor:not-allowed;opacity:.6}.mypay-button-primary{background:var(--color-brand-yellow-500);color:var(--color-ink-950)}.mypay-button-primary:hover:not(:disabled){background:var(--color-brand-yellow-400)}.mypay-button-secondary{background:var(--color-paper-0);border-color:var(--color-paper-300);color:var(--color-ink-900)}.mypay-button-secondary:hover:not(:disabled){background:var(--color-paper-50)}.mypay-feedback:not(:empty){display:grid}.mypay-error{background:var(--color-paper-50);border-left:3px solid var(--color-danger);color:var(--color-danger);padding:var(--space-3) var(--space-4);margin:0;font-size:.9rem;line-height:1.5}.mypay-filters{gap:var(--space-2);flex-wrap:wrap;display:flex}.mypay-chip{background:var(--color-paper-0);border:1px solid var(--color-paper-300);border-radius:var(--radius-pill);color:var(--color-ink-700);cursor:pointer;min-height:44px;padding:0 var(--space-4);transition:background var(--motion-fast), border-color var(--motion-fast);font-family:inherit;font-size:.875rem;font-weight:600}.mypay-chip:hover{background:var(--color-paper-50)}.mypay-chip:focus-visible{outline:2px solid var(--color-ink-950);outline-offset:2px}.mypay-chip[aria-pressed=true]{background:var(--color-brand-yellow-100);border-color:var(--color-brand-yellow-700);color:var(--color-brand-yellow-800)}.mypay-table-scroll{max-width:100%;overflow-x:auto}.mypay-table-scroll:focus-visible{outline:2px solid var(--color-ink-950);outline-offset:2px}.mypay-table{border-collapse:collapse;width:100%;min-width:640px}.mypay-table th,.mypay-table td{border-bottom:1px solid var(--color-paper-200);overflow-wrap:anywhere;padding:var(--space-3) var(--space-4);text-align:left;vertical-align:top;font-size:.9rem}.mypay-table thead th{background:var(--color-paper-100);color:var(--color-ink-800);white-space:nowrap;font-weight:700}.mypay-table td{color:var(--color-ink-800)}.mypay-invoice{color:var(--color-ink-600);font-size:.875rem}.mypay-invoice-link{color:var(--color-brand-yellow-800);white-space:nowrap;font-weight:700;text-decoration:none}.mypay-invoice-link:hover{text-decoration:underline}.mypay-invoice-link:focus-visible{outline:2px solid var(--color-ink-950);outline-offset:2px}.mypay-refund{border-left:2px solid var(--color-brand-yellow-300);color:var(--color-ink-600);margin-top:var(--space-2);padding-left:var(--space-3);font-size:.875rem;line-height:1.5;display:block}.mypay-empty{background:var(--color-paper-50);border:1px dashed var(--color-paper-300);border-radius:var(--radius-card);gap:var(--space-3);padding:var(--space-8) var(--space-5);text-align:center;justify-items:center;display:grid}.mypay-empty svg{color:var(--color-brand-yellow-800)}.mypay-empty h3{color:var(--color-ink-950);margin:0;font-size:1.05rem}.mypay-empty p{color:var(--color-ink-600);max-width:34rem;margin:0 auto;line-height:1.6}.mypay-state{background:var(--color-paper-0);border:1px solid var(--color-paper-200);border-radius:var(--radius-card);gap:var(--space-3);padding:var(--space-12) var(--space-6);text-align:center;justify-items:center;display:grid}.mypay-state svg{color:var(--color-brand-yellow-800)}.mypay-state h2{color:var(--color-ink-950);margin:0;font-size:1.15rem}.mypay-state p{color:var(--color-ink-600);max-width:32rem;margin:0 auto;line-height:1.6}.mypay-state .mypay-button{justify-self:center}.mypay-help{background:var(--color-paper-50);border:1px solid var(--color-paper-200);border-radius:var(--radius-card);align-items:start;gap:var(--space-4);padding:var(--space-5) var(--space-6);grid-template-columns:auto minmax(0,1fr);display:grid}.mypay-help-icon{background:var(--color-paper-0);border:1px solid var(--color-paper-200);border-radius:var(--radius-pill);color:var(--color-brand-yellow-800);justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.mypay-help h2{color:var(--color-ink-950);margin:0 0 var(--space-2);font-size:1.05rem;font-weight:700}.mypay-help p{color:var(--color-ink-800);margin:0;font-size:.92rem;line-height:1.6}.mypay-skeletons{--skeleton-height:160px;gap:var(--space-4);display:grid}@media (max-width:768px){.mypay-card{padding:var(--space-5)}.mypay-secure,.mypay-help{padding:var(--space-5) var(--space-4);grid-template-columns:1fr}}@media (max-width:480px){.mypay{gap:var(--space-5)}.mypay-card{padding:var(--space-4)}.mypay-button{justify-self:stretch;width:100%}.mypay-rows>div{align-items:start;gap:2px;display:grid}.mypay-rows dd{text-align:left}.mypay-chip{flex:auto}.mypay-empty{padding:var(--space-6) var(--space-4)}.mypay-state{padding:var(--space-8) var(--space-4)}}