:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#010101;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,p{margin:0!important}.header-container{background-color:#93030d46;color:#000;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:10px 20px;text-align:center}.header-logo{width:300px;object-fit:contain}.header-title{font-size:32px;font-weight:700}.header-subtitle{font-size:18px;font-weight:400}.header-time{font-size:26px;font-weight:700}.table-container{width:100%;display:flex;justify-content:center;overflow-x:auto}table{width:100%;border-collapse:collapse;border:0px solid #93030d46;text-align:center;min-width:600px}thead{background-color:#93030c;color:#fff}th,td{padding:12px;border:.1rem solid #93030d83;font-weight:600;font-size:24px;word-wrap:break-word}.skus-container{text-align:left}.even-row{background-color:#93030d34}.odd-row{background-color:#fff}.status{font-weight:700;padding:6px;border-radius:4px;text-transform:capitalize}.delivered{background-color:#d4edda;color:#155724}.packed{background-color:#fff3cd;color:#856404}.cancelled{background-color:#f8d7da;color:#721c24}.placed{color:#155724}@media (max-width: 768px){th,td{font-size:18px;padding:8px}.table-container{overflow-x:auto}table{min-width:400px}.header-container{flex-direction:column;text-align:center;justify-content:center;align-items:center;row-gap:20px}}@media (max-width: 480px){th,td{font-size:16px;padding:6px}}.loader-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;background-color:#0000001a;position:fixed;top:0;left:0}.loader{width:50px;height:50px;border:5px solid #93030c;border-top:5px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container{display:flex;flex-direction:row;column-gap:10px;margin:20px;color:#93030c}.empty{width:100%;object-fit:contain}.center{display:flex;justify-content:center;align-items:center}