:root{--primary:#1a73e8;--green:#188038;--amber:#e37400;--red:#d93025;--border:#dadce0;--text-sub:#5f6368;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{color:#202124;background:#f8f9fa;margin:0}.navbar{border-bottom:1px solid var(--border);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;display:flex;position:sticky;top:0}.nav-links{gap:16px;display:flex}.nav-links a{color:var(--text-sub);font-weight:500;text-decoration:none}.nav-links a.active{color:var(--primary)}.nav-user{align-items:center;gap:8px;display:flex}.nav-email{color:var(--text-sub);font-size:.85rem}.page{max-width:860px;margin:0 auto;padding:16px}.centered-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:100vh;padding:24px;display:flex}.card{border:1px solid var(--border);background:#fff;border-radius:8px;flex-direction:column;gap:10px;margin:12px 0;padding:16px;display:flex}.card label{flex-direction:column;gap:4px;font-size:.9rem;display:flex}input,select{border:1px solid var(--border);border-radius:6px;padding:10px;font-size:1rem}.search{width:100%;margin-bottom:12px}.btn{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:6px;padding:10px 16px;font-size:1rem}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-in{background:var(--green);border-color:var(--green);color:#fff}.btn-out{background:var(--red);border-color:var(--red);color:#fff}.btn-small{padding:4px 10px;font-size:.85rem}.action-row,.qty-row,.filter-row{align-items:center;gap:8px;display:flex}.qty-row input{text-align:center;width:80px}.filter-row{flex-wrap:wrap;margin-bottom:12px}.table{border-collapse:collapse;border:1px solid var(--border);background:#fff;border-radius:8px;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:10px 12px}.table th{text-transform:uppercase;color:var(--text-sub);font-size:.8rem}.sub{color:var(--text-sub);font-size:.8rem}.stock-badge{border-radius:999px;padding:2px 10px;font-size:.9rem;font-weight:600}.stock-green{color:var(--green);background:#e6f4ea}.stock-amber{color:var(--amber);background:#fef7e0}.stock-red{color:var(--red);background:#fce8e6}.action-tag{border-radius:4px;padding:2px 8px;font-size:.8rem;font-weight:600}.action-in{color:var(--green);background:#e6f4ea}.action-out{color:var(--red);background:#fce8e6}.action-adjust{color:var(--primary);background:#e8f0fe}.scanner-region{border-radius:8px;max-width:480px;margin:0 auto;overflow:hidden}.hint{text-align:center;color:var(--text-sub)}.error{color:var(--red)}.success{color:var(--green);font-weight:600}.spinner{text-align:center;color:var(--text-sub);padding:40px}.pager{justify-content:center;align-items:center;gap:12px;margin-top:12px;display:flex}.scanner-wrap{flex-direction:column;gap:10px;max-width:520px;margin:0 auto;display:flex}.scanner-video-box{background:#000;border-radius:8px;position:relative;overflow:hidden}.scanner-video{width:100%;display:block}.scan-guide{pointer-events:none;border:2px solid #ffffffe6;border-radius:6px;position:absolute;inset:35% 10%;box-shadow:0 0 0 9999px #00000059}.scanner-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.zoom-control{align-items:center;gap:8px;font-size:.9rem;display:flex}.manual-entry{gap:8px;display:flex}.manual-entry input{flex:1}