.top-bar{background-color:var(--secondary-color);color:#fff;padding:8px 0;font-size:14px}.top-bar .container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px}.contact-info{display:flex;gap:20px}.contact-info a{color:#fff;text-decoration:none}.social-icons{display:flex;gap:15px}.social-icons a{color:#fff;font-size:16px;transition:opacity .2s}.social-icons a:hover{opacity:.8}.main-header{background-color:#fff;box-shadow:0 2px 8px #0000000f;position:sticky;top:0;z-index:1000;width:100%;padding:0 20px;transition:all .3s ease}.main-header.scrolled{box-shadow:0 4px 12px #0000001a}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;height:64px}.logo img{height:0px}.header-left{display:flex;align-items:center;gap:4px}.desktop-menu{flex:1;margin-left:40px;display:flex;align-items:center}.header-nav{display:flex;align-items:center;gap:2px;flex:1;justify-content:center;min-width:0;overflow:hidden}.header-nav-link{color:#444;font-weight:500;font-size:14px;padding:8px 10px;border-radius:6px;text-decoration:none;white-space:nowrap;transition:color .2s ease,background-color .2s ease}.header-nav-link:hover{color:var(--primary-text, #c2410c);background:#fff4ee}.header-nav-link-active{color:var(--primary-text, #c2410c);font-weight:700}.header-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.username,.mobile-menu-button{display:none}.mobile-user-actions{margin-top:20px;border-top:1px solid var(--border-color);padding-top:20px}.mobile-user-info{display:flex;align-items:center;gap:10px;margin-bottom:15px;padding:0 10px}.mobile-auth-buttons{margin-top:20px;padding:0 10px}@media (max-width: 992px){.desktop-menu,.header-nav{display:none}.mobile-menu-button{display:block;padding:4px 8px;margin-left:-8px}}@media (max-width: 768px){.contact-info span:not(:first-child){display:none}.header-actions button:not(.mobile-menu-button){padding:4px 8px}.header-actions .ant-space{gap:4px!important}}@media (max-width: 576px){.top-bar{padding:5px 0}.social-icons{gap:10px}}.footer{background-color:var(--secondary-color);color:#fff;padding:0 20px 20px}.footer-content{max-width:1200px;margin:0 auto}.footer-logo{margin-bottom:20px}.footer-logo img{height:50px;margin-bottom:15px}.slogan{display:block;color:#fffc;margin-top:10px}.social-links{margin-top:15px}.social-links a{color:#fff;font-size:20px;margin-right:15px;transition:opacity .2s}.social-links a:hover{opacity:.8}.footer h5.ant-typography{color:#fff;margin-bottom:20px}.footer-links,.contact-info{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:10px}.footer-links a{color:#fffc;transition:color .2s}.footer-links a:hover{color:#fff}.contact-info li{display:flex;align-items:flex-start;margin-bottom:15px;color:#fffc}.contact-info .anticon{margin-right:10px;margin-top:4px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.footer-bottom .ant-typography{color:#fff9;font-size:14px}.footer-bottom-links{display:flex;gap:20px}.footer-bottom-links a{color:#fff9;font-size:14px;transition:color .2s}.footer-bottom-links a:hover{color:#fff}@media (max-width: 768px){.footer-bottom{flex-direction:column;align-items:flex-start;gap:10px}.footer-bottom-links{margin-top:10px}}.account-page{padding:30px 0;background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:calc(100vh - 134px)}.account-container{max-width:1200px;margin:0 auto;padding:0 20px}@media (max-width: 768px){.account-page{padding:15px 0}.account-container{padding:0 10px}}@media (max-width: 576px){.account-page{padding:10px 0}.account-container{padding:0 8px}}.profile-card,.dashboard-card,.orders-card,.wallet-card,.addresses-card,.account-details-card{margin-bottom:20px}.profile-header{display:flex;align-items:center;margin-bottom:20px}.profile-info{margin-left:20px}.profile-info h4{margin-bottom:5px}.profile-menu{display:flex;flex-direction:column}.menu-item{padding:12px 0;cursor:pointer;transition:all .3s ease;border-bottom:1px solid var(--border-color);display:flex;align-items:center}.menu-item:last-child{border-bottom:none}.menu-item .anticon{margin-right:10px;font-size:16px}.menu-item:hover{color:var(--primary-text)}.menu-item.active{color:var(--primary-text);font-weight:500}.menu-item.logout{margin-top:20px;color:#f5222d}.menu-item.logout:hover{color:#ff4d4f}.dashboard-stats{margin:20px 0}.wallet-balance{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.transaction-amount{text-align:right}.address-card{height:100%}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500}.form-control{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px}.form-actions{margin-top:30px}@media (max-width: 768px){.wallet-balance{flex-direction:column;align-items:flex-start}.wallet-balance button{margin-top:15px}.profile-menu{flex-direction:row;flex-wrap:wrap;justify-content:space-between}.menu-item{width:48%;border-bottom:none;margin-bottom:10px}.menu-item.logout{width:100%;margin-top:10px}}@media (max-width: 576px){.menu-item{width:100%}}:root{--primary-color: #f26522;--primary-text: #c2410c;--secondary-color: #0066b3;--text-color: #333333;--light-gray: #f5f5f5;--border-color: #e8e8e8;--success-color: #52c41a;--warning-color: #faad14;--error-color: #f5222d}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-color);background-color:#fff}.layout{min-height:100vh}.content{padding:0;min-height:calc(100vh - 134px);margin-top:20px}.loading-screen{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#fff}.logo-container{animation:pulse 1.5s infinite ease-in-out}.loading-logo{width:200px;height:auto}@keyframes pulse{0%{transform:scale(.95);opacity:.7}50%{transform:scale(1);opacity:1}to{transform:scale(.95);opacity:.7}}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s}@media (max-width: 768px){.content{padding:0}}@media (max-width: 390px){.env-text{display:none}}@media (display-mode: standalone){body{overscroll-behavior-y:contain}}input,textarea,select,button{font-size:16px!important;touch-action:manipulation}.ant-input,.ant-input-affix-wrapper,.ant-select-selector,.ant-input-number-input,.ant-picker-input input{font-size:16px!important}.order-status-delivered .ant-select-selector,.order-status-complete .ant-select-selector{background-color:#f0f9f0!important;border-color:#b7eb8f!important}.order-status-processing .ant-select-selector{background-color:#fff7e6!important;border-color:#ffd591!important}.order-status-pending .ant-select-selector{background-color:#e6f7ff!important;border-color:#91caff!important}.order-status-failed .ant-select-selector,.order-status-cancelled .ant-select-selector{background-color:#fff1f0!important;border-color:#ffccc7!important}.order-status-refunded .ant-select-selector{background-color:#f9f0ff!important;border-color:#d3adf7!important}.transaction-status-completed .ant-select-selector{background-color:#f0f9f0!important;border-color:#b7eb8f!important}.transaction-status-processing .ant-select-selector{background-color:#fff7e6!important;border-color:#ffd591!important}.transaction-status-pending .ant-select-selector{background-color:#e6f7ff!important;border-color:#91caff!important}.transaction-status-failed .ant-select-selector,.transaction-status-cancelled .ant-select-selector{background-color:#fff1f0!important;border-color:#ffccc7!important}.hero-section{background:linear-gradient(135deg,#f5f7fa,#e4e8eb);padding:60px 20px;text-align:center;margin-bottom:60px;margin-top:20px}