.subscription-status-compact{cursor:pointer;background:#ffffff1a;border:none;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;transition:all .3s;display:inline-flex}.subscription-status-compact:hover{background:#fff3;transform:translateY(-2px)}.subscription-status-compact .plan-icon{font-size:1.2rem}.subscription-status-compact .plan-name{text-transform:capitalize;color:#fff;font-weight:600}.subscription-status-compact .questions-badge{color:#fff;background:#fff3;border-radius:10px;padding:2px 8px;font-size:.8rem;font-weight:700}.subscription-status-widget{background:#fff;border-radius:12px;max-width:320px;margin:20px 0;overflow:hidden;box-shadow:0 4px 12px #0000001a}.status-header{text-align:center;color:#fff;padding:20px}.plan-icon-large{margin-bottom:10px;font-size:3rem;display:block}.status-header h3{margin:0;font-size:1.3rem;font-weight:600}.status-content{padding:20px}.questions-counter{text-align:center;margin-bottom:20px}.counter-label{color:#718096;margin-bottom:10px;font-size:.9rem}.counter-display{margin-bottom:15px;font-size:2.5rem;font-weight:700}.questions-count{color:#2d3748}.questions-total{color:#a0aec0;font-size:1.8rem}.progress-bar{background:#e2e8f0;border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-fill{height:100%;transition:width .3s,background-color .3s}.upgrade-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;width:100%;margin-bottom:10px;padding:12px 20px;font-size:1rem;font-weight:600;transition:all .3s}.upgrade-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.upgrade-hint{text-align:center;color:#718096;margin:0;font-size:.85rem}.premium-features{margin-bottom:20px}.premium-features h4{color:#2d3748;margin-bottom:15px;font-size:1rem}.premium-features ul{margin:0;padding:0;list-style:none}.premium-features li{color:#4a5568;padding:8px 0;font-size:.9rem}.cancellation-notice{text-align:center;background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;margin-bottom:20px;padding:15px}.cancellation-notice p{color:#c53030;margin:5px 0;font-size:.9rem}.end-date{font-weight:700;font-size:1.1rem!important}.reactivate-button{color:#fff;cursor:pointer;background:#48bb78;border:none;border-radius:6px;margin-top:10px;padding:8px 20px;font-size:.9rem;font-weight:600;transition:all .3s}.reactivate-button:hover{background:#38a169}.manage-button{color:#667eea;cursor:pointer;background:0 0;border:2px solid #667eea;border-radius:8px;width:100%;padding:10px 20px;font-size:.95rem;font-weight:600;transition:all .3s}.manage-button:hover{color:#fff;background:#667eea}@media (max-width:768px){.subscription-status-widget{max-width:100%;margin:10px 0}.subscription-status-compact{border:none;padding:6px 12px;font-size:.85rem}.subscription-status-compact .plan-icon{font-size:1rem}}@media (prefers-color-scheme:dark){.subscription-status-widget{color:#e2e8f0;background:#2d3748}.status-content{background:#2d3748}.counter-label{color:#a0aec0}.questions-count{color:#e2e8f0}.progress-bar{background:#4a5568}.upgrade-hint{color:#a0aec0}.premium-features h4{color:#e2e8f0}.premium-features li{color:#cbd5e0}.manage-button{color:#667eea;border-color:#667eea}.manage-button:hover{color:#fff;background:#667eea}}