.order-container{max-width:900px;margin:auto}.order-container .filter-container{max-width:900px;margin:50px 0;background:#fff;border-radius:8px}.order-container .filter-container form{display:flex;gap:20px;align-items:center}.order-container .filter-container .filter-group{margin-bottom:18px;width:100%}.order-container .filter-container .filter-group .filter-label{display:block;font-weight:600;font-size:.95rem;margin-bottom:6px;color:#0a4c36}.order-container .filter-container .filter-group select{width:100%;padding:10px 12px;font-size:.95rem;border:1px solid #40a944;border-radius:6px;background-color:#fff;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:18px;cursor:pointer;transition:border .2s}.order-container .filter-container .filter-group select:focus{outline:0;border-color:#fd9356;box-shadow:0 0 0 2px rgba(0,102,204,.15)}.order-container .filter-container .filter-btn{width:100%;padding:11px;background-color:#eb5a07;color:#fff;font-weight:500;font-size:18px;border:none;border-radius:6px;cursor:pointer;transition:background .2s;height:45px;margin-top:6px}.order-container .filter-container .filter-btn:hover{background-color:#0a4c36}.order-container .filter-container .filter-btn:active{transform:translateY(1px)}.order-container .order-card{margin:50px 0}.order-container .filter-container .order-card{background:#fff;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.08);margin-bottom:30px;overflow:hidden}.order-container .order-card .order-header{background:#ffefea;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;font-size:16px;border-bottom:1px solid #eaeaea;border-top-left-radius:5px;border-top-right-radius:5px}.order-container .order-card .order-header .col{flex:1;min-width:120px;color:#353434}.order-container .order-card .order-header .col:last-child{text-align:right}.order-container .order-card .order-header .download-btn{display:inline-flex;align-items:center;gap:5px;color:#06c;font-size:16px;text-decoration:none;cursor:pointer}.order-container .order-card .order-header .download-btn img{height:18px}.order-container .order-card .order-header .download-btn:hover{text-decoration:underline}.order-container .order-card .order-items{width:100%;border-collapse:collapse}.order-container .order-card .order-items th,.order-items td{padding:12px 15px;text-align:left}.order-container .order-card .order-items th{background:#0a4c36;font-weight:500;color:#fff;font-size:16px}.order-container .order-card .order-items td{background-color:#effbed}.order-container .order-card .order-items tbody tr{border-bottom:1px solid #b8d4b8}.order-container .order-card .order-items td img{width:50px;height:50px;object-fit:cover;border-radius:4px;vertical-align:middle}.order-container .order-card .order-items .product-name{display:flex;align-items:center;gap:12px}.order-container .order-card .order-items .cancelled{color:#d9534f;font-weight:500}.order-container .order-card .order-items .delivery{color:green;font-weight:500}.order-container .order-card .order-items .process{color:#eb5a07;font-weight:500}@media (max-width:600px){.order-container .order-card .order-header{flex-direction:column;align-items:flex-start}.order-container .order-card .order-header .col{min-width:auto}.order-container .filter-container form{display:block}}