*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif}h1{font-size:22px}table{font-size:14px}@media print{body *{visibility:hidden}#receipt-print-area,#receipt-print-area *{visibility:visible}#receipt-print-area{box-sizing:border-box;position:absolute;top:0;left:0;width:100%!important;max-width:none!important;max-height:none!important;padding:10mm!important;overflow:visible!important}.no-print{display:none!important}@page{size:A4;margin:12mm}}.no-spinner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.no-spinner::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.no-spinner{-moz-appearance:textfield}.dt-outer{background:#f4f5f7;min-height:100vh}.dt-topbar{color:#fff;background:#1f4e79;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.dt-logout-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:6px;padding:6px 12px;font-size:13px}.dt-content{max-width:1100px;margin:0 auto;padding:20px 24px 40px}.dt-h1{margin-top:0;font-size:22px}.dt-tabs{gap:8px;max-width:420px;margin-bottom:12px;display:flex}.dt-tab{color:#555;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;flex:1;padding:10px 14px;font-size:14px}.dt-tab-active{color:#fff;background:#1f4e79;border-color:#1f4e79;font-weight:700}.dt-filters{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.dt-chip{color:#555;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:16px;padding:7px 14px;font-size:13px}.dt-chip-active{color:#fff;background:#1f4e79;border-color:#1f4e79}.dt-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.dt-card{background:#fff;border-radius:10px;padding:16px}.dt-card-title{font-size:15px;font-weight:700;line-height:1.3}.dt-card-qty{color:#1f4e79;margin:4px 0;font-size:18px;font-weight:700}.dt-actions{gap:8px;margin-top:12px;display:flex}.dt-done-btn{cursor:pointer;background:#f4f5f7;border:1px solid #ddd;border-radius:6px;flex:1;padding:8px 10px;font-size:13px;font-weight:700}@media (width<=768px){.dt-content{padding:16px 12px 40px}.dt-tabs{max-width:none}.dt-tab{padding:14px 10px;font-size:15px}.dt-chip{padding:10px 16px;font-size:14px}.dt-grid{grid-template-columns:1fr;gap:12px}.dt-card{padding:18px}.dt-card-title{font-size:17px}.dt-card-qty{font-size:22px}.dt-done-btn{padding:14px 12px;font-size:15px}.mobile-topbar{color:#fff;z-index:100;background:#1f4e79;justify-content:space-between;align-items:center;padding:12px 16px;position:sticky;top:0;display:flex!important}.app-sidebar{z-index:95;transition:transform .2s;top:0;bottom:0;left:0;transform:translate(-100%);position:fixed!important}.app-main{padding:16px!important}}