*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f0f2f5;--surface: #ffffff;--primary: #1a73e8;--primary-dark: #1557b0;--danger: #d93025;--success: #34a853;--warning: #fbbc04;--text: #202124;--text-muted: #5f6368;--border: #dadce0;--radius: 8px;--shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.08);--shadow-md: 0 4px 6px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.06)}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}nav{background:var(--primary);color:#fff;padding:0 1.5rem;display:flex;align-items:center;gap:1.5rem;height:56px;box-shadow:var(--shadow-md);position:sticky;top:0;z-index:100}nav .brand{font-size:1.1rem;font-weight:700;letter-spacing:.5px;margin-right:auto;display:flex;align-items:center;gap:.4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}nav a{color:#ffffffd9;text-decoration:none;font-size:.9rem;font-weight:500;padding:.35rem .75rem;border-radius:4px;transition:background .15s;white-space:nowrap}nav a:hover,nav a.active{background:#fff3;color:#fff}main{max-width:860px;margin:1.5rem auto;padding:0 1rem}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem;margin-bottom:1rem}.card h2{font-size:1rem;font-weight:600;margin-bottom:1rem;padding-bottom:.65rem;border-bottom:1px solid var(--border);color:var(--text)}label{display:block;font-size:.85rem;font-weight:500;color:var(--text-muted);margin-bottom:.35rem}input[type=text],input[type=number],input[type=date],select,textarea{width:100%;padding:.65rem .9rem;border:1.5px solid var(--border);border-radius:var(--radius);font-size:1rem;font-family:inherit;color:var(--text);background:var(--surface);transition:border-color .15s;outline:none;-webkit-appearance:none}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1a73e826}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{margin-bottom:.9rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.1rem;border-radius:var(--radius);border:none;font-size:.95rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s,transform .1s;text-decoration:none;min-height:44px;touch-action:manipulation}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#2d9147}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#b71c1c}.btn-outline{background:transparent;border:1.5px solid var(--border);color:var(--text)}.btn-outline:hover{background:var(--bg)}.btn-sm{padding:.45rem .8rem;font-size:.82rem;min-height:36px}.btn-group{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1rem}.alert{padding:.85rem 1.1rem;border-radius:var(--radius);font-size:.9rem;margin-bottom:1rem}.alert-info{background:#e8f0fe;color:#1a56a4;border-left:4px solid var(--primary)}.alert-success{background:#e6f4ea;color:#1e7e34;border-left:4px solid var(--success)}.alert-warning{background:#fef7e0;color:#b36a00;border-left:4px solid var(--warning)}.alert-danger{background:#fce8e6;color:#b31412;border-left:4px solid var(--danger)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;font-size:.9rem}th{background:var(--bg);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);padding:.6rem .85rem;text-align:left;border-bottom:2px solid var(--border);white-space:nowrap}td{padding:.75rem .85rem;border-bottom:1px solid var(--border);vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:#f8f9fa}.scan-input-wrap{display:flex;gap:.65rem;align-items:flex-end}.scan-input-wrap>div{flex:1}.product-found{background:#e6f4ea;border:1.5px solid #34a853;border-radius:var(--radius);padding:.9rem 1.1rem;margin:.75rem 0}.product-found .product-name{font-size:1.1rem;font-weight:700;color:var(--text);margin-bottom:.2rem}.product-found .product-meta{font-size:.83rem;color:var(--text-muted)}.calc-result{background:var(--primary);color:#fff;border-radius:var(--radius);padding:1rem 1.25rem;text-align:center;margin:.75rem 0}.calc-result .total-label{font-size:.85rem;opacity:.85}.calc-result .total-value{font-size:2.8rem;font-weight:700;line-height:1.1}.calc-result .total-sub{font-size:.85rem;opacity:.85;margin-top:.25rem}#html5qr-code-full-region{border-radius:var(--radius);overflow:hidden;border:2px solid var(--border)!important}#html5qr-code-full-region img{display:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:200;padding:1rem}.modal{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:1.5rem;width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.modal h3{font-size:1.05rem;font-weight:700;margin-bottom:1.1rem}@media screen{.dymo-label-preview{width:216px;height:144px;border:2px dashed var(--border);border-radius:4px;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#fff;margin:0 auto;font-family:Arial,sans-serif}}@media print{@page{size:1.5in 1in;margin:0}html,body{width:1.5in!important;height:1in!important;overflow:hidden!important;margin:0!important;padding:0!important}body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{position:absolute;top:0;left:0;width:1.5in;height:1in;padding:.05in;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-family:Arial,sans-serif;background:#fff;overflow:hidden}.print-area svg{width:100%;height:auto;max-height:.78in}.print-area .label-sub{font-size:7pt;color:#222;text-align:center}}.report-filters{display:flex;gap:.75rem;flex-wrap:wrap;align-items:flex-end;margin-bottom:1.1rem}.report-filters .form-group{margin:0;min-width:140px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;margin-bottom:1.25rem}.summary-card{background:var(--bg);border-radius:var(--radius);padding:.85rem;text-align:center}.summary-card .s-value{font-size:1.7rem;font-weight:700;color:var(--primary)}.summary-card .s-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:.2rem}.badge{display:inline-block;padding:.2rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge-blue{background:#e8f0fe;color:var(--primary)}.badge-green{background:#e6f4ea;color:#1e7e34}.empty-state{text-align:center;padding:2rem;color:var(--text-muted)}.empty-state .icon{font-size:2.2rem;margin-bottom:.5rem}.spinner{display:inline-block;width:20px;height:20px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 600px){nav{padding:0 .85rem;gap:.5rem;height:52px}nav .brand{font-size:1rem}nav .brand span:last-child{display:none}nav a{padding:.3rem .5rem;font-size:.82rem}main{margin:.75rem auto 5rem;padding:0 .65rem}.card{padding:1rem;margin-bottom:.75rem;border-radius:10px}.card h2{font-size:.95rem;margin-bottom:.85rem}.scan-input-wrap{flex-wrap:wrap}.scan-input-wrap>div{flex:1 1 100%}.scan-input-wrap .btn{flex:1}input[type=number]{font-size:1.25rem!important}.calc-result .total-value{font-size:3rem}.btn-group{gap:.5rem}.btn-group .btn{flex:1;min-width:0}.hide-mobile{display:none!important}td,th{padding:.6rem .5rem}.btn-sm{padding:.4rem .5rem;font-size:.78rem}.modal-backdrop{align-items:flex-end;padding:0}.modal{border-radius:16px 16px 0 0;max-width:100%;max-height:92vh;padding:1.25rem 1rem}.report-filters .form-group{min-width:100%}.report-filters .btn{flex:1}.summary-grid{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}}