.account-main,.account-main *{font-family:Inter,sans-serif!important;font-weight:300!important}.account-main{background:#fff;min-height:100vh;padding:100px 40px 60px}.account-container{max-width:600px;margin:0 auto}.account-tabs{border-bottom:1px solid #e5e5e5;gap:0;margin-bottom:32px;display:flex}.account-tab{color:#666;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:8px;margin-bottom:-1px;padding:12px 20px;font-size:14px;transition:all .2s;display:flex}.account-tab svg{flex-shrink:0;width:18px;height:18px}.account-tab span{white-space:nowrap}.account-tab:hover{color:#333}.account-tab.active{color:#1a1a1a;border-bottom-color:#1a1a1a;font-weight:500!important}.account-content{animation:.2s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.account-section{flex-direction:column;gap:20px;display:flex}.profile-rows{flex-direction:column;gap:0;display:flex}.profile-row{justify-content:space-between;align-items:center;padding:16px 0;display:flex}.profile-row.clickable{cursor:pointer}.profile-row.clickable:hover .profile-value{color:#333}.profile-label{color:#666;font-size:14px}.profile-value{color:#1a1a1a;font-size:14px;font-weight:500!important}.profile-value-with-arrow{align-items:center;gap:8px;display:flex;position:relative}.profile-value-with-arrow svg{color:#999}.account-card{background:#fafafa;border:1px solid #e5e5e5;border-radius:12px;overflow:hidden}.card-row{border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.card-row:last-child{border-bottom:none}.card-row.clickable{cursor:pointer;transition:background .15s}.card-row.clickable:hover{background:#f0f0f0}.card-label{color:#666;font-size:14px}.card-value{color:#1a1a1a;font-size:14px;font-weight:500!important}.card-value-with-arrow{align-items:center;gap:8px;display:flex;position:relative}.card-value-with-arrow svg{color:#999}.language-dropdown-menu{z-index:100;background:#fff;border:1px solid #e5e5e5;border-radius:10px;min-width:180px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}.dropdown-item{color:#333;cursor:pointer;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;transition:background .15s;display:flex}.dropdown-item:hover{background:#f5f5f5}.dropdown-item.selected{background:#f5f5f5;font-weight:500!important}.dropdown-item svg{color:#1a1a1a}.logout-button{color:#666;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:12px;padding:14px 20px;font-size:14px;transition:all .2s;display:flex}.logout-button:hover{color:#dc2626;background:#fef2f2;border-color:#dc2626}.logout-button:hover svg{stroke:#dc2626}.subscription-status-card{text-align:center;background:linear-gradient(135deg,#f8f8f8 0%,#f0f0f0 100%);border:1px solid #e5e5e5;border-radius:16px;padding:32px}.plan-badge{margin-bottom:16px}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:6px 16px;font-size:12px;display:inline-block;font-weight:600!important}.badge.free{color:#666;background:#f5f5f5}.badge.premium{color:#fff;background:linear-gradient(135deg,#1a1a1a 0%,#333 100%)}.plan-name{color:#1a1a1a;margin:0 0 8px;font-size:24px;font-weight:500!important}.plan-description{color:#666;margin:0;font-size:14px}.action-button{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:100%;padding:14px 24px;font-size:14px;text-decoration:none;transition:all .2s;display:flex;font-weight:500!important}.action-button.primary{color:#fff;background:#1a1a1a}.action-button.primary:hover{background:#333}.action-button.secondary{color:#1a1a1a;background:#fff;border:1px solid #e5e5e5}.action-button.secondary:hover{background:#f5f5f5;border-color:#d0d0d0}.loading-state{color:#666;flex-direction:column;align-items:center;gap:12px;padding:48px 20px;font-size:14px;display:flex}.loading-spinner{border:2px solid #e5e5e5;border-top-color:#1a1a1a;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;flex-direction:column;align-items:center;padding:48px 20px;display:flex}.empty-state svg{color:#d0d0d0;margin-bottom:20px}.empty-state h3{color:#1a1a1a;margin:0 0 8px;font-size:18px;font-weight:500!important}.empty-state p{color:#666;max-width:280px;margin:0 0 24px;font-size:14px}.orders-list{flex-direction:column;gap:12px;display:flex}.order-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;overflow:hidden}.order-header{cursor:pointer;justify-content:space-between;align-items:center;padding:16px 20px;transition:background .15s;display:flex}.order-header:hover{background:#fafafa}.order-info{flex-direction:column;gap:4px;display:flex}.order-date{color:#1a1a1a;font-size:14px;font-weight:500!important}.order-items-count{color:#666;font-size:13px}.order-right{align-items:center;gap:12px;display:flex}.order-total{color:#1a1a1a;font-size:15px;font-weight:600!important}.order-status{text-transform:uppercase;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:500!important}.order-status.completed{color:#166534;background:#dcfce7}.order-status.pending{color:#92400e;background:#fef3c7}.order-status.refunded{color:#3730a3;background:#e0e7ff}.order-status.failed{color:#991b1b;background:#fee2e2}.expand-icon{color:#999;transition:transform .2s}.expand-icon.expanded{transform:rotate(180deg)}.order-details{background:#fafafa;border-top:1px solid #e5e5e5;padding:16px 20px}.order-item{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.order-item:not(:last-child){border-bottom:1px solid #e5e5e5}.item-name{color:#1a1a1a;font-size:14px}.item-right{align-items:center;gap:12px;display:flex}.item-qty{color:#666;font-size:13px}.item-price{color:#1a1a1a;font-size:14px;font-weight:500!important}.order-footer{border-top:1px solid #e5e5e5;margin-top:12px;padding-top:12px}.order-id{color:#999;font-size:11px;font-family:SF Mono,Monaco,monospace!important}@media (max-width:768px){.account-main{padding:90px 20px 40px}.account-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:4px;overflow-x:auto}.account-tabs::-webkit-scrollbar{display:none}.account-tab{white-space:nowrap;padding:10px 14px;font-size:13px}.account-tab svg{width:18px;height:18px}.subscription-status-card{padding:24px 20px}.plan-name{font-size:20px}.order-right{gap:8px}.order-status{padding:3px 8px;font-size:10px}}@media (max-width:480px){.account-tab{padding:10px 12px;font-size:13px}.order-right{flex-direction:column;align-items:flex-end;gap:4px}.expand-icon{display:none}}@media (min-width:769px){.account-main{justify-content:flex-start;padding:100px 80px 60px;display:flex}.account-container{gap:40px;max-width:800px;margin:0;display:flex}.account-tabs{border-bottom:none;flex-direction:column;gap:12px;width:160px;margin-bottom:0}.account-tab{flex:unset;border-bottom:none;justify-content:flex-start;gap:8px;width:100%;margin-bottom:0;padding:6px 0;font-size:13px}.account-tab svg{width:14px;height:14px}.account-tab.active{text-underline-offset:3px;background:0 0;text-decoration:underline}.account-content{flex:1;min-width:400px}}
