:root{--primary-white:#ffffff;--off-white:#fafbfc;--soft-white:#f8f9fa;--subtle-gray:#f1f3f5;--light-gray:#e9ecef;--border-gray:#dee2e6;--medium-gray:#adb5bd;--text-gray:#495057;--dark-text:#212529;--darker-text:#0c0e10;--accent-blue:#0b76ff;--accent-blue-light:#3aa0ff;--accent-blue-dark:#0a5ecc;--accent-green:#00d26a;--accent-orange:#ff9500;--accent-red:#ff3b30;--accent-purple:#8b5cf6;--gradient-blue:linear-gradient(135deg, #0b76ff 0%, #3aa0ff 100%);--gradient-green:linear-gradient(135deg, #00d26a 0%, #00ff87 100%);--gradient-orange:linear-gradient(135deg, #ff9500 0%, #ffaa33 100%);--gradient-subtle:linear-gradient(135deg, #fafbfc 0%, #f8f9fa 100%);--shadow-xs:0 1px 2px rgba(0, 0, 0, 0.04);--shadow-sm:0 2px 4px rgba(0, 0, 0, 0.06);--shadow-md:0 3px 8px rgba(0, 0, 0, 0.08);--shadow-lg:0 6px 16px rgba(0, 0, 0, 0.10);--shadow-xl:0 12px 32px rgba(0, 0, 0, 0.12);--shadow-accent:0 4px 12px rgba(11, 118, 255, 0.16);--font-primary:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;--font-mono:'Menlo', 'Monaco', 'Courier New', monospace;--space-xs:4px;--space-sm:6px;--space-md:10px;--space-lg:14px;--space-xl:18px;--space-2xl:24px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:10px;--radius-full:9999px;--timing-fast:0.15s cubic-bezier(0.4, 0, 0.2, 1);--timing-normal:0.2s cubic-bezier(0.4, 0, 0.2, 1);--timing-smooth:0.3s cubic-bezier(0.4, 0, 0.2, 1);--header-height:68px;--sidebar-width:280px;--sidebar-collapsed:60px;--kyc-banner-height:48px;--z-card:10;--z-dropdown:100;--z-sticky:500;--z-modal:1000;--z-overlay:999}.orders-page{margin-left:var(--sidebar-width);padding:var(--space-xl) var(--space-lg);min-height:calc(100vh - var(--header-height));background:var(--off-white);transition:margin-left var(--timing-smooth);max-width:calc(100vw - var(--sidebar-width));overflow-x:hidden;margin-top:calc(var(--header-height) + 3px)}.main-nav.collapsed~.orders-page{margin-left:var(--sidebar-collapsed);max-width:calc(100vw - var(--sidebar-collapsed))}body.has-kyc-banner .orders-page{margin-top:calc(var(--header-height) + var(--kyc-banner-height) + 3px)}.kyc-banner{position:fixed;top:var(--header-height);left:0;right:0;z-index:var(--z-sticky);background:linear-gradient(90deg,#fff8e1,#fff3cd);border-bottom:1px solid #ffd54f;box-shadow:var(--shadow-sm);padding:0;height:var(--kyc-banner-height);display:flex;align-items:center;animation:slideDown 0.3s ease}@keyframes slideDown{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.kyc-banner-inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1400px;margin:0 auto;padding:0 var(--space-xl)}.kyc-text{font-size:.8125rem;font-weight:700;color:#8b6914;letter-spacing:.01em}.kyc-link{display:inline-block;background:var(--gradient-blue);color:#fff;padding:4px 12px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;text-decoration:none;margin-right:var(--space-sm);transition:all var(--timing-normal);box-shadow:var(--shadow-xs)}.kyc-link:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.kyc-close{background:#fff0;border:none;color:#8b6914;font-size:1.1rem;font-weight:700;cursor:pointer;padding:2px 6px;transition:all var(--timing-fast)}.kyc-close:hover{color:var(--accent-red);transform:scale(1.1)}.orders-top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-xl);padding:var(--space-xl);margin-bottom:var(--space-xl);background:var(--primary-white);border:1px solid var(--border-gray);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.orders-top::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-blue)}.page-heading h1{font-size:1.375rem;font-weight:800;color:var(--darker-text);letter-spacing:-.02em;line-height:1.2;margin:0 0 var(--space-xs) 0}.page-heading .subtitle{font-size:.8125rem;font-weight:600;color:var(--text-gray);margin:0;line-height:1.4}.order-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);width:100%;max-width:600px}.metric{background:var(--primary-white);border:1px solid var(--border-gray);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-xs);transition:all var(--timing-normal);position:relative;overflow:hidden;text-align:center;min-height:75px;display:flex;flex-direction:column;justify-content:center}.metric::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:var(--gradient-blue)}.metric:nth-child(2)::before{background:var(--gradient-green)}.metric:nth-child(3)::before{background:var(--gradient-orange)}.metric:nth-child(4)::before{background:linear-gradient(180deg,#6b7280,#4b5563)}.metric:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent-blue-light)}.metric-count{font-size:1.625rem;font-weight:900;color:var(--darker-text);line-height:1;background:var(--gradient-blue);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;margin-bottom:2px}.metric:nth-child(2) .metric-count{background:var(--gradient-green);-webkit-background-clip:text;-webkit-text-fill-color:#fff0}.metric:nth-child(3) .metric-count{background:var(--gradient-orange);-webkit-background-clip:text;-webkit-text-fill-color:#fff0}.metric:nth-child(4) .metric-count{background:linear-gradient(135deg,#6b7280,#4b5563);-webkit-background-clip:text;-webkit-text-fill-color:#fff0}.metric-label{font-size:.6875rem;font-weight:700;color:var(--text-gray);text-transform:uppercase;letter-spacing:.06em}.orders-filters{background:var(--primary-white);border:1px solid var(--border-gray);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl);box-shadow:var(--shadow-xs)}.filter-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-sm);align-items:center}.filter-form input[type="text"],.filter-form input[type="date"],.filter-form select{width:100%;height:36px;padding:0 var(--space-md);border:1px solid var(--border-gray);border-radius:var(--radius-md);background:var(--primary-white);font-size:.8125rem;font-weight:600;color:var(--dark-text);font-family:var(--font-primary);transition:all var(--timing-normal);box-sizing:border-box}.filter-form input:focus,.filter-form select:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 2px rgb(11 118 255 / .1)}.filter-form input::placeholder{color:var(--medium-gray);font-weight:500}.filter-form select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23495057' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:14px;padding-right:2.5rem;cursor:pointer}.filter-form .btn{height:36px;padding:0 var(--space-xl);border-radius:var(--radius-md);border:none;font-size:.8125rem;font-weight:700;cursor:pointer;transition:all var(--timing-normal);white-space:nowrap;font-family:var(--font-primary);letter-spacing:.02em}#btn-apply-filters{background:var(--gradient-blue);color:var(--primary-white);box-shadow:var(--shadow-accent)}#btn-apply-filters:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgb(11 118 255 / .25)}#btn-reset-filters{background:var(--primary-white);color:var(--text-gray);border:1px solid var(--border-gray);box-shadow:var(--shadow-xs)}#btn-reset-filters:hover{background:var(--soft-white);border-color:var(--accent-blue);color:var(--accent-blue);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.orders-table-wrap{background:var(--primary-white);border:1px solid var(--border-gray);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);overflow:visible!important;margin-bottom:var(--space-xl)}.table-actions{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) 0;margin-bottom:var(--space-md);border-bottom:1px solid var(--light-gray)}.table-actions label{display:flex;align-items:center;gap:var(--space-sm);font-size:.8125rem;font-weight:700;color:var(--dark-text);cursor:pointer}.table-actions input[type="checkbox"]{width:16px;height:16px;border:1.5px solid var(--medium-gray);border-radius:var(--radius-sm);cursor:pointer;accent-color:var(--accent-blue)}.bulk-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.bulk-actions .btn{padding:6px 14px;border-radius:var(--radius-md);border:none;font-size:.75rem;font-weight:700;cursor:pointer;transition:all var(--timing-normal);white-space:nowrap;letter-spacing:.01em;text-transform:uppercase;font-family:var(--font-primary)}#bulk-export{background:var(--gradient-blue);color:var(--primary-white);box-shadow:var(--shadow-xs)}#create-b2c{background:var(--gradient-blue);color:var(--primary-white);box-shadow:var(--shadow-xs)}#create-b2b{background:var(--gradient-blue);color:var(--primary-white);box-shadow:var(--shadow-xs)}#bulk-export:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}#bulk-print{background:var(--gradient-orange);color:var(--primary-white);box-shadow:var(--shadow-xs)}#bulk-print:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}#bulk-invoice{background:var(--gradient-green);color:var(--primary-white);box-shadow:var(--shadow-xs)}#bulk-invoice:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}#create-b2c:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}#create-b2b:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.orders-table{width:100%;border-collapse:collapse;background:var(--primary-white);font-size:.8125rem;table-layout:auto}.orders-table caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.orders-table thead{background:var(--subtle-gray);position:sticky;top:calc(var(--header-height) + 3px);z-index:var(--z-sticky)}body.has-kyc-banner .orders-table thead{top:calc(var(--header-height) + var(--kyc-banner-height) + 3px)}.orders-table thead th{padding:var(--space-md) var(--space-sm);text-align:left;font-weight:800;color:var(--darker-text);font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;border-bottom:2px solid var(--border-gray);white-space:nowrap;background:var(--subtle-gray)}.orders-table thead th:first-child{padding-left:var(--space-lg);width:32px}.orders-table thead th:last-child{padding-right:var(--space-lg);text-align:center}.orders-table tbody tr{border-bottom:1px solid var(--light-gray);transition:all var(--timing-fast)}.orders-table tbody tr:hover{background:var(--soft-white);box-shadow:inset 0 0 0 1px var(--accent-blue-light)}.orders-table tbody tr:last-child{border-bottom:none}.orders-table tbody td{padding:var(--space-md) var(--space-sm);color:var(--dark-text);font-size:.8125rem;font-weight:600;vertical-align:middle;line-height:1.4}.orders-table tbody td:first-child{padding-left:var(--space-lg)}.orders-table tbody td:last-child{padding-right:var(--space-lg);text-align:center}.orders-table .select-order{width:16px;height:16px;border:1.5px solid var(--medium-gray);border-radius:var(--radius-sm);cursor:pointer;accent-color:var(--accent-blue)}.status-chip{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);font-size:.6875rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;box-shadow:var(--shadow-xs)}.status-in-transit{background:linear-gradient(135deg,#0b76ff,#3aa0ff);color:var(--primary-white)}.status-delivered{background:linear-gradient(135deg,#00d26a,#00ff87);color:var(--primary-white)}.status-pending,.status-pickup-today,.status-pickup-tomorrow,.status-pickup-on{background:linear-gradient(135deg,#ff9500,#ffaa33);color:var(--primary-white)}.status-cancelled,.status-canceled{background:linear-gradient(135deg,#6b7280,#4b5563);color:var(--primary-white)}.action-menu{position:relative;display:inline-block}.action-toggle{background:var(--primary-white);border:1px solid var(--border-gray);border-radius:var(--radius-sm);width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;font-weight:700;color:var(--text-gray);transition:all var(--timing-fast);line-height:1}.action-toggle:hover{background:var(--soft-white);border-color:var(--accent-blue);color:var(--accent-blue);transform:scale(1.05)}.action-dropdown{display:none;position:absolute;bottom:calc(100% + 4px);top:auto;right:0;background:var(--primary-white);border:1px solid var(--border-gray);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:160px;z-index:999999999999!important;padding:var(--space-xs);animation:dropdownSlide 0.2s ease}@keyframes dropdownSlide{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.action-item{display:block;width:100%;padding:8px 12px;border:none;background:#fff0;text-align:left;font-size:.8125rem;font-weight:600;color:var(--dark-text);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--timing-fast);font-family:var(--font-primary)}.action-item:hover:not(:disabled){background:var(--soft-white);color:var(--accent-blue);transform:translateX(3px)}.action-item:disabled{opacity:.4;cursor:not-allowed}.action-item.cancel-order{color:var(--accent-red)}.action-item.cancel-order:hover{background:rgb(255 59 48 / .08);color:var(--accent-red)}.orders-pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-lg) 0 0;border-top:1px solid var(--light-gray);margin-top:var(--space-lg);flex-wrap:wrap}.orders-pagination .btn{padding:6px 14px;border:1px solid var(--border-gray);border-radius:var(--radius-md);background:var(--primary-white);color:var(--text-gray);font-weight:700;font-size:.8125rem;cursor:pointer;transition:all var(--timing-normal);min-width:80px;font-family:var(--font-primary)}.orders-pagination .btn:hover:not(:disabled){background:var(--soft-white);border-color:var(--accent-blue);color:var(--accent-blue);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.orders-pagination .btn:disabled{opacity:.4;cursor:not-allowed}.page-info{display:flex;align-items:center;gap:var(--space-xs);font-size:.8125rem;font-weight:700;color:var(--dark-text)}.current-page{width:50px;height:32px;text-align:center;padding:0 var(--space-sm);border:1px solid var(--border-gray);border-radius:var(--radius-sm);font-size:.8125rem;font-weight:700;color:var(--dark-text);font-family:var(--font-primary)}.current-page:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 2px rgb(11 118 255 / .1)}.page-size-label{font-size:.8125rem;font-weight:700;color:var(--dark-text)}.page-size{height:32px;padding:0 var(--space-md);border:1px solid var(--border-gray);border-radius:var(--radius-sm);font-size:.8125rem;font-weight:700;color:var(--dark-text);font-family:var(--font-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23495057' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:12px;padding-right:2rem}.page-size:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 2px rgb(11 118 255 / .1)}.modal-overlay{position:fixed!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100vw!important;height:100vh!important;background:rgb(15 23 42 / .45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:999999!important;opacity:1!important}.modal-overlay.hidden{display:none!important}.modal-window{background:#fff;border-radius:14px;width:90%;max-width:720px;max-height:88vh;overflow-y:auto;box-shadow:0 20px 45px rgb(0 0 0 / .25);position:relative;animation:modalFadeIn 0.25s ease-out;padding-bottom:20px}@keyframes modalFadeIn{from{opacity:0;transform:translateY(15px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;position:sticky;top:0;background:#fffe;backdrop-filter:blur(4px);z-index:20;border-bottom:none!important}.modal-header h2{font-size:1.25rem;font-weight:800;color:var(--darker-text);margin:0;letter-spacing:-.015em}.modal-close{width:30px;height:30px;border-radius:50%;border:1px solid #d1d5db;display:flex;align-items:center;justify-content:center;background:#f5f5f5;cursor:pointer;font-size:1.1rem;font-weight:700;color:#555;transition:0.15s ease}.modal-close:hover{transform:scale(1.1);background:#ef4444;border-color:#ef4444;color:#fff}.modal-close:active{transform:scale(.95)}.modal-body{padding:20px 26px}.modal-window,.modal-body{scrollbar-width:none;-ms-overflow-style:none}.modal-window::-webkit-scrollbar,.modal-body::-webkit-scrollbar{width:0;height:0}.modal-window::-webkit-scrollbar-track,.modal-body::-webkit-scrollbar-track,.modal-window::-webkit-scrollbar-thumb,.modal-body::-webkit-scrollbar-thumb{background:transparent!important}.order-view-content{padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-xl)}.order-section{background:var(--soft-white);border:1px solid var(--border-gray);border-radius:var(--radius-md);padding:var(--space-lg)}.order-section h3{font-size:.875rem;font-weight:800;color:var(--darker-text);margin:0 0 var(--space-md) 0;text-transform:uppercase;letter-spacing:.04em;padding-bottom:var(--space-sm);border-bottom:1px solid var(--light-gray)}.order-section p{margin:var(--space-sm) 0;font-size:.8125rem;font-weight:600;color:var(--dark-text);line-height:1.5}.order-section strong{font-weight:800;color:var(--darker-text);display:inline-block;min-width:140px}.order-table{width:100%;border-collapse:collapse;background:var(--primary-white);border-radius:var(--radius-md);overflow:hidden;margin-top:var(--space-md);font-size:.8125rem;box-shadow:var(--shadow-xs)}.order-table thead{background:var(--subtle-gray)}.order-table thead th{padding:var(--space-sm) var(--space-md);text-align:left;font-weight:800;color:var(--darker-text);font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border-gray)}.order-table tbody tr{border-bottom:1px solid var(--light-gray);transition:all var(--timing-fast)}.order-table tbody tr:hover{background:var(--soft-white)}.order-table tbody tr:last-child{border-bottom:none}.order-table tbody td{padding:var(--space-sm) var(--space-md);color:var(--dark-text);font-size:.8125rem;font-weight:600}#rescheduleModal .modal-window{max-width:400px;padding:var(--space-2xl);text-align:center}#rescheduleModal h3{font-size:1rem;font-weight:800;color:var(--darker-text);margin:0 0 var(--space-lg) 0}#newPickupDate{width:100%;height:40px;padding:0 var(--space-md);border:1px solid var(--border-gray);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;color:var(--dark-text);font-family:var(--font-primary);margin-bottom:var(--space-xl);transition:all var(--timing-normal)}#newPickupDate:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 2px rgb(11 118 255 / .1)}#saveReschedule{background:var(--gradient-blue);color:var(--primary-white);border:none;padding:10px 24px;border-radius:var(--radius-md);font-size:.8125rem;font-weight:700;cursor:pointer;transition:all var(--timing-normal);margin-right:var(--space-md);box-shadow:var(--shadow-accent);font-family:var(--font-primary)}#saveReschedule:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgb(11 118 255 / .25)}#closeReschedule{background:var(--soft-white);color:var(--text-gray);border:1px solid var(--border-gray);padding:10px 24px;border-radius:var(--radius-md);font-size:.8125rem;font-weight:700;cursor:pointer;transition:all var(--timing-normal);font-family:var(--font-primary)}#closeReschedule:hover{background:var(--primary-white);border-color:var(--accent-blue);color:var(--accent-blue);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.order-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-top:var(--space-md)}.order-info-grid div{background:var(--soft-white);border:1px solid var(--border-gray);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-xs);transition:all var(--timing-fast)}.order-info-grid div:hover{border-color:var(--accent-blue-light);background:rgb(11 118 255 / .02)}.order-info-grid strong{display:block;font-size:.6875rem;font-weight:800;color:var(--text-gray);text-transform:uppercase;margin-bottom:4px;letter-spacing:.04em}.order-info-grid span{display:block;font-size:.8125rem;font-weight:700;color:var(--darker-text)}.info-icon{display:inline-block;margin-left:4px;cursor:pointer;color:var(--accent-blue);font-size:.875rem;user-select:none;vertical-align:middle;transition:color var(--timing-fast);font-weight:700}.info-icon:hover{color:var(--accent-blue-dark)}.price-breakdown{display:none;background:var(--soft-white);border:1px solid var(--border-gray);border-radius:var(--radius-md);margin-top:var(--space-md);padding:var(--space-md);font-size:.8125rem;color:var(--dark-text);box-shadow:var(--shadow-md);animation:fadeIn 0.2s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.price-breakdown p{margin:4px 0;display:flex;justify-content:space-between;font-weight:600}.price-breakdown hr{border:none;border-top:1px solid var(--light-gray);margin:var(--space-sm) 0}.price-breakdown strong{font-weight:800;color:var(--darker-text)}.view-order-btn{background:var(--gradient-blue);color:var(--primary-white);border:none;padding:6px 14px;border-radius:var(--radius-md);font-size:.75rem;font-weight:700;cursor:pointer;transition:all var(--timing-normal);display:inline-flex;align-items:center;justify-content:center;gap:6px;box-shadow:var(--shadow-xs);font-family:var(--font-primary);text-transform:uppercase;letter-spacing:.02em}.view-order-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.view-order-btn:active{transform:scale(.97)}.orders-table tbody td[colspan]{text-align:center;padding:var(--space-2xl) var(--space-lg);color:var(--text-gray);font-size:.875rem;font-weight:600}.loading-spinner{display:inline-block;width:32px;height:32px;border:3px solid var(--light-gray);border-top:3px solid var(--accent-blue);border-radius:50%;animation:spin 0.8s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}#toast-container{position:fixed;top:calc(var(--header-height) + 20px);right:25px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}body.has-kyc-banner #toast-container{top:calc(var(--header-height) + var(--kyc-banner-height) + 20px)}.toast{background:var(--primary-white);color:var(--dark-text);padding:14px 24px;border-radius:var(--radius-lg);font-family:var(--font-primary);font-size:.875rem;font-weight:600;box-shadow:var(--shadow-xl);opacity:0;transform:translateX(150%);transition:all 0.45s cubic-bezier(.22,1,.36,1);display:flex;align-items:center;gap:10px;min-width:280px;max-width:420px;pointer-events:auto;border:1px solid var(--border-gray)}.toast-icon{font-size:1.1rem;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-full);flex-shrink:0}.toast-message{flex:1;line-height:1.4}.toast-success{border-left:3px solid var(--accent-green)}.toast-success .toast-icon{background:var(--gradient-green);color:#fff}.toast-error{border-left:3px solid var(--accent-red)}.toast-error .toast-icon{background:var(--accent-red);color:#fff}.toast-warn{border-left:3px solid var(--accent-orange)}.toast-warn .toast-icon{background:var(--gradient-orange);color:#fff}.toast-info{border-left:3px solid var(--accent-blue)}.toast-info .toast-icon{background:var(--gradient-blue);color:#fff}.orders-table-wrap::-webkit-scrollbar,.modal-window::-webkit-scrollbar{width:6px;height:6px}.orders-table-wrap::-webkit-scrollbar-track,.modal-window::-webkit-scrollbar-track{background:var(--subtle-gray);border-radius:var(--radius-full)}.orders-table-wrap::-webkit-scrollbar-thumb,.modal-window::-webkit-scrollbar-thumb{background:var(--medium-gray);border-radius:var(--radius-full);transition:background var(--timing-normal)}.orders-table-wrap::-webkit-scrollbar-thumb:hover,.modal-window::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}@media (max-width:1200px){.orders-page{margin-left:var(--sidebar-collapsed);max-width:calc(100vw - var(--sidebar-collapsed));padding:var(--space-lg)}.order-metrics{grid-template-columns:repeat(2,1fr);max-width:100%}}@media (max-width:1024px){.orders-top{flex-direction:column;align-items:stretch}.order-metrics{max-width:100%}.filter-form{grid-template-columns:repeat(2,1fr)}.orders-table{font-size:.75rem}.orders-table thead th,.orders-table tbody td{padding:var(--space-sm) 4px}.order-info-grid{grid-template-columns:1fr}}@media (max-width:768px){.orders-page{margin-left:0;max-width:100vw;padding:var(--space-md)}.orders-top{padding:var(--space-md);margin-bottom:var(--space-md)}.page-heading h1{font-size:1.125rem}.page-heading .subtitle{font-size:.75rem}.order-metrics{grid-template-columns:1fr;gap:var(--space-sm)}.metric{min-height:65px;padding:var(--space-sm)}.metric-count{font-size:1.375rem}.orders-filters{padding:var(--space-md)}.filter-form{grid-template-columns:1fr}.orders-table-wrap{padding:var(--space-md);overflow-x:auto}.orders-table{min-width:900px}.table-actions{flex-direction:column;align-items:stretch;gap:var(--space-md)}.bulk-actions{flex-direction:column}.bulk-actions .btn{width:100%}.orders-pagination{flex-direction:column;gap:var(--space-sm)}.orders-pagination .btn{width:100%}.modal-window{width:95%;max-height:85vh}.modal-header,.order-view-content{padding:var(--space-md)}#rescheduleModal .modal-window{padding:var(--space-lg)}#toast-container{right:10px;left:10px}.toast{min-width:auto;max-width:100%}}@media (max-width:480px){.orders-page{padding:var(--space-sm)}.orders-top,.orders-filters,.orders-table-wrap{padding:var(--space-sm)}.page-heading h1{font-size:1rem}.metric{padding:var(--space-xs) var(--space-sm);min-height:60px}.metric-count{font-size:1.25rem}.metric-label{font-size:.625rem}.filter-form input,.filter-form select,.filter-form .btn{height:32px;font-size:.75rem}.modal-header h2{font-size:1rem}.modal-close{width:24px;height:24px;font-size:1rem}.order-section h3{font-size:.8125rem}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;transition-duration:0.01ms!important}}.orders-table tbody tr:focus-within{background:rgb(11 118 255 / .03);outline:2px solid var(--accent-blue-light);outline-offset:-2px}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}::selection{background:rgb(11 118 255 / .15);color:var(--darker-text)}@media print{.orders-filters,.table-actions,.orders-pagination,.action-menu,.kyc-banner,#toast-container{display:none!important}.orders-page{margin-left:0!important;padding:0!important;margin-top:0!important}.orders-table{font-size:9pt}.orders-table thead{position:static}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-black{font-weight:900}.text-small{font-size:.75rem}.text-base{font-size:.8125rem}.text-large{font-size:.9375rem}.hidden{display:none!important}.d-flex{display:flex}.d-grid{display:grid}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.w-full{width:100%}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.orders-page,.metric,.modal-window{will-change:transform;backface-visibility:hidden}.orders-table tbody tr{will-change:contents;backface-visibility:hidden}.action-dropdown{will-change:opacity,visibility;backface-visibility:hidden}.orders-table-wrap{contain:layout style}#cancelConfirmModal.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / .45);display:flex;justify-content:center;align-items:center;z-index:999999;animation:fadeIn 0.2s ease}.modal-box{background:#fff;padding:20px 25px;width:350px;border-radius:12px;box-shadow:0 10px 30px rgb(0 0 0 / .25);text-align:center;animation:popIn 0.25s ease}.modal-box h2{margin-bottom:8px;font-size:1.2rem;font-weight:800}.modal-box p{margin-bottom:20px;font-size:.9rem}.modal-actions{display:flex;justify-content:space-between;gap:10px}.btn-secondary{background:#e5e5e5;padding:10px 15px;border-radius:8px;font-weight:700;cursor:pointer;border:none;width:100%}.btn-danger{background:#ff3b30;color:#fff;padding:10px 15px;border-radius:8px;font-weight:700;cursor:pointer;border:none;width:100%}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes popIn{from{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.cancel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / .45);display:none;justify-content:center;align-items:center;z-index:999999}#cancelConfirmModal *{color:#000!important}