.account-page{min-height:calc(100vh - 70px);padding:40px 20px;background:#f5f5f5}.account-container{max-width:800px;margin:0 auto}.account-container h1{color:#2c3e50;font-size:2rem;margin-bottom:30px}.account-notice{padding:15px 20px;border-radius:8px;margin-bottom:30px}.account-notice.success{background:rgba(16,185,129,.1);border:1px solid #10b981;color:#059669}.account-notice.error{background:rgba(239,68,68,.1);border:1px solid #ef4444;color:#b91c1c}.account-form{display:flex;flex-direction:column;gap:16px}.account-form .form-group{display:flex;flex-direction:column;gap:6px}.account-form label{color:#4b5563;font-size:.9rem;font-weight:500}.account-form input{border:1px solid #d1d5db;border-radius:8px;font-size:1rem;padding:10px 12px}.account-form input:focus{border-color:#667eea;outline:none}.account-section{margin-bottom:30px}.account-section h2{color:#2c3e50;font-size:1.25rem;margin-bottom:15px}.account-card{background:white;border-radius:12px;padding:25px;box-shadow:0 2px 10px rgba(0,0,0,.05)}.profile-info,.subscription-details{display:flex;flex-direction:column;gap:15px}.info-row{display:flex;justify-content:space-between;align-items:center}.info-row .label{color:#6b7280;font-size:.9rem}.info-row .value{color:#2c3e50;font-weight:500}.info-row .value.status-active{color:#10b981}.info-row .value.status-past_due{color:#f59e0b}.info-row .value.status-canceled{color:#ef4444}.plan-badge-container{display:flex;align-items:center;gap:10px;margin-bottom:20px}.plan-badge{display:inline-block;padding:8px 20px;border-radius:20px;font-weight:600;font-size:.9rem}.plan-badge.free{background:#e5e7eb;color:#6b7280}.plan-badge.premium{background:linear-gradient(135deg,#667eea,#764ba2);color:white}.cancel-badge{background:#fef3c7;color:#d97706;padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:500}.cancel-notice{background:#fef3c7;color:#92400e;padding:12px 15px;border-radius:8px;font-size:.9rem}.manage-button{margin-top:10px;padding:12px 24px;background:#2c3e50;color:white;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background .2s}.manage-button:hover{background:#1a252f}.upgrade-prompt{text-align:center}.upgrade-prompt p{color:#6b7280;margin-bottom:20px;line-height:1.6}.upgrade-button{display:inline-block;padding:12px 30px;background:linear-gradient(135deg,#667eea,#764ba2);color:white;text-decoration:none;border-radius:8px;font-weight:600;transition:transform .2s,box-shadow .2s}.upgrade-button:hover{transform:translateY(-2px);box-shadow:0 5px 20px rgba(102,126,234,.4)}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px}.feature-card{background:white;border-radius:12px;padding:25px;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,.05)}.feature-icon{font-size:2.5rem;margin-bottom:15px}.feature-card h3{color:#2c3e50;margin:0 0 10px;font-size:1.1rem}.feature-card p{color:#6b7280;margin:0;font-size:.9rem;line-height:1.5}.loading{text-align:center;padding:60px 20px;color:#6b7280;font-size:1.1rem}@media (max-width:600px){.features-grid{grid-template-columns:1fr}.info-row{flex-direction:column;align-items:flex-start;gap:5px}.account-container h1{font-size:1.5rem}}