.main-content{max-width:1200px;margin:20px auto;padding:0 20px;display:flex;gap:20px}.sidebar{width:220px;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;flex-shrink:0}.sidebar-title{background-color:#0047ab;color:#fff;font-size:16px;font-weight:700;padding:15px 20px}.sidebar-menu{list-style:none;padding:0;margin:0}.sidebar-menu li{margin:0}.sidebar-menu a{display:block;padding:12px 20px;color:#333;text-decoration:none;font-size:14px;border-left:3px solid transparent;transition:all .3s}.sidebar-menu a:hover{background-color:#f5f7fa}.sidebar-menu a.active{background-color:#f0f5ff;color:#0047ab;border-left-color:#0047ab;font-weight:700}.content-area{flex:1;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.content-header{padding:15px 20px;border-bottom:1px solid #e0e0e0}.content-header h2{font-size:16px;font-weight:700;color:#333;margin:0}.content-body{padding:30px}.profile-card{padding:20px;background-color:#f8f9fa;border-radius:8px}.profile-card h3{font-size:16px;font-weight:700;color:#333;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #e0e0e0}.info-item{display:flex;margin-bottom:15px;font-size:14px}.info-item .label{width:100px;color:#888;flex-shrink:0}.info-item span:last-child{color:#333;font-weight:500}.password-form{max-width:500px;margin:0 auto}.form-group{display:flex;margin-bottom:20px;align-items:center}.form-group label{width:100px;font-size:14px;color:#333;flex-shrink:0}.form-group input{flex:1;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;outline:none}.form-group input:focus{border-color:#0047ab}.form-note{font-size:12px;color:#999;text-align:center;margin-bottom:25px}.submit-btn{display:block;width:180px;height:40px;margin:0 auto;background-color:#0047ab;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:700;cursor:pointer}.submit-btn:hover{background-color:#003a8c}.empty-state{text-align:center;padding:60px 20px;color:#999}.empty-state p{font-size:16px}.order-tabs{display:flex;justify-content:flex-end;gap:10px;margin-bottom:20px}.tab-btn{padding:8px 20px;border:1px solid #ddd;background-color:#fff;color:#666;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.tab-btn:hover{border-color:#0047ab;color:#0047ab}.tab-btn.active{background-color:#0047ab;color:#fff;border-color:#0047ab}.order-table{width:100%;border-collapse:collapse;font-size:14px}.order-table th{background-color:#f8f9fa;padding:12px 15px;text-align:left;font-weight:700;color:#333;border-bottom:2px solid #e0e0e0}.order-table td{padding:15px;border-bottom:1px solid #e0e0e0}.order-table tbody tr:hover{background-color:#f8f9fa}.order-price{color:#e53935;font-weight:700}.status-tag{display:inline-block;padding:4px 12px;border-radius:4px;font-size:12px}.status-pending{background-color:#e8f4fc;color:#0047ab}.status-shipping{background-color:#fff8e1;color:#e67e22}.status-completed{background-color:#e8f8e8;color:#27ae60}.view-detail-btn{padding:6px 16px;background-color:#0047ab;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px}.view-detail-btn:hover{background-color:#003a8c}.order-detail-filters{display:flex;align-items:center;gap:10px;padding:15px 20px;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;flex-wrap:wrap}.order-detail-filters input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;outline:none}.order-detail-filters input:focus{border-color:#0047ab}.order-detail-filters input[type=text]{width:180px}.order-detail-filters input[type=date]{width:140px}.date-separator{font-size:14px;color:#666}.filter-btn{padding:8px 25px;background-color:#0047ab;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700}.filter-btn:hover{background-color:#003a8c}.order-detail-table{width:100%;border-collapse:collapse;font-size:14px;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.order-detail-table th{background-color:#f8f9fa;padding:12px 10px;text-align:center;font-weight:700;color:#333;border-bottom:2px solid #e0e0e0}.order-detail-table td{padding:15px 10px;text-align:center;border-bottom:1px solid #e0e0e0;vertical-align:middle}.order-detail-table tbody tr:last-child td{border-bottom:none}.order-detail-table tbody tr:hover{background-color:#f8f9fa}.order-detail-image{width:60px;height:60px;background-color:#f5f7fa;margin:0 auto;display:flex;align-items:center;justify-content:center;color:#999;font-size:12px}.order-detail-image img{width:100%;height:100%;object-fit:cover}.order-detail-price,.order-detail-subtotal{color:#e53935;font-weight:700}.cart-table{width:100%;border-collapse:collapse;font-size:14px;margin-bottom:20px}.cart-table th{background-color:#f8f9fa;padding:12px 10px;text-align:center;font-weight:700;color:#333;border-bottom:2px solid #e0e0e0}.cart-table td{padding:15px 10px;text-align:center;border-bottom:1px solid #e0e0e0;vertical-align:middle}.cart-table tbody tr:hover{background-color:#f8f9fa}.cart-item-image{width:60px;height:60px;background-color:#f5f7fa;margin:0 auto;display:flex;align-items:center;justify-content:center;color:#999;font-size:12px}.cart-item-image img{width:100%;height:100%;object-fit:cover}.cart-item-name{text-align:left}.cart-item-name .product-name{font-weight:700;color:#333;display:block;margin-bottom:4px}.cart-item-name .product-spec{font-size:12px;color:#999}.cart-price,.cart-subtotal{color:#e53935;font-weight:700}.cart-item-quantity{display:flex;align-items:center;justify-content:center;gap:8px}.quantity-btn{width:24px;height:24px;border:1px solid #ddd;background-color:#fff;border-radius:3px;cursor:pointer;font-size:14px;line-height:20px}.quantity-btn:hover{border-color:#0047ab;color:#0047ab}.quantity-input{width:40px;height:24px;text-align:center;border:1px solid #ddd;border-radius:3px;font-size:14px}.cart-delete{color:#e53935;cursor:pointer;font-size:14px}.cart-delete:hover{text-decoration:underline}.cart-summary{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:#f8f9fa;border-radius:8px}.cart-summary-left{display:flex;align-items:center;gap:20px}.cart-summary-left label{cursor:pointer;font-size:14px;color:#333}.delete-selected{color:#e53935;cursor:pointer;font-size:14px}.delete-selected:hover{text-decoration:underline}.cart-summary-right{display:flex;align-items:center;gap:20px}#cartSelectedInfo{font-size:14px;color:#333}.cart-total{font-size:16px;color:#333}.cart-total .total-price{font-size:20px;color:#e53935;font-weight:700}.checkout-btn{padding:10px 30px;background-color:#0047ab;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700}.checkout-btn:hover{background-color:#003a8c}.order-detail-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:none;justify-content:center;align-items:center;z-index:200}.order-detail-modal-overlay.active{display:flex}.order-detail-modal{background-color:#fff;border-radius:8px;width:900px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column}.order-detail-modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #e0e0e0}.order-detail-modal-title{font-size:16px;font-weight:700;color:#333}.order-detail-modal-close{background:none;border:none;font-size:24px;color:#999;cursor:pointer;line-height:1;padding:0}.order-detail-modal-close:hover{color:#333}.order-detail-modal-body{padding:20px;overflow-y:auto;flex:1}@media (max-width: 768px){.main-content{flex-direction:column}.sidebar{width:100%}.sidebar-menu{display:flex;flex-wrap:wrap}.sidebar-menu li{flex:1;min-width:100px}.sidebar-menu a{text-align:center;border-left:none;border-bottom:3px solid transparent}.sidebar-menu a.active{border-left:none;border-bottom-color:#0047ab}.form-group{flex-direction:column;align-items:flex-start}.form-group label{width:100%;margin-bottom:5px}}