:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light only;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#747bff}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.app-container{display:flex;min-height:100vh;background:#f4f7f6}.sidebar{width:260px;background:#2c3e50;color:#ecf0f1;height:100vh;position:fixed;left:0;top:0;display:flex;flex-direction:column;box-shadow:4px 0 10px #0000001a;z-index:1000;transition:transform .3s ease}.sidebar-menu-container::-webkit-scrollbar{width:6px}.sidebar-menu-container::-webkit-scrollbar-track{background:#2c3e50}.sidebar-menu-container::-webkit-scrollbar-thumb{background:#4a627a;border-radius:10px}.sidebar-menu-container::-webkit-scrollbar-thumb:hover{background:#3498db}.main-content{flex:1;margin-left:260px;display:flex;flex-direction:column;min-width:0;transition:margin-left .3s ease}.header{height:64px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 30px;box-shadow:0 1px 4px #0000000d;position:sticky;top:0;z-index:900}.menu-toggle{display:none;font-size:1.5rem;color:#7f8c8d;cursor:pointer}.table-responsive{overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}.table-responsive table{min-width:600px}.overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:999}@media(max-width:1024px){.main-content main{padding:15px!important}}@media(max-width:1024px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.main-content main{padding:10px!important}.menu-toggle{display:block}.header{padding:0 10px}.overlay.visible{display:block}.table-responsive th,.table-responsive td{padding:8px 10px!important;font-size:.8rem!important}.header-user-role{display:none}}@media(max-width:480px){.table-responsive th,.table-responsive td{padding:6px 8px!important;font-size:.75rem!important}.header-user-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media print{@page{size:letter;margin:0}body{margin:0;padding:0;background:#fff;-webkit-print-color-adjust:exact;print-color-adjust:exact}.no-print,nav,header,footer,button,.sidebar{display:none!important}.print-container{display:block;width:215.9mm;height:auto;max-height:279.4mm;margin:0;padding:0;overflow:hidden;page-break-after:avoid;page-break-inside:avoid}.receipt-copy{height:139.7mm;box-sizing:border-box;padding:8mm 10mm;border-bottom:2px dashed #000;position:relative;overflow:hidden;display:flex;flex-direction:column;font-size:11px}.receipt-copy:last-child{border-bottom:none}.receipt-copy h1{font-size:1.2rem!important;margin:0 0 3px!important}.receipt-copy p{margin:2px 0!important}.receipt-copy table{font-size:11px!important}.receipt-header{text-align:center;margin-bottom:8px!important}.receipt-body{flex:1}.receipt-footer{margin-top:auto}.receipt-footer p{font-size:9px!important;line-height:1.2!important}.status-badge{border:2px solid #000;padding:3px 8px;font-weight:700}}@media screen{.print-container{border:1px solid #ddd;margin:20px auto;width:215.9mm;height:279.4mm;background:#fff;box-shadow:0 4px 20px #00000026;overflow:hidden}.receipt-copy{height:50%;box-sizing:border-box;padding:8mm 10mm;border-bottom:2px dashed #999;display:flex;flex-direction:column;overflow:hidden;font-size:12px}.receipt-copy:last-child{border-bottom:none}.receipt-body{flex:1}.receipt-footer{margin-top:auto}}