:root{--color-primary: #00A8E8;--color-primary-hover: #0096D1;--color-text-primary: #1A1A1A;--color-text-secondary: #6B7280;--color-text-muted: #9CA3AF;--color-background: #F9FAFB;--color-white: #FFFFFF;--color-border: #E5E7EB;--color-border-light: #F3F4F6;--color-status-active: #D1FAE5;--color-status-active-text: #065F46;--color-status-canceled: #FEE2E2;--color-status-canceled-text: #991B1B;--color-status-expired: #F3F4F6;--color-status-expired-text: #4B5563;--color-status-paid: #D1FAE5;--color-status-paid-text: #065F46;--color-status-failed: #FEE2E2;--color-status-failed-text: #991B1B;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-xs: .875rem;--font-size-sm: 1rem;--font-size-base: 1.25rem;--font-size-lg: 1.375rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.75rem;--font-size-3xl: 2.125rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--transition-base: all .2s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-background);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.main-content,.main-content *{font-size:1.25rem!important}.main-content .info-label,.main-content .text-small,.main-content .filter-button,.main-content .dropdown-item{font-size:1rem!important}.main-content h1{font-size:2.125rem!important}.main-content h2{font-size:1.75rem!important}.main-content h3{font-size:1.5rem!important}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin:0}h1{font-size:var(--font-size-3xl);font-weight:700}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}a{color:var(--color-primary);text-decoration:none;transition:var(--transition-base)}a:hover{color:var(--color-primary-hover)}button{font-family:var(--font-family);cursor:pointer;border:none;transition:var(--transition-base)}button:disabled{opacity:.5;cursor:not-allowed}.container{max-width:1280px;margin:0 auto;padding:0 var(--spacing-lg)}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-small{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.header{background-color:var(--color-white);border-bottom:1px solid var(--color-border);padding:var(--spacing-md) 0}.header-content{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.logo-icon{width:32px;height:32px;background-color:#dc2626;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.nav-link{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:500}.user-dropdown{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-background);border-radius:var(--radius-md);cursor:pointer;border:1px solid var(--color-border)}.user-dropdown:hover{background-color:var(--color-border-light)}.main-content{padding:var(--spacing-2xl) 0}.page-title{margin-bottom:var(--spacing-xl)}.subscriptions-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.subscription-card{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:var(--transition-base)}.subscription-card:hover{box-shadow:var(--shadow-md)}.subscription-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg)}.subscription-title-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.subscription-title{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-xs)}.subscription-id-group{display:flex;align-items:center;gap:var(--spacing-md)}.subscription-id{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.subscription-price{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary)}.subscription-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-light)}.subscription-dates{display:flex;gap:var(--spacing-xl)}.date-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.date-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.date-value{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.subscription-actions{display:flex;gap:var(--spacing-md);align-items:center}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:var(--font-size-xs);font-weight:500;text-transform:capitalize}.status-badge.active{background-color:var(--color-status-active);color:var(--color-status-active-text)}.status-badge.canceled{background-color:var(--color-status-canceled);color:var(--color-status-canceled-text)}.status-badge.expired{background-color:var(--color-status-expired);color:var(--color-status-expired-text)}.btn{padding:.625rem 1.25rem;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;display:inline-flex;align-items:center;gap:var(--spacing-sm);transition:var(--transition-base)}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-white);color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-background)}.btn-outline{background-color:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-outline:hover{background-color:var(--color-background)}.btn-icon{width:20px;height:20px}.details-header{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.back-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-lg)}.details-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.details-title-group{display:flex;align-items:center;gap:var(--spacing-md)}.details-title{font-size:var(--font-size-xl);font-weight:600}.auto-payment-toggle{display:flex!important;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-sm)}.toggle-switch{position:relative;width:44px;height:24px;background-color:var(--color-primary);border-radius:9999px;cursor:pointer;transition:var(--transition-base);flex-shrink:0}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:var(--color-white);border-radius:50%;transition:var(--transition-base)}.toggle-switch.off{background-color:#9ca3af}.toggle-switch.off:after{transform:translate(20px)}.details-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-light)}.toast{position:fixed;top:80px;left:50%;transform:translate(-50%) translateY(-20px);background:#fff;padding:1.25rem 2rem;border-radius:var(--radius-lg);box-shadow:0 20px 40px #0003;z-index:10000;opacity:0;transition:all .4s ease;font-size:1.125rem;font-weight:500;min-width:400px;max-width:600px;text-align:center;border-left:6px solid}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.toast-success{border-left-color:#10b981;color:#065f46}.toast-error{border-left-color:#ef4444;color:#991b1b}.toast-info{border-left-color:#3b82f6;color:#1e40af}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.spinner{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.info-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.info-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.info-value{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.invoice-section{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.invoice-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.invoice-title{font-size:var(--font-size-lg);font-weight:600}.invoice-filters{display:flex;gap:var(--spacing-md)}.filter-dropdown{position:relative}.filter-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:.5rem 1rem;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer}.filter-button:hover{background-color:var(--color-background)}.filter-button.active{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:200px;z-index:10;display:none}.dropdown-menu.show{display:block}.dropdown-item{padding:.625rem 1rem;font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-base)}.dropdown-item:hover{background-color:var(--color-background)}.dropdown-item.active{background-color:var(--color-primary);color:var(--color-white)}.invoice-table{width:100%;border-collapse:collapse;margin-top:var(--spacing-lg)}.invoice-table thead{border-bottom:1px solid var(--color-border)}.invoice-table th{padding:var(--spacing-md);text-align:left;font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.invoice-table td{padding:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-light)}.invoice-table tbody tr:hover{background-color:var(--color-background)}.status-badge.paid{background-color:var(--color-status-paid);color:var(--color-status-paid-text)}.status-badge.failed{background-color:var(--color-status-failed);color:var(--color-status-failed-text)}.download-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.download-link:hover{color:var(--color-primary)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xl)}.pagination-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer}.pagination-button:hover:not(:disabled){background-color:var(--color-background)}.pagination-button:disabled{opacity:.3}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.modal-overlay.show{opacity:1;visibility:visible}.modal{background-color:var(--color-white);border-radius:var(--radius-lg);max-width:500px;width:90%;padding:var(--spacing-xl);position:relative;transform:scale(.9);transition:transform .3s ease}.modal-overlay.show .modal{transform:scale(1)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.modal-title{font-size:var(--font-size-lg);font-weight:600}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;cursor:pointer;color:var(--color-text-secondary);font-size:1.5rem}.modal-close:hover{color:var(--color-text-primary)}.modal-body{margin-bottom:var(--spacing-xl);color:var(--color-text-secondary);line-height:1.6}.modal-footer{display:flex;gap:var(--spacing-md);justify-content:flex-end}@media(max-width:768px){.subscription-header{flex-direction:column;gap:var(--spacing-md)}.subscription-footer{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.subscription-dates{flex-direction:column;gap:var(--spacing-md)}.details-info-grid{grid-template-columns:repeat(2,1fr)}.invoice-filters{flex-direction:column;width:100%}.filter-button{width:100%;justify-content:space-between}.invoice-table{font-size:var(--font-size-xs)}}@media(max-width:480px){.details-info-grid{grid-template-columns:1fr}.modal{width:95%}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/tradility-subs.css.map */