.arraysubs-modal-backdrop{align-items:center;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#0006;display:flex;inset:0;justify-content:center;opacity:0;padding:20px;position:fixed;transition:opacity .2s ease-out,visibility .2s ease-out;visibility:hidden;z-index:99999}.arraysubs-modal-backdrop.arraysubs-modal--visible{opacity:1;visibility:visible}.arraysubs-modal{background:#fff;border-radius:12px;box-shadow:0 8px 30px #0000001f;display:flex;flex-direction:column;max-height:calc(100vh - 40px);opacity:0;position:relative;transform:scale(.96) translateY(8px);transition:transform .2s cubic-bezier(.16,1,.3,1),opacity .2s ease-out;width:100%}.arraysubs-modal--visible .arraysubs-modal{opacity:1;transform:scale(1) translateY(0)}.arraysubs-modal--sm{max-width:400px}.arraysubs-modal--md{max-width:600px}.arraysubs-modal--lg{max-width:800px}.arraysubs-modal--full{border-radius:8px;height:calc(100vh - 40px);max-width:calc(100vw - 40px)}.arraysubs-modal__header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;flex-shrink:0;justify-content:space-between;padding:8px 16px}.arraysubs-modal__title{color:#111827;font-size:16px;font-weight:600;line-height:1.4;margin:0}.arraysubs-modal__close{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;margin:-4px -8px -4px auto;padding:0;transition:background-color .15s ease,color .15s ease;width:32px}.arraysubs-modal__close:hover{background:#f3f4f6;color:#111827}.arraysubs-modal__close:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.arraysubs-modal__content{flex:1;font-size:14px;line-height:1.6;overflow-y:auto;padding:16px}.arraysubs-modal__footer{align-items:center;background:#0000;border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top:none;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:0 0 16px}
.arraysubs-confirm-dialog{display:flex;flex-direction:column;gap:18px;padding:4px 0 0}.arraysubs-confirm-dialog__body{align-items:flex-start;display:flex;gap:12px}.arraysubs-confirm-dialog__icon{align-items:center;background:#eef2ff;border-radius:50%;color:#4f46e5;display:inline-flex;flex:0 0 auto;height:32px;justify-content:center;width:32px}.arraysubs-confirm-dialog--danger .arraysubs-confirm-dialog__icon{background:#fee2e2;color:#dc2626}.arraysubs-confirm-dialog--warning .arraysubs-confirm-dialog__icon{background:#fef3c7;color:#b45309}.arraysubs-confirm-dialog__message{color:#374151;flex:1;font-size:14px;line-height:1.55}.arraysubs-confirm-dialog__message p{margin:0 0 8px}.arraysubs-confirm-dialog__message p:last-child{margin-bottom:0}.arraysubs-confirm-dialog__actions{display:flex;gap:10px;justify-content:flex-end}.arraysubs-confirm-dialog__actions .button{align-items:center;display:inline-flex;gap:6px}
.arraysubs-payment-timeline{background:#fff;border:1px solid #ccd0d4;border-radius:4px;overflow:hidden}.arraysubs-payment-timeline--compact{background:#0000;border:none;border-radius:0}.arraysubs-payment-timeline--compact .timeline-content{padding:0}.arraysubs-payment-timeline .timeline-loading{color:#666;padding:30px;text-align:center}.arraysubs-payment-timeline .timeline-header{align-items:center;background:#f9f9f9;border-bottom:1px solid #ccd0d4;cursor:pointer;display:flex;justify-content:space-between;padding:15px 20px;-webkit-user-select:none;user-select:none}.arraysubs-payment-timeline .timeline-header:hover{background:#f1f1f1}.arraysubs-payment-timeline .timeline-header__title{align-items:center;display:flex;gap:10px}.arraysubs-payment-timeline .timeline-header__title h3{font-size:16px;font-weight:600;margin:0}.arraysubs-payment-timeline .timeline-header__count{color:#666;font-size:14px;font-weight:400}.arraysubs-payment-timeline .timeline-header__toggle{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;justify-content:center;padding:4px}.arraysubs-payment-timeline .timeline-header__toggle:hover{color:#333}.arraysubs-payment-timeline .timeline-content{padding:20px}.arraysubs-payment-timeline .timeline-empty{color:#666;margin:0;padding:20px;text-align:center}.arraysubs-payment-timeline .timeline-events{position:relative}.arraysubs-payment-timeline .timeline-event{display:flex;gap:15px;padding-bottom:20px;position:relative}.arraysubs-payment-timeline .timeline-event:last-child{padding-bottom:0}.arraysubs-payment-timeline .timeline-event:last-child .timeline-event__line{display:none}.arraysubs-payment-timeline .timeline-event__marker{align-items:center;display:flex;flex-direction:column;flex-shrink:0}.arraysubs-payment-timeline .timeline-event__icon{align-items:center;background:#f0f0f0;border-radius:50%;color:#666;display:flex;height:32px;justify-content:center;width:32px;z-index:1}.arraysubs-payment-timeline .timeline-event__line{background:#ddd;flex:1;margin-top:8px;min-height:20px;width:2px}.arraysubs-payment-timeline .timeline-event__content{flex:1;min-width:0;padding-top:4px}.arraysubs-payment-timeline .timeline-event__header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:4px}.arraysubs-payment-timeline .timeline-event__title{color:#1e1e1e;font-size:14px;font-weight:600}.arraysubs-payment-timeline .timeline-event__date{color:#666;font-size:12px;white-space:nowrap}.arraysubs-payment-timeline .timeline-event__description{color:#555;font-size:13px;line-height:1.5;margin:0 0 8px;word-break:break-word}.arraysubs-payment-timeline .timeline-event__link{color:#2271b1;font-size:12px;text-decoration:none}.arraysubs-payment-timeline .timeline-event__link:hover{text-decoration:underline}.arraysubs-payment-timeline .timeline-event--success .timeline-event__icon{background:#d4edda;color:#155724}.arraysubs-payment-timeline .timeline-event--error .timeline-event__icon{background:#f8d7da;color:#721c24}.arraysubs-payment-timeline .timeline-event--warning .timeline-event__icon{background:#fff3cd;color:#856404}.arraysubs-payment-timeline .timeline-event--pending .timeline-event__icon{background:#fef5e7;color:#d68910}.arraysubs-payment-timeline .timeline-event--info .timeline-event__icon{background:#d1ecf1;color:#0c5460}.arraysubs-payment-timeline .timeline-show-more{background:#f9f9f9;border:1px solid #ddd;border-radius:4px;color:#2271b1;cursor:pointer;display:block;font-size:13px;margin-top:15px;padding:12px;text-align:center;transition:all .2s ease;width:100%}.arraysubs-payment-timeline .timeline-show-more:hover{background:#f0f0f0;border-color:#2271b1}@media(max-width:600px){.arraysubs-payment-timeline .timeline-event{gap:10px}.arraysubs-payment-timeline .timeline-event__header{flex-direction:column;gap:4px}.arraysubs-payment-timeline .timeline-event__icon{height:28px;width:28px}}
