:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.6;font-weight:400;color-scheme:light;color:#333;background-color:#f5f6f8;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:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background:#f5f6f8}h1{font-size:3.2em}button{border-radius:6px;border:1px solid #d0d7de;padding:6px 12px;font-size:13px;font-weight:500;font-family:inherit;background-color:#fff;cursor:pointer;transition:all .2s}button:hover{background-color:#f0f4ff;border-color:#4c6ef5}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}table{width:100%;border-collapse:collapse;font-size:13px;background:#fff}th{background:#f1f3f5;font-weight:600;text-align:left;padding:10px;border-bottom:2px solid #dee2e6}td{padding:8px 10px;border-bottom:1px solid #eee}.summary-table{width:auto;min-width:420px;font-size:12px;margin-bottom:20px}.summary-table th{padding:6px 10px;background:#f8f9fa;font-weight:600}.summary-table td{padding:6px 10px}table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;font-size:13px}th{background:#f8fafc;font-weight:600;text-align:left;padding:10px 12px;border-bottom:1px solid #e5e7eb;color:#374151}td{padding:8px 12px;border-bottom:1px solid #f1f5f9;color:#111827}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#f9fafb}.modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999}.history-modal{width:520px;max-height:70vh;background:#fff;border-radius:14px;box-shadow:0 15px 40px #00000026;display:flex;flex-direction:column;overflow:hidden;animation:fadeIn .2s ease}@keyframes fadeIn{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.history-header{padding:18px 22px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.history-header h3{margin:0;font-size:18px}.history-header p{margin:4px 0 0;font-size:12px;color:#6b7280}.modal-close{background:transparent;border:none;font-size:18px;cursor:pointer}.history-body{padding:12px 0;overflow-y:auto}.history-item{padding:12px 22px;display:flex;justify-content:space-between;align-items:center;transition:background .15s}.history-item:hover{background:#f9fafb}.history-time{font-size:13px;font-weight:500}.history-user{font-size:11px;color:#9ca3af}.history-right{display:flex;align-items:center;gap:12px}.history-badge{font-size:11px;padding:4px 8px;border-radius:999px;text-transform:capitalize}.badge-add{background:#e6f4ea;color:#1e7e34}.badge-reduce{background:#fde8e8;color:#c92a2a}.history-qty{font-weight:600;font-size:14px}.qty-add{color:#1e7e34}.qty-reduce{color:#c92a2a}.empty-history{padding:40px;text-align:center;color:#9ca3af;font-size:13px}