.publicTitle{border:none;color:#657D9D;padding:24px 32px!important;text-align:center;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc 0,#fff 100%)}.publicTitle h3{font-size:28px;font-weight:700;color:#1e293b;margin:0}.myOrderTable{margin-top:20px;border:none;background:#fff;border-radius:12px;box-shadow:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1);overflow:hidden;margin-bottom:20px;animation:slideInUp .5s ease-out}@keyframes slideInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tableHeaderLeft{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;width:100%;padding:0 32px}.tableHeaderLeft button{margin-left:0;margin-bottom:10px;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:500;border-radius:6px;border:2px solid #cbd5e1;cursor:pointer;transition:all .2s ease;text-decoration:none;background:#fff;font-family:inherit;white-space:nowrap;color:#475569}.tableHeaderLeft .btn-primary{background:linear-gradient(135deg,#2563eb 0,#1d4ed8 100%);color:#fff;box-shadow:0 1px 2px 0 rgb(0 0 0 / .05);border-color:#2563eb}.tableHeaderLeft .btn-primary:hover,.tableHeaderLeft button:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1)}.tableHeaderLeft button:hover{border-color:#94a3b8;background:#f8fafc}.tableHeaderLeft .btn-primary:hover{border-color:#1d4ed8}.tableHeaderLeft .btn-danger{background:linear-gradient(135deg,#ef4444 0,#dc2626 100%);color:#fff;border-color:#ef4444}.form-group{margin-bottom:24px}.form-group label{display:block;font-weight:600;color:#334155;margin-bottom:8px;font-size:14px}.form-control{width:100%;padding:12px 16px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;transition:all .2s ease;background:#fff}.form-control:focus{outline:0;border-color:#2563eb;box-shadow:0 0 0 3px #dbeafe}.require::after{content:"*";color:#ef4444;margin-left:2px}.tableWapp{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px 0 rgb(0 0 0 / .05);margin:24px 32px}.thead-light th{background:linear-gradient(135deg,#f8fafc 0,#f1f5f9 100%);border-bottom:1px solid #f1f5f9;font-weight:600;color:#334155;padding:16px}.footerBtns,.table tr:hover{background:#f8fafc}.table td{padding:16px;vertical-align:middle}.footerBtns{padding:24px 32px;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #e2e8f0}@media (max-width:768px){.container{padding:10px}.publicTitle{padding:20px!important}.publicTitle h3{font-size:24px}.tableHeaderLeft{justify-content:flex-start;padding:0 20px}.tableWapp{margin:24px 20px}.footerBtns{padding:20px;flex-direction:column;gap:8px}}