.account-container .account-wrapper{display:flex;grid-gap:2rem}.account-container .account-filter-card{border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:20px;width:30%}.account-container .account-details-data{width:70%}.person-name{align-items:center;display:flex;margin-bottom:20px;grid-gap:12px}.person-name .person-icon{border-radius:50%;margin-right:15px}.person-name .box{display:flex;flex-direction:column}.person-name .box span{color:#888;font-size:14px}.person-name .box p{color:#333;font-size:18px;font-weight:700;margin:0}.all-category-name{list-style:none;margin:0;padding:0}.all-category-name li{border-bottom:1px solid #e0e0e0;color:#333;cursor:pointer;font-size:16px;padding:10px;transition:background-color .2s ease}.all-category-name li:hover{background-color:#f6f6f4}.all-category-name li:last-child{border-bottom:none}.empty-table-message{color:#555;font-size:16px;padding:20px;text-align:center}.order-table{border-collapse:collapse;margin:20px 0;width:100%}.order-table td,.order-table th{border:2px solid #ddd;border-radius:8px;overflow:hidden;padding:12px;text-align:left}.order-table th{background-color:#f4f4f4;color:#333;font-weight:700}.order-table td{color:#555}.order-table tr:hover{background-color:#f9f9f9}.order-table .cancel-order,.order-table .view-details{background-color:transparent;border:none;border-radius:4px;color:#1580ff;cursor:pointer;font-size:14px;margin-right:5px;padding:6px 12px;text-decoration:underline}.order-table .cancel-order{background-color:#dc3545;color:#fff}.order-table .cancel-order:hover{background-color:#c82333}.account-container .address-details{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem}.account-container .address-details div{background-color:#f9f4ee;padding:1rem}.account-container .address-details .button{align-items:center;background-color:transparent;display:flex;margin-left:auto;padding:8px}.account-container .address-details .button img{pointer-events:none}.all-category-name .nav-item.active{background-color:#f6f6f4}.account-container .order-details{height:0;opacity:0;pointer-events:none;position:relative;transition:.5s ease}.account-container .order-details.active,.account-container .order-wrapper{height:auto;opacity:1;pointer-events:auto}.account-container .order-wrapper{overflow-x:auto;transition:.5s ease}.account-container .order-wrapper.active{height:0;opacity:0;pointer-events:none}.account-container .order-details .close-button{background-color:transparent;border:none;position:absolute;right:12px;top:18px;transform:rotate(45deg)}.billing-address-form{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;height:0;margin:0 auto;max-width:800px;opacity:0;padding:0;pointer-events:none;position:relative;transition:.5s ease}.billing-address-form.active{height:auto;opacity:1;padding:20px;pointer-events:auto}.form-grid{display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:700;margin-bottom:5px}.form-group input{border:1px solid #ccc;border-radius:4px;padding:10px}.close-add-button{background-color:transparent;border:none;position:absolute;right:12px;top:18px;transform:rotate(45deg)}.account-details-data .address-card-wrapper{height:auto;opacity:1;pointer-events:auto}.account-details-data .address-card-wrapper.active{height:0;opacity:0;pointer-events:none;transition:.5s ease}.account-details-data .form-grid{margin-bottom:24px}.person-name .person-icon{width:80px}@media screen and (max-width:992px){.account-container .account-wrapper{grid-gap:1rem}.person-name .person-icon{width:52px}.person-name{margin-bottom:12px}.account-container .account-filter-card{padding:12px}}@media screen and (max-width:767px){.account-container .account-wrapper{flex-direction:column}.account-container .account-details-data,.account-container .account-filter-card{width:100%}.account-container .address-details div{padding:12px 6px}}