.orders-content{background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);flex-direction:column;flex-grow:1;padding:2.5rem;display:flex}.orders-header{border-bottom:1px solid var(--border-200);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.orders-title{color:var(--text-900);font-size:1.75rem;font-weight:700}.orders-filter-group{align-items:center;gap:.75rem;display:flex}.orders-filter-label{color:var(--text-500);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:600}.orders-filter-select{border:1px solid var(--border-200);border-radius:var(--radius-md);background-color:var(--bg-50);color:var(--text-800);cursor:pointer;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='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;outline:none;padding:.6rem 2.5rem .6rem 1rem;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .2s}.orders-filter-select:hover,.orders-filter-select:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px #2563eb1a}.orders-actions{justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.orders-search{flex:1;max-width:400px;position:relative}.orders-search-icon{color:var(--text-400);pointer-events:none;font-size:1.25rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.orders-search input{border:1px solid var(--border-200);border-radius:var(--radius-lg);width:100%;color:var(--text-900);padding:.75rem 1rem .75rem 2.75rem;font-size:.95rem;transition:all .2s}.orders-search input:focus{border-color:var(--primary-500);outline:none;box-shadow:0 0 0 3px #2563eb1a}.orders-quick-filters{gap:.75rem;display:flex}.btn-filter,.btn-filter-active{border-radius:var(--radius-full);cursor:pointer;border:none;padding:.6rem 1.25rem;font-size:.9rem;font-weight:500;transition:all .2s}.btn-filter{background:var(--bg-100);color:var(--text-600)}.btn-filter:hover{background:var(--bg-200);color:var(--text-900)}.btn-filter-active{background:var(--primary-50);color:var(--primary-600);box-shadow:inset 0 0 0 1px var(--primary-200)}.orders-table-container{margin-bottom:2rem;overflow-x:auto}.orders-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%}.orders-table th{color:var(--text-500);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-200);white-space:nowrap;padding:1rem 1.25rem;font-size:.8rem;font-weight:700}.orders-table th:last-child{text-align:right}.orders-table td{color:var(--text-800);border-bottom:1px solid var(--border-100);vertical-align:middle;padding:1.25rem;font-size:.95rem}.orders-table tr:last-child td{border-bottom:none}.order-id{color:var(--text-900);font-weight:700}.order-date{color:var(--text-600)}.order-total{color:var(--text-900);font-weight:600}.order-action{text-align:right}.btn-view-details{color:var(--primary-600);cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:.9rem;font-weight:600;transition:color .2s}.btn-view-details:hover{color:var(--primary-800);text-decoration:underline}.status-badge{border-radius:var(--radius-full);letter-spacing:.3px;align-items:center;padding:.35rem .85rem;font-size:.8rem;font-weight:600;display:inline-flex}.status-badge.delivered{color:#059669;background:#10b9811a}.status-badge.shipped{color:#2563eb;background:#3b82f61a}.status-badge.processing{color:#6d28d9;background:#8b5cf61a}.status-badge.cancelled{color:#dc2626;background:#ef44441a}.orders-pagination{border-top:1px solid var(--border-200);justify-content:space-between;align-items:center;margin-top:auto;padding-top:1.5rem;display:flex}.pagination-info{color:var(--text-500);font-size:.9rem}.pagination-info strong{color:var(--text-900);font-weight:600}.pagination-controls{gap:.25rem;display:flex}.page-btn{border:1px solid var(--border-200);background:var(--bg-white);border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-600);cursor:pointer;justify-content:center;align-items:center;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.page-btn:hover:not(:disabled){background:var(--bg-50);border-color:var(--border-300);color:var(--text-900)}.page-btn.active{background:var(--primary-600);border-color:var(--primary-600);color:#fff}.page-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-50)}@media (max-width:900px){.orders-actions{flex-direction:column;align-items:flex-start}.orders-search{width:100%;max-width:none}.orders-quick-filters{width:100%;padding-bottom:.5rem;overflow-x:auto}}