.account-page{background-color:var(--writer-ai-light-bg);color:var(--writer-ai-text-dark)}.account-page .bg-primary,.account-page .hover\:bg-purple-700:hover{background-color:var(--writer-ai-primary);color:white}.account-page .border-primary{border-color:var(--writer-ai-primary)}.account-page .text-primary{color:var(--writer-ai-primary)}.account-container{display:flex;flex-direction:column;width:95%;max-width:80rem;margin:0 auto;padding:2.5rem 1.5rem 1.5rem}@media (min-width:768px){.account-container{flex-direction:row;gap:2rem;padding-top:3rem;width:95%;max-width:80rem}}.account-sidenav{background:white;border-radius:.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:1.5rem;margin-bottom:1.5rem;width:100%}@media (min-width:768px){.account-sidenav{width:280px;position:sticky;top:6rem;height:calc(100vh - 8rem);margin-bottom:0;min-width:280px;flex-shrink:0}}.account-user-info{display:flex;align-items:center;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #f0f0f0}.account-avatar{width:3.5rem;height:3.5rem;border-radius:50%;background-color:var(--writer-ai-primary);color:white;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600;margin-right:1rem}.account-user-details h3{font-size:1rem;font-weight:600;margin:0;color:var(--writer-ai-text-medium)}.account-user-details p{font-size:.875rem;color:var(--writer-ai-text-light);margin:.25rem 0 .75rem;word-break:break-all}.account-plan-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.account-plan-badge,.account-plan-badge.free{background-color:var(--writer-ai-input-bg);color:var(--writer-ai-text-medium)}.account-plan-badge.pro{background-color:var(--writer-ai-primary);color:white}.account-plan-badge.standard{background-color:var(--writer-ai-accent-dark-blue);color:white}.account-nav{display:flex;flex-direction:column;gap:.5rem}.account-nav-item{display:flex;align-items:center;padding:.75rem;border-radius:.375rem;font-size:.875rem;font-weight:500;color:var(--writer-ai-text-medium);cursor:pointer;transition:all .2s ease;text-align:left;border:none;background:transparent}.account-nav-item svg{margin-right:.75rem}.account-nav-item:hover{background-color:var(--writer-ai-accent-hover);color:var(--writer-ai-text-dark)}.account-nav-item.active{background-color:var(--writer-ai-accent-light);color:var(--writer-ai-primary);border-radius:.25rem;padding:.5rem .75rem;font-weight:500}.account-content{flex:1;background:white;border-radius:.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:2.5rem;min-width:0;overflow-x:auto}.account-section-title{font-size:1.5rem;font-weight:600;color:var(--writer-ai-text-dark);margin-top:0;margin-bottom:1.5rem}.account-stats-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem;margin-bottom:1.5rem}@media (min-width:640px){.account-stats-grid{grid-template-columns:repeat(3,1fr)}}.account-stat-card{background-color:var(--writer-ai-input-bg);border-radius:.5rem;padding:1.25rem;display:flex;align-items:center}.account-stat-card svg{margin-right:1rem}.account-stat-card h3{font-size:.875rem;font-weight:500;color:var(--writer-ai-text-medium);margin:0}.account-stat-value{font-size:1.5rem;font-weight:600;color:var(--writer-ai-text-dark);margin:.25rem 0 0}.account-usage-summary{background-color:var(--writer-ai-input-bg);border-radius:.5rem;padding:1.25rem;margin-bottom:1.5rem}.account-usage-summary h3{font-size:1rem;font-weight:500;color:var(--writer-ai-text-medium);margin:0 0 1rem}.account-usage-progress{display:flex;flex-direction:column;gap:.5rem}.account-usage-bar{height:.5rem;background-color:var(--writer-ai-accent-light);border-radius:9999px;overflow:hidden}.account-usage-fill{height:100%;background-color:var(--writer-ai-primary);border-radius:9999px}.account-usage-text{display:flex;justify-content:space-between;font-size:.875rem;color:var(--writer-ai-text-light)}.account-activity{background-color:var(--writer-ai-input-bg);border-radius:.5rem;padding:1.25rem}.account-activity h3{font-size:1rem;font-weight:500;color:var(--writer-ai-text-medium);margin:0 0 .5rem}.account-detail-card{background-color:var(--writer-ai-input-bg);border-radius:.5rem;padding:1.25rem}.account-detail-card h3{font-size:1rem;font-weight:500;color:var(--writer-ai-text-medium);margin:0}.account-current-plan{background-color:var(--writer-ai-input-bg);border-radius:.5rem;padding:1.25rem}.account-plan-icon{width:3rem;height:3rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:white}.account-plan-icon.free{background-color:var(--writer-ai-primary)}.account-plan-icon.pro{background-color:var(--writer-ai-success)}.account-plan-icon.team{background-color:var(--writer-ai-warning)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:white;background-color:var(--writer-ai-primary);border:none;border-radius:.375rem;cursor:pointer;transition:background-color .2s ease}.btn-primary:hover{background-color:var(--writer-ai-primary-hover)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#4b5563;background-color:white;border:1px solid #e5e7eb;border-radius:.375rem;cursor:pointer;transition:background-color .2s ease}.btn-secondary:hover{background-color:#f9fafb}.btn-danger{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:white;background-color:#ef4444;border:none;border-radius:.375rem;cursor:pointer;transition:background-color .2s ease}.btn-danger:hover{background-color:#dc2626}.subscription-plans{margin-top:1rem}.billing-toggle{margin-bottom:1.5rem}.plan-card{padding:1.5rem;height:100%}.plan-card ul{list-style:none;padding:0;margin:0;flex-grow:1}.plan-card button{margin-top:auto}.subscription-container{width:100%;max-width:1200px;margin:0 auto}.plan-card{position:relative;padding:2rem;border-radius:.5rem;border:1px solid #e5e7eb;background:white;transition:all .3s ease;min-height:420px;display:flex;flex-direction:column;justify-content:space-between;overflow:visible}.plan-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transform:translateY(-3px)}.plan-card .absolute{z-index:10;pointer-events:none}.plan-card button{position:relative;z-index:5;transition:all .2s ease}.plan-card button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,.1)}.plan-card button:disabled{opacity:.85}@media (max-width:768px){.plan-card{min-height:auto;margin-bottom:1.5rem}}