.auth-layout{background:#f8fafc;justify-content:center;align-items:center;min-height:calc(100vh - 140px);padding:2rem;display:flex}.auth-container{background:#fff;border-radius:24px;width:100%;max-width:1200px;height:700px;display:flex;overflow:hidden;box-shadow:0 20px 40px #0000000d}.auth-sidebar{display:none}@media (min-width:900px){.auth-sidebar{background:url(/images/custom-auth-bg.png) 50%/cover no-repeat;width:50%;display:block}}.auth-main{justify-content:center;align-items:center;width:100%;padding:1.5rem;display:flex;overflow-y:auto}@media (min-width:900px){.auth-main{width:50%;padding:1.5rem 3rem}}.auth-card{width:100%;max-width:440px}.auth-header{text-align:center;margin-bottom:1.5rem}.auth-header h2{color:#0f172a;margin-bottom:.3rem;font-size:1.6rem;font-weight:700}.auth-header p{color:#64748b;font-size:.9rem}.auth-form-group{margin-bottom:.9rem}.auth-label{color:#334155;margin-bottom:.3rem;font-size:.85rem;font-weight:500;display:block}.auth-input{background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;outline:none;width:100%;padding:.7rem 1rem;font-family:inherit;font-size:.9rem;transition:all .2s}.auth-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #22c55e1a}.auth-submit-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:.8rem;padding:.8rem;font-size:1rem;font-weight:600;transition:all .2s}.auth-submit-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #22c55e33}.social-login-divider{text-align:center;color:#94a3b8;align-items:center;margin:1.2rem 0;font-size:.85rem;display:flex}.social-login-divider:before,.social-login-divider:after{content:"";border-bottom:1px solid #e2e8f0;flex:1}.social-login-divider:not(:empty):before{margin-right:1rem}.social-login-divider:not(:empty):after{margin-left:1rem}.social-buttons{gap:1rem;margin-bottom:.8rem;display:flex}.social-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;gap:.8rem;width:100%;padding:.6rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.social-btn:hover{background:#f8fafc;border-color:#cbd5e1}.auth-switch{text-align:center;color:#64748b;margin-top:1.5rem;font-size:.9rem}.auth-switch button{color:var(--primary);cursor:pointer;font-weight:600;font-size:inherit;background:0 0;border:none;margin-left:.5rem;font-family:inherit}.auth-switch button:hover{text-decoration:underline}.account-page-layout{background:#f8fafc;min-height:70vh;padding:3rem 0 5rem}.account-dashboard{gap:2rem;max-width:1200px;min-height:60vh;margin:0 auto;padding:0 1.5rem;display:flex}.account-sidebar{background:#fff;border-radius:12px;width:280px;height:fit-content;padding:1.5rem 1rem;box-shadow:0 4px 6px -1px #0000000d}.account-sidebar-user{border-bottom:1px solid #e2e8f0;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;padding-left:.5rem;display:flex}.account-nav{flex-direction:column;gap:.5rem;display:flex}.account-nav-btn{color:#475569;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:1rem;width:100%;padding:1rem;font-family:inherit;font-size:1rem;font-weight:500;transition:all .2s;display:flex}.account-nav-btn:hover{color:#0f172a;background:#f1f5f9}.account-nav-btn.active{color:var(--primary);background:#eff6ff;font-weight:600}.account-main{background:#fff;border-radius:12px;flex:1;padding:2.5rem;box-shadow:0 4px 6px -1px #0000000d}.account-section-title{color:#0f172a;border-bottom:1px solid #e2e8f0;margin-bottom:1.5rem;padding-bottom:1rem;font-size:1.5rem;font-weight:600}.order-item-card{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.mobile-account-bar{width:100%;margin-bottom:1rem;display:block}.mobile-account-btn{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:1rem 1.2rem;transition:all .2s;display:flex;box-shadow:0 4px 6px -1px #0000000d}.mobile-account-btn:active{background:#f8fafc;transform:scale(.98)}.account-sidebar-mobile-header{display:none}.filter-overlay{z-index:99;opacity:0;pointer-events:none;background:#00000080;transition:opacity .3s;position:fixed;inset:0}.filter-overlay.open{opacity:1;pointer-events:auto}.close-filter-btn{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}@media (min-width:769px){.mobile-account-bar,.close-filter-btn,.filter-overlay{display:none}}@media (max-width:768px){.account-page-layout{padding:1.5rem 0 3rem}.account-dashboard{flex-direction:column;gap:1rem}.account-sidebar{z-index:100;background:#fff;border-radius:0;width:280px;height:100vh;padding:0;transition:left .3s;position:fixed;top:0;left:-100%;overflow-y:auto;box-shadow:2px 0 10px #0000001a}.account-sidebar.open{left:0}.account-sidebar-user{margin-bottom:1.5rem;padding:0 1.5rem 1.5rem}.account-nav{padding:0 1.5rem 1.5rem}.account-sidebar-mobile-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1.5rem;display:flex}.account-sidebar-mobile-header h2{margin:0;font-size:1.2rem}.account-main{padding:1.5rem}}.hover-text-primary:hover{color:var(--primary)!important}