body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#1b9e56;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}option,select{color:#000}.subscription-management{margin:0 auto;max-width:1200px;padding:20px}.subscription-header{margin-bottom:30px}.subscription-header h1{color:#333;font-size:2rem;font-weight:600;margin:0 0 20px}.alert{border-radius:6px;margin-bottom:20px;padding:12px 16px}.alert-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.current-subscription{margin-bottom:40px}.current-subscription h2{color:#333;font-size:1.5rem;margin:0 0 20px}.subscription-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:24px}.subscription-info h3{color:#333;font-size:1.25rem;margin:0 0 10px}.subscription-price{color:#007bff;font-size:1.5rem;font-weight:700;margin-bottom:10px}.subscription-status{margin-bottom:10px}.status{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.status.active{background:#d4edda;color:#155724}.status.inactive{background:#f8d7da;color:#721c24}.status.trial{background:#fff3cd;color:#856404}.usage-statistics{margin-bottom:40px}.usage-statistics h2{color:#333;font-size:1.5rem;margin:0 0 20px}.usage-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.usage-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.usage-item h4{color:#333;margin:0 0 15px}.usage-bar{background:#e9ecef;border-radius:10px;height:8px;margin-bottom:10px;overflow:hidden}.usage-fill{background:#007bff;height:100%;transition:width .3s ease}.available-plans{margin-bottom:40px}.available-plans h2{color:#333;font-size:1.5rem;margin:0 0 20px}.plans-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.plan-card{background:#fff;border:2px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:24px;transition:all .3s ease}.plan-card:hover{border-color:#007bff;box-shadow:0 4px 12px #007bff26}.plan-card h3{color:#333;font-size:1.25rem;margin:0 0 15px}.plan-price{margin-bottom:15px}.plan-price .currency{color:#6c757d;font-size:18px}.plan-price .amount{color:#007bff;font-size:32px;font-weight:700}.plan-price .period{color:#6c757d;font-size:14px}.plan-description{color:#6c757d;margin-bottom:20px}.plan-features{list-style:none;margin:0 0 20px;padding:0}.plan-features li{color:#333;padding:6px 0 6px 20px;position:relative}.plan-features li:before{color:#28a745;content:"✓";font-weight:700;left:0;position:absolute}.btn{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;padding:12px 24px;text-align:center;text-decoration:none;transition:all .3s ease;width:100%}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover{background:#0056b3}.btn-primary:disabled{background:#6c757d;cursor:not-allowed}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:8px;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{color:#333;margin:0}.close-button{background:none;border:none;color:#6c757d;cursor:pointer;font-size:24px}.modal-content{padding:24px}.payment-form{max-width:500px}.billing-details h3{color:#333;margin:0 0 20px}.billing-details .form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:15px}.billing-details input{border:2px solid #e9ecef;border-radius:6px;font-size:14px;margin-bottom:15px;padding:12px;width:100%}.billing-details input:focus{border-color:#007bff;outline:none}.card-details{margin-top:30px}.card-details h3{color:#333;margin:0 0 20px}.card-element-container{border:2px solid #e9ecef;border-radius:6px;margin-bottom:20px;padding:12px}.payment-button{margin-top:20px}.billing-history{margin-bottom:40px}.billing-history h2{color:#333;font-size:1.5rem;margin:0 0 20px}.table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.table-container table{border-collapse:collapse;width:100%}.table-container td,.table-container th{border-bottom:1px solid #e9ecef;padding:12px 16px;text-align:left}.table-container th{background:#f8f9fa;color:#333;font-weight:600}.table-container tr:hover{background:#f8f9fa}.table-container a{color:#007bff;text-decoration:none}.table-container a:hover{text-decoration:underline}.loading{align-items:center;color:#6c757d;display:flex;font-size:18px;height:200px;justify-content:center}@media (max-width:768px){.billing-details .form-row,.plans-grid,.usage-grid{grid-template-columns:1fr}.table-container{overflow-x:auto}}