:root{--bg-color:#121212;--surface-color:#1e1e1e;--surface-color-light:#2c2c2c;--text-primary:#fff;--text-secondary:#aaa;--accent-primary:#00d2ff;--accent-primary-hover:#3a86ff;--accent-success:#06d6a0;--accent-success-hover:#05b587;--accent-danger:#ef476f;--accent-orange:#fca311;--border-radius:12px;--spacing:16px;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;font-family:var(--font-family);-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);justify-content:center;min-height:100vh;line-height:1.5;display:flex}#app{background-color:var(--bg-color);flex-direction:column;width:100%;max-width:600px;min-height:100vh;display:flex;position:relative;box-shadow:0 0 20px #00000080}.screen{flex-direction:column;width:100%;min-height:100vh;display:none}.screen.active{animation:.3s ease-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#init-screen{justify-content:center;align-items:center;padding:2rem}.logo-container{text-align:center;margin-bottom:3rem}.logo-container h1{color:var(--accent-primary);letter-spacing:-1px;text-shadow:0 4px 15px #00d2ff4d;margin-bottom:.5rem;font-size:2.5rem}.logo-container p{color:var(--text-secondary);font-size:1.1rem}.card{background:var(--surface-color);border-radius:var(--border-radius);border:1px solid #ffffff0d;width:100%;padding:2rem;box-shadow:0 8px 30px #0000004d}.card label{color:var(--text-secondary);margin-bottom:.5rem;font-weight:500;display:block}input[type=text],input[type=number]{background:var(--surface-color-light);width:100%;color:var(--text-primary);border:2px solid #0000;border-radius:8px;padding:1rem;font-size:1.1rem;transition:all .2s}input[type=text]:focus,input[type=number]:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #00d2ff33}button{cursor:pointer;border:none;border-radius:8px;width:100%;padding:1rem;font-size:1.1rem;font-weight:600;transition:transform .1s,filter .2s}button:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-primary);color:#000;margin-top:1.5rem}.btn-primary:hover:not(:disabled){filter:brightness(1.1)}.btn-secondary{background:var(--surface-color-light);color:var(--text-primary)}.btn-danger{color:var(--accent-danger);border:1px solid var(--accent-danger);background:0 0}.btn-success{background:var(--accent-success);color:#000}.btn-large{padding:1.25rem;font-size:1.25rem}.hidden{display:none!important}.app-header{padding:1rem var(--spacing);background:var(--surface-color);z-index:10;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.session-badge{color:var(--accent-primary);background:#00d2ff26;border-radius:20px;padding:.4rem .8rem;font-size:.9rem;font-weight:600}.item-count{color:var(--text-secondary);font-size:1rem}.app-content{padding:var(--spacing);flex-direction:column;flex:1;gap:1.5rem;display:flex;overflow-y:auto}.input-group label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.95rem;font-weight:600;display:block}.scanner-container{border-radius:var(--border-radius);aspect-ratio:4/3;background:#000;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}#reader{width:100%;height:100%}.scanner-overlay{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.scan-box{border:2px solid var(--accent-primary);border-radius:8px;width:70%;height:40%;box-shadow:0 0 0 4000px #00000080}.camera-controls{justify-content:space-between;gap:1rem;display:flex}.btn-icon{background:var(--surface-color);color:var(--text-primary);flex:1;justify-content:center;align-items:center;gap:.5rem;display:flex}.qty-container{background:var(--surface-color);border-radius:var(--border-radius);border:1px solid #ffffff0d;padding:1.5rem}.qty-container label{text-align:center;color:var(--text-secondary);margin-bottom:1rem;font-weight:600;display:block}.qty-controls{justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.btn-qty{background:var(--surface-color-light);width:60px;height:60px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:2rem;display:flex}#qty-input{text-align:center;width:100px;padding:.5rem;font-size:2rem;font-weight:700}.history-container{margin-bottom:2rem}.history-container h3{color:var(--text-secondary);margin-bottom:1rem;font-size:1.1rem}.history-table{border-collapse:collapse;background:var(--surface-color);border-radius:var(--border-radius);width:100%;overflow:hidden}.history-table th,.history-table td{text-align:left;border-bottom:1px solid #ffffff0d;padding:.8rem}.history-table th{background:var(--surface-color-light);color:var(--text-secondary);font-size:.9rem;font-weight:600}.history-table td{font-size:.95rem}.row-highlight{animation:1s ease-out highlightRow}@keyframes highlightRow{0%{background-color:#06d6a04d}to{background-color:#0000}}.app-footer{padding:var(--spacing);background:var(--surface-color);z-index:10;border-top:1px solid #ffffff0d;position:sticky;bottom:0}#toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center;background:#000c;border-radius:8px;max-width:90vw;padding:12px 24px;animation:.3s slideUp,.3s 2.7s forwards fadeOut;box-shadow:0 4px 12px #0000004d}.toast.warning{border-left:4px solid var(--accent-orange)}.toast.error{border-left:4px solid var(--accent-danger)}.toast.success{border-left:4px solid var(--accent-success)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}